@charset "UTF-8";
/*responsive----------------------------------------------------*/
/*html---------------------------------------------------------*/
body {
  font-family: "YuGothic", "Yu Gothic medium", "Noto Sans JP", "sans-serif";
  background: #f2f6fe;
  position: relative;
  color: #4d4c4c; }

.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  zoom: 1; }

.cl {
  clear: both; }

.cl2 {
  clear: none; }
  @media (max-width: 848px) {
    .cl2 {
      clear: both; } }

.cl3 {
  clear: none; }
  @media (max-width: 848px) {
    .cl3 {
      clear: none; } }
  @media (max-width: 480px) {
    .cl3 {
      clear: both; } }

.alignright {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px; }
  @media (max-width: 848px) {
    .alignright {
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .alignright {
      display: block;
      float: none; } }
  @media (max-width: 480px) {
    .alignright img {
      padding: 20px; } }

.alignleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }
  @media (max-width: 848px) {
    .alignleft {
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .alignleft {
      display: block;
      float: none; } }
  @media (max-width: 480px) {
    .alignleft img {
      padding: 20px; } }

.aligncenter {
  display: block;
  margin: 0 auto !important;
  text-align: center; }

.right {
  display: block;
  margin: 0 auto;
  text-align: right; }

.left {
  display: block;
  margin: 0 auto;
  text-align: left; }

ul,
ol {
  padding-left: 10px; }

@media (min-width: 1137px) {
  .pc {
    display: block; } }
@media (max-width: 1136px) {
  .pc {
    display: block; } }
@media (max-width: 971px) {
  .pc {
    display: block; } }
@media (max-width: 848px) {
  .pc {
    display: none; } }
@media (max-width: 480px) {
  .pc {
    display: none; } }

@media (min-width: 1137px) {
  .pc2 {
    display: block; } }
@media (max-width: 1136px) {
  .pc2 {
    display: none; } }
@media (max-width: 848px) {
  .pc2 {
    display: none; } }
@media (max-width: 480px) {
  .pc2 {
    display: none; } }

@media (min-width: 1137px) {
  .pc3 {
    display: none; } }
@media (max-width: 1136px) {
  .pc3 {
    display: block; } }
@media (max-width: 848px) {
  .pc3 {
    display: none; } }
@media (max-width: 480px) {
  .pc3 {
    display: none; } }

@media (min-width: 1137px) {
  .tab {
    display: none; } }
@media (max-width: 1136px) {
  .tab {
    display: none; } }
@media (max-width: 971px) {
  .tab {
    display: none; } }
@media (max-width: 848px) {
  .tab {
    display: block; } }
@media (max-width: 480px) {
  .tab {
    display: block; } }

@media (min-width: 1137px) {
  .sp {
    display: none; } }
@media (max-width: 1136px) {
  .sp {
    display: none; } }
@media (max-width: 971px) {
  .sp {
    display: none; } }
@media (max-width: 848px) {
  .sp {
    display: block; } }
@media (max-width: 480px) {
  .sp {
    display: block; } }

@media (min-width: 1137px) {
  .sp2 {
    display: none; } }
@media (max-width: 1136px) {
  .sp2 {
    display: none; } }
@media (max-width: 971px) {
  .sp2 {
    display: none; } }
@media (max-width: 848px) {
  .sp2 {
    display: none; } }
@media (max-width: 480px) {
  .sp2 {
    display: none; } }
@media (max-width: 340px) {
  .sp2 {
    display: block; } }

@media (min-width: 1137px) {
  .sp3 {
    display: none; } }
@media (max-width: 1136px) {
  .sp3 {
    display: none; } }
@media (max-width: 971px) {
  .sp3 {
    display: none; } }
@media (max-width: 848px) {
  .sp3 {
    display: none; } }
@media (max-width: 480px) {
  .sp3 {
    display: none; } }
@media (max-width: 385px) {
  .sp3 {
    display: block; } }

@media (min-width: 1137px) {
  .sp4 {
    display: none; } }
@media (max-width: 1136px) {
  .sp4 {
    display: none; } }
@media (max-width: 971px) {
  .sp4 {
    display: none; } }
@media (max-width: 630px) {
  .sp4 {
    display: block; } }
@media (max-width: 340px) {
  .sp4 {
    display: none; } }

@media (min-width: 1137px) {
  .sp5 {
    display: none; } }
@media (max-width: 1136px) {
  .sp5 {
    display: none; } }
@media (max-width: 971px) {
  .sp5 {
    display: none; } }
@media (max-width: 405px) {
  .sp5 {
    display: block; } }
@media (max-width: 340px) {
  .sp5 {
    display: none; } }

@media (min-width: 1137px) {
  .sp6 {
    display: none; } }
@media (max-width: 1136px) {
  .sp6 {
    display: none; } }
@media (max-width: 848px) {
  .sp6 {
    display: none; } }
@media (max-width: 480px) {
  .sp6 {
    display: none; } }
@media (max-width: 385px) {
  .sp6 {
    display: none; } }

@media (min-width: 1137px) {
  .sp7 {
    display: none; } }
@media (max-width: 1136px) {
  .sp7 {
    display: none; } }
@media (max-width: 848px) {
  .sp7 {
    display: none; } }
@media (max-width: 480px) {
  .sp7 {
    display: block; } }

/*wp-pagenavi------------------------------------------------------------------------*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  margin-bottom: 30px; }
  .wp-pagenavi a,
  .wp-pagenavi span {
    color: #999;
    background-color: #fff;
    border: solid 1px #e0e0d2;
    padding: 5px 10px;
    margin: 0 5px 10px 5px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    display: inline-block; }
    .wp-pagenavi a:hover,
    .wp-pagenavi span:hover {
      color: #fff;
      background-color: #999;
      border-color: #999; }
    .wp-pagenavi a.current,
    .wp-pagenavi span.current {
      color: #fff;
      background-color: #002870;
      border-color: #002870;
      font-weight: bold; }

/*header------------------------------------------------------------------------*/
header {
  width: 82%;
  margin: 0 auto;
  /*overview------------------------------------------------------------------------*/
  /*products/contact------------------------------------------------------------------------*/
  /*nagara------------------------------------------------------------------------*/
  /*news------------------------------------------------------------------------*/
  /*chara------------------------------------------------------------------------*/
  /*craftsman------------------------------------------------------------------------*/
  /*recruit------------------------------------------------------------------------*/
  /*privacypolicy------------------------------------------------------------------------*/
  /*recruit------------------------------------------------------------------------*/ }
  header #header-logo {
    padding-top: 44px;
    margin-top: 0; }
    header #header-logo img {
      width: 100%;
      max-width: 226px; }
      @media (max-width: 1136px) {
        header #header-logo img {
          max-width: 192px; } }
      @media (max-width: 848px) {
        header #header-logo img {
          max-width: 166px; } }
      @media (max-width: 630px) {
        header #header-logo img {
          max-width: 140px; } }
      @media (max-width: 480px) {
        header #header-logo img {
          max-width: 128px; } }
      @media (max-width: 340px) {
        header #header-logo img {
          max-width: 118px; } }
  header #headline1 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1 {
        margin-top: 92px; } }
    header #headline1 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 32%; }
      @media (max-width: 848px) {
        header #headline1 span {
          left: 43%; } }
      @media (max-width: 480px) {
        header #headline1 span {
          font-size: 1.2rem;
          left: 40%; } }
      @media (max-width: 425px) {
        header #headline1 span {
          font-size: 1.2rem;
          left: 41%; } }
      @media (max-width: 385px) {
        header #headline1 span {
          left: 39%; } }
      @media (max-width: 340px) {
        header #headline1 span {
          left: 37%; } }
      header #headline1 span:before {
        content: "";
        position: absolute;
        top: 104%;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1 span:before {
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-2 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-2 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-2 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-2 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-2 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-2 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-2 {
        margin-top: 92px; } }
    header #headline1-2 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 30%; }
      @media (max-width: 848px) {
        header #headline1-2 span {
          left: 41%; } }
      @media (max-width: 480px) {
        header #headline1-2 span {
          font-size: 1.2rem;
          left: 38%; } }
      @media (max-width: 425px) {
        header #headline1-2 span {
          font-size: 1.2rem;
          left: 36%; } }
      @media (max-width: 340px) {
        header #headline1-2 span {
          left: 34%; } }
      header #headline1-2 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 9px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-2 span:before {
            left: 6px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-3 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-3 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-3 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-3 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-3 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-3 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-3 {
        margin-top: 92px; } }
    header #headline1-3 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 27%; }
      @media (max-width: 848px) {
        header #headline1-3 span {
          left: 38.5%; } }
      @media (max-width: 480px) {
        header #headline1-3 span {
          font-size: 1.2rem;
          left: 37%; } }
      @media (max-width: 425px) {
        header #headline1-3 span {
          font-size: 1.2rem;
          left: 34%; } }
      @media (max-width: 340px) {
        header #headline1-3 span {
          left: 30%; } }
      header #headline1-3 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 22px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-3 span:before {
            left: 16px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-4 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-4 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-4 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-4 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-4 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-4 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-4 {
        margin-top: 92px; } }
    header #headline1-4 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 27%; }
      @media (max-width: 848px) {
        header #headline1-4 span {
          left: 36.5%; } }
      @media (max-width: 480px) {
        header #headline1-4 span {
          font-size: 1.2rem;
          left: 34.5%; } }
      @media (max-width: 425px) {
        header #headline1-4 span {
          font-size: 1.2rem;
          left: 30%; } }
      @media (max-width: 340px) {
        header #headline1-4 span {
          left: 27%; } }
      header #headline1-4 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 36px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-4 span:before {
            left: 27px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-5 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-5 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-5 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-5 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-5 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-5 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-5 {
        margin-top: 92px; } }
    header #headline1-5 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 26%; }
      @media (max-width: 848px) {
        header #headline1-5 span {
          left: 30.5%; } }
      @media (max-width: 480px) {
        header #headline1-5 span {
          font-size: 1.2rem;
          left: 28.5%; } }
      @media (max-width: 425px) {
        header #headline1-5 span {
          font-size: 1.2rem;
          left: 24.5%; } }
      @media (max-width: 405px) {
        header #headline1-5 span {
          top: 90%;
          left: 21.5%; } }
      @media (max-width: 340px) {
        header #headline1-5 span {
          left: 16.5%; } }
      header #headline1-5 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 68px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-5 span:before {
            left: 50px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-6 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-6 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-6 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-6 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-6 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-6 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-6 {
        margin-top: 92px; } }
    header #headline1-6 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 16%; }
      @media (max-width: 848px) {
        header #headline1-6 span {
          left: 36%; } }
      @media (max-width: 480px) {
        header #headline1-6 span {
          font-size: 1.2rem;
          left: 33.5%; } }
      @media (max-width: 425px) {
        header #headline1-6 span {
          font-size: 1.2rem;
          left: 31%; } }
      @media (max-width: 405px) {
        header #headline1-6 span {
          top: 90%;
          left: 28%; } }
      @media (max-width: 340px) {
        header #headline1-6 span {
          left: 24.5%; } }
      header #headline1-6 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 36px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-6 span:before {
            left: 26px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-7 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-7 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-7 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-7 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-7 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-7 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-7 {
        margin-top: 92px; } }
    header #headline1-7 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 36%; }
      @media (max-width: 848px) {
        header #headline1-7 span {
          left: 45%; } }
      @media (max-width: 480px) {
        header #headline1-7 span {
          font-size: 1.2rem;
          left: 43.5%; } }
      @media (max-width: 405px) {
        header #headline1-7 span {
          top: 90%;
          left: 41.5%; } }
      header #headline1-7 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: -12px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-7 span:before {
            left: -8px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-8 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-8 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-8 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-8 {
        margin-top: 130px;
        line-height: 4.2rem; } }
    @media (max-width: 480px) {
      header #headline1-8 {
        font-size: 2.6rem;
        margin-top: 116px;
        line-height: 3.2rem; } }
    @media (max-width: 425px) {
      header #headline1-8 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-8 {
        margin-top: 92px; } }
    header #headline1-8 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 36%; }
      @media (max-width: 848px) {
        header #headline1-8 span {
          left: 38%; } }
      @media (max-width: 630px) {
        header #headline1-8 span {
          left: 35%; } }
      @media (max-width: 480px) {
        header #headline1-8 span {
          font-size: 1.2rem;
          left: 37.5%; } }
      @media (max-width: 405px) {
        header #headline1-8 span {
          left: 33.5%; } }
      @media (max-width: 340px) {
        header #headline1-8 span {
          left: 29%; } }
      header #headline1-8 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: 17px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 630px) {
          header #headline1-8 span:before {
            top: 88%;
            left: 18px; } }
        @media (max-width: 480px) {
          header #headline1-8 span:before {
            left: 12px;
            width: 74px;
            border-top: solid 4px #002870; } }
  header #headline1-9 {
    float: left;
    font-size: 4.2rem;
    text-align: center;
    position: relative;
    margin-top: 150px;
    text-shadow: 3px 3px 6px #fff; }
    @media (max-width: 848px) {
      header #headline1-9 {
        float: none;
        font-size: 3.6rem;
        margin-top: 198px; } }
    @media (max-width: 700px) {
      header #headline1-9 {
        margin-top: 160px; } }
    @media (max-width: 630px) {
      header #headline1-9 {
        margin-top: 130px; } }
    @media (max-width: 480px) {
      header #headline1-9 {
        font-size: 2.6rem;
        margin-top: 116px; } }
    @media (max-width: 425px) {
      header #headline1-9 {
        margin-top: 86px; } }
    @media (max-width: 385px) {
      header #headline1-9 {
        margin-top: 92px; } }
    header #headline1-9 span {
      font-size: 1.6rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      letter-spacing: -0.5px;
      position: absolute;
      top: 87%;
      left: 34%; }
      @media (max-width: 848px) {
        header #headline1-9 span {
          left: 43%; } }
      @media (max-width: 480px) {
        header #headline1-9 span {
          font-size: 1.2rem;
          left: 42%; } }
      @media (max-width: 405px) {
        header #headline1-9 span {
          left: 41.5%; } }
      @media (max-width: 340px) {
        header #headline1-9 span {
          left: 38%; } }
      header #headline1-9 span:before {
        content: "";
        position: absolute;
        top: 104%;
        left: -5px;
        width: 98px;
        border-top: solid 5px #002870;
        border-radius: 8px; }
        @media (max-width: 480px) {
          header #headline1-9 span:before {
            left: -3px;
            width: 74px;
            border-top: solid 4px #002870; } }

.icon {
  position: absolute;
  top: -200px;
  right: 0;
  overflow: hidden;
  z-index: -1; }
  @media (max-width: 1136px) {
    .icon {
      top: -270px; } }
  @media (max-width: 848px) {
    .icon {
      top: -275px; } }
  @media (max-width: 700px) {
    .icon {
      top: -245px; } }
  @media (max-width: 630px) {
    .icon {
      top: -200px; } }
  @media (max-width: 570px) {
    .icon {
      top: -170px; } }
  @media (max-width: 480px) {
    .icon {
      top: -145px; } }
  @media (max-width: 425px) {
    .icon {
      top: -110px; } }
  @media (max-width: 385px) {
    .icon {
      top: -85px; } }
  @media (max-width: 340px) {
    .icon {
      top: -50px; } }
  .icon img {
    max-width: 797px;
    width: 100%; }

.icon2 {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: -1; }
  .icon2 img {
    max-width: 797px;
    width: 100%; }

.icon3 {
  position: absolute;
  top: 30px;
  right: 0;
  overflow: hidden;
  z-index: -1; }
  @media (max-width: 848px) {
    .icon3 {
      right: 30px; } }
  @media (max-width: 700px) {
    .icon3 {
      top: 10px; } }
  @media (max-width: 480px) {
    .icon3 {
      top: 35px; } }
  .icon3 img {
    max-width: 797px;
    width: 80%; }
    @media (max-width: 848px) {
      .icon3 img {
        max-width: 330px; } }
    @media (max-width: 700px) {
      .icon3 img {
        max-width: 300px; } }
    @media (max-width: 630px) {
      .icon3 img {
        max-width: 240px; } }
    @media (max-width: 480px) {
      .icon3 img {
        max-width: 220px; } }
    @media (max-width: 425px) {
      .icon3 img {
        max-width: 190px; } }
    @media (max-width: 385px) {
      .icon3 img {
        max-width: 160px; } }
    @media (max-width: 340px) {
      .icon3 img {
        max-width: 136px; } }

.icon4 {
  position: absolute;
  top: -40px;
  right: 80px;
  overflow: hidden;
  z-index: -1; }
  @media (max-width: 700px) {
    .icon4 {
      right: 40px; } }
  @media (max-width: 630px) {
    .icon4 {
      right: 6px; } }
  @media (max-width: 425px) {
    .icon4 {
      right: 30px; } }
  @media (max-width: 385px) {
    .icon4 {
      right: 3px; } }
  .icon4 img {
    max-width: 797px;
    width: 85%; }
    @media (max-width: 700px) {
      .icon4 img {
        max-width: 550px; } }
    @media (max-width: 570px) {
      .icon4 img {
        max-width: 490px; } }
    @media (max-width: 480px) {
      .icon4 img {
        max-width: 350px; } }
    @media (max-width: 385px) {
      .icon4 img {
        max-width: 320px; } }
    @media (max-width: 340px) {
      .icon4 img {
        max-width: 270px; } }

.icon5 {
  position: absolute;
  top: 35px;
  right: 200px;
  overflow: hidden;
  z-index: -1; }
  @media (max-width: 848px) {
    .icon5 {
      right: 100px; } }
  @media (max-width: 480px) {
    .icon5 {
      right: 45px; } }
  @media (max-width: 425px) {
    .icon5 {
      right: 30px; } }
  @media (max-width: 340px) {
    .icon5 {
      right: 7px; } }
  .icon5 img {
    max-width: 797px;
    width: 100%; }
    @media (max-width: 848px) {
      .icon5 img {
        width: 80%; } }
    @media (max-width: 480px) {
      .icon5 img {
        width: 60%; } }
    @media (max-width: 425px) {
      .icon5 img {
        width: 45%; } }

.icon6 {
  position: absolute;
  top: 10px;
  right: 130px;
  overflow: hidden;
  z-index: -1; }
  @media (max-width: 848px) {
    .icon6 {
      right: 100px; } }
  @media (max-width: 570px) {
    .icon6 {
      right: 66px; } }
  @media (max-width: 480px) {
    .icon6 {
      right: 36px; } }
  @media (max-width: 385px) {
    .icon6 {
      top: 20px;
      right: 30px; } }
  @media (max-width: 340px) {
    .icon6 {
      top: 30px;
      right: 13px; } }
  .icon6 img {
    max-width: 628px;
    width: 90%; }
    @media (max-width: 1136px) {
      .icon6 img {
        max-width: 480px; } }
    @media (max-width: 848px) {
      .icon6 img {
        max-width: 370px; } }
    @media (max-width: 700px) {
      .icon6 img {
        max-width: 350px; } }
    @media (max-width: 630px) {
      .icon6 img {
        max-width: 280px; } }
    @media (max-width: 480px) {
      .icon6 img {
        max-width: 250px; } }
    @media (max-width: 425px) {
      .icon6 img {
        max-width: 190px; } }
    @media (max-width: 385px) {
      .icon6 img {
        max-width: 170px; } }
    @media (max-width: 340px) {
      .icon6 img {
        max-width: 155px; } }

/*breadcrumb-----------------------------------------------------------------------------*/
nav.nav-wrap {
  clear: both;
  width: 82%;
  margin: 0 auto; }
  nav.nav-wrap .breadcrumb {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 70px; }
    @media (max-width: 480px) {
      nav.nav-wrap .breadcrumb {
        margin-top: 54px; } }
    nav.nav-wrap .breadcrumb li {
      display: inline-block;
      position: relative; }
      nav.nav-wrap .breadcrumb li:after {
        content: "";
        position: absolute;
        top: 33%;
        right: -11px;
        width: 6px;
        height: 6px;
        border-top: solid 1px #4d4c4c;
        border-right: solid 1px #4d4c4c;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      nav.nav-wrap .breadcrumb li:last-child:after {
        display: none; }
      nav.nav-wrap .breadcrumb li a {
        text-decoration: none;
        color: #4d4c4c;
        font-size: 1rem; }

div.breadcrumb a {
  text-decoration: none;
  color: #4d4c4c; }

/*category-menu------------------------------------------------------------------------*/
/*overview-------------------------------------------------------------------------------*/
nav.nav-wrap ul.category-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 30px;
  margin-top: 46px; }
  @media (max-width: 848px) {
    nav.nav-wrap ul.category-menu {
      justify-content: space-between; } }
  @media (max-width: 700px) {
    nav.nav-wrap ul.category-menu {
      flex-direction: column;
      gap: 50px;
      margin-top: 25px;
      text-align: center; } }
  @media (max-width: 480px) {
    nav.nav-wrap ul.category-menu {
      margin-top: 40px;
      gap: 40px; } }
  nav.nav-wrap ul.category-menu li {
    display: inline-block; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li {
        width: 350px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li {
        width: 260px; } }
    nav.nav-wrap ul.category-menu li a {
      text-decoration: none;
      background: #fff;
      padding: 6px 18px;
      font-size: 1.1rem;
      border-radius: 8px; }
      @media (max-width: 848px) {
        nav.nav-wrap ul.category-menu li a {
          padding: 6px 6px;
          border-radius: 10px; } }
      @media (max-width: 700px) {
        nav.nav-wrap ul.category-menu li a {
          border-radius: 25px; } }
      @media (max-width: 480px) {
        nav.nav-wrap ul.category-menu li a {
          border-radius: 20px; } }
  nav.nav-wrap ul.category-menu li:nth-child(1) a {
    color: #007ab3;
    border: solid 1px #007ab3; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li:nth-child(1) a {
        padding: 13px 147px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li:nth-child(1) a {
        padding: 10px 98px; } }
  nav.nav-wrap ul.category-menu li:nth-child(2) a {
    color: #4b9e52;
    border: solid 1px #4b9e52; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li:nth-child(2) a {
        padding: 13px 138px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li:nth-child(2) a {
        padding: 10px 89px; } }
  nav.nav-wrap ul.category-menu li:nth-child(3) a {
    color: #ffb92d;
    border: solid 1px #ffb92d; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li:nth-child(3) a {
        padding: 13px 133px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li:nth-child(3) a {
        padding: 10px 84px; } }
  nav.nav-wrap ul.category-menu li:nth-child(4) a {
    color: #1657bf;
    border: solid 1px #1657bf; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li:nth-child(4) a {
        padding: 13px 103px; } }
    @media (max-width: 630px) {
      nav.nav-wrap ul.category-menu li:nth-child(4) a {
        padding: 13px 77px; } }
    @media (max-width: 570px) {
      nav.nav-wrap ul.category-menu li:nth-child(4) a {
        padding: 13px 77px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li:nth-child(4) a {
        padding: 10px 28px; } }
  nav.nav-wrap ul.category-menu li:nth-child(5) a {
    color: #f53636;
    border: solid 1px #f53636; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu li:nth-child(5) a {
        padding: 13px 156px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu li:nth-child(5) a {
        padding: 10px 107px; } }

/*products---------------------------------------------------------------------------*/
nav.nav-wrap ul.category-menu2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 46px; }
  nav.nav-wrap ul.category-menu2:after {
    content: "";
    display: block;
    width: 30%;
    height: 0; }
  @media (max-width: 848px) {
    nav.nav-wrap ul.category-menu2 {
      display: grid;
      gap: 36px;
      margin-top: 46px;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center; } }
  @media (max-width: 700px) {
    nav.nav-wrap ul.category-menu2 {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 480px) {
    nav.nav-wrap ul.category-menu2 {
      margin-bottom: 50px;
      gap: 20px; } }
  nav.nav-wrap ul.category-menu2 li {
    display: inline-block; }
    @media (max-width: 848px) {
      nav.nav-wrap ul.category-menu2 li {
        width: 100%;
        text-align: center; } }
    nav.nav-wrap ul.category-menu2 li a {
      text-decoration: none;
      background: #fff;
      padding: 6px 18px;
      font-size: 1.1rem;
      border-radius: 8px;
      display: block; }
      @media (max-width: 1136px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 6px 11px; } }
      @media (max-width: 848px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 6px 30px;
          border-radius: 10px; } }
      @media (max-width: 700px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 10px 50px;
          border-radius: 25px; } }
      @media (max-width: 630px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 10px 44px; } }
      @media (max-width: 480px) {
        nav.nav-wrap ul.category-menu2 li a {
          border-radius: 20px;
          padding: 10px 30px; } }
      @media (max-width: 425px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 10px 18px; } }
      @media (max-width: 385px) {
        nav.nav-wrap ul.category-menu2 li a {
          padding: 10px 10px; } }
      @media (max-width: 340px) {
        nav.nav-wrap ul.category-menu2 li a {
          font-size: 0.9rem;
          padding: 10px 12px; } }
  nav.nav-wrap ul.category-menu2 li:nth-child(1) a {
    color: #4a89dc;
    border: solid 1px #4a89dc; }
  nav.nav-wrap ul.category-menu2 li:nth-child(2) a {
    color: #ef780c;
    border: solid 1px #ef780c; }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(2) a {
        padding: 10px 48px; } }
    @media (max-width: 425px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(2) a {
        padding: 10px 36px; } }
    @media (max-width: 385px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(2) a {
        padding: 10px 28px; } }
    @media (max-width: 340px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(2) a {
        padding: 10px 26px; } }
  nav.nav-wrap ul.category-menu2 li:nth-child(3) a {
    color: #37bc9b;
    border: solid 1px #37bc9b; }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(3) a {
        padding: 10px 48px; } }
    @media (max-width: 425px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(3) a {
        padding: 10px 36px; } }
    @media (max-width: 385px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(3) a {
        padding: 10px 28px; } }
    @media (max-width: 340px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(3) a {
        padding: 10px 26px; } }
  nav.nav-wrap ul.category-menu2 li:nth-child(4) a {
    color: #3bafda;
    border: solid 1px #3bafda; }
  nav.nav-wrap ul.category-menu2 li:nth-child(5) a {
    color: #967adc;
    border: solid 1px #967adc; }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(5) a {
        padding: 10px 21px; } }
    @media (max-width: 425px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(5) a {
        padding: 10px 9px; } }
    @media (max-width: 385px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(5) a {
        padding: 10px 1px; } }
    @media (max-width: 340px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(5) a {
        padding: 10px 4px; } }
  nav.nav-wrap ul.category-menu2 li:nth-child(6) a {
    color: #ff0000;
    border: solid 1px #ff0000; }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(6) a {
        padding: 10px 48px; } }
    @media (max-width: 425px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(6) a {
        padding: 10px 36px; } }
    @media (max-width: 385px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(6) a {
        padding: 10px 28px; } }
    @media (max-width: 340px) {
      nav.nav-wrap ul.category-menu2 li:nth-child(6) a {
        padding: 10px 26px; } }

