@charset "UTF-8";
body.leaves .pagetitle__sect {
  background: url(../img/leaves/about-pagetitle-bg@2x.webp) center/cover no-repeat;
  height: 15.5555555556rem;
  position: relative;
}
body.leaves .pagetitle__sect .cmn__contwidth {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
body.leaves .pagetitle__sect h1 {
  color: #142B4A;
  font-size: clamp(29px, 8.1911262799vw, 48px);
  font-weight: 500;
  padding-bottom: 0.7666666667em;
}
@media screen and (min-width: 586px) {
  body.leaves .pagetitle__sect h1 {
    font-size: clamp(32px, 9.2150170648vw, 54px);
  }
}
@media screen and (min-width: 768px) {
  body.leaves .pagetitle__sect h1 {
    font-size: 3.3333333333rem;
  }
}
body.leaves .pagetitle__sect h1::before {
  border-bottom: 1px solid #18A5D9;
  color: #18A5D9;
  content: var(--before);
  display: block;
  font-family: "Hind", Arial, Helvetica, sans-serif;
  font-size: 0.5em;
  letter-spacing: normal;
  width: max-content;
  margin-bottom: 0.5333333333em;
}

body.leaves main > .cmn__contwidth > section.no-title {
  margin-top: 5.5555555556em;
}

body.leaves main ul, body.leaves main ol {
  line-height: 1.5555555556;
}
body.leaves main ul li + li, body.leaves main ol li + li {
  margin-top: 0.4444444444em;
}

h2.with-after {
  color: #142B4A;
  font-size: clamp(24px, 6.8259385666vw, 40px);
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 0.6em;
  padding-top: 2.5em;
}
@media screen and (min-width: 586px) {
  h2.with-after {
    font-size: clamp(29px, 6.8259385666vw, 40px);
  }
}
@media screen and (min-width: 768px) {
  h2.with-after {
    font-size: 2.2222222222rem;
  }
}
h2.with-after span {
  display: block;
  border-bottom: 1px solid #18A5D9;
  padding-bottom: 0.15em;
}
h2.with-after::after {
  border-image: linear-gradient(to right, #18A5D9 6.25em, transparent 6.25em) 1;
  border-top-style: solid;
  border-width: 0.1875em 0 0 0;
  color: #18A5D9;
  content: var(--after);
  display: block;
  font-family: "Hind", Arial, Helvetica, sans-serif;
  font-size: 0.4em;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.25;
  text-align: right;
}

.with-mini-underbar {
  border-bottom-style: solid;
  border-image: linear-gradient(to right, #18A5D9 2.0833333333em, transparent 2.0833333333em) 1;
  border-width: 0 0 0.125em 0;
  color: #142B4A;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 3.3333333333em;
  margin-bottom: 1.25em;
  padding-bottom: 0.25em;
}

h3.with-mini-underbar {
  font-size: clamp(17px, 4.0955631399vw, 24px);
}
@media screen and (min-width: 768px) {
  h3.with-mini-underbar {
    font-size: 1.3333333333rem;
  }
}

.sqnum-heading {
  display: flex;
  font-weight: 500;
  gap: 0.6666666667em;
  margin-bottom: 0.4166666667em;
  margin-top: 1.25em;
}
.sqnum-heading span.num {
  background-color: #18A5D9;
  border-radius: 0.2307692308em;
  color: #fff;
  font-family: "Hind", Arial, Helvetica, sans-serif;
  font-size: 1.0833333333em;
  font-weight: 700;
  height: 1.3076923077em;
  line-height: 1.5;
  text-align: center;
  width: 1.3076923077em;
}

h4.sqnum-heading {
  font-size: clamp(17px, 4.0955631399vw, 24px);
  line-height: 1.4166666667;
}
@media screen and (min-width: 768px) {
  h4.sqnum-heading {
    font-size: 1.3333333333rem;
  }
}

.sq-heading {
  color: #000;
  display: flex;
  font-weight: 500;
  gap: 0.6666666667em;
  line-height: 1.375;
  margin-bottom: 0.8333333333em;
  margin-top: 1.6666666667em;
}
.sq-heading::before {
  background-color: #18A5D9;
  border-radius: 0.25em;
  content: "";
  height: 1em;
  margin-top: 0.2083333333em;
  width: 1em;
}

h4.sq-heading {
  font-size: clamp(17px, 4.0955631399vw, 24px);
}
@media screen and (min-width: 768px) {
  h4.sq-heading {
    font-size: 1.3333333333rem;
  }
}

p.p-17 {
  font-size: clamp(12px, 2.9010238908vw, 17px);
  line-height: 2;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  p.p-17 {
    font-size: 0.9444444444rem;
  }
}

table.table-basic {
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: clamp(9px, 2.8125vw, 13px);
  line-height: 1.3846153846;
}
@media screen and (min-width: 768px) {
  table.table-basic {
    font-size: 0.7222222222rem;
  }
}
table.table-basic th, table.table-basic td {
  border: 1px solid #D1D1D1;
  padding: 0.8461538462em 1.4615384615em;
}
table.table-basic th.nowb, table.table-basic td.nowb {
  word-break: keep-all;
}
table.table-basic tr > td:last-of-type,
table.table-basic tr > th:last-of-type {
  border-right: none;
}
table.table-basic thead th {
  background-color: #E9F2F5;
  font-weight: 500;
  text-align: left;
}
table.table-basic tbody th {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
table.table-basic tbody td {
  text-align: center;
}
table.table-basic.lefty tbody td {
  text-align: left;
}
table.table-basic.headless tbody th {
  background-color: #E9F2F5;
  font-weight: 500;
}

.lvcmn__scrolly {
  overflow-x: auto;
  overscroll-behavior-x: none;
}
@media screen and (max-width: 767px) {
  .lvcmn__scrolly {
    padding-bottom: 1px;
    padding-right: 1px;
  }
  .lvcmn__scrolly > .table-basic {
    border-right-width: 1.5px;
  }
}

ul.lvcmn__emjlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.lvcmn__emjlist li {
  display: flex;
  gap: 0.6666666667em;
  text-align: justify;
}
ul.lvcmn__emjlist li::before {
  flex: 0 0 1em;
}

body.whatsap .pagetitle__sect {
  background-image: url(../img/leaves/whatsap-pagetitle-bg@2x.webp);
}

body.whatsap .merit__sect .expl p {
  color: #356AB2;
  font-size: clamp(16px, 3.7542662116vw, 22px);
  line-height: 1.5454545455;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect .expl p {
    font-size: 1.2222222222rem;
  }
}
body.whatsap .merit__sect .expl p strong {
  font-weight: 600;
}
body.whatsap .merit__sect h4.sqnum-heading + div.expl {
  padding-left: 2.7777777778em;
}
body.whatsap .merit__sect ul.lvcmn__emjlist {
  margin-top: 0.7777777778em;
}
body.whatsap .merit__sect ul.lvcmn__emjlist li::before {
  content: "★";
  color: #CBBB00;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .post-grid {
    display: grid;
    gap: 3.8333333333%;
    grid-template-columns: 47.75% 1fr;
  }
}
body.whatsap .merit__sect article .post-grid .figures {
  display: grid;
  gap: 1.3793103448%;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.6666666667em;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .post-grid .figures {
    margin-top: 0;
  }
}
body.whatsap .merit__sect article .post-grid .figures figcaption {
  font-size: 12px;
  line-height: 1;
  margin-top: 0.4166666667em;
  text-align: right;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .post-grid .figures figcaption {
    font-size: 0.6666666667em;
  }
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .post-grid.item-2 {
    margin-top: 2.2222222222rem;
  }
  body.whatsap .merit__sect article .post-grid.item-2 > .body > h4.sq-heading {
    margin-top: 0;
  }
}
body.whatsap .merit__sect article .item-1 ol.lst-none {
  margin: 0;
}
body.whatsap .merit__sect article .item-3 .figures {
  margin-top: 1.9444444444em;
  margin-left: 1em;
  margin-right: 1em;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .item-3 .figures {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
  }
}
@media screen and (min-width: 1320px) {
  body.whatsap .merit__sect article .item-3 .figures {
    width: 78.5%;
  }
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .item-3 .figures > figure {
    display: grid;
    grid-template-columns: 70.0636942675% 1fr;
    align-items: center;
  }
}
body.whatsap .merit__sect article .item-3 .figures > figure + figure {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .item-3 .figures > figure + figure {
    margin-top: 1.7777777778em;
  }
}
body.whatsap .merit__sect article .item-3 .figures > figure > figcaption {
  font-size: clamp(12px, 2.7303754266vw, 16px);
  text-align: right;
}
@media screen and (min-width: 768px) {
  body.whatsap .merit__sect article .item-3 .figures > figure > figcaption {
    font-size: 0.8888888889rem;
    text-align: left;
  }
}

body.whatsap .mater__sect div.para-1:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
body.whatsap .mater__sect div.para-1 > figure {
  float: left;
  margin-bottom: 1em;
  margin-right: 1.5em;
  width: 35%;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-1 > figure {
    margin-bottom: 1.6666666667rem;
    margin-right: 2.2222222222rem;
    width: 13.3333333333rem;
  }
}
body.whatsap .mater__sect div.para-2 {
  margin-top: 1.6666666667em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 {
    margin-top: 0;
  }
}
body.whatsap .mater__sect div.para-2 > p.p-17 {
  margin-bottom: 0.5294117647em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 table {
    width: 100%;
  }
}
body.whatsap .mater__sect div.para-2 details.comparing-table {
  border: 1px solid #B7B7B7;
  margin-top: 1.6666666667em;
}
body.whatsap .mater__sect div.para-2 details.comparing-table > summary {
  background: url(../img/leaves/whatsap-acd-open-icon.svg) right 1em center/3.8em auto no-repeat;
  cursor: pointer;
  display: block;
  font-size: clamp(14px, 3.4129692833vw, 20px);
  padding: 1em 5em 1em 1.5em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 details.comparing-table > summary {
    font-size: 1.1111111111rem;
    padding: 1em 5em 1em 1.5em;
  }
  body.whatsap .mater__sect div.para-2 details.comparing-table > summary:hover {
    background-color: #eee;
  }
}
body.whatsap .mater__sect div.para-2 details.comparing-table > summary::-webkit-details-marker {
  display: none;
}
body.whatsap .mater__sect div.para-2 details.comparing-table > summary h3 {
  font-size: 1em;
  font-weight: 450;
}
@media screen and (max-width: 767px) {
  body.whatsap .mater__sect div.para-2 details.comparing-table[open] {
    border-color: #e7e7e7;
  }
}
body.whatsap .mater__sect div.para-2 details.comparing-table[open] > summary {
  background-image: url(../img/leaves/whatsap-acd-close-icon.svg);
}
body.whatsap .mater__sect div.para-2 details.comparing-table .content {
  padding: 1.1111111111em 0.5555555556em 1.6666666667em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 details.comparing-table .content {
    padding: 1.1111111111em 1.6666666667em 1.6666666667em;
  }
}
body.whatsap .mater__sect div.para-2 details.comparing-table .content > p.lead {
  font-size: clamp(12px, 2.7303754266vw, 16px);
  text-align: justify;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 details.comparing-table .content > p.lead {
    font-size: 0.8888888889rem;
  }
}
body.whatsap .mater__sect div.para-2 details.comparing-table .content p.note {
  font-size: clamp(10px, 3.125vw, 14px);
  line-height: 1.7142857143;
  margin-top: 1.1428571429em;
}
@media screen and (min-width: 768px) {
  body.whatsap .mater__sect div.para-2 details.comparing-table .content p.note {
    font-size: 0.7777777778rem;
  }
}

body.whatsap .desig__sect ul.lvcmn__emjlist {
  margin: 0.8888888889em 0 1.3888888889em;
}
body.whatsap .desig__sect ul.lvcmn__emjlist li {
  text-align: justify;
}
body.whatsap .desig__sect ul.lvcmn__emjlist li::before {
  content: "⚫️";
}
body.whatsap .desig__sect .lvcmn__scrolly {
  margin-bottom: 1.3888888889em;
  margin-top: 0.1111111111em;
}

body.whatsap .syste__sect article.post-1 blockquote > ol {
  line-height: 1.75;
  margin: 0;
}
body.whatsap .syste__sect article.post-1 blockquote > ol li + li {
  margin-top: 1.75em;
}
@media screen and (min-width: 768px) {
  body.whatsap .syste__sect article.post-2 .grid-group {
    display: grid;
    gap: 2.2222222222em;
    grid-template-columns: 1fr 30%;
  }
}
body.whatsap .syste__sect article.post-2 .grid-group div.body > dl {
  margin: 0;
}
body.whatsap .syste__sect article.post-2 .grid-group div.body > dl > dt {
  background-color: #F5F5F0;
  border: 0.0909090909em solid #356AB2;
  color: #356AB2;
  font-size: clamp(16px, 3.7542662116vw, 22px);
  font-weight: 500;
  line-height: 1.8181818182;
  margin-top: 1.0909090909em;
  padding: 0 2.1363636364em;
  width: max-content;
}
@media screen and (min-width: 768px) {
  body.whatsap .syste__sect article.post-2 .grid-group div.body > dl > dt {
    font-size: 1.2222222222rem;
  }
}
body.whatsap .syste__sect article.post-2 .grid-group div.body > dl dt + dd {
  margin-top: 0.8888888889em;
  margin-left: 0;
}
body.whatsap .syste__sect article.post-2 .grid-group div.body > dl ul.lvcmn__emjlist > li::before {
  content: "⚫️";
}
body.whatsap .syste__sect article.post-2 .grid-group div.figures {
  display: grid;
  gap: 0.4444444444em;
  grid-template-areas: "fig1 fig1" "fig2 fig3" "capt capt";
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  margin-top: 1.3333333333em;
}
@media screen and (min-width: 768px) {
  body.whatsap .syste__sect article.post-2 .grid-group div.figures {
    align-content: start;
    margin-top: 0.4444444444em;
  }
}
body.whatsap .syste__sect article.post-2 .grid-group div.figures .fig5-1 {
  grid-area: fig1;
}
body.whatsap .syste__sect article.post-2 .grid-group div.figures .fig5-2 {
  grid-area: fig2;
}
body.whatsap .syste__sect article.post-2 .grid-group div.figures .fig5-3 {
  grid-area: fig3;
}
body.whatsap .syste__sect article.post-2 .grid-group div.figures div.caption {
  grid-area: capt;
  font-size: clamp(10px, 3.125vw, 12px);
  line-height: 1.4166666667;
  text-align: right;
  margin-top: -0.3333333333em;
}
@media screen and (min-width: 768px) {
  body.whatsap .syste__sect article.post-2 .grid-group div.figures div.caption {
    font-size: clamp(10px, 1.3020833333vw, 12px);
  }
}

body.whatsap .evalu__sect table.table-basic.headless.lefty {
  font-size: clamp(12px, 2.7303754266vw, 16px);
  line-height: 1.375;
}
body.whatsap .evalu__sect table.table-basic.headless.lefty td {
  text-align: justify;
}
body.whatsap .evalu__sect table.table-basic.headless.lefty th {
  word-break: keep-all;
}
@media screen and (min-width: 768px) {
  body.whatsap .evalu__sect table.table-basic.headless.lefty {
    font-size: 0.8888888889rem;
    width: 100%;
  }
}

body.construction .pagetitle__sect {
  background-image: url(../img/leaves/const-pagetitle-bg@2x.webp);
}

body.construction .flowx__sect .cmn__aside-link-container {
  margin-top: 2.2222222222em;
}
body.construction .flowx__sect .cmn__aside-link-container .cmn__btn-blue-with-arrow {
  width: 18.5em;
}

@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] {
    display: grid;
    gap: 0 2em;
    grid-template-columns: 16.6666666667em 1fr;
  }
}
.flowx__chart-container [class*=chart-item-]:not(.nobg) {
  background: linear-gradient(to right, transparent 2.7777777778em, #18A5D9 2.7777777778em, #18A5D9 5em, transparent 5em) 0 0/contain no-repeat;
  padding-bottom: 2.2222222222em;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-]:not(.nobg) {
    background-image: linear-gradient(to right, transparent 6.1111111111em, #18A5D9 6.1111111111em, #18A5D9 10.5555555556em, transparent 10.5555555556em);
    padding-bottom: 1.1111111111em;
  }
}
.flowx__chart-container [class*=chart-item-].arrow {
  background-image: url(../img/leaves/const-flowx-arrow-sp.svg), linear-gradient(to right, transparent 2.7777777778em, #18A5D9 2.7777777778em, #18A5D9 5em, transparent 5em);
  background-position: 1.5833333333em 100%, 0 0;
  background-size: 4.5555555556em auto, contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-].arrow {
    background-image: url(../img/leaves/const-flowx-arrow-pc.svg), linear-gradient(to right, transparent 6.1111111111em, #18A5D9 6.1111111111em, #18A5D9 10.5555555556em, transparent 10.5555555556em);
    background-position: 3.7777777778em 100%, 0 0;
    background-size: 8.9444444444em auto, contain;
  }
}
.flowx__chart-container [class*=chart-item-] .item-head h3 {
  background-color: #F5F5F0;
  border: 0.0909090909em solid #356AB2;
  color: #356AB2;
  font-size: clamp(16px, 3.7542662116vw, 22px);
  font-weight: 500;
  line-height: 1.6363636364;
  text-align: center;
  width: 13.6363636364em;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-head h3 {
    font-size: 1.2222222222rem;
  }
}
.flowx__chart-container [class*=chart-item-] .item-body {
  margin-top: 1.1111111111em;
  padding-left: 6.4444444444em;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-body {
    display: grid;
    gap: 0 2em;
    grid-template-areas: "txt fig";
    grid-template-columns: 1fr 15em;
    margin-top: 0;
    padding-left: 0;
  }
}
.flowx__chart-container [class*=chart-item-] .item-body .body-txt {
  font-size: clamp(12px, 2.7303754266vw, 16px);
  line-height: 1.625;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-body .body-txt {
    grid-area: txt;
    font-size: 0.8888888889rem;
  }
}
.flowx__chart-container [class*=chart-item-] .item-body .body-txt span.note {
  font-size: 0.875em;
}
.flowx__chart-container [class*=chart-item-] .item-body ul.body-txt.list {
  margin: 0;
  padding-left: 1.25em;
}
.flowx__chart-container [class*=chart-item-] .item-body ul.body-txt.list li + li {
  margin-top: 0.125em;
}
.flowx__chart-container [class*=chart-item-] .item-body .body-txt + .body-fig > figure {
  margin-top: 1.1111111111em;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-body .body-txt + .body-fig > figure {
    margin-top: 0;
  }
}
.flowx__chart-container [class*=chart-item-] .item-body .body-txt + .body-fig > figure + figure {
  margin-top: 0.4444444444em;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-body .body-fig {
    grid-area: fig;
  }
}
.flowx__chart-container [class*=chart-item-] .item-body figcaption {
  font-size: clamp(10px, 3.125vw, 13px);
  line-height: 1.6153846154;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .flowx__chart-container [class*=chart-item-] .item-body figcaption {
    font-size: 0.7222222222rem;
  }
}

body.construction .syste__sect ul.compact {
  font-size: clamp(12px, 2.9010238908vw, 17px);
  line-height: 2;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  body.construction .syste__sect ul.compact {
    font-size: 0.9444444444rem;
  }
}
body.construction .syste__sect ul.compact li + li {
  margin-top: 0;
}
body.construction .syste__sect p.mt {
  margin-top: 2em;
}
body.construction .syste__sect figure {
  margin: 1.3888888889em auto 0;
  max-width: 820px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body.construction .syste__sect figure {
    width: 90%;
  }
}
body.construction .syste__sect figure > img {
  border: 0.1111111111em solid #18A5D9;
  padding: 0.4444444444em;
}
body.construction .syste__sect figure figcaption {
  font-size: clamp(10px, 3.125vw, 13px);
  line-height: 1.6153846154;
  text-align: right;
}
@media screen and (min-width: 768px) {
  body.construction .syste__sect figure figcaption {
    font-size: 0.7222222222em;
  }
}

body.trackrecord .pagetitle__sect {
  background-image: url(../img/leaves/track-pagetitle-bg@2x.webp);
}

body.trackrecord .cases__sect article[class*=type-] p.p-17 + p.p-17 {
  margin-top: 1.8888888889em;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] .post-main {
    display: grid;
    grid-template-columns: 50.9333333333% 42.6666666667%;
    justify-content: space-between;
  }
}
body.trackrecord .cases__sect article[class*=type-] .post-main .main-body {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889em;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] .post-main .main-body {
    max-width: 31.8333333333em;
  }
  body.trackrecord .cases__sect article[class*=type-] .post-main .main-body .body-txt {
    order: 1;
  }
  body.trackrecord .cases__sect article[class*=type-] .post-main .main-body .body-img {
    order: 2;
  }
}
body.trackrecord .cases__sect article[class*=type-] .post-main .main-figs {
  display: flex;
  flex-direction: column;
  margin-top: 1.3888888889em;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] .post-main .main-figs {
    align-items: flex-end;
    margin-top: 0;
    margin-left: auto;
    max-width: 26.6666666667em;
  }
  body.trackrecord .cases__sect article[class*=type-] .post-main .main-figs > figure:first-of-type {
    margin-top: 0.5em;
  }
}
body.trackrecord .cases__sect article[class*=type-] .post-main [class*=sub-figs-] {
  margin-top: 1.3888888889em;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] .post-main [class*=sub-figs-] {
    margin-top: 1.6666666667em;
  }
}
body.trackrecord .cases__sect article[class*=type-] .post-main .sub-figs-left {
  order: 3;
  max-width: 31.8333333333em;
}
body.trackrecord .cases__sect article[class*=type-] .post-main .sub-figs-right {
  order: 4;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] .post-main .sub-figs-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    max-width: 26.6666666667em;
  }
}
body.trackrecord .cases__sect article[class*=type-] figure.chart {
  position: relative;
  padding-inline: 1.3888888889em;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] figure.chart {
    padding-inline: 0;
  }
}
body.trackrecord .cases__sect article[class*=type-] figure.chart > figcaption {
  font-size: clamp(11px, 2.5597269625vw, 15px);
  line-height: 1.5333333333;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] figure.chart > figcaption {
    font-size: 0.8333333333rem;
  }
}
body.trackrecord .cases__sect article[class*=type-] figure.chart + figure.chart {
  margin-top: 0.7222222222em;
}
body.trackrecord .cases__sect article[class*=type-] figure.chart + figure.chart::before {
  aspect-ratio: 5567/6900;
  background: url(../img/leaves/track-cases-chart-arrow.svg) 0 0/contain no-repeat;
  content: "";
  height: 3.8333333333em;
  position: absolute;
  right: 2.1666666667em;
  top: -2.9444444444em;
  width: auto;
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect article[class*=type-] figure.chart + figure.chart::before {
    right: 0.7777777778em;
  }
}
body.trackrecord .cases__sect article[class*=type-] p.note {
  font-size: 0.7777777778em;
}
@media screen and (max-width: 767px) {
  body.trackrecord .cases__sect article.type-B .post-main {
    display: flex;
    flex-direction: column;
  }
  body.trackrecord .cases__sect article.type-B .post-main > .main-body {
    margin-top: 1.3888888889em;
    order: 2;
  }
  body.trackrecord .cases__sect article.type-B .post-main > .main-figs {
    margin-top: 0;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  body.trackrecord .cases__sect figure.w390 {
    max-width: 21.6666666667em;
  }
  body.trackrecord .cases__sect figure.w480 {
    max-width: 26.6666666667em;
  }
  body.trackrecord .cases__sect figure.w533 {
    max-width: 29.6111111111em;
  }
}

body.aboutus .organ__sect table.table-basic {
  font-size: 0.8888888889em;
  font-weight: 500;
  width: 100%;
  word-break: keep-all;
  white-space: nowrap;
}
body.aboutus .organ__sect table.table-basic tbody th {
  font-weight: 500;
}
body.aboutus .organ__sect table.table-basic td {
  text-align: left;
}

form.cform__form {
  background-color: #F0EDED;
  margin-top: 1.9444444444em;
  padding: 2.7777777778em 1.6666666667em;
}
form.cform__form input[type=text],
form.cform__form input[type=email],
form.cform__form textarea {
  background-color: #fff;
  border: none;
  line-height: 1.8888888889;
  padding: 0.4444444444em 0.8888888889em;
}
form.cform__form input[type=checkbox] {
  height: 1.3333333333em;
  position: relative;
  width: 1.3333333333em;
}
form.cform__form input[type=checkbox]::after {
  align-items: center;
  background-color: #fff;
  border: 1px solid #00264B;
  content: "";
  display: flex;
  font-size: 1.15em;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 100%;
}
form.cform__form input[type=checkbox]:checked::after {
  background-color: #00264B;
  color: #fff;
  content: "✔︎";
}
form.cform__form input[type=checkbox] + label {
  margin-left: 0.6666666667em;
}
form.cform__form label {
  align-items: center;
  color: #46505A;
  display: flex;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  form.cform__form label {
    align-items: flex-start;
  }
}
form.cform__form label > span.reqlabel {
  background-color: #DC1617;
  border-radius: 0.3em;
  color: #fff;
  font-size: 0.5555555556em;
  font-weight: 600;
  line-height: 1.8;
  margin-left: 0.8em;
  margin-top: 0.4em;
  padding: 0 0.35em;
}
@media screen and (min-width: 768px) {
  form.cform__form label > span.reqlabel {
    margin-top: 0.9em;
  }
}
form.cform__form label a {
  color: #00264B;
  font-weight: 450;
}
form.cform__form label a:hover {
  color: #18A5D9;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
form.cform__form button[type=submit] {
  border: none;
  margin: 0 auto;
  width: 18.5em;
}
form.cform__form .form-row + .form-row {
  margin-top: 0.5555555556em;
}
form.cform__form .form-row.input {
  display: flex;
  flex-direction: column;
  max-width: 1020px;
}
@media screen and (min-width: 768px) {
  form.cform__form .form-row.input {
    display: grid;
    grid-template-columns: 1fr 74.1176470588%;
  }
}
form.cform__form .form-row.checkbox {
  align-items: center;
  display: flex;
}
form.cform__form .form-row.submit {
  margin-top: 4.1666666667em;
}

body.privacy .polic__sect dl {
  font-size: 0.8888888889em;
}
body.privacy .polic__sect dl dt {
  font-size: 1.5em;
  line-height: 1.4166666667;
  margin-top: 1.6666666667em;
}
body.privacy .polic__sect dl dd {
  line-height: 2;
  margin-left: 0;
  margin-top: 0.4375em;
}
body.privacy .polic__sect ol.kakko {
  line-height: inherit;
  padding-left: 2em;
  text-indent: -2em;
}
body.privacy .polic__sect ol.kakko li + li {
  margin-top: 0;
}
body.privacy .polic__sect address {
  margin-top: 2.6111111111em;
  font-style: normal;
}
body.privacy .polic__sect address > ul {
  padding-left: 0;
  line-height: 1.7777777778;
}
body.privacy .polic__sect address > ul li + li {
  margin-top: 0;
}
/*# sourceMappingURL=leaves.css.map */