@charset "UTF-8";
/* ----------------------------------------
reset css
---------------------------------------- */
.kikanshi h2.sdgs-post-heading {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent;
}

/* =======================================
general settings
======================================= */
.kikanshi .sdgs-main-wrapper * {
  font-size: initial;
  line-height: initial !important;
  letter-spacing: initial;
}

.kikanshi #sdgs-main * {
  color: var(--text-color);
  font-size: var(--fz);
}
.kikanshi #sdgs-main * img {
  align-items: baseline;
}
.kikanshi #sdgs-main * dl,
.kikanshi #sdgs-main * dt,
.kikanshi #sdgs-main * dd {
  margin: 0;
}
.kikanshi #sdgs-main * figure,
.kikanshi #sdgs-main * h2,
.kikanshi #sdgs-main * h3,
.kikanshi #sdgs-main * h4,
.kikanshi #sdgs-main * h5,
.kikanshi #sdgs-main * h6 {
  margin: 0;
}

.pc-only {
  display: none;
}
@media screen and (min-width: 720px) {
  .pc-only {
    display: block;
  }
}

.sp-only {
  display: block;
}
@media screen and (min-width: 720px) {
  .sp-only {
    display: none;
  }
}

/* ----------------------------------------
feature style css
---------------------------------------- */
#feature-article {
  --fz: clamp(14px, 8.1824px + 1.8182vw, 18px);
  --text-color: #222;
  --black: #000;
  --white: #fff;
  --colorblue: #599AC0;
  --colorgreen01: #008D4F;
  --colorgreen02: #68B82E;
  --phrase: #c7a899;
  font-family: inherit;
  font-weight: inherit;
}
@media screen and (min-width: 720px) {
  #feature-article {
    --fz: 15px;
  }
}
@media screen and (min-width: 960px) {
  #feature-article {
    --fz: 16px;
  }
}

#feature-article > * {
  width: 100%;
  margin: 0 auto;
}
#feature-article * {
  font-size: var(--fz);
}

/* ----------------------------------------
coop-recommend css
---------------------------------------- */
#feature-article {
  padding: 0 5px;
  /** リードブロック **/
  /** 大空襲 **/
  /** 戦跡めぐりのルート **/
}
#feature-article p, #feature-article li, #feature-article dd, #feature-article th, #feature-article td {
  letter-spacing: -0.035em;
  line-height: 1.75 !important;
  font-size: 1.125em;
}
#feature-article .ruby {
  font-size: 60%;
  letter-spacing: 0;
}
#feature-article .sengo80-outline-title {
  width: 9em;
  background: none;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
}
#feature-article .sengo80-outline-header {
  padding: 0;
  margin: 0 0 1em;
  width: 100%;
  padding-top: 102.6041666667%;
  background: url(../../08/images/feature202508_mv-sp.png) no-repeat center center/cover;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-outline-header {
    grid-column: 1/3;
    padding-top: 62.5%;
    background: url(../../08/images/feature202508_mv-pc.png) no-repeat center center/cover;
  }
}
#feature-article .sengo80-outline-header ul {
  position: absolute;
  top: -100%;
  left: -100%;
}
#feature-article .sengo80-outline-header ul li {
  list-style: none;
  line-height: 1.75 !important;
}
#feature-article .sengo80-outline-header ul h2 {
  color: var(--text-color);
  text-align: left;
  line-height: 1 !important;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