/*search-form--------------------------------------------------------------------*/
div.search-wrap {
  width: 82%;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 480px) {
    div.search-wrap {
      margin-top: 20px;
      margin-bottom: 0; } }
  div.search-wrap form.products-search {
    display: flex;
    flex-direction: row; }
    div.search-wrap form.products-search #s {
      -webkit-appearance: none;
      border: solid 1px #ccc;
      border-right: none;
      background: #ffffff;
      padding: 9px 10px 7px 10px;
      vertical-align: middle;
      border-radius: 5px 0px 0px 5px;
      width: 250px; }
      @media (max-width: 480px) {
        div.search-wrap form.products-search #s {
          width: 100%; } }
    div.search-wrap form.products-search #b {
      color: #ffffff;
      -webkit-appearance: none;
      height: 40px;
      width: 40px;
      border: none;
      vertical-align: middle;
      border-radius: 0px 5px 5px 0px;
      cursor: pointer;
      background: #002870;
      font-size: 1.2rem; }

/*news---------------------------------------------------------------------------*/
nav.nav-wrap ul.category-menu3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 30px;
  margin-top: 46px; }
  @media (max-width: 700px) {
    nav.nav-wrap ul.category-menu3 {
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 50px;
      margin-top: 25px;
      text-align: center; } }
  @media (max-width: 480px) {
    nav.nav-wrap ul.category-menu3 {
      margin-top: 40px;
      gap: 30px; } }
  nav.nav-wrap ul.category-menu3 li {
    display: inline-block; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu3 li {
        width: 350px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu3 li {
        width: 250px; } }
    nav.nav-wrap ul.category-menu3 li a {
      text-decoration: none;
      background: #fff;
      padding: 6px 18px;
      font-size: 1.1rem;
      border-radius: 8px;
      display: block; }
      @media (max-width: 1136px) {
        nav.nav-wrap ul.category-menu3 li a {
          padding: 6px 11px; } }
      @media (max-width: 848px) {
        nav.nav-wrap ul.category-menu3 li a {
          padding: 6px 20px;
          border-radius: 10px; } }
      @media (max-width: 700px) {
        nav.nav-wrap ul.category-menu3 li a {
          border-radius: 25px; } }
      @media (max-width: 480px) {
        nav.nav-wrap ul.category-menu3 li a {
          border-radius: 20px; } }
  nav.nav-wrap ul.category-menu3 li:nth-child(1) a {
    color: #4fa455;
    border: solid 1px #4fa455; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(1) a {
        padding: 13px 121px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(1) a {
        padding: 10px 62px; } }
  nav.nav-wrap ul.category-menu3 li:nth-child(2) a {
    color: #6487d9;
    border: solid 1px #6487d9; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(2) a {
        padding: 13px 70px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(2) a {
        padding: 10px 11px; } }
  nav.nav-wrap ul.category-menu3 li:nth-child(3) a {
    color: #ee9f2b;
    border: solid 1px #ee9f2b; }
    @media (max-width: 700px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(3) a {
        padding: 13px 104px; } }
    @media (max-width: 480px) {
      nav.nav-wrap ul.category-menu3 li:nth-child(3) a {
        padding: 10px 45px; } }

/*content------------------------------------------------------------------------*/
/*overview-wrap-------------------------------------------------------------------*/
main {
  overflow-x: hidden;
  /*products-wrap-------------------------------------------------------------------*/
  /*nagara-wrap-------------------------------------------------------------------*/
  /*contact-wrap-------------------------------------------------------------------*/
  /*news-wrap-------------------------------------------------------------------*/
  /*chara-wrap-------------------------------------------------------------------*/
  /*craftsman-wrap-------------------------------------------------------------------*/
  /*recruit-wrap-------------------------------------------------------------------*/
  /*privacy-policy-wrap-------------------------------------------------------------------*/
  /*sitemap-wrap-------------------------------------------------------------------*/ }
  main div.content-wrap {
    background: url("../images/overview/about_us.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap {
        padding: 38px 0 18%; } }
  main div.content-wrap2 {
    background: url("../images/products/products.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 1330px) {
      main div.content-wrap2 {
        padding: 20px 0 1%; } }
    @media (max-width: 848px) {
      main div.content-wrap2 {
        padding: 36px 0 1%; } }
    @media (max-width: 480px) {
      main div.content-wrap2 {
        padding: 0 0 18%; } }
    main div.content-wrap2 img {
      width: auto;
      max-width: 100%;
      height: auto;
      min-width: 1px;
      padding: 0 20px; }
    main div.content-wrap2 #flickscroll .large-slide img {
      padding: 0 5px;
      margin: 0; }
    main div.content-wrap2 #flickscroll #flickthumb img {
      padding: 0 5px; }
  main div.content-wrap3 {
    background: url("../images/nagara/nagara_union.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap3 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap3 {
        padding: 38px 0 18%; } }
  main div.content-wrap4 {
    background: url("../images/contact/contact_us.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap4 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap4 {
        padding: 38px 0 18%; } }
  main div.content-wrap5 {
    background: url("../images/news/fukunou's_news.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap5 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap5 {
        padding: 38px 0 18%; } }
  main div.content-wrap6 {
    background: url("../images/chara/character_introduction.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap6 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap6 {
        padding: 38px 0 18%; } }
  main div.content-wrap7 {
    background: url("../images/craftsman/sickle_craftsman.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap7 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap7 {
        padding: 38px 0 18%; } }
  main div.content-wrap8 {
    background: url("../images/recruit/recruit.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap8 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap8 {
        padding: 38px 0 18%; } }
  main div.content-wrap9 {
    background: url("../images/privacy/privacy_policy.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap9 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap9 {
        padding: 38px 0 18%; } }
  main div.content-wrap10 {
    background: url("../images/sitemap/site_map.svg") repeat-y;
    background-size: 100%;
    padding: 60px 0 1%; }
    @media (max-width: 848px) {
      main div.content-wrap10 {
        padding: 48px 0 18%; } }
    @media (max-width: 480px) {
      main div.content-wrap10 {
        padding: 38px 0 18%; } }

article {
  background: #fff;
  width: 82%;
  padding: 50px;
  margin: 0 auto 8%;
  /*greeting-------------------------------------------------------------------*/
  /*president-greeting---------------------------------------------------------*/
  /*youtube-------------------------------------------------------------------*/
  /*profile-------------------------------------------------------------------*/
  /*access-map-------------------------------------------------------------------*/
  /*table-------------------------------------------------------------------*/
  /*map-------------------------------------------------------------------*/
  /*five-knowledge-------------------------------------------------------------------*/
  /*office-----------------------------------------------------------------------------------------------*/
  /*history-----------------------------------------------------------------------------------------------*/
  /*contact-------------------------------------------------------------------------------------*/
  /*products---------------------------------------------------------------------------------------*/
  /*220413 edit*/
  /* #flickthumb
--------------------------- */
  /*ここまで*/
  /*slider----------------------------------------------------------------------------------*/
  /*slider-thumnail----------------------------------------------------------------------------------*/
  /*detail----------------------------------------------------------------------------------*/
  /*youtube----------------------------------------------------------------------------------*/
  /*recipe----------------------------------------------------------------------------------*/
  /*questioin--------------------------------------------------------------------------------------*/
  /*cutlery---------------------------------------------------------------------------------------*/
  /*household---------------------------------------------------------------------------------------*/
  /*carry---------------------------------------------------------------------------------------*/
  /*agricultural---------------------------------------------------------------------------------------*/
  /*animal---------------------------------------------------------------------------------------*/
  /*featured---------------------------------------------------------------------------------------*/
  /*nagara---------------------------------------------------------------------------------------*/
  /*info---------------------------------------------------------------------------------------*/
  /*health---------------------------------------------------------------------------------------*/
  /*media---------------------------------------------------------------------------------------*/
  /*chara---------------------------------------------------------------------------------------*/
  /*craftsman---------------------------------------------------------------------------------------*/
  /*privacy policy---------------------------------------------------------------------------------------*/
  /*sitemap---------------------------------------------------------------------------------------*/ }
  @media (max-width: 848px) {
    article {
      padding-top: 20px; } }
  @media (max-width: 480px) {
    article {
      padding: 20px; } }
  @media (max-width: 848px) {
    article h2#add-ov span {
      left: 41.5%; } }
  @media (max-width: 425px) {
    article h2#add-ov span {
      left: 40.5%; } }
  @media (max-width: 385px) {
    article h2#add-ov span {
      left: 38.5%; } }
  @media (max-width: 340px) {
    article h2#add-ov span {
      left: 36.5%; } }
  @media (max-width: 848px) {
    article h2#add-ov span:before {
      left: 5%; } }
  article h2.headline2 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 176px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2:before {
          content: none; } }
    article h2.headline2 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 2%; }
      @media (max-width: 1330px) {
        article h2.headline2 span {
          left: 3%; } }
      @media (max-width: 1136px) {
        article h2.headline2 span {
          left: 4%; } }
      @media (max-width: 848px) {
        article h2.headline2 span {
          left: 43.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2 span {
          font-size: 1rem;
          left: 42%; } }
      @media (max-width: 425px) {
        article h2.headline2 span {
          left: 41%; } }
      @media (max-width: 385px) {
        article h2.headline2 span {
          left: 40%; } }
      @media (max-width: 340px) {
        article h2.headline2 span {
          left: 38%; } }
      article h2.headline2 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 0;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2 span:before {
            width: 62px; } }
  article p {
    line-height: 1.8rem;
    padding: 10px 0;
    margin: 0;
    clear: both; }
    article p.president {
      text-align: right;
      margin-top: 30px; }
  article div.youtube {
    margin-top: 70px !important;
    margin-bottom: 96px !important;
    position: relative;
    aspect-ratio: 16 / 9;
    padding-top: 30px;
    width: 62%;
    overflow: hidden; }
    @media (max-width: 848px) {
      article div.youtube {
        width: 92%;
        margin-bottom: 65px !important; } }
    @media (max-width: 480px) {
      article div.youtube {
        margin-bottom: 45px !important; } }
    article div.youtube iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  article ul.img-column {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    list-style: none;
    margin-top: 30px;
    padding: 40px; }
    @media (max-width: 1136px) {
      article ul.img-column {
        gap: 30px; } }
    @media (max-width: 848px) {
      article ul.img-column {
        flex-direction: column;
        gap: 38px; } }
    @media (max-width: 385px) {
      article ul.img-column {
        padding: 20px; } }
    article ul.img-column li {
      display: inline-block;
      width: 30%;
      text-align: center; }
      @media (max-width: 848px) {
        article ul.img-column li {
          width: 100%; } }
      article ul.img-column li img {
        max-width: 280px;
        width: 100%; }
  article h2.headline2-2 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-2 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-2 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-2:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 240px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-2:before {
          content: none; } }
    article h2.headline2-2 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: -0.5%; }
      @media (max-width: 1450px) {
        article h2.headline2-2 span {
          left: -0.8%; } }
      @media (max-width: 848px) {
        article h2.headline2-2 span {
          left: 31.5%;
          text-align: center; } }
      @media (max-width: 630px) {
        article h2.headline2-2 span {
          left: 26.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-2 span {
          font-size: 1rem;
          left: 26%; } }
      @media (max-width: 385px) {
        article h2.headline2-2 span {
          left: 22%; } }
      @media (max-width: 340px) {
        article h2.headline2-2 span {
          left: 17%; } }
      article h2.headline2-2 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-2 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 30%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-2 span:before {
            width: 62px; } }
  article h2.headline2-3 {
    font-size: 2.7rem;
    position: relative;
    margin: 60px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-3 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-3 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-3 {
        line-height: 120%; } }
    article h2.headline2-3:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 370px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-3:before {
          content: none; } }
    article h2.headline2-3 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 6%; }
      @media (max-width: 1610px) {
        article h2.headline2-3 span {
          left: 7.5%; } }
      @media (max-width: 1330px) {
        article h2.headline2-3 span {
          left: 9%; } }
      @media (max-width: 1136px) {
        article h2.headline2-3 span {
          left: 12%; } }
      @media (max-width: 848px) {
        article h2.headline2-3 span {
          left: 39%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-3 span {
          font-size: 1rem;
          left: 38%; } }
      @media (max-width: 425px) {
        article h2.headline2-3 span {
          left: 36%; } }
      @media (max-width: 385px) {
        article h2.headline2-3 span {
          left: 37%; } }
      @media (max-width: 340px) {
        article h2.headline2-3 span {
          left: 32%; } }
      article h2.headline2-3 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-3 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 11%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-3 span:before {
            width: 62px; } }
        @media (max-width: 340px) {
          article h2.headline2-3 span:before {
            top: 90%; } }
  article table.table01 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 74px;
    line-height: 1.8rem; }
    @media (max-width: 480px) {
      article table.table01 {
        margin-top: 14px; } }
    article table.table01 th {
      width: 28%;
      text-align: left;
      vertical-align: top;
      font-weight: 500;
      position: relative;
      padding: 20px 10px 20px 6px; }
      @media (max-width: 630px) {
        article table.table01 th {
          padding: 14px 10px 14px 3px; } }
      article table.table01 th:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 85%;
        border-top: solid 2px #002870; }
    article table.table01 td {
      width: 70%;
      text-align: left;
      vertical-align: top;
      position: relative;
      padding: 20px 0; }
      @media (max-width: 630px) {
        article table.table01 td {
          padding: 14px 0; } }
      article table.table01 td:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -6%;
        width: 106%;
        border-top: solid 2px #c1c1c1; }
  article table.table02 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 74px;
    line-height: 1.8rem; }
    @media (max-width: 480px) {
      article table.table02 {
        margin-top: 0; } }
    article table.table02 th {
      width: 28%;
      text-align: left;
      vertical-align: top;
      font-weight: 500;
      position: relative;
      padding: 20px 10px 20px 20px; }
      @media (max-width: 630px) {
        article table.table02 th {
          padding: 14px 10px 14px 0; } }
      @media (max-width: 480px) {
        article table.table02 th {
          display: inline-block;
          width: 100%;
          padding: 14px 10px 3px 0; } }
      article table.table02 th:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 85%;
        border-top: solid 2px #002870; }
        @media (max-width: 480px) {
          article table.table02 th:after {
            width: 100%; } }
      @media (max-width: 480px) {
        article table.table02 th.margin {
          margin-top: 26px; } }
    article table.table02 td {
      width: 70%;
      text-align: left;
      vertical-align: top;
      position: relative;
      padding: 20px 0; }
      @media (max-width: 480px) {
        article table.table02 td {
          display: inline-block;
          width: 100%;
          padding: 14px 0; } }
      article table.table02 td:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -6%;
        width: 106%;
        border-top: solid 2px #c1c1c1; }
        @media (max-width: 480px) {
          article table.table02 td:after {
            left: 0;
            width: 100%; } }
      @media (max-width: 480px) {
        article table.table02 td.img-center {
          text-align: center; } }
  article table.table03 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 74px;
    line-height: 1.8rem; }
    @media (max-width: 848px) {
      article table.table03 {
        margin-top: 30px; } }
    @media (max-width: 480px) {
      article table.table03 {
        margin-top: 14px; } }
    article table.table03 th {
      width: 28%;
      text-align: left;
      vertical-align: middle;
      font-weight: 500;
      position: relative;
      padding: 36px 10px 30px 7px; }
      @media (max-width: 848px) {
        article table.table03 th {
          display: inline-block;
          width: 100%;
          padding: 24px 10px 5px 7px; } }
      @media (max-width: 630px) {
        article table.table03 th {
          padding: 20px 10px 14px 0; } }
      article table.table03 th:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 85%;
        border-top: solid 2px #002870; }
        @media (max-width: 848px) {
          article table.table03 th:after {
            content: none; } }
      article table.table03 th span.required {
        background: #ff0000;
        color: #fff;
        border: #ff0000;
        border-radius: 20px;
        padding: 0.2em 1em;
        margin-right: 70px;
        float: right; }
        @media (max-width: 1136px) {
          article table.table03 th span.required {
            margin-right: 26px; } }
        @media (max-width: 848px) {
          article table.table03 th span.required {
            margin-right: 0; } }
      article table.table03 th span.any {
        background: #ffb92d;
        color: #fff;
        border: #ffb92d;
        border-radius: 20px;
        padding: 0.2em 1em;
        margin-right: 70px;
        float: right; }
        @media (max-width: 1136px) {
          article table.table03 th span.any {
            margin-right: 26px; } }
        @media (max-width: 848px) {
          article table.table03 th span.any {
            margin-right: 0; } }
    article table.table03 td {
      width: 70%;
      text-align: left;
      vertical-align: middle;
      position: relative;
      padding: 28px 3px; }
      @media (max-width: 848px) {
        article table.table03 td {
          display: inline-block;
          width: 100%; } }
      @media (max-width: 630px) {
        article table.table03 td {
          padding: 20px 0; } }
      article table.table03 td:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -6%;
        width: 106%;
        border-top: solid 2px #c1c1c1; }
        @media (max-width: 848px) {
          article table.table03 td:after {
            left: 0%;
            width: 100%; } }
  article table.table04 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 51px;
    line-height: 1.8rem; }
    @media (max-width: 480px) {
      article table.table04 {
        margin-top: 14px; } }
    article table.table04 th {
      width: 100%;
      text-align: left;
      vertical-align: top;
      font-weight: 500;
      font-size: 2.2rem;
      position: relative;
      padding: 50px 10px 20px 3px; }
      @media (max-width: 630px) {
        article table.table04 th {
          font-size: 1.8rem;
          padding: 40px 10px 12px 3px; } }
      @media (max-width: 480px) {
        article table.table04 th {
          font-size: 1.6rem;
          padding: 30px 10px 10px 3px; } }
      article table.table04 th:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: solid 2px #002870; }
    article table.table04 td {
      text-align: left;
      position: relative;
      padding: 20px; }
      @media (max-width: 630px) {
        article table.table04 td {
          display: block;
          width: 100%;
          padding: 6px 3px; } }
      article table.table04 td:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: solid 2px #c1c1c1; }
      @media (max-width: 630px) {
        article table.table04 td.no-content:after {
          content: none; } }
  article table.table05 {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 74px;
    line-height: 1.8rem; }
    @media (max-width: 480px) {
      article table.table05 {
        margin-top: 14px; } }
    article table.table05 th {
      width: 25%;
      background: #f3f3f3;
      text-align: center;
      font-weight: 500;
      position: relative;
      padding: 20px 10px 20px 3px; }
      article table.table05 th:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: solid 2px #002870; }
    article table.table05 td {
      width: 25%;
      text-align: center;
      position: relative;
      padding: 20px; }
      article table.table05 td:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: solid 2px #c1c1c1; }
  article dd {
    margin-left: 0; }
  article div.map {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
    margin-bottom: 30px; }
    article div.map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  article h2.headline2-4 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-4 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-4 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-4 {
        line-height: 120%; } }
    article h2.headline2-4:before {
      content: "";
      position: absolute;
      top: 40%;
      left: 260px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-4:before {
          content: none; } }
    article h2.headline2-4 span.small {
      position: absolute;
      top: 46%;
      left: -1.2%;
      font-family: "YuGothic", "Yu Gothic medium", "sans-serif";
      font-size: 0.8rem; }
      article h2.headline2-4 span.small:before {
        content: none; }
      @media (max-width: 848px) {
        article h2.headline2-4 span.small {
          left: 29.5%;
          text-align: center; } }
      @media (max-width: 700px) {
        article h2.headline2-4 span.small {
          left: 25.5%; } }
      @media (max-width: 630px) {
        article h2.headline2-4 span.small {
          left: 23.5%; } }
      @media (max-width: 480px) {
        article h2.headline2-4 span.small {
          left: 22%;
          font-size: 0.7rem; } }
      @media (max-width: 425px) {
        article h2.headline2-4 span.small {
          left: 19%; } }
      @media (max-width: 385px) {
        article h2.headline2-4 span.small {
          left: 14%; } }
      @media (max-width: 340px) {
        article h2.headline2-4 span.small {
          top: 35%;
          left: 8%; } }
    article h2.headline2-4 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 60%;
      left: 1%; }
      @media (max-width: 1610px) {
        article h2.headline2-4 span {
          left: 2%; } }
      @media (max-width: 1330px) {
        article h2.headline2-4 span {
          left: 2.5%; } }
      @media (max-width: 1136px) {
        article h2.headline2-4 span {
          left: 3%; } }
      @media (max-width: 848px) {
        article h2.headline2-4 span {
          left: 36%;
          text-align: center; } }
      @media (max-width: 700px) {
        article h2.headline2-4 span {
          left: 33%; } }
      @media (max-width: 630px) {
        article h2.headline2-4 span {
          left: 33%; } }
      @media (max-width: 480px) {
        article h2.headline2-4 span {
          font-size: 1rem;
          left: 34%; } }
      @media (max-width: 425px) {
        article h2.headline2-4 span {
          left: 32%; } }
      @media (max-width: 385px) {
        article h2.headline2-4 span {
          left: 29%; } }
      @media (max-width: 340px) {
        article h2.headline2-4 span {
          left: 26%; } }
      article h2.headline2-4 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-4 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 21%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-4 span:before {
            width: 62px; } }
        @media (max-width: 340px) {
          article h2.headline2-4 span:before {
            top: 90%; } }
  article div.knowledge-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20%;
    display: flex; }
    article div.knowledge-wrap.reverse {
      flex-flow: row-reverse; }
    @media (max-width: 1450px) {
      article div.knowledge-wrap {
        margin-bottom: 12%; } }
    @media (max-width: 1330px) {
      article div.knowledge-wrap {
        margin-bottom: 10%; } }
    @media (max-width: 1136px) {
      article div.knowledge-wrap {
        margin-bottom: 23%; } }
    @media (max-width: 848px) {
      article div.knowledge-wrap {
        margin-bottom: 68%; } }
    article div.knowledge-wrap div.knowledge-category {
      background: #f2f6fe;
      min-height: 460px;
      width: 50%;
      padding: 30px;
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px; }
      @media (max-width: 848px) {
        article div.knowledge-wrap div.knowledge-category {
          width: 100%; } }
      @media (max-width: 480px) {
        article div.knowledge-wrap div.knowledge-category {
          padding: 24px; } }
      article div.knowledge-wrap div.knowledge-category h3.knowledge-title {
        font-size: 3.2rem;
        font-weight: lighter;
        text-align: center;
        margin-top: 8%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 2; }
        @media (max-width: 1136px) {
          article div.knowledge-wrap div.knowledge-category h3.knowledge-title {
            font-size: 3rem; } }
        @media (max-width: 848px) {
          article div.knowledge-wrap div.knowledge-category h3.knowledge-title {
            font-size: 2.8rem; } }
        @media (max-width: 480px) {
          article div.knowledge-wrap div.knowledge-category h3.knowledge-title {
            font-size: 2.4rem; } }
        @media (max-width: 425px) {
          article div.knowledge-wrap div.knowledge-category h3.knowledge-title {
            font-size: 2.2rem; } }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title:before {
          content: none; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title.health {
          color: #37bc9b; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title.greeting {
          color: #fc5d43; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title.trust {
          color: #2473fb; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title.improvement {
          color: #ec2828; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title.smile {
          color: #34ae2f; }
        article div.knowledge-wrap div.knowledge-category h3.knowledge-title span {
          font-size: 1.2rem;
          line-height: 0.8rem; }
          @media (max-width: 480px) {
            article div.knowledge-wrap div.knowledge-category h3.knowledge-title span {
              font-size: 1rem;
              line-height: 0.6rem; } }
      article div.knowledge-wrap div.knowledge-category div.num {
        position: absolute;
        top: 50px; }
        @media (max-width: 1136px) {
          article div.knowledge-wrap div.knowledge-category div.num {
            width: 12%; } }
        @media (max-width: 480px) {
          article div.knowledge-wrap div.knowledge-category div.num {
            top: 40px; } }
        article div.knowledge-wrap div.knowledge-category div.num img {
          width: 100%; }
    article div.knowledge-wrap div.knowledge-image {
      position: absolute;
      top: 30%;
      left: 45%;
      z-index: 1; }
      @media (max-width: 848px) {
        article div.knowledge-wrap div.knowledge-image {
          position: absolute;
          top: 90%;
          left: 20%;
          z-index: 2; } }
      article div.knowledge-wrap div.knowledge-image img {
        max-width: 811px;
        width: 100%; }
    article div.knowledge-wrap div.knowledge-image2 {
      position: absolute;
      top: 30%;
      right: 45%;
      z-index: 1; }
      @media (max-width: 848px) {
        article div.knowledge-wrap div.knowledge-image2 {
          position: absolute;
          top: 90%;
          right: 20%;
          z-index: 2; } }
      article div.knowledge-wrap div.knowledge-image2 img {
        max-width: 811px;
        width: 100%; }
    article div.knowledge-wrap p.knowledge-text {
      font-size: 1.4rem;
      padding: 10px;
      letter-spacing: 1px;
      line-height: 2.2rem; }
      @media (max-width: 1136px) {
        article div.knowledge-wrap p.knowledge-text {
          font-size: 1.2rem; } }
      @media (max-width: 848px) {
        article div.knowledge-wrap p.knowledge-text {
          font-size: 1rem;
          line-height: 2rem; } }
      @media (max-width: 480px) {
        article div.knowledge-wrap p.knowledge-text {
          line-height: 1.8rem; } }
  article h2.headline2-5 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-5 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-5 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-5 {
        line-height: 120%; } }
    article h2.headline2-5:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 420px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-5:before {
          content: none; } }
    article h2.headline2-5 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 2%; }
      @media (max-width: 1610px) {
        article h2.headline2-5 span {
          left: 2%; } }
      @media (max-width: 1330px) {
        article h2.headline2-5 span {
          left: 2.5%; } }
      @media (max-width: 1136px) {
        article h2.headline2-5 span {
          left: 3%; } }
      @media (max-width: 848px) {
        article h2.headline2-5 span {
          left: 24%;
          text-align: center; } }
      @media (max-width: 700px) {
        article h2.headline2-5 span {
          left: 21%; } }
      @media (max-width: 630px) {
        article h2.headline2-5 span {
          left: 16%; } }
      @media (max-width: 480px) {
        article h2.headline2-5 span {
          font-size: 1rem;
          left: 21%; } }
      @media (max-width: 425px) {
        article h2.headline2-5 span {
          left: 14%; } }
      @media (max-width: 385px) {
        article h2.headline2-5 span {
          top: 96%;
          left: 9%; } }
      @media (max-width: 340px) {
        article h2.headline2-5 span {
          left: 0; } }
      article h2.headline2-5 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-5 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 37%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-5 span:before {
            width: 62px; } }
        @media (max-width: 340px) {
          article h2.headline2-5 span:before {
            top: 90%; } }
  article h3.headline3 {
    font-size: 2.4rem;
    position: relative;
    margin: 60px 0 50px;
    padding-left: 0; }
    @media (max-width: 848px) {
      article h3.headline3 {
        font-size: 2.2rem; } }
    @media (max-width: 480px) {
      article h3.headline3 {
        font-size: 1.8rem;
        margin-left: 12px; } }
    article h3.headline3:before {
      content: "";
      position: absolute;
      top: 10%;
      left: -18px;
      height: 60px;
      border-left: solid 4px #002870;
      border-radius: 30px; }
      @media (max-width: 480px) {
        article h3.headline3:before {
          left: -12px;
          height: 50px;
          border-left: solid 3px #002870; } }
    article h3.headline3 span {
      font-size: 1.2rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 80%;
      left: 0.5%; }
      @media (max-width: 1610px) {
        article h3.headline3 span {
          left: 1%; } }
      @media (max-width: 480px) {
        article h3.headline3 span {
          font-size: 1rem; } }
  article h3.headline3-2 {
    font-size: 2.4rem;
    position: relative;
    margin: 60px 0 50px;
    padding-left: 0; }
    @media (max-width: 848px) {
      article h3.headline3-2 {
        font-size: 2.2rem; } }
    @media (max-width: 480px) {
      article h3.headline3-2 {
        font-size: 1.8rem;
        margin-left: 12px; } }
    article h3.headline3-2:before {
      content: "";
      position: absolute;
      top: 10%;
      left: -18px;
      height: 60px;
      border-left: solid 4px #002870;
      border-radius: 30px; }
      @media (max-width: 480px) {
        article h3.headline3-2:before {
          left: -12px;
          height: 50px;
          border-left: solid 3px #002870; } }
    article h3.headline3-2 span {
      font-size: 1.2rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 80%;
      left: 1.5%; }
      @media (max-width: 1610px) {
        article h3.headline3-2 span {
          left: 2%; } }
      @media (max-width: 1136px) {
        article h3.headline3-2 span {
          left: 3%; } }
      @media (max-width: 848px) {
        article h3.headline3-2 span {
          left: 4%; } }
      @media (max-width: 480px) {
        article h3.headline3-2 span {
          font-size: 1rem; } }
  article h2.headline2-6 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-6 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-6 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-6:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 176px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-6:before {
          content: none; } }
    article h2.headline2-6 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 1%; }
      @media (max-width: 1136px) {
        article h2.headline2-6 span {
          left: 1.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-6 span {
          left: 44.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-6 span {
          font-size: 1rem;
          left: 43.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-6 span {
          left: 42.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-6 span {
          left: 41.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-6 span {
          left: 39.5%; } }
      article h2.headline2-6 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-6 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: -12%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-6 span:before {
            width: 62px; } }
  article dl.history {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    article dl.history:before {
      content: "";
      width: 100%;
      border-top: solid 2px #002870; }
    article dl.history dt {
      text-align: left;
      width: 8.5em;
      padding: 0.5em 1em 0.5em 0.5em;
      position: relative; }
      @media (max-width: 570px) {
        article dl.history dt {
          padding: 0; } }
      article dl.history dt:after {
        content: "";
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #002870;
        position: absolute;
        top: 40px;
        left: 125px;
        z-index: 2; }
        @media (max-width: 570px) {
          article dl.history dt:after {
            content: none; } }
      article dl.history dt.no-content:after {
        content: none; }
      @media (max-width: 570px) {
        article dl.history dt.no-content {
          padding: 0; } }
      article dl.history dt h3.history-h3 {
        font-size: 1.6rem;
        color: #002870;
        margin: 0;
        margin-top: 25px; }
        article dl.history dt h3.history-h3:before {
          content: none; }
    article dl.history dd {
      width: calc(100% - 8.5em);
      padding: 6em 4em 3em;
      border-left: 2px solid #ccc;
      position: relative; }
      article dl.history dd:before {
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #6c93db;
        position: absolute;
        top: 120px;
        left: -8px;
        z-index: 2; }
      article dl.history dd:after {
        content: "";
        width: 55px;
        border-top: solid 2px #ccc;
        position: absolute;
        top: 127px;
        left: -1px; }
      article dl.history dd h4.history-h4 {
        font-size: 1rem;
        font-weight: 500;
        position: relative; }
        article dl.history dd h4.history-h4:before {
          content: none; }
      article dl.history dd.history-second {
        padding: 1em 4em 3em; }
        article dl.history dd.history-second:before {
          content: "";
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background: #6c93db;
          position: absolute;
          top: 42px;
          left: -8px;
          z-index: 2; }
        article dl.history dd.history-second:after {
          content: "";
          width: 55px;
          border-top: solid 2px #ccc;
          position: absolute;
          top: 48px;
          left: -1px; }
        @media (max-width: 570px) {
          article dl.history dd.history-second {
            width: 100%;
            padding: 1em 2em 2em 4em; }
            article dl.history dd.history-second:before {
              top: 40px; }
            article dl.history dd.history-second:after {
              top: 47px; } }
        @media (max-width: 340px) {
          article dl.history dd.history-second {
            padding: 1em 0em 2em 4em; } }
      @media (max-width: 570px) {
        article dl.history dd {
          width: 100%;
          padding: 1em 2em 2em 4em; }
          article dl.history dd:before {
            top: 40px; }
          article dl.history dd:after {
            top: 47px; } }
      @media (max-width: 340px) {
        article dl.history dd {
          padding: 1em 0em 2em 4em; } }
      article dl.history dd h4 {
        font-weight: 500; }
  article h2.headline2-7 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-7 {
        text-align: center;
        line-height: 3rem; } }
    @media (max-width: 480px) {
      article h2.headline2-7 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-7:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 520px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-7:before {
          content: none; } }
    article h2.headline2-7 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 10%; }
      @media (max-width: 1610px) {
        article h2.headline2-7 span {
          left: 12%; } }
      @media (max-width: 1330px) {
        article h2.headline2-7 span {
          left: 14%; } }
      @media (max-width: 1136px) {
        article h2.headline2-7 span {
          left: 20%; } }
      @media (max-width: 848px) {
        article h2.headline2-7 span {
          left: 39.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-7 span {
          font-size: 1rem;
          left: 37.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-7 span {
          left: 33.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-7 span {
          left: 30.5%; } }
      article h2.headline2-7 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-7 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 18%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-7 span:before {
            width: 62px; } }
  article form {
    padding: 30px; }
    article form label.radio {
      margin-right: 30px;
      text-align: left; }
    article form input.contact,
    article form .wpcf7-form-control,
    article form .wpcf7-text,
    article form .wpcf7-validates-as-required {
      padding: 10px 15px;
      border: none;
      border-radius: 10px;
      background: #f2f6fe;
      height: 45px;
      width: 40%; }
      @media (max-width: 848px) {
        article form input.contact,
        article form .wpcf7-form-control,
        article form .wpcf7-text,
        article form .wpcf7-validates-as-required {
          width: 100%; } }
      article form input.contact.wpcf7-radio,
      article form .wpcf7-form-control.wpcf7-radio,
      article form .wpcf7-text.wpcf7-radio,
      article form .wpcf7-validates-as-required.wpcf7-radio {
        background: none; }
      article form input.contact.wpcf7-submit,
      article form .wpcf7-form-control.wpcf7-submit,
      article form .wpcf7-text.wpcf7-submit,
      article form .wpcf7-validates-as-required.wpcf7-submit {
        font-size: 1.4rem;
        color: #fff;
        background: #002870;
        padding: 6px 60px;
        border: solid 1px #002870;
        border-radius: 50px;
        display: block;
        margin: 0 auto;
        margin-top: 40px;
        cursor: pointer;
        width: 170px; }
        article form input.contact.wpcf7-submit:hover,
        article form .wpcf7-form-control.wpcf7-submit:hover,
        article form .wpcf7-text.wpcf7-submit:hover,
        article form .wpcf7-validates-as-required.wpcf7-submit:hover {
          color: #002870;
          background: #fff;
          transition: 0.5s; }
    article form div.gender {
      display: inline-block; }
      @media (max-width: 480px) {
        article form div.gender {
          display: block; } }
    article form textarea.contact,
    article form .wpcf7-textarea {
      padding: 10px 0;
      border: none;
      border-radius: 10px;
      background: #f2f6fe;
      height: 150px;
      width: 60%; }
      @media (max-width: 848px) {
        article form textarea.contact,
        article form .wpcf7-textarea {
          width: 100%; } }
    article form .contact-btn {
      display: block;
      margin: 0 auto; }
    article form p.confirmation {
      margin-top: 60px; }
    article form button.contact-btn {
      font-size: 1.4rem;
      color: #fff;
      background: #002870;
      padding: 10px 60px;
      border: solid 1px #002870;
      border-radius: 50px;
      margin-top: 40px;
      cursor: pointer; }
      article form button.contact-btn:hover {
        color: #002870;
        background: #fff;
        transition: 0.5s; }
  article ul.products-column, article ul.products-column.detail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    justify-items: center;
    align-items: start;
    justify-content: space-between;
    padding: 60px 0 0; }
    @media (max-width: 848px) {
      article ul.products-column, article ul.products-column.detail {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px; } }
    @media (max-width: 480px) {
      article ul.products-column, article ul.products-column.detail {
        gap: 20px;
        padding: 20px 0 0; } }
    article ul.products-column:after, article ul.products-column.detail:after {
      content: "";
      display: block;
      width: 30%;
      height: 0; }
    article ul.products-column li, article ul.products-column.detail li {
      display: inline-block;
      width: 100%; }
      article ul.products-column li div.products-img-wrap {
        position: relative;
        text-align: center;
        background-color: #fff;
        padding: 20px;
        min-height: 340px;
        overflow: hidden; }
        @media (max-width: 1450px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 265px; } }
        @media (max-width: 848px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 260px; } }
        @media (max-width: 630px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 220px; } }
        @media (max-width: 570px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 164px; } }
        @media (max-width: 480px) {
          article ul.products-column li div.products-img-wrap {
            padding: 10px;
            min-height: 190px; } }
        @media (max-width: 385px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 160px; } }
        @media (max-width: 340px) {
          article ul.products-column li div.products-img-wrap {
            min-height: 130px; } }
        article ul.products-column li div.products-img-wrap img {
          max-width: 100%;
          height: 100%;
          padding: 0;
          transition: 0.5s all; }
          @media (max-width: 480px) {
            article ul.products-column li div.products-img-wrap img {
              width: 100%; } }
          article ul.products-column li div.products-img-wrap img:hover {
            transform: scale(1.1, 1.1);
            transition: 0.7s all;
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            -webkit-transition: 0.7s all;
            -moz-transition: 0.7s all;
            -ms-transition: 0.7s all;
            -o-transition: 0.7s all; }
        article ul.products-column li div.products-img-wrap a {
          text-decoration: none; }
        article ul.products-column li div.products-img-wrap .products-text {
          color: #002870; }
          @media (max-width: 848px) {
            article ul.products-column li div.products-img-wrap .products-text {
              font-size: 0.8rem; } }
          @media (max-width: 480px) {
            article ul.products-column li div.products-img-wrap .products-text {
              font-size: 0.7rem; } }
      article ul.products-column li span.products-btn {
        background: #002870;
        color: #fff;
        font-family: "Candara", "sans-serif";
        padding: 0.5em 2em;
        position: absolute;
        bottom: 20px;
        right: 40px; }
        @media (max-width: 848px) {
          article ul.products-column li span.products-btn {
            padding: 0.5em 1.8em;
            font-size: 0.9rem; } }
        @media (max-width: 630px) {
          article ul.products-column li span.products-btn {
            font-size: 0.8rem; } }
        @media (max-width: 570px) {
          article ul.products-column li span.products-btn {
            padding: 0.5em 1.6em;
            font-size: 0.7rem;
            bottom: 0;
            right: 0; } }
        @media (max-width: 425px) {
          article ul.products-column li span.products-btn {
            padding: 0.5em 1.4em;
            font-size: 0.65rem; } }
        @media (max-width: 340px) {
          article ul.products-column li span.products-btn {
            padding: 0.5em 1.2em;
            font-size: 0.3rem; } }
        article ul.products-column li span.products-btn:before {
          content: "";
          border-top: solid 2px #fff;
          width: 20px;
          position: absolute;
          bottom: 20px;
          right: 0px; }
          @media (max-width: 848px) {
            article ul.products-column li span.products-btn:before {
              bottom: 17px; } }
          @media (max-width: 630px) {
            article ul.products-column li span.products-btn:before {
              bottom: 15px; } }
          @media (max-width: 570px) {
            article ul.products-column li span.products-btn:before {
              content: none; } }
        article ul.products-column li span.products-btn:after {
          content: "";
          border-top: solid 2px #002870;
          width: 22px;
          position: absolute;
          bottom: 20px;
          right: -22px; }
          @media (max-width: 848px) {
            article ul.products-column li span.products-btn:after {
              bottom: 17px; } }
          @media (max-width: 630px) {
            article ul.products-column li span.products-btn:after {
              bottom: 15px; } }
          @media (max-width: 570px) {
            article ul.products-column li span.products-btn:after {
              content: none; } }
      article ul.products-column li .products-arrow {
        position: absolute;
        bottom: 43px;
        right: 40px; }
        @media (max-width: 848px) {
          article ul.products-column li .products-arrow {
            bottom: 40px; } }
        @media (max-width: 630px) {
          article ul.products-column li .products-arrow {
            bottom: 38px; } }
        article ul.products-column li .products-arrow:after {
          content: "";
          border-top: solid 2px #002870;
          width: 13px;
          position: absolute;
          bottom: 0;
          right: -24px;
          transform: rotate(30deg); }
          @media (max-width: 570px) {
            article ul.products-column li .products-arrow:after {
              content: none; } }
  article .fadein {
    overflow: hidden;
    opacity: 0;
    transition: all 1s; }
    article .fadein.active {
      opacity: 1; }
  article ul.detail.products-column {
    grid-template-columns: repeat(6, 1fr); }
    @media (max-width: 1330px) {
      article ul.detail.products-column {
        grid-template-columns: repeat(4, 1fr); } }
    @media (max-width: 848px) {
      article ul.detail.products-column {
        grid-template-columns: repeat(2, 1fr); } }
    article ul.detail.products-column li div.products-img-wrap {
      min-height: 250px; }
      article ul.detail.products-column li div.products-img-wrap .products-text {
        padding: 25px 0; }
  article .products_col {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10%; }
    @media (max-width: 1136px) {
      article .products_col {
        flex-direction: column; } }
    article .products_col_l {
      display: flex;
      flex-direction: column;
      width: 35%; }
      @media (max-width: 1136px) {
        article .products_col_l {
          width: 100%; } }
      article .products_col_l ~ img {
        padding: 0 !important; }
      article .products_col_l_under {
        margin-top: 2em;
        display: flex; }
    article .products_col_r {
      width: 55%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      z-index: 10000; }
      @media (max-width: 1136px) {
        article .products_col_r {
          width: 100%;
          margin-top: 5%; } }
      article .products_col_r dl {
        display: flex;
        flex-wrap: wrap; }
        article .products_col_r dl dt {
          width: 20%;
          color: #002870;
          font-weight: bold;
          border-bottom: solid 2px #dddddd;
          padding-bottom: 8px;
          margin: 10px 0; }
        article .products_col_r dl dd {
          width: 80%;
          border-bottom: solid 2px #dddddd;
          padding-bottom: 8px;
          margin: 10px 0; }
  article #flickscroll {
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer; }
  article #flickscroll ul {
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0; }
  article #flickscroll ul li {
    width: 100%;
    display: inline;
    overflow: hidden; }
  article #flickthumb {
    margin: 10px auto;
    text-align: center;
    width: 100%; }
  article #flickthumb ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  article #flickthumb ul li {
    cursor: pointer;
    display: inline;
    width: 33%; }
  article #flickthumb ul li img {
    width: 100%; }
  article #flickthumb ul li.active {
    filter: brightness(1) !important; }
  article #flickscroll ul:after,
  article #flickthumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
    margin: 3px; }
  article #flickscroll ul {
    display: flex; }
  article h2.products-h2 {
    font-size: 2.7rem;
    position: relative;
    margin: 0;
    display: inline-block;
    margin-bottom: 50px; }
    @media (max-width: 848px) {
      article h2.products-h2 {
        font-size: 2.5rem;
        display: block;
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.products-h2 {
        font-size: 1.8rem; } }
    article h2.products-h2:before {
      content: "";
      position: absolute;
      top: 48%;
      right: -186px;
      width: 108px;
      border-top: solid 4px #002870; }
      @media (max-width: 848px) {
        article h2.products-h2:before {
          width: 80px;
          top: 100%;
          right: 42%;
          border-top: solid 3px #002870; } }
      @media (max-width: 630px) {
        article h2.products-h2:before {
          right: 41%; } }
      @media (max-width: 480px) {
        article h2.products-h2:before {
          width: 62px; } }
      @media (max-width: 425px) {
        article h2.products-h2:before {
          right: 40%; } }
      @media (max-width: 340px) {
        article h2.products-h2:before {
          right: 36%; } }
  article h3 {
    font-size: 2.2rem;
    position: relative;
    margin: 0;
    margin-top: 50px;
    padding-left: 26px;
    margin-bottom: 50px; }
    @media (max-width: 848px) {
      article h3 {
        font-size: 2rem; } }
    @media (max-width: 480px) {
      article h3 {
        font-size: 1.6rem;
        padding-left: 20px; } }
    article h3:before {
      content: "";
      position: absolute;
      top: 6%;
      left: 0;
      height: 46px;
      border-left: solid 4px #002870; }
      @media (max-width: 480px) {
        article h3:before {
          top: 6%;
          height: 34px; } }
  article h4 {
    font-size: 2rem;
    font-weight: 500;
    position: relative; }
    @media (max-width: 848px) {
      article h4 {
        font-size: 1.6rem; } }
    @media (max-width: 480px) {
      article h4 {
        font-size: 1.3rem; } }
    article h4:before {
      content: "";
      border-bottom: solid 2px #002870;
      width: 100%;
      position: absolute;
      bottom: -5px; }
    article h4 span {
      font-size: 1.4rem;
      padding-left: 22px; }
  article h5 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 0; }
    @media (max-width: 848px) {
      article h5 {
        font-size: 1.5rem; } }
    @media (max-width: 480px) {
      article h5 {
        font-size: 1.3rem; } }
    article h5 span {
      font-size: 1.2rem;
      padding-left: 12px; }
      @media (max-width: 480px) {
        article h5 span {
          font-size: 1rem; } }
  @media (max-width: 700px) {
    article img.multi {
      max-width: 300px;
      height: 100%; } }
  @media (max-width: 385px) {
    article img.multi {
      max-width: 260px; } }
  @media (max-width: 340px) {
    article img.multi {
      max-width: 210px; } }
  article ul.products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 20px; }
    article ul.products-grid li {
      display: inline-block; }
      article ul.products-grid li img {
        max-width: 250px;
        width: 100%;
        height: 100%; }
  article ul.products-grid3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 20px; }
    article ul.products-grid3 li {
      display: inline-block; }
      article ul.products-grid3 li img {
        max-width: 250px;
        width: 100%; }
  article ul.products-grid2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 20px; }
    @media (max-width: 848px) {
      article ul.products-grid2 {
        grid-template-columns: repeat(2, 1fr); } }
    article ul.products-grid2 li {
      display: inline-block; }
      article ul.products-grid2 li img {
        max-width: 200px;
        width: 100%;
        height: 100%; }
  article ul.products-grid4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 20px; }
    @media (max-width: 700px) {
      article ul.products-grid4 {
        grid-template-columns: repeat(1, 1fr); } }
    article ul.products-grid4 li {
      display: inline-block; }
      article ul.products-grid4 li img {
        max-width: 200px;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 0 10px; }
  article div.slide {
    border-bottom: solid 2px #ccc; }
  article ul.gallery {
    margin: 60px auto 5px auto;
    padding-left: 0;
    width: 100%;
    max-width: 1200px;
    padding-left: 0; }
    article ul.gallery li {
      list-style: none; }
      article ul.gallery li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        /*画像の下にできる余白を削除*/ }
  article .slick-prev,
  article .slick-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    cursor: pointer;
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;
    /*矢印の色*/
    border-right: 2px solid #ccc;
    /*矢印の色*/
    height: 25px;
    width: 25px; }
    @media (max-width: 848px) {
      article .slick-prev,
      article .slick-next {
        top: 48%; } }
    @media (max-width: 480px) {
      article .slick-prev,
      article .slick-next {
        height: 15px;
        width: 15px; } }
    @media (max-width: 425px) {
      article .slick-prev,
      article .slick-next {
        top: 45%; } }
  article .slick-prev {
    /*戻る矢印の位置と形状*/
    left: 2.5%;
    transform: rotate(-135deg); }
  article .slick-next {
    /*次へ矢印の位置と形状*/
    right: 2.5%;
    transform: rotate(45deg); }
  article ul.choice-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 4.5% 0; }
    @media (max-width: 480px) {
      article ul.choice-btn {
        padding-left: 4%; } }
    article ul.choice-btn .slick-track {
      width: 100% !important; }
    article ul.choice-btn .slick-list {
      width: 100% !important; }
    article ul.choice-btn li {
      cursor: pointer;
      outline: none;
      width: 25% !important;
      list-style: none; }
      article ul.choice-btn li img {
        opacity: 0.4;
        /*選択されていないものは透過40%*/
        width: 85%; }
      article ul.choice-btn li.slick-current img {
        opacity: 1;
        /*選択されているものは透過しない*/ }
  article p.detail-text {
    margin-top: 30px; }
  article ul.detail {
    list-style: none;
    padding-left: 0;
    text-align: left; }
  article ul.youtube2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    justify-content: center;
    gap: 60px;
    padding: 20px 0; }
    @media (max-width: 848px) {
      article ul.youtube2 {
        grid-template-columns: repeat(1, minmax(260px, 1fr)); } }
    article ul.youtube2 li {
      display: inline-block; }
      article ul.youtube2 li iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
        height: 100%;
        object-fit: contain; }
  article div.recipe {
    padding: 10px 0 40px; }
    article div.recipe img {
      max-width: 100%; }
  article ul.recipe-list {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 50px;
    gap: 10px;
    width: 80%; }
    @media (max-width: 848px) {
      article ul.recipe-list {
        width: 100%; } }
    article ul.recipe-list li {
      display: inline-block;
      padding: 10px 0 0;
      position: relative; }
      article ul.recipe-list li:after {
        content: "";
        border-bottom: dotted 2px #707070;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
      article ul.recipe-list li.recipe-text {
        padding-bottom: 10px; }
  article ol.recipe-list {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    margin-bottom: 50px;
    gap: 10px;
    width: 80%; }
    @media (max-width: 848px) {
      article ol.recipe-list {
        width: 100%; } }
    article ol.recipe-list li {
      padding: 10px 0 0;
      position: relative;
      padding-left: 10px; }
      article ol.recipe-list li:after {
        content: "";
        border-bottom: dotted 2px #707070;
        position: absolute;
        bottom: 0;
        left: -16px;
        width: 102%; }
      article ol.recipe-list li.recipe-text {
        padding-bottom: 10px; }
  article .accordion-area {
    list-style: none;
    margin: 0 auto;
    padding-left: 0; }
    article .accordion-area li {
      margin: 70px 0;
      background: #f2f6fe;
      border-radius: 20px; }
      @media (max-width: 848px) {
        article .accordion-area li {
          margin: 45px 0; } }
      @media (max-width: 480px) {
        article .accordion-area li {
          margin: 36px 0; } }
    article .accordion-area dl {
      padding: 20px; }
      @media (max-width: 480px) {
        article .accordion-area dl {
          padding: 14px; } }
      article .accordion-area dl dt.title {
        position: relative;
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: normal;
        padding: 1% 20% 1% 3%;
        transition: all 0.5s ease; }
        @media (max-width: 848px) {
          article .accordion-area dl dt.title {
            font-size: 1.2rem; } }
        @media (max-width: 480px) {
          article .accordion-area dl dt.title {
            font-size: 1rem; } }
        article .accordion-area dl dt.title:after {
          position: absolute;
          content: "";
          width: 15px;
          border-top: solid 3px #002870;
          border-right: solid 3px #002870;
          top: 36%;
          right: 50px;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          padding: 6px; }
          @media (max-width: 848px) {
            article .accordion-area dl dt.title:after {
              right: 28px; } }
          @media (max-width: 480px) {
            article .accordion-area dl dt.title:after {
              right: 10px; } }
      article .accordion-area dl .title.close::after {
        transform: rotate(-45deg); }
      article .accordion-area dl dd.box {
        display: none;
        padding: 3% 20% 1% 3%; }
        article .accordion-area dl dd.box p {
          font-size: 1.4rem;
          padding-top: 0; }
          @media (max-width: 848px) {
            article .accordion-area dl dd.box p {
              font-size: 1.2rem; } }
          @media (max-width: 480px) {
            article .accordion-area dl dd.box p {
              font-size: 1rem; } }
  article div.question {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    article div.question:before {
      content: "";
      display: inline-block;
      width: 35px;
      height: 35px;
      background: url("../images/products/question.svg") no-repeat;
      background-size: contain;
      vertical-align: middle;
      margin-right: 32px;
      padding: 20px; }
      @media (max-width: 480px) {
        article div.question:before {
          margin-right: 20px;
          padding: 16px; } }
      @media (max-width: 405px) {
        article div.question:before {
          margin-right: 12px; } }
  article div.answer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    article div.answer:before {
      content: "";
      display: inline-block;
      width: 35px;
      height: 35px;
      background: url("../images/products/answer.svg") no-repeat;
      background-size: contain;
      vertical-align: middle;
      margin-right: 32px;
      padding: 20px; }
      @media (max-width: 480px) {
        article div.answer:before {
          margin-right: 20px;
          padding: 16px; } }
      @media (max-width: 405px) {
        article div.answer:before {
          margin-right: 12px; } }
  article h2.headline2-8 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-8 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-8 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-8:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 320px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-8:before {
          content: none; } }
    article h2.headline2-8 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 1.5%; }
      @media (max-width: 1136px) {
        article h2.headline2-8 span {
          left: 2.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-8 span {
          left: 29.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-8 span {
          font-size: 1rem;
          left: 27.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-8 span {
          left: 23.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-8 span {
          left: 19.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-8 span {
          left: 14.5%; } }
      article h2.headline2-8 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-8 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 32%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-8 span:before {
            width: 62px; } }
  article h2.headline2-9 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-9 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-9 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-9:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 236px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-9:before {
          content: none; } }
    article h2.headline2-9 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 0.25%; }
      @media (max-width: 1136px) {
        article h2.headline2-9 span {
          left: 0.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-9 span {
          left: 34.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-9 span {
          font-size: 1rem;
          left: 32.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-9 span {
          left: 29.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-9 span {
          left: 26.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-9 span {
          left: 21.5%; } }
      article h2.headline2-9 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-9 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 26%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-9 span:before {
            width: 62px; } }
  article h2.headline2-10 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-10 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-10 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-10:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 236px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-10:before {
          content: none; } }
    article h2.headline2-10 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: -0.75%; }
      @media (max-width: 1136px) {
        article h2.headline2-10 span {
          left: -1.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-10 span {
          left: 31.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-10 span {
          font-size: 1rem;
          left: 29%; } }
      @media (max-width: 425px) {
        article h2.headline2-10 span {
          left: 25.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-10 span {
          left: 22%; } }
      @media (max-width: 340px) {
        article h2.headline2-10 span {
          left: 16.5%; } }
      article h2.headline2-10 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-10 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 30%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-10 span:before {
            width: 62px; } }
  article h2.headline2-11 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-11 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-11 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    article h2.headline2-11:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 350px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-11:before {
          content: none; } }
    article h2.headline2-11 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: -2%; }
      @media (max-width: 1136px) {
        article h2.headline2-11 span {
          left: -1.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-11 span {
          left: 20.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-11 span {
          font-size: 1rem;
          left: 16%; } }
      @media (max-width: 425px) {
        article h2.headline2-11 span {
          left: 12%; } }
      @media (max-width: 385px) {
        article h2.headline2-11 span {
          left: 5%; } }
      @media (max-width: 340px) {
        article h2.headline2-11 span {
          left: 2.5%; } }
      article h2.headline2-11 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-11 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 37%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-11 span:before {
            width: 62px; } }
  article h2.headline2-12 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-12 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-12 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-12 {
        line-height: 2.6rem; } }
    article h2.headline2-12:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 365px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-12:before {
          content: none; } }
    article h2.headline2-12 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 1.5%; }
      @media (max-width: 1136px) {
        article h2.headline2-12 span {
          left: 2%; } }
      @media (max-width: 848px) {
        article h2.headline2-12 span {
          left: 23.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-12 span {
          font-size: 1rem;
          left: 20%; } }
      @media (max-width: 425px) {
        article h2.headline2-12 span {
          left: 15%; } }
      @media (max-width: 385px) {
        article h2.headline2-12 span {
          left: 9%; } }
      @media (max-width: 340px) {
        article h2.headline2-12 span {
          line-height: 1rem;
          top: 102%;
          left: 0; } }
      article h2.headline2-12 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-12 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 37%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-12 span:before {
            width: 62px; } }
  article h2.headline2-13 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-13 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-13 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-13 {
        line-height: 2.6rem; } }
    article h2.headline2-13:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 264px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-13:before {
          content: none; } }
    article h2.headline2-13 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 0.5%; }
      @media (max-width: 848px) {
        article h2.headline2-13 span {
          left: 34.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-13 span {
          font-size: 1rem;
          left: 32.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-13 span {
          left: 29.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-13 span {
          left: 26.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-13 span {
          line-height: 1rem;
          top: 102%;
          left: 21.5%; } }
      article h2.headline2-13 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-13 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 28%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-13 span:before {
            width: 62px; } }
  article h2.headline2-14 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-14 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-14 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-14 {
        line-height: 2.6rem; } }
    article h2.headline2-14:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 320px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-14:before {
          content: none; } }
    article h2.headline2-14 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 0.5%; }
      @media (max-width: 1136px) {
        article h2.headline2-14 span {
          left: 1.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-14 span {
          left: 28%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-14 span {
          font-size: 1rem;
          left: 25%; } }
      @media (max-width: 425px) {
        article h2.headline2-14 span {
          left: 21%; } }
      @media (max-width: 385px) {
        article h2.headline2-14 span {
          left: 16%; } }
      @media (max-width: 340px) {
        article h2.headline2-14 span {
          line-height: 1rem;
          top: 102%;
          left: 9%; } }
      article h2.headline2-14 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-14 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 33%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-14 span:before {
            width: 62px; } }
        @media (max-width: 340px) {
          article h2.headline2-14 span:before {
            top: 152%; } }
  article h2.headline2-15 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-15 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-15 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-15 {
        line-height: 2.6rem; } }
    article h2.headline2-15:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 250px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-15:before {
          content: none; } }
    article h2.headline2-15 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: -0.2%; }
      @media (max-width: 1136px) {
        article h2.headline2-15 span {
          left: -0.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-15 span {
          left: 33%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-15 span {
          font-size: 1rem;
          left: 30%; } }
      @media (max-width: 425px) {
        article h2.headline2-15 span {
          left: 27.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-15 span {
          left: 24%; } }
      @media (max-width: 340px) {
        article h2.headline2-15 span {
          line-height: 1rem;
          top: 102%;
          left: 19.5%; } }
      article h2.headline2-15 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-15 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 30%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-15 span:before {
            width: 62px; } }
  article div.news-wrap {
    padding: 20px; }
    article div.news-wrap dl.news dt.news-date {
      padding: 5px 0; }
      @media (max-width: 480px) {
        article div.news-wrap dl.news dt.news-date {
          font-size: 0.9rem; } }
    article div.news-wrap dl.news dd {
      padding: 5px 0;
      margin-bottom: 45px; }
      article div.news-wrap dl.news dd.title {
        font-size: 1.8rem;
        margin-bottom: 0;
        padding-right: 3em; }
        article div.news-wrap dl.news dd.title a {
          color: #4d4c4c;
          text-decoration: none; }
        @media (max-width: 848px) {
          article div.news-wrap dl.news dd.title {
            font-size: 1.4rem; } }
        @media (max-width: 480px) {
          article div.news-wrap dl.news dd.title {
            font-size: 1.3rem;
            padding-right: 2em; } }
      article div.news-wrap dl.news dd.underline {
        border-bottom: solid 2px #c1c1c1;
        padding-bottom: 22px; }
        article div.news-wrap dl.news dd.underline a {
          text-decoration: none;
          color: #0fa8ec;
          font-size: 1.2rem;
          position: relative; }
          @media (max-width: 848px) {
            article div.news-wrap dl.news dd.underline a {
              font-size: 1rem; } }
          article div.news-wrap dl.news dd.underline a:before {
            content: "";
            position: absolute;
            top: 12px;
            left: 70px;
            width: 42px;
            border-top: solid 2px #0fa8ec; }
          article div.news-wrap dl.news dd.underline a:after {
            content: "";
            position: absolute;
            top: 9px;
            left: 100px;
            width: 12px;
            border-top: solid 2px #0fa8ec;
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  article h2.headline2-16 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-16 {
        text-align: center; } }
    @media (max-width: 630px) {
      article h2.headline2-16 {
        line-height: 3rem; } }
    @media (max-width: 480px) {
      article h2.headline2-16 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-16 {
        line-height: 2.6rem; } }
    article h2.headline2-16:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 510px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-16:before {
          content: none; } }
    article h2.headline2-16 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 8%; }
      @media (max-width: 1610px) {
        article h2.headline2-16 span {
          left: 11%; } }
      @media (max-width: 1450px) {
        article h2.headline2-16 span {
          left: 12%; } }
      @media (max-width: 1136px) {
        article h2.headline2-16 span {
          left: 17%; } }
      @media (max-width: 848px) {
        article h2.headline2-16 span {
          left: 36%;
          text-align: center; } }
      @media (max-width: 630px) {
        article h2.headline2-16 span {
          top: 90%;
          left: 34%; } }
      @media (max-width: 480px) {
        article h2.headline2-16 span {
          font-size: 1rem;
          top: 86%;
          left: 35%; } }
      @media (max-width: 425px) {
        article h2.headline2-16 span {
          left: 33%; } }
      @media (max-width: 385px) {
        article h2.headline2-16 span {
          left: 30%; } }
      @media (max-width: 340px) {
        article h2.headline2-16 span {
          line-height: 1rem;
          top: 102%;
          left: 28%; } }
      article h2.headline2-16 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-16 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 21%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 630px) {
          article h2.headline2-16 span:before {
            top: 93%; } }
        @media (max-width: 480px) {
          article h2.headline2-16 span:before {
            width: 62px; } }
        @media (max-width: 340px) {
          article h2.headline2-16 span:before {
            top: 137%; } }
  article h2.headline2-17 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-17 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-17 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-17 {
        line-height: 2.6rem; } }
    article h2.headline2-17:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 335px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-17:before {
          content: none; } }
    article h2.headline2-17 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 3%; }
      @media (max-width: 1610px) {
        article h2.headline2-17 span {
          left: 3.5%; } }
      @media (max-width: 1920px) {
        article h2.headline2-17 span {
          left: 4%; } }
      @media (max-width: 1136px) {
        article h2.headline2-17 span {
          left: 6.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-17 span {
          left: 34.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-17 span {
          font-size: 1rem;
          left: 32.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-17 span {
          left: 30%; } }
      @media (max-width: 385px) {
        article h2.headline2-17 span {
          left: 27.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-17 span {
          line-height: 1rem;
          top: 102%;
          left: 23%; } }
      article h2.headline2-17 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-17 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 26%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-17 span:before {
            width: 62px; } }
  article h2.headline2-18 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-18 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-18 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-18 {
        line-height: 2.6rem; } }
    article h2.headline2-18:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 246px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-18:before {
          content: none; } }
    article h2.headline2-18 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 3.5%; }
      @media (max-width: 1610px) {
        article h2.headline2-18 span {
          left: 4.5%; } }
      @media (max-width: 1450px) {
        article h2.headline2-18 span {
          left: 5%; } }
      @media (max-width: 1136px) {
        article h2.headline2-18 span {
          left: 6.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-18 span {
          left: 44.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-18 span {
          font-size: 1rem;
          left: 43%; } }
      @media (max-width: 425px) {
        article h2.headline2-18 span {
          left: 42%; } }
      @media (max-width: 385px) {
        article h2.headline2-18 span {
          left: 41%; } }
      @media (max-width: 340px) {
        article h2.headline2-18 span {
          line-height: 1rem;
          top: 102%;
          left: 38%; } }
      article h2.headline2-18 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-18 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: -12%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-18 span:before {
            left: -14%;
            width: 62px; } }
  article h2.headline2-19 {
    font-size: 2.7rem;
    position: relative;
    margin: 60px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-19 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-19 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-19 {
        line-height: 2.6rem; } }
    article h2.headline2-19:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 340px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-19:before {
          content: none; } }
    article h2.headline2-19 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 5.5%; }
      @media (max-width: 1610px) {
        article h2.headline2-19 span {
          left: 7%; } }
      @media (max-width: 1450px) {
        article h2.headline2-19 span {
          left: 8%; } }
      @media (max-width: 1136px) {
        article h2.headline2-19 span {
          left: 11.5%; } }
      @media (max-width: 848px) {
        article h2.headline2-19 span {
          left: 43.5%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-19 span {
          font-size: 1rem;
          left: 43%; } }
      @media (max-width: 425px) {
        article h2.headline2-19 span {
          left: 41.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-19 span {
          left: 41%; } }
      @media (max-width: 340px) {
        article h2.headline2-19 span {
          line-height: 1rem;
          top: 102%;
          left: 38%; } }
      article h2.headline2-19 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-19 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: -20%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-19 span:before {
            left: -22%;
            width: 62px; } }
  article h2.headline2-20 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-20 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-20 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-20 {
        line-height: 2.6rem; } }
    article h2.headline2-20:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 340px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-20:before {
          content: none; } }
    article h2.headline2-20 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 0%; }
      @media (max-width: 848px) {
        article h2.headline2-20 span {
          left: 30%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-20 span {
          font-size: 1rem;
          left: 26.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-20 span {
          left: 22.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-20 span {
          left: 18.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-20 span {
          line-height: 1rem;
          top: 102%;
          left: 12.5%; } }
      article h2.headline2-20 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-20 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 32%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-20 span:before {
            width: 62px; } }
  article ul.img-column2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 60px;
    padding: 20px 0; }
    @media (max-width: 848px) {
      article ul.img-column2 {
        grid-template-columns: repeat(1, 1fr); } }
    @media (max-width: 480px) {
      article ul.img-column2 {
        padding: 10px;
        gap: 50px; } }
    article ul.img-column2 li {
      display: inline-block;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
      article ul.img-column2 li a {
        text-decoration: none;
        color: #4d4c4c; }
      article ul.img-column2 li img {
        width: 100%; }
      article ul.img-column2 li dl.craftsman-dl {
        padding: 1.5em 1.3em 5.5em; }
        @media (max-width: 480px) {
          article ul.img-column2 li dl.craftsman-dl {
            padding: 1.5em 1.3em 2.5em; } }
        article ul.img-column2 li dl.craftsman-dl dt {
          color: #002870;
          font-size: 2rem; }
          @media (max-width: 1136px) {
            article ul.img-column2 li dl.craftsman-dl dt {
              font-size: 1.8rem; } }
          @media (max-width: 848px) {
            article ul.img-column2 li dl.craftsman-dl dt {
              font-size: 1.6rem; } }
          @media (max-width: 480px) {
            article ul.img-column2 li dl.craftsman-dl dt {
              font-size: 1.3rem; } }
          @media (max-width: 480px) {
            article ul.img-column2 li dl.craftsman-dl dt {
              font-size: 1.2rem; } }
  article h2.headline2-21 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-21 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-21 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-21 {
        line-height: 2.6rem; } }
    article h2.headline2-21:before {
      content: "";
      position: absolute;
      top: 63%;
      left: 560px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-21:before {
          content: none; } }
    article h2.headline2-21 span {
      font-size: 1.3rem;
      font-family: "Candara", "sans-serif";
      font-weight: 500;
      position: absolute;
      top: 84%;
      left: 0%; }
      @media (max-width: 848px) {
        article h2.headline2-21 span {
          left: 7%;
          text-align: center; } }
      @media (max-width: 480px) {
        article h2.headline2-21 span {
          font-size: 1rem;
          left: 6.5%; } }
      @media (max-width: 425px) {
        article h2.headline2-21 span {
          left: 5.5%; } }
      @media (max-width: 385px) {
        article h2.headline2-21 span {
          left: 4.5%; } }
      @media (max-width: 340px) {
        article h2.headline2-21 span {
          line-height: 1rem;
          top: 102%;
          left: 2.5%; } }
      article h2.headline2-21 span:before {
        content: none; }
        @media (max-width: 848px) {
          article h2.headline2-21 span:before {
            content: "";
            position: absolute;
            top: 110%;
            left: 42%;
            width: 80px;
            border-top: solid 3px #002870;
            border-radius: 8px; } }
        @media (max-width: 480px) {
          article h2.headline2-21 span:before {
            left: 39%;
            width: 62px; } }
  article h2.headline2-22 {
    font-size: 2.7rem;
    position: relative;
    margin: 10px 0 50px; }
    @media (max-width: 848px) {
      article h2.headline2-22 {
        text-align: center; } }
    @media (max-width: 480px) {
      article h2.headline2-22 {
        font-size: 2rem;
        margin-bottom: 50px; } }
    @media (max-width: 340px) {
      article h2.headline2-22 {
        line-height: 2.6rem; } }
    article h2.headline2-22:before {
      content: "";
      position: absolute;
      top: 54%;
      left: 250px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article h2.headline2-22:before {
          top: 96%;
          left: 40.5%; } }
      @media (max-width: 700px) {
        article h2.headline2-22:before {
          left: 39.5%; } }
      @media (max-width: 630px) {
        article h2.headline2-22:before {
          left: 37.5%; } }
      @media (max-width: 630px) {
        article h2.headline2-22:before {
          left: 36.5%; } }
      @media (max-width: 480px) {
        article h2.headline2-22:before {
          left: 40%;
          width: 62px; } }
      @media (max-width: 340px) {
        article h2.headline2-22:before {
          top: 102%;
          left: 36%; } }
  article .video {
    margin: 0 auto; }
    article .video video {
      max-width: 1280px;
      width: 100%;
      padding-top: 30px; }
      @media (max-width: 480px) {
        article .video video {
          margin-top: 24px; } }
  article .kama-wrap {
    margin-top: 70px;
    padding: 30px;
    clear: both;
    zoom: 1;
    margin-bottom: 10%; }
    @media (max-width: 848px) {
      article .kama-wrap {
        margin-top: 50px;
        padding: 0; } }
    article .kama-wrap img {
      max-width: 550px;
      width: 100%;
      padding-left: 30px; }
      @media (max-width: 848px) {
        article .kama-wrap img {
          float: none;
          padding-left: 0; } }
  article .kama-wrap2 {
    margin-top: 70px;
    padding: 30px;
    clear: both;
    zoom: 1;
    margin-bottom: 10%; }
    @media (max-width: 848px) {
      article .kama-wrap2 {
        margin-top: 50px;
        padding: 0; } }
    article .kama-wrap2 img {
      max-width: 550px;
      width: 100%;
      padding-right: 30px; }
      @media (max-width: 848px) {
        article .kama-wrap2 img {
          float: none;
          padding-right: 0; } }
  article div.craftsman-wrap {
    margin-top: 70px;
    margin-bottom: 10%;
    padding: 30px;
    position: relative;
    display: flex; }
    @media (max-width: 1136px) {
      article div.craftsman-wrap {
        display: block; } }
    @media (max-width: 480px) {
      article div.craftsman-wrap {
        margin-top: 30px;
        margin-bottom: 0;
        padding: 20px; } }
    article div.craftsman-wrap.reverse {
      flex-flow: row-reverse; }
    article div.craftsman-wrap div.intro {
      background: #f2f6fe;
      min-height: 460px;
      width: 50%;
      padding: 30px;
      position: relative;
      z-index: 2; }
      @media (max-width: 1136px) {
        article div.craftsman-wrap div.intro {
          width: 100%; } }
      @media (max-width: 848px) {
        article div.craftsman-wrap div.intro {
          min-height: 420px;
          padding: 20px 30px; } }
      @media (max-width: 480px) {
        article div.craftsman-wrap div.intro {
          min-height: 360px;
          padding: 20px; } }
      article div.craftsman-wrap div.intro dt {
        font-size: 1.8rem; }
        @media (max-width: 480px) {
          article div.craftsman-wrap div.intro dt {
            font-size: 1.6rem; } }
        @media (max-width: 340px) {
          article div.craftsman-wrap div.intro dt {
            font-size: 1.4rem; } }
      article div.craftsman-wrap div.intro dd {
        padding: 20px 20px 20px 0; }
        @media (max-width: 480px) {
          article div.craftsman-wrap div.intro dd {
            padding: 8px 0px 20px 0; } }
    article div.craftsman-wrap div.intro2 {
      background: #f2f6fe;
      min-height: 460px;
      width: 50%;
      padding: 30px;
      position: relative;
      z-index: 2; }
      @media (max-width: 1136px) {
        article div.craftsman-wrap div.intro2 {
          width: 100%; } }
      @media (max-width: 848px) {
        article div.craftsman-wrap div.intro2 {
          min-height: 420px;
          padding: 20px 30px; } }
      @media (max-width: 480px) {
        article div.craftsman-wrap div.intro2 {
          min-height: 360px;
          padding: 20px; } }
      article div.craftsman-wrap div.intro2 dt {
        font-size: 1.8rem; }
        @media (max-width: 480px) {
          article div.craftsman-wrap div.intro2 dt {
            font-size: 1.6rem; } }
        @media (max-width: 340px) {
          article div.craftsman-wrap div.intro2 dt {
            font-size: 1.4rem; } }
      article div.craftsman-wrap div.intro2 dd {
        padding: 20px 20px 20px 0; }
        @media (max-width: 480px) {
          article div.craftsman-wrap div.intro2 dd {
            padding: 8px 0px 20px 0; } }
    article div.craftsman-wrap span.youtube-btn {
      background: #002870;
      color: #fff;
      font-family: "Candara", "sans-serif";
      padding: 0.5em 2em;
      position: absolute;
      bottom: 70px;
      left: 35px; }
      @media (max-width: 848px) {
        article div.craftsman-wrap span.youtube-btn {
          padding: 0.5em 1.8em;
          left: 34px; } }
      @media (max-width: 630px) {
        article div.craftsman-wrap span.youtube-btn {
          bottom: 40px; } }
      @media (max-width: 570px) {
        article div.craftsman-wrap span.youtube-btn {
          padding: 0.5em 1.6em; } }
      @media (max-width: 480px) {
        article div.craftsman-wrap span.youtube-btn {
          bottom: 40px;
          left: 24px; } }
      @media (max-width: 425px) {
        article div.craftsman-wrap span.youtube-btn {
          font-size: 0.9rem;
          padding: 0.5em 1.4em; } }
      @media (max-width: 340px) {
        article div.craftsman-wrap span.youtube-btn {
          font-size: 0.8rem;
          padding: 0.5em 1.2em; } }
      article div.craftsman-wrap span.youtube-btn:before {
        content: "";
        border-top: solid 2px #fff;
        width: 20px;
        position: absolute;
        bottom: 20px;
        right: 0px; }
        @media (max-width: 848px) {
          article div.craftsman-wrap span.youtube-btn:before {
            bottom: 17px; } }
        @media (max-width: 630px) {
          article div.craftsman-wrap span.youtube-btn:before {
            width: 14px;
            bottom: 14px; } }
        @media (max-width: 480px) {
          article div.craftsman-wrap span.youtube-btn:before {
            content: none; } }
      article div.craftsman-wrap span.youtube-btn:after {
        content: "";
        border-top: solid 2px #002870;
        width: 22px;
        position: absolute;
        bottom: 20px;
        right: -22px; }
        @media (max-width: 848px) {
          article div.craftsman-wrap span.youtube-btn:after {
            bottom: 17px; } }
        @media (max-width: 630px) {
          article div.craftsman-wrap span.youtube-btn:after {
            bottom: 14px; } }
        @media (max-width: 480px) {
          article div.craftsman-wrap span.youtube-btn:after {
            content: none; } }
    article div.craftsman-wrap span.youtube-arrow {
      position: absolute;
      bottom: 94px;
      left: 179px; }
      @media (max-width: 848px) {
        article div.craftsman-wrap span.youtube-arrow {
          bottom: 90px;
          left: 173px; } }
      @media (max-width: 630px) {
        article div.craftsman-wrap span.youtube-arrow {
          bottom: 57px; } }
      @media (max-width: 570px) {
        article div.craftsman-wrap span.youtube-arrow {
          left: 167px; } }
      article div.craftsman-wrap span.youtube-arrow:after {
        content: "";
        border-top: solid 2px #002870;
        width: 13px;
        position: absolute;
        bottom: 0;
        right: -24px;
        transform: rotate(30deg); }
        @media (max-width: 480px) {
          article div.craftsman-wrap span.youtube-arrow:after {
            content: none; } }
    article div.craftsman-wrap div.craftsman-img {
      position: absolute;
      top: 30%;
      left: 45%;
      z-index: 1;
      padding: 30px; }
      @media (max-width: 1136px) {
        article div.craftsman-wrap div.craftsman-img {
          position: static;
          padding: 0; } }
      article div.craftsman-wrap div.craftsman-img img {
        max-width: 811px;
        width: 100%; }
    article div.craftsman-wrap div.craftsman-img2 {
      position: absolute;
      top: 30%;
      right: 45%;
      z-index: 1;
      padding: 30px; }
      @media (max-width: 1136px) {
        article div.craftsman-wrap div.craftsman-img2 {
          position: static;
          padding: 0; } }
      article div.craftsman-wrap div.craftsman-img2 img {
        max-width: 811px;
        width: 100%; }
  article ol.policy {
    padding: 20px; }
    article ol.policy li {
      font-weight: 600; }
      article ol.policy li dd {
        font-weight: 500; }
  article ul.sitemap-h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    float: left;
    padding-left: 0;
    margin-top: 50px;
    line-height: 2.4rem;
    position: relative; }
    @media (max-width: 848px) {
      article ul.sitemap-h2 {
        float: none; } }
    @media (max-width: 480px) {
      article ul.sitemap-h2 {
        line-height: 2rem; } }
    article ul.sitemap-h2:after {
      content: "";
      position: absolute;
      top: 45%;
      left: 240px;
      width: 108px;
      border-top: solid 4px #002870;
      border-radius: 8px; }
      @media (max-width: 848px) {
        article ul.sitemap-h2:after {
          top: 96%;
          left: 226px;
          width: 80px;
          border-top: solid 3px #002870; } }
      @media (max-width: 700px) {
        article ul.sitemap-h2:after {
          left: 41.5%; } }
      @media (max-width: 630px) {
        article ul.sitemap-h2:after {
          left: 40.5%; } }
      @media (max-width: 570px) {
        article ul.sitemap-h2:after {
          left: 39%; } }
      @media (max-width: 480px) {
        article ul.sitemap-h2:after {
          left: 41.5%;
          width: 62px; } }
      @media (max-width: 425px) {
        article ul.sitemap-h2:after {
          left: 40%; } }
      @media (max-width: 405px) {
        article ul.sitemap-h2:after {
          left: 38.5%; } }
      @media (max-width: 340px) {
        article ul.sitemap-h2:after {
          left: 36%; } }
    article ul.sitemap-h2:first-of-type {
      margin-top: 0; }
    article ul.sitemap-h2.sm2:after {
      left: 336px; }
      @media (max-width: 848px) {
        article ul.sitemap-h2.sm2:after {
          top: 96%;
          left: 226px;
          width: 80px;
          border-top: solid 3px #002870; } }
      @media (max-width: 700px) {
        article ul.sitemap-h2.sm2:after {
          left: 41.5%; } }
      @media (max-width: 630px) {
        article ul.sitemap-h2.sm2:after {
          left: 40.5%; } }
      @media (max-width: 570px) {
        article ul.sitemap-h2.sm2:after {
          left: 39%; } }
      @media (max-width: 480px) {
        article ul.sitemap-h2.sm2:after {
          left: 41.5%;
          width: 62px; } }
      @media (max-width: 425px) {
        article ul.sitemap-h2.sm2:after {
          left: 40%; } }
      @media (max-width: 405px) {
        article ul.sitemap-h2.sm2:after {
          left: 38.5%; } }
      @media (max-width: 340px) {
        article ul.sitemap-h2.sm2:after {
          left: 36%; } }
    article ul.sitemap-h2.sm3:after {
      left: 520px; }
      @media (max-width: 848px) {
        article ul.sitemap-h2.sm3:after {
          top: 96%;
          left: 226px;
          width: 80px;
          border-top: solid 3px #002870; } }
      @media (max-width: 700px) {
        article ul.sitemap-h2.sm3:after {
          left: 41.5%; } }
      @media (max-width: 630px) {
        article ul.sitemap-h2.sm3:after {
          left: 40.5%; } }
      @media (max-width: 570px) {
        article ul.sitemap-h2.sm3:after {
          left: 39%; } }
      @media (max-width: 480px) {
        article ul.sitemap-h2.sm3:after {
          left: 41.5%;
          width: 62px; } }
      @media (max-width: 425px) {
        article ul.sitemap-h2.sm3:after {
          left: 40%; } }
      @media (max-width: 405px) {
        article ul.sitemap-h2.sm3:after {
          left: 38.5%; } }
      @media (max-width: 340px) {
        article ul.sitemap-h2.sm3:after {
          left: 36%; } }
    article ul.sitemap-h2 li {
      display: inline-block; }
      article ul.sitemap-h2 li h2 {
        margin: 0;
        font-size: 2.7rem; }
        @media (max-width: 480px) {
          article ul.sitemap-h2 li h2 {
            font-size: 2.2rem; } }
      article ul.sitemap-h2 li.h2-sub {
        font-size: 1.3rem;
        font-family: "Candara", "sans-serif"; }
        @media (max-width: 480px) {
          article ul.sitemap-h2 li.h2-sub {
            font-size: 1rem; } }
  article ul.sitemap-list {
    clear: both;
    list-style: none;
    padding-left: 0; }
    article ul.sitemap-list li {
      padding: 16px 0;
      position: relative; }
      article ul.sitemap-list li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: dotted 2px #707070; }
      article ul.sitemap-list li a {
        text-decoration: none;
        color: #4d4c4c;
        position: relative;
        padding-left: 20px; }
        article ul.sitemap-list li a:before {
          content: "";
          position: absolute;
          top: 5px;
          left: 0;
          width: 10px;
          height: 10px;
          border-top: solid 2px #002870;
          border-right: solid 2px #002870;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

/*upper-btn-------------------------------------------------------------------------------*/
a#upper-btn {
  width: 65px;
  height: 65px;
  position: fixed;
  right: 4.5%;
  bottom: 144px;
  background: #002870;
  opacity: 0.8;
  border-radius: 50%;
  z-index: 20; }
  @media (max-width: 1136px) {
    a#upper-btn {
      width: 56px;
      height: 56px;
      bottom: 160px; } }
  @media (max-width: 848px) {
    a#upper-btn {
      width: 56px;
      height: 56px;
      bottom: 95px;
      right: 1.5%; } }
  @media (max-width: 480px) {
    a#upper-btn {
      width: 40px;
      height: 40px;
      bottom: 125px; } }
  a#upper-btn:before {
    content: "";
    position: absolute;
    top: 40%;
    right: 37%;
    width: 16px;
    height: 16px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    @media (max-width: 1136px) {
      a#upper-btn:before {
        right: 36%; } }
    @media (max-width: 848px) {
      a#upper-btn:before {
        right: 35%; } }
    @media (max-width: 480px) {
      a#upper-btn:before {
        right: 34.5%;
        width: 12px;
        height: 12px; } }
  a#upper-btn:hover {
    content: "";
    opacity: 1; }

/*order-btn--------------------------------------------------------------------------------------*/
div.btn-wrap {
  position: relative;
  margin: 100px auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center; }
  @media (max-width: 480px) {
    div.btn-wrap {
      margin: 50px auto; } }
  div.btn-wrap div.order-btn {
    position: absolute;
    bottom: 0;
    margin: 0 auto; }
    div.btn-wrap div.order-btn a {
      text-decoration: none;
      color: #fff;
      background: #ff9216;
      border: solid 1px #ff9216;
      border-radius: 50px;
      padding: 30px 50px;
      position: relative; }
      @media (max-width: 480px) {
        div.btn-wrap div.order-btn a {
          padding: 20px 22px; } }
      div.btn-wrap div.order-btn a:hover {
        color: #ff9216;
        background: #fff;
        transition: 0.5s; }

/*footer------------------------------------------------------------------------*/
footer#footer {
  background: #efefef; }
  @media (min-width: 1137px) {
    footer#footer {
      height: 265px; } }
  @media (max-width: 1136px) {
    footer#footer {
      height: 265px; } }
  @media (max-width: 848px) {
    footer#footer {
      height: 345px; } }
  @media (max-width: 480px) {
    footer#footer {
      height: 330px; } }
  @media (max-width: 340px) {
    footer#footer {
      height: 355px; } }
  footer#footer .footer-wrap {
    width: 82%;
    margin: 0 auto;
    padding-top: 12px; }
    footer#footer .footer-wrap .footer-l {
      float: left; }
      footer#footer .footer-wrap .footer-l img {
        max-width: 116px;
        width: 100%;
        margin-top: 20px; }
        @media (max-width: 480px) {
          footer#footer .footer-wrap .footer-l img {
            max-width: 80px; } }
      footer#footer .footer-wrap .footer-l p {
        font-size: 0.9rem; }
        @media (max-width: 971px) {
          footer#footer .footer-wrap .footer-l p {
            font-size: 0.85rem; } }
        @media (max-width: 480px) {
          footer#footer .footer-wrap .footer-l p {
            font-size: 0.75rem; } }
    footer#footer .footer-wrap .footer-r {
      float: right;
      margin-top: 32px;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: flex-end; }
      @media (max-width: 971px) {
        footer#footer .footer-wrap .footer-r {
          margin-top: 0;
          display: block; } }
      @media (max-width: 848px) {
        footer#footer .footer-wrap .footer-r {
          float: none;
          clear: both;
          align-items: initial; } }
      footer#footer .footer-wrap .footer-r .footer-nav {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        list-style: none;
        padding-top: 98px;
        gap: 30px; }
        @media (max-width: 971px) {
          footer#footer .footer-wrap .footer-r .footer-nav {
            padding-top: 148px;
            margin-top: 0;
            gap: 18px; } }
        @media (max-width: 848px) {
          footer#footer .footer-wrap .footer-r .footer-nav {
            padding-top: 20px;
            padding-left: 0; } }
        @media (max-width: 480px) {
          footer#footer .footer-wrap .footer-r .footer-nav {
            padding-top: 10px;
            gap: 24px; } }
        footer#footer .footer-wrap .footer-r .footer-nav a {
          text-decoration: none;
          color: #4d4c4c;
          font-size: 0.9rem; }
          @media (max-width: 971px) {
            footer#footer .footer-wrap .footer-r .footer-nav a {
              font-size: 0.85rem; } }
          @media (max-width: 480px) {
            footer#footer .footer-wrap .footer-r .footer-nav a {
              font-size: 0.75rem; } }
          @media (max-width: 385px) {
            footer#footer .footer-wrap .footer-r .footer-nav a {
              font-size: 0.65rem; } }
      footer#footer .footer-wrap .footer-r #copyright {
        font-size: 0.8rem;
        text-align: right;
        padding-top: 12px; }
        @media (max-width: 848px) {
          footer#footer .footer-wrap .footer-r #copyright {
            text-align: center;
            padding-top: 17px; } }
        @media (max-width: 480px) {
          footer#footer .footer-wrap .footer-r #copyright {
            font-size: 0.6rem; } }

