@charset "UTF-8";
/***********************
* variableFontSize
*   指定したフォントサイズが何%になるのか 
* 　を返す関数
*
* 　@param int 指定したいフォントサイズ
* 　@return %指定のフォントサイズ
*
***********************/
/***********************
* decimal-round
*
* 四捨五入(round)
* 切り上げ(ceil)
* 切り捨て(floor)
* を実装するもの(小数点第x位指定ができる)
* コピペした関数
***********************/
@font-face {
  font-family: 'Inter';
  src: url("/assets/font/Inter-VariableFont_slnt,wght.ttf") format("truetype"); }
body {
  font-family: 'Inter'; }

.explore-contents {
  width: 1000px;
  margin: 80px auto 120px; }
  .explore-contents .search {
    background-color: #f9f9f9;
    border-radius: 12px;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 52px 0 59px 88px; }
    .explore-contents .search h2 {
      color: #124FB3;
      font-size: 3.6rem;
      font-weight: bold;
      line-height: 1.2; }
    .explore-contents .search ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 47px;
      gap: 33px 0; }
      .explore-contents .search ul li {
        font-size: 1.8rem;
        line-height: 1.2;
        list-style: none;
        width: 218px;
        padding-right: 15px; }
        .explore-contents .search ul li input[type="checkbox"] {
          position: absolute;
          width: 24px;
          height: 24px;
          z-index: 10; }
          .explore-contents .search ul li input[type="checkbox"] + label {
            padding-left: 0;
            display: flex;
            cursor: pointer;
            padding-left: 12px; }
            .explore-contents .search ul li input[type="checkbox"] + label:before {
              content: "";
              display: inline-block;
              width: 24px;
              height: 24px;
              background: url("/assets/img/common/checkbox.png") left top no-repeat;
              background-size: contain;
              position: relative;
              left: -12px; }
          .explore-contents .search ul li input[type="checkbox"]:checked + label:before {
            background: url("/assets/img/common/checkbox-checked.png") left top no-repeat;
            background-size: contain; }
  .explore-contents .column-list {
    margin-top: 118px; }
  .explore-contents .btn {
    margin-top: 60px; }
    .explore-contents .btn + .column-list {
      margin-top: 0;
      border-top: 0; }
  .explore-contents .dispNone {
    display: none !important; }

@media screen and (max-width: 768px) {
  h1:not(.img) {
    padding-right: 5.3333333333vw !important; }
    h1:not(.img) .h1-sub-text {
      font-weight: 400 !important; }

  .explore-contents {
    width: 100%;
    padding: 0 5.3333333333vw;
    margin: 10.6666666667vw auto 26.6666666667vw; }
    .explore-contents img {
      width: 100%; }
    .explore-contents .search {
      padding: 6.9333333333vw 0 7.4666666667vw 0; }
      .explore-contents .search h2 {
        font-size: 7.4666666667vw;
        text-align: center; }
      .explore-contents .search ul {
        margin-top: 7.4666666667vw;
        gap: 3.2vw 3.4666666667vw;
        padding: 0 0 0 6.1333333333vw; }
        .explore-contents .search ul li {
          font-size: 3.4666666667vw;
          width: 36vw;
          padding-right: 0; }
          .explore-contents .search ul li input[type="checkbox"] + label {
            padding-left: 0;
            padding-left: 2.1333333333vw; }
            .explore-contents .search ul li input[type="checkbox"] + label:before {
              width: 6.4vw;
              height: 6.4vw;
              background-size: contain;
              left: -1.8666666667vw;
              top: -1.0666666667vw; }
    .explore-contents .column-list {
      margin: 15.7333333333vw auto 0; }
    .explore-contents .btn {
      width: 83.2vw;
      margin: 12.8vw auto 0; } }

/*# sourceMappingURL=style.css.map */