main {
 margin-bottom: 0;
}

section {
 position: relative;
 width: 100%;
}
section h3 {
 margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
 section h3 {
  margin-bottom: 30px;
 }
}
section h3.bdb {
 padding: 60px 9%;
 border-bottom: 1px solid #c7c7c7;
}
@media screen and (max-width: 1024px) {
 section h3.bdb {
  padding: 30px 5%;
 }
}
section h3 span {
 display: inline-block;
 position: relative;
 line-height: 1.3333333333;
 padding-left: 45px;
 color: var(--c_bl);
 font-size: 30px;
 letter-spacing: 0.06em;

 margin-block: calc((1em - 1lh) / 2);
}
@media screen and (max-width: 1024px) {
 section h3 span {
  padding-left: 30px;
  font-size: 20px;
 }
}
section h3 span:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 30px;
 height: 2px;
 background: var(--c_bl);
}
@media screen and (max-width: 1024px) {
 section h3 span:before {
  width: 20px;
 }
}
section.lead_area {
 margin-bottom: 100px;
 text-align: center;

 padding-inline: 5%;
}
@media screen and (max-width: 1024px) {
 section.lead_area {
  margin-bottom: 50px;
  text-align: left;
 }
}
section.lead_area >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
 padding: 50px 5% 60px;
 border: 1px solid #c7c7c7;
 border-radius: 5px;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner {
  padding-block: 30px;
 }
}
section.lead_area >.inner h2 {
 line-height: 1.5;
 margin-bottom: 30px;
 color: var(--c_bl);
 font-size: 32px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner h2 {
  margin-bottom: 15px;
  font-size: 22px;
 }
}
section.lead_area >.inner p {
 line-height: 2;
 font-size: 18px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner p {
  font-size: 16px;
 }
}
section.latest_area {
 margin-bottom: 100px;
 padding: 100px 5%;
 background-image: linear-gradient(to right, rgb(32, 70, 165) 0%, rgb(47, 96, 166) 25%, rgb(47, 111, 166) 50%, rgb(47, 96, 166) 75%, rgb(32, 70, 165) 100%);
}
@media screen and (max-width: 1024px) {
 section.latest_area {
  margin-bottom: 50px;

  padding-block: 50px;
 }
}
section.latest_area >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
section.latest_area >.inner section {
 padding-bottom: 60px;
 border-radius: 20px;
 background: #ffffff;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section {
  padding-bottom: 30px;
 }
}
section.latest_area >.inner section:not(:last-child) {
 margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section:not(:last-child) {
  margin-bottom: 30px;
 }
}
section.latest_area >.inner section >div {
 display: flex;
 width: 82%;
 max-width: 900px;
 overflow: hidden;
 align-items: center;
 margin: 0 auto;
 padding: 50px 0;
 border: 1px solid #c7c7c7;
 border-radius: 10px;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div {
  width: 90%;
  flex-direction: column;
  gap: 30px;
  padding: 30px 5%;
 }
}
section.latest_area >.inner section >div:not(:last-child) {
 margin-bottom: 20px;
}
section.latest_area >.inner section >div .product_txt {
 width: 50%;
 padding-left: 5%;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div .product_txt {
  width: 100%;
  padding: 0;
 }
}
section.latest_area >.inner section >div .product_txt h4 {
 line-height: 1.5909090909;
 margin-bottom: 20px;
 color: var(--c_bl);
 font-size: 22px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div .product_txt h4 {
  font-size: 18px;
 }
}
section.latest_area >.inner section >div .product_txt dl {
 display: grid;
 align-items: center;
 grid-template-columns: 145px 1fr;
 row-gap: 15px;
 -moz-column-gap: 10px;
      column-gap: 10px;
}
@media screen and (max-width: 600px) {
 section.latest_area >.inner section >div .product_txt dl {
  grid-template-columns: 1fr;
  gap: 0;
 }
}
section.latest_area >.inner section >div .product_txt dl dt {
 width: 100%;
 line-height: 1.4285714286;
 padding: 2px 0 5px;
 border-radius: 5px;
 color: #ffffff;
 background: #555555;
 font-weight: 400;
 font-size: 14px;
 text-align: center;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div .product_txt dl dt {
  font-size: 12px;
 }
}
@media screen and (max-width: 600px) {
 section.latest_area >.inner section >div .product_txt dl dt {
  margin-bottom: 10px;
 }
}
section.latest_area >.inner section >div .product_txt dl dd {
 position: relative;
 top: -2px;
 line-height: 1.625;
 font-size: 16px;
 letter-spacing: 0.06em;

 margin-block: calc((1em - 1lh) / 2);
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div .product_txt dl dd {
  font-size: 14px;
 }
}
@media screen and (max-width: 600px) {
 section.latest_area >.inner section >div .product_txt dl dd:not(:last-child) {
  margin-bottom: 15px;
 }
}
section.latest_area >.inner section >div .product_txt dl dd span {
 display: inline-block;
 font-size: 0.875em;
}
section.latest_area >.inner section >div .product_img {
 width: 50%;
}
@media screen and (max-width: 1024px) {
 section.latest_area >.inner section >div .product_img {
  width: 100%;
 }
}
section.latest_area >.inner section >div .product_img img {
 width: 100%;
}
section.other_area {
 margin-bottom: 140px;
 padding: 0 5%;
}
@media screen and (max-width: 1024px) {
 section.other_area {
  margin-bottom: 70px;
 }
}
section.other_area >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
section.other_area >.inner ul.anc {
 display: grid;
 justify-content: center;
 grid-template-columns: repeat(auto-fit, 215px);
 gap: 20px;
 margin-bottom: 90px;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner ul.anc {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 45px;
 }
}
@media screen and (max-width: 600px) {
 section.other_area >.inner ul.anc {
  grid-template-columns: repeat(2, 1fr);
 }
}
section.other_area >.inner ul.anc li {
 height: 86px;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner ul.anc li {
  height: 70px;
 }
}
section.other_area >.inner ul.anc li a {
 width: 100% !important;
 height: 100% !important;
 line-height: 1.3888888889;
 justify-content: center;
 border-radius: 5px;
 font-size: 18px;
 text-align: center;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner ul.anc li a {
  font-size: 14px;
 }
}
section.other_area >.inner section:not(:last-child) {
 margin-bottom: 95px;
}
section.other_area >.inner .table_wrap {
 overflow: hidden;
 border: 1px solid #b0b0b0;
 border-radius: 5px;
}
section.other_area >.inner .table_wrap table {
 position: relative;
 width: 100%;
 line-height: 1.6666666667;
 vertical-align: middle;
 font-weight: 400;
 font-size: 18px;
 text-align: center;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table {
  z-index: -1;
  min-width: 800px;
  font-size: 16px;
 }
}
section.other_area >.inner .table_wrap table tr:not(:last-child) {
 border-bottom: 1px solid #d1d1d1;
}
section.other_area >.inner .table_wrap table tr th {
 width: 33.3333333333%;
 vertical-align: middle;
 padding: 30px 0;
 color: #ffffff;
 background: #555555;
 font-weight: 400;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table tr th {
  padding: 15px 0;
 }
 section.other_area >.inner .table_wrap table tr th:nth-child(1),section.other_area >.inner .table_wrap table tr th:nth-child(2) {
  width: 30%;
 }
 section.other_area >.inner .table_wrap table tr th:nth-child(3) {
  width: 40px;
 }
}
section.other_area >.inner .table_wrap table tr th:not(:last-child) {
 border-right: 1px solid #d1d1d1;
}
section.other_area >.inner .table_wrap table tr td {
 vertical-align: middle;
 padding: 30px 0;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table tr td {
  padding: 20px 0;
 }
}
section.other_area >.inner .table_wrap table tr td:has(dl) {
 display: flex;
 justify-content: center;
 align-items: center;
}
section.other_area >.inner .table_wrap table tr td.bg_gy {
 background: #f9f9f9;
}
section.other_area >.inner .table_wrap table tr td:not(:last-child) {
 border-right: 1px solid #d1d1d1;
}
section.other_area >.inner .table_wrap table tr td dl {
 display: grid;
 align-items: center;
 grid-template-columns: 145px 1fr;
 row-gap: 20px;
 -moz-column-gap: 15px;
      column-gap: 15px;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table tr td dl {
  grid-template-columns: 125px 1fr;
  gap: 10px;
 }
}
section.other_area >.inner .table_wrap table tr td dl dt {
 padding: 2px 0 3px;
 border-radius: 5px;
 color: #ffffff;
 background: #555555;
 font-weight: 400;
 font-size: 14px;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table tr td dl dt {
  font-size: 12px;
 }
}
section.other_area >.inner .table_wrap table tr td dl dd {
 font-size: 16px;
 text-align: left;
}
@media screen and (max-width: 1024px) {
 section.other_area >.inner .table_wrap table tr td dl dd {
  font-size: 14px;
 }
}
/*# sourceMappingURL=layout.css.map */