/*取扱製品--------------------------------------------------------------------------------------*/
.btn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media (max-width: 1136px) {
    .btn {
      flex-direction: column; } }
  .btn .btn_faq {
    width: 49%;
    margin-right: 2%; }
    @media (max-width: 1136px) {
      .btn .btn_faq {
        margin-right: 0;
        margin-bottom: 2%;
        width: 100%; } }
    .btn .btn_faq .faqlist-wrapper {
      border: solid 1px #002870;
      background: linear-gradient(180deg, #5771A1, #002870);
      color: #FFFFFF;
      font-weight: bold;
      padding: 20px;
      box-sizing: border-box; }
    .btn .btn_faq.btn_gray .faqlist-wrapper {
      border: solid 1px #cccccc;
      background: linear-gradient(180deg, #cccccc, #cccccc);
      color: #333333;
      cursor: initial; }
  .btn .btn_operation {
    width: 49%;
    border: solid 1px #002870;
    background: linear-gradient(180deg, #5771A1, #002870);
    font-weight: bold; }
    @media (max-width: 1136px) {
      .btn .btn_operation {
        margin-bottom: 2%;
        width: 100%; } }
    .btn .btn_operation a {
      color: #FFFFFF;
      display: block;
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      text-decoration: none; }
    .btn .btn_operation.btn_gray {
      border: solid 1px #cccccc;
      background: linear-gradient(180deg, #cccccc, #cccccc); }
      .btn .btn_operation.btn_gray span {
        color: #333333;
        display: block;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        text-decoration: none; }

/*リンク矢印--------------------------------------------------------------------------------------*/
.btn_faq,
.btn_operation {
  position: relative;
  display: inline-block;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px; }
  .btn_faq::before,
  .btn_operation::before {
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fff; }
  .btn_faq.btn_gray::before,
  .btn_operation.btn_gray::before {
    border-left: 8px solid #000; }

.btn_faq::before,
.btn_faq::after {
  position: absolute;
  transform: rotate(90deg);
  top: 28px;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle; }

.btn_operation::before,
.btn_operation::after {
  position: absolute;
  top: 24px;
  right: 15px;
  margin: auto;
  content: "";
  vertical-align: middle; }

.zoomLens {
  z-index: 0 !important; }

.products_col_l {
  z-index: 0 !important; }

article {
  z-index: 10000; }

.zoom {
  display: block;
  height: 100%; }

/*animal---------------------------------------------------------------------------------------*/
h2.headline2-23 {
  font-size: 2.7rem;
  position: relative;
  margin: 10px 0 50px; }
  @media (max-width: 848px) {
    h2.headline2-23 {
      text-align: center; } }
  @media (max-width: 480px) {
    h2.headline2-23 {
      font-size: 2rem;
      margin-bottom: 50px; } }
  @media (max-width: 340px) {
    h2.headline2-23 {
      line-height: 2.6rem; } }
  h2.headline2-23:before {
    content: "";
    position: absolute;
    top: 63%;
    left: 235px;
    width: 108px;
    border-top: solid 4px #002870;
    border-radius: 8px; }
    @media (max-width: 848px) {
      h2.headline2-23:before {
        content: none; } }
  h2.headline2-23 span {
    font-size: 1.3rem;
    font-family: "Candara", "sans-serif";
    font-weight: 500;
    position: absolute;
    top: 84%;
    left: 1.2%; }
    @media (max-width: 1136px) {
      h2.headline2-23 span {
        left: 1.6%; } }
    @media (max-width: 848px) {
      h2.headline2-23 span {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); } }
    @media (max-width: 480px) {
      h2.headline2-23 span {
        font-size: 1rem; } }
    @media (max-width: 340px) {
      h2.headline2-23 span {
        line-height: 1rem;
        top: 102%; } }
    h2.headline2-23 span:before {
      content: none; }
      @media (max-width: 848px) {
        h2.headline2-23 span:before {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          top: 110%;
          width: 80px;
          border-top: solid 3px #002870;
          border-radius: 8px; } }
      @media (max-width: 480px) {
        h2.headline2-23 span:before {
          width: 62px; } }