#feature-article .sengo80-outline-lead {
  letter-spacing: -0.035em;
  line-height: 1.75 !important;
  margin-bottom: 0.25rem;
}
#feature-article .sengo80-outline-column {
  margin-top: 5rem;
}
#feature-article .sengo80-outline-column h3 {
  margin: 2rem 0;
  font-size: 1.8rem;
  line-height: 1.4 !important;
  color: var(--colorgreen01);
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-outline-column h3 .sp {
    display: none;
  }
}
#feature-article .sengo80-outline-column .photo {
  margin: 1rem 0;
}
#feature-article .sengo80-outline-column .rootmap {
  display: inline-block;
  text-decoration: none;
  padding: 0 2.6rem 0 1rem;
  border-radius: 50vh;
  background: var(--colorgreen02);
  color: #FFF;
  position: relative;
}
#feature-article .sengo80-outline-column .rootmap::after {
  content: "";
  width: 6px;
  aspect-ratio: 1;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(-45deg);
}
#feature-article .sengo80-outline-column .rootmap span {
  font-size: 2rem;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-outline-column {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 4rem;
  }
  #feature-article .sengo80-outline-column .photoCont {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 2rem;
  }
}
#feature-article .sengo80-daikushu {
  margin-top: 5em;
  margin: 5em calc(5px - 2rem) 2em;
  padding: 0 calc(5px + 2rem);
  background: url(../../08/images/feature202508_daikushu_bg.png) no-repeat 0 0/100% auto;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-daikushu {
    padding: 0;
    margin: 5em 0 0 0;
  }
}
#feature-article .sengo80-daikushu-header {
  padding: 80px 0 20px;
  display: grid;
  gap: 1rem;
}
#feature-article .sengo80-daikushu-header hgroup h3 {
  font-size: 2.8rem;
  line-height: 1.4 !important;
  color: var(--colorblue);
}
#feature-article .sengo80-daikushu-header hgroup p {
  margin-top: 1rem;
  color: #666;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-daikushu-header {
    padding: 50px 20px;
    grid-template-columns: max-content 1fr;
    gap: 4rem;
  }
  #feature-article .sengo80-daikushu-header hgroup h3 {
    font-size: 3rem;
  }
}
#feature-article .sengo80-daikushu-episode {
  display: grid;
  gap: 3rem;
}
#feature-article .sengo80-daikushu-episode section {
  padding-top: 1rem;
  border-top: 1px dashed #9E8368;
  display: grid;
  gap: 1rem;
  align-self: self-start;
}
#feature-article .sengo80-daikushu-episode section h4 {
  color: var(--colorblue);
  font-size: 1.8rem;
  background: none;
  margin: 0 0 1rem;
  padding: 0;
}
#feature-article .sengo80-daikushu-episode section .link a {
  border-radius: 4px;
  border: 1px solid #333;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 2.6rem 0 1.5rem;
  color: #333;
  position: relative;
}
#feature-article .sengo80-daikushu-episode section .link a::after {
  content: "";
  width: 6px;
  aspect-ratio: 1;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(-45deg);
}
#feature-article .sengo80-daikushu-episode .epi01 .cut {
  width: 60%;
  margin: 0 auto;
}
#feature-article .sengo80-daikushu-episode .epi02 .cut {
  width: 50%;
  margin: 0 auto;
}
#feature-article .sengo80-daikushu-episode .epi04 .cut {
  width: 50%;
  margin: 0 auto;
}
#feature-article .sengo80-daikushu-episode .epi05 .cut {
  width: 25%;
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-daikushu-episode {
    grid-template-columns: 60% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-daikushu-episode section {
    align-self: self-start;
  }
  #feature-article .sengo80-daikushu-episode section h4 {
    grid-area: h4;
  }
  #feature-article .sengo80-daikushu-episode section .link {
    grid-area: link;
  }
  #feature-article .sengo80-daikushu-episode section .cut {
    grid-area: cut;
  }
  #feature-article .sengo80-daikushu-episode section p {
    grid-area: paragraph;
  }
  #feature-article .sengo80-daikushu-episode .epi01 {
    grid-column: 1/3;
    grid-template-columns: 70% 1fr;
    grid-template-areas: "h4 h4" "paragraph cut" "link cut";
  }
  #feature-article .sengo80-daikushu-episode .epi02 {
    grid-template-columns: 70% 1fr;
    grid-template-areas: "h4 h4" "paragraph cut" "link cut";
  }
  #feature-article .sengo80-daikushu-episode .epi02 .cut {
    width: 100%;
  }
  #feature-article .sengo80-daikushu-episode .epi03 {
    grid-template-columns: 1fr;
    grid-template-areas: "h4" "paragraph" "link" "cut";
  }
  #feature-article .sengo80-daikushu-episode .epi04 {
    grid-column: 1/3;
    grid-template-columns: 80% 1fr;
    grid-template-areas: "h4 h4" "paragraph cut" "link cut";
  }
  #feature-article .sengo80-daikushu-episode .epi04 .cut {
    width: 100%;
  }
  #feature-article .sengo80-daikushu-episode .epi05 {
    grid-column: 1/3;
    grid-template-columns: 90% 1fr;
    grid-template-areas: "h4 h4" "paragraph cut" "link cut";
  }
  #feature-article .sengo80-daikushu-episode .epi05 .cut {
    width: 100%;
  }
}
#feature-article .sengo80-daikushu-links {
  margin-top: 2em;
  border-bottom: 2px solid #EEE;
  padding-bottom: 3em;
}
#feature-article .sengo80-daikushu-links .box {
  margin-top: 2rem;
}
#feature-article .sengo80-daikushu-links .link a {
  display: block;
  text-decoration: none;
  padding: 1rem 2.6rem 1rem 2rem;
  margin-bottom: 1rem;
  border-radius: 5px;
  background: var(--colorblue);
  color: #FFF;
  position: relative;
  line-height: 1.4 !important;
  height: 100%;
  display: flex;
  align-items: center;
}
#feature-article .sengo80-daikushu-links .link a::after {
  content: "";
  width: 6px;
  aspect-ratio: 1;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(-45deg);
}
#feature-article .sengo80-daikushu-links .thumbnail {
  width: 50%;
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-daikushu-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
  #feature-article .sengo80-daikushu-links .box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 1rem;
  }
  #feature-article .sengo80-daikushu-links .box .thumbnail {
    width: 40%;
  }
}
#feature-article .sengo80-walking-header {
  margin-bottom: 3rem;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  #feature-article .sengo80-walking-header h3 {
    grid-column: 1/3;
  }
  #feature-article .sengo80-walking-header p {
    margin-top: -2em;
    grid-row: 2/3;
    grid-column: 2/4;
  }
}
#feature-article .sengo80-walking-rootmap h4 {
  padding: 0 0 0.5rem;
  margin: 0 0 1rem 0;
  background: none;
  font-size: 2.4rem;
  line-height: 1.4 !important;
  color: var(--colorgreen02);
  border-radius: 0;
  border-bottom: 1px solid var(--colorgreen02);
}
#feature-article .sengo80-walking-rootmap ul {
  display: block;
}
#feature-article .sengo80-walking-rootmap ul li {
  font-size: 16px;
  display: inline;
}
#feature-article .sengo80-walking-rootmap ul li::after {
  content: "➡";
  display: inline-block;
  padding-left: 8px;
}
#feature-article .sengo80-walking-rootmap ul li:last-child::after {
  display: none;
}
#feature-article .sengo80-walking-rootmap ul li span {
  position: relative;
  top: 3px;
  color: var(--colorgreen02);
  font-size: 150%;
}
#feature-article .sengo80-walking-rootmap ul li a {
  text-decoration: none;
  color: #333;
  align-items: center;
}
#feature-article .sengo80-walking-rootmap .map {
  text-align: right;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-rootmap {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 4rem;
  }
  #feature-article .sengo80-walking-rootmap h4 {
    grid-column: 1/3;
  }
}
#feature-article .sengo80-walking-area {
  margin-top: 5em;
}
#feature-article .sengo80-walking-area .area {
  background: #FEF4E8;
  padding: 2rem 1.5rem;
  display: grid;
  gap: 1rem;
  margin-bottom: 5rem;
  position: relative;
}
#feature-article .sengo80-walking-area .area h5 {
  align-items: center;
  font-weight: bold;
  font-size: 2.2rem;
  color: var(--colorgreen02);
  letter-spacing: 0;
  text-indent: calc(-3.08rem - 0.2em);
  padding-left: calc(3.08rem + 0.2em);
}
#feature-article .sengo80-walking-area .area h5 .ruby {
  font-weight: normal;
  font-size: 55%;
}
#feature-article .sengo80-walking-area .area h5 .f-letter {
  position: relative;
  top: 3px;
  font-size: 140%;
}
#feature-article .sengo80-walking-area .area h5 + h5 {
  margin-top: -0.25em;
}
#feature-article .sengo80-walking-area .area .photo {
  max-width: 80%;
  margin: 0 auto;
}
#feature-article .sengo80-walking-area .area:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 5px);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  z-index: 99;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 4rem;
  }
  #feature-article .sengo80-walking-area .area h5 + h5 {
    margin-top: -0.5rem;
  }
}
#feature-article .sengo80-walking-area #rootmap02 {
  margin-bottom: calc(5.83em - 1.5rem);
}
#feature-article .sengo80-walking-area #rootmap02::after {
  width: 11em;
  right: 4rem;
  aspect-ratio: 300/159;
  background-image: url(../../08/images/feature202508_rootmap_next07.png);
}
#feature-article .sengo80-walking-area #rootmap04 {
  margin-bottom: 7.96rem;
}
#feature-article .sengo80-walking-area #rootmap04::after {
  width: 3.5rem;
  left: 3rem;
  aspect-ratio: 300/768;
  background-image: url(../../08/images/feature202508_rootmap_next03.png);
}
#feature-article .sengo80-walking-area #rootmap06 {
  margin-bottom: 5.6666666667rem;
}
#feature-article .sengo80-walking-area #rootmap06::after {
  width: 10rem;
  left: 10rem;
  aspect-ratio: 300/201;
  background-image: url(../../08/images/feature202508_rootmap_next02.png);
}
#feature-article .sengo80-walking-area #rootmap07 {
  margin-bottom: 10.4466666667rem;
}
#feature-article .sengo80-walking-area #rootmap07::after {
  width: 14rem;
  left: 4rem;
  aspect-ratio: 300/256;
  background-image: url(../../08/images/feature202508_rootmap_next05.png);
}
#feature-article .sengo80-walking-area #rootmap08 {
  margin-bottom: calc((100% - 4em) * 96 / 300 - 1.5rem);
}
#feature-article .sengo80-walking-area #rootmap08::after {
  width: calc(100% - 4em);
  right: 2rem;
  aspect-ratio: 300/96;
  background-image: url(../../08/images/feature202508_rootmap_next04.png);
}
#feature-article .sengo80-walking-area #rootmap10::after {
  width: 6rem;
  right: 6rem;
  aspect-ratio: 300/326;
  background-image: url(../../08/images/feature202508_rootmap_next01.png);
}
#feature-article .sengo80-walking-area #rootmap10 .photo {
  max-width: 100%;
}
#feature-article .sengo80-walking-area #rootmap11 {
  margin-bottom: calc(8.6em - 1.5rem);
}
#feature-article .sengo80-walking-area #rootmap11::after {
  width: 12em;
  right: 4rem;
  aspect-ratio: 300/194;
  background-image: url(../../08/images/feature202508_rootmap_next06.png);
}
#feature-article .sengo80-walking-area #rootmap12 {
  margin-bottom: 7.96rem;
}
#feature-article .sengo80-walking-area #rootmap12::after {
  width: 3.5rem;
  left: 10rem;
  aspect-ratio: 300/768;
  background-image: url(../../08/images/feature202508_rootmap_next03.png);
}
#feature-article .sengo80-walking-area #rootmap13 {
  background: none;
  padding: 0;
}
#feature-article .sengo80-walking-area #rootmap13::after {
  width: 6rem;
  right: 6rem;
  aspect-ratio: 300/326;
  background-image: url(../../08/images/feature202508_rootmap_next01.png);
}
#feature-article .sengo80-walking-area #rootmap13 .photo {
  max-width: 100%;
}
#feature-article .sengo80-walking-area #rootmap14 .chemicallabo {
  display: inline-block;
  text-decoration: none;
  padding: 0 2.6rem 0 1rem;
  border-radius: 50vh;
  background: var(--colorgreen02);
  color: #FFF;
  position: relative;
  margin-left: 1rem;
  line-height: 1;
  font-size: 80%;
}
#feature-article .sengo80-walking-area #rootmap14 .chemicallabo::after {
  content: "";
  width: 6px;
  aspect-ratio: 1;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(-45deg);
}
#feature-article .sengo80-walking-area #rootmap14 .chemicallabo span {
  font-size: 2rem;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-area #rootmap02 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap02 h5 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap02 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap02::after {
    right: 30%;
  }
  #feature-article .sengo80-walking-area #rootmap04 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap04 hgroup {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap04 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap06 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 60% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap06 h5 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap06 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap06::after {
    left: 30%;
  }
  #feature-article .sengo80-walking-area #rootmap07 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap07 h5 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap07 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap08 {
    margin-bottom: calc(9.6% - 1.5rem);
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap08 hgroup {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap08 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap08:after {
    width: 30%;
    right: auto;
    left: 10%;
  }
  #feature-article .sengo80-walking-area #rootmap10 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 2rem;
  }
  #feature-article .sengo80-walking-area #rootmap10 h5 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #feature-article .sengo80-walking-area #rootmap10 .photo {
    grid-row: 1/3;
  }
  #feature-article .sengo80-walking-area #rootmap10::after {
    right: auto;
    left: 40%;
  }
  #feature-article .sengo80-walking-area #rootmap11 {
    align-self: self-start;
  }
  #feature-article .sengo80-walking-area #rootmap11 h5 br {
    display: none;
  }
  #feature-article .sengo80-walking-area #rootmap11 .photo {
    width: 60%;
  }
  #feature-article .sengo80-walking-area #rootmap11::after {
    right: 0;
    background-image: url(../images/feature202508_rootmap_next06_pc.png);
  }
  #feature-article .sengo80-walking-area #rootmap12::after {
    width: 6rem;
    right: calc(100% - 2rem);
    left: auto;
    aspect-ratio: 300/326;
    background-image: url(../../08/images/feature202508_rootmap_next01.png);
  }
  #feature-article .sengo80-walking-area #rootmap13 {
    align-self: self-start;
    margin-top: -2rem;
  }
  #feature-article .sengo80-walking-area #rootmap13::after {
    right: 0;
    transform: scale(-1, 1);
  }
  #feature-article .sengo80-walking-area #rootmap14 h5 br {
    display: none;
  }
}
#feature-article .sengo80-walking-navigator h5 {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
#feature-article .sengo80-walking-navigator .photo {
  max-width: 80%;
  margin: 0 auto;
}
#feature-article .sengo80-walking-navigator .comment {
  background: #FEF4E8;
  border: 2px solid #9E8368;
  border-radius: 10px;
  padding: 1rem;
  margin: 2rem 0 3rem;
  position: relative;
}
#feature-article .sengo80-walking-navigator .comment:before {
  display: block;
  content: "";
  width: calc(2rem + 4px);
  aspect-ratio: 1/0.8660254038;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  bottom: calc(100% - 3px);
  left: calc(50% - 1rem - 2px);
  background: #9E8368;
  z-index: -1;
}
#feature-article .sengo80-walking-navigator .comment:after {
  display: block;
  content: "";
  width: 2rem;
  aspect-ratio: 1/0.8660254038;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  bottom: calc(100% - 3px);
  left: calc(50% - 1rem);
  background: #FEF4E8;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-navigator {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #feature-article .sengo80-walking-navigator h5 {
    grid-column: 1/2;
  }
  #feature-article .sengo80-walking-navigator .photo {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  #feature-article .sengo80-walking-navigator .comment {
    grid-column: 2/2;
    grid-row: 1/3;
    align-self: center;
  }
  #feature-article .sengo80-walking-navigator .comment:before {
    height: calc(2rem + 4px);
    width: auto;
    aspect-ratio: 0.8660254038;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    bottom: calc(50% - 1rem - 2px);
    left: auto;
    right: calc(100% - 2px);
  }
  #feature-article .sengo80-walking-navigator .comment:after {
    height: 2rem;
    width: auto;
    aspect-ratio: 0.8660254038;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    bottom: calc(50% - 1rem);
    left: auto;
    right: calc(100% - 3px);
  }
}
#feature-article .sengo80-walking-guide .link a {
  background: var(--colorgreen02);
  color: #FFF;
  text-align: center;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin-top: 1rem;
  position: relative;
  align-items: center;
  gap: 1rem;
}
#feature-article .sengo80-walking-guide .link a::after {
  content: "";
  aspect-ratio: 0.8660254038;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #FFF;
  height: 1rem;
}
#feature-article .sengo80-walking-guide .tomatochan {
  width: 50%;
  margin: 2rem auto;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 720px) {
  #feature-article .sengo80-walking-guide {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #feature-article .sengo80-walking-guide .inq {
    align-self: center;
  }
  #feature-article .sengo80-walking-guide .inq .link a {
    padding: 2rem 1rem;
    font-size: 2rem;
  }
  #feature-article .sengo80-walking-guide .tomatochan {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}