.zeh-conts .contents-wrap { padding-top: 6rem; }
.zeh-conts .maincopy { color: #af9c78; }
@media screen and (max-width: 560px) { .zeh-conts .contents-wrap { padding-top: 4rem; } }

#overview-conts .logo { max-width: 151px; margin-inline: auto; }
#overview-conts .lead { margin-top: 3rem; }
#overview-conts .figure { margin-top: 4rem; }
#overview-conts .figure .cap { margin-top: 10px; }

@media screen and (max-width: 560px) { #overview-conts .lead { text-align: left; }
  #overview-conts .lead br { display: none; }
  #overview-conts .figure { width: 80%; margin-inline: auto; } }
#three-merit-conts .list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: clamp(20px, calc(3vw + 9px), 40px); row-gap: 1rem; }
#three-merit-conts .note { text-align: right; margin-top: 1rem; }

@media screen and (max-width: 768px) { #three-merit-conts .list { display: flex; justify-content: space-between; column-gap: 1rem; flex-wrap: wrap; justify-content: center; }
  #three-merit-conts .list li { width: 48%; } }
@media screen and (max-width: 560px) { #three-merit-conts .list { max-width: 320px; margin-inline: auto; display: grid; grid-template-columns: 1fr; }
  #three-merit-conts .list li { width: 100%; } }
.item-list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: clamp(20px, calc(3vw + 9px), 40px); row-gap: 3rem; margin-top: 1.5rem; }

.item .name { font-size: 17px; margin-top: 0.7rem; }
.item .text { font-size: 14px; line-height: 1.8; margin-top: 0.5rem; }
.item .note { margin-top: 0.5rem; }

@media screen and (max-width: 560px) { .item-list { grid-template-columns: repeat(2, 1fr); }
  .item .name { font-size: 16px; }
  .item .text { font-size: 13px; } }
#BELS { background-color: #fff; }
#BELS .contents-wrap { display: grid; grid-template-columns: 56% 40%; gap: 0 4%; align-items: flex-start; }
#BELS .maincopy { text-align: left; order: 1; }
#BELS .lead { text-align: left; order: 3; }
#BELS .bels-label { grid-row: span 3; order: 2; align-self: flex-end; }
@media screen and (max-width: 1024px) { #BELS .contents-wrap { grid-template-columns: 52% 44%; } }
@media screen and (max-width: 834px) { #BELS .contents-wrap { grid-template-columns: 48% 48%; } }
@media screen and (max-width: 768px) { #BELS .bels-label { align-self: center; } }
@media screen and (max-width: 560px) { #BELS .contents-wrap { display: block; }
  #BELS .maincopy { text-align: center; }
  #BELS .bels-label { margin-top: 24px; } }