@charset "UTF-8";
/* ブレイクポイント */
/* 色 */
/* 文字 */
/* 幅 */
/* ボタン */
/* ブレイクポイント */
/* 色 */
/* 文字 */
/* 幅 */
/* ボタン */
/**
* SVG画像をアイコンに使いたい的ないろいろ
*
*  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
* https://code.i-harness.com/ja/q/cbfa3c
*/
.products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 40px;
  /*
    &:first-of-type {
      h2 {
        > span {
          background: url(/ukw/img/top/thumb_h2_houjin.png) no-repeat left bottom;
          background-size: 53px 80px;
          padding: 0 0 0 60px;
        }
      }
    }
  */
}
.products:not(:first-of-type) {
  margin-top: 50px;
}
.products h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #003670;
  color: white;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.products h2 > span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 80px;
  margin: 0 auto;
  color: inherit;
}
.products h2.other-service {
  background-color: #ffc07f;
}
.products .products-list {
  background-color: #f5f3f0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 0 10px;
  justify-content: space-around;
}
.products .products-list.col4 li {
  width: 25%;
}
.products .products-list.multiplerow-middle {
  padding-top: 45px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  justify-content: center;
}
.products .products-list > li {
  width: 33%;
}
.products .products-list > div.cl-explanation {
  display: flex;
  align-items: center;
}
.products .products-list > div,
.products .products-list > li {
  padding: 0 10px 40px;
}
.products .products-list > div *,
.products .products-list > li * {
  text-align: center;
}
.products .products-list > div div,
.products .products-list > li div {
  padding: 45px 0 30px 0;
}
.products .products-list > div div.img-wrapper,
.products .products-list > li div.img-wrapper {
  height: 250px;
}
.products .products-list > div div.explanation,
.products .products-list > li div.explanation {
  padding: 0;
}
.products .products-list > div div img,
.products .products-list > li div img {
  max-height: 100%;
  max-width: 100%;
}
.products .products-list > div h3,
.products .products-list > li h3 {
  margin-bottom: 30px;
  color: #003670;
}
.products .products-list > div .btn-wrapper,
.products .products-list > li .btn-wrapper {
  padding: 0;
  margin: 0;
  flex-direction: column;
  align-items: center;
}
.products .products-list > div .btn-wrapper .button,
.products .products-list > li .btn-wrapper .button {
  width: 100%;
  max-width: 250px;
  margin-left: 0;
}
.products .products-list > div .btn-wrapper .button span,
.products .products-list > li .btn-wrapper .button span {
  display: inline-block;
  font-size: 1rem;
  line-height: 30px;
  background-size: 25px 25px;
}
.products .products-list > div .btn-wrapper .button:not(:first-of-type),
.products .products-list > li .btn-wrapper .button:not(:first-of-type) {
  margin-top: 10px;
}

.products-col2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.products-col2 .products {
  width: 50%;
  margin-top: 50px;
}
.products-col2 .products:not(:first-of-type) {
  padding-left: 2rem;
}
.products-col2 .products .products-list > li {
  width: 50%;
}

.menu-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: baseline;
  width: 120%;
  margin: 0 -10%;
}
.menu-list > li {
  width: 45%;
}
.menu-list > li.products h2 > span {
  background: none;
  padding: 0;
}
.menu-list > li.products div.explanation {
  margin-bottom: 20px;
}
.menu-list > li.products div.explanation p {
  text-align: left;
}
.menu-list > li.products .btn-wrapper {
  flex-direction: row;
}
.menu-list > li.products .btn-wrapper .button {
  max-width: 47%;
  margin: 0 auto !important;
}
.menu-list.dice-menu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
.menu-list.dice-menu > li {
  width: 48%;
}

.contents.dice-contents {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
}
.contents:not(:first-of-type) {
  margin-top: 0px;
}

strong.dice-strong {
  display: flex;
  justify-content: center;
  padding-top: 31px;
  margin: 0;
  min-height: 117px;
}
strong.dice-strong > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
}
strong.dice-strong > div > span {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: start !important;
}

.products-list.dice-list {
  width: 100%;
}
.products-list.dice-list > div {
  width: 100%;
}
.products-list.dice-list > div > ul.dice-sublist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.products-list.dice-list > div > ul.dice-sublist > li {
  width: 48%;
}

div.dice2 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}

.btn-wrapper.dice-btn {
  padding-bottom: 20px !important;
}

.img-wrapper.dice-img {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 0 !important;
}

/* タブレット用 -------------------------------------------------------------------*/
@media screen and (max-width: 999px) {
  .pc {
    display: none;
  }
  .article > section h2 {
    font-size: 1.3rem;
  }
  .article .products {
    flex-direction: column;
  }
  .article .products h2 {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .article .products h2 > span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .article .products .products-list {
    flex-direction: column;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .article .products .products-list li {
    width: 100% !important;
  }
  .article .products .products-list li .btn-wrapper {
    flex-direction: row;
  }
  .article .products .products-list li .btn-wrapper .button {
    max-width: 650px;
  }
  .article .products .products-list li .btn-wrapper .button:not(:first-of-type) {
    margin-top: 30px;
  }
  .article .products .products-list li:not(:first-child) {
    border-top: solid 1px white;
  }
  .article .products-col2 .products {
    width: 100%;
  }
  .article .products-col2 .products:first-of-type {
    padding: 0rem;
  }
  .article .products-col2 .products:not(:first-of-type) {
    padding: 0rem;
  }
  body .menu-list {
    width: 100%;
  }
  body .menu-list > li.products {
    width: 100%;
  }
}
/* スマホ用 ---------------------------------------------------------------*/
@media screen and (max-width: 650px) {
  body .menu-list {
    width: 100%;
  }
  body .menu-list > li.products {
    width: 100%;
  }
  body .menu-list > li.products .btn-wrapper > a.button {
    margin-top: 30px !important;
  }
}
/* IE対策 */
@media all and (-ms-high-contrast: none) {
  .contents .products .products-list li {
    width: 33.3%;
  }
}/*# sourceMappingURL=index.css.map */