.nBoxList2 li:before {
  background: #777937;
}
.nBoxList2 li > p:first-child {
  color: #777937;
}
.button a {
  background: #777937;
}
header h1 {
  color: #1a653a;
}
article h2 {
  background: #616745;
}
article h3 {
  border-color: #647536;
  color: #647536;
}
article h4 {
  border-color: #777937;
  color: #777937;
}
article h5 {
  border-color: #777937;
  color: #777937;
}
article h6 {
  color: #777937;
}

section [class*="widget"] {
  margin-top: 64px;
}
section [class*="widget"]:first-child {
  margin-top: 0;
}

@media print, screen and (min-width: 751px) {
  /* header */
  #header-menu2 {
    border-bottom-color: #777937;
  }
  /* footer */
  #footer {
    background: #777937;
  }

  #home-img {
    padding: 0;
    height: 560px;
  }
  #home-img.lazyloaded {
    background: url(kojin_main_img.jpg) no-repeat 50% 0;
  }
  #home-service {
    background: #616745;
  }
  #home-service h2 {
    color: #d6c36f;
  }
  #home-service h2:before {
    color: #fff;
  }
  .widget-service ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
    list-style-type: none;
  }
  .widget-service li {
    margin: 10px;
    width: calc(33.33% - 20px);
  }
  .widget-service a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .widget-service a:after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 16px;
    height: 16px;
    background: #bca523;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .widget-service a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 2px #bca523;
    padding: 40px 0;
    height: auto !important;
    background: #fff !important;
    color: #777937;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
  }
  .widget-service .s1 a.lazyloaded:before {
    background-image: url(kojin_ic01.png);
  }
  .widget-service .s2 a.lazyloaded:before {
    background-image: url(kojin_ic02.png);
  }
  .widget-service .s3 a.lazyloaded:before {
    background-image: url(kojin_ic03.png);
  }
  .widget-service .s4 a.lazyloaded:before {
    background-image: url(kojin_ic04.png);
  }
  .widget-service .s5 a.lazyloaded:before {
    background-image: url(kojin_ic05.png);
  }
  .widget-service .s6 a.lazyloaded:before {
    background-image: url(kojin_ic06.png);
  }
  #kojin-thought {
    background: #fef7e4;
    text-align: center;
  }
  #kojin-thought h2:before {
    color: #000;
  }
  #kojin-thought h2 {
    color: #777937;
  }
  #kojin-merit h2:before {
    color: #000;
  }
  #kojin-merit h2 {
    color: #777937;
  }
  #kojin-column {
    background: #fef7e4;
  }
  #kojin-column h2:before {
    color: #777937;
  }
  #kojin-column h2 {
    color: #bca523;
  }

.widget-banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -8px;
    list-style-type: none;
  }
  .widget-banner li {
    margin: 8px;
  }
  .widget-banner a {
    display: block;
    text-indent: -9999px;
  }
  .widget-banner .voice a {
    width: 504px;
    height: 128px;
    background: url(kojin_voice.png) no-repeat;
  }

  /* content */
  header {
    background: url(kojin_h1_bg.jpg) no-repeat;
  }
}
@media screen and (min-width: 1601px) {
  #home-img {
    padding: 0;
    height: 700px;
  }
  #home-img.lazyloaded {
    background: url(kojin_main_img-large.jpg) no-repeat 50% 0;
  }
}
@media screen and (max-width: 750px) {
  /* header */
  #header {
    border-bottom-color: #777937;
  }
  /* footer */
  #footer {
    background: #777937;
    color: #fff;
  }
  #footer a {
    color: #fff;
  }
  #footer-name .img.lazyloaded {
    background: url(../sp_f_logo-w.png) no-repeat 50% 0/50% auto !important;
  }
  /* content */
 section [class*="widget"] {
    margin-top: 20px;
  }

  #home-img {
    padding: 0;
    height: 80vw;
  }
  #home-img.lazyloaded {
    background: url(sp_kojin_main_img.jpg) no-repeat;
  }
  #home-service {
    background: #616745;
  }
  #home-service h2 {
    color: #d6c36f;
  }
  #home-service h2:before {
    color: #fff;
  }
  .widget-service ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0 5px;
    list-style-type: none;
  }
  .widget-service li {
    margin: 5px;
    width: calc(50% - 10px);
  }
  .widget-service a:before {
    content: "";
    display: block;
    padding-top: 12vw;
    width: 100%;
    height: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .widget-service a:after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 16px;
    height: 16px;
    background: #bca523;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .widget-service a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 2px #bca523;
    padding: 20px 0 !important;
    height: 100% !important;
    box-sizing: border-box;
    background: #fff !important;
    color: #777937;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  .widget-service .s1 a.lazyloaded:before {
    background-image: url(kojin_ic01.png);
  }
  .widget-service .s2 a.lazyloaded:before {
    background-image: url(kojin_ic02.png);
  }
  .widget-service .s3 a.lazyloaded:before {
    background-image: url(kojin_ic03.png);
  }
  .widget-service .s4 a.lazyloaded:before {
    background-image: url(kojin_ic04.png);
  }
  .widget-service .s5 a.lazyloaded:before {
    background-image: url(kojin_ic05.png);
  }
  .widget-service .s6 a.lazyloaded:before {
    background-image: url(kojin_ic06.png);
  }
  #kojin-thought {
    background: #fef7e4;
    text-align: center;
  }
  #kojin-thought h2:before {
    color: #000;
  }
  #kojin-thought h2 {
    color: #777937;
  }
  #kojin-thought .wrapper {
    padding: 0 10px;
  }
  #kojin-merit h2:before {
    color: #000;
  }
  #kojin-merit h2 {
    color: #777937;
  }
  #kojin-merit .wrapper {
    padding: 0 10px;
  }
  #kojin-merit .nBoxList2 p:first-child {
    font-size: 20px;
  }
  #kojin-merit .nBoxList2 li::before {
    top: 2px;
  }
  #kojin-column {
    background: #fef7e4;
  }
  #kojin-column h2:before {
    color: #777937;
  }
  #kojin-column h2 {
    color: #bca523;
  }

  .widget-banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px;
    list-style-type: none;
  }
  .widget-banner li {
    margin: 5px auto;
    width: 85.33%;
  }
  .widget-banner a {
    display: block;
    text-indent: -9999px;
  }
  .widget-banner .voice a {
    padding-top: 25.31%;
    height: 0;
    background: url(sp_kojin_voice.png) no-repeat 0 0 / contain;
  }

  /* content */
  header {
    background: url(sp_kojin_h1_bg.jpg) no-repeat;
  }
}