@charset "UTF-8";
/* =====================
	CASE STUDIES
 ======================= */
/** ---------- CASE ARCHIVE ---------- **/
.case_nav_lead {
  font-size: 133.33333%;
  line-height: 1.5;
  margin-bottom: 1em;
}

.case_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 1.5em;
     -moz-column-gap: 1.5em;
          column-gap: 1.5em;
  margin-bottom: 2em;
}

.case_search_item {
  color: #00549d;
  width: 25.05882%;
}

.case_search_item_ttl {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0.5em;
  background: #dedede;
  text-align: center;
  color: #000000;
  padding: 0.75em 0;
}

.case_search_item_list_item {
  /**
				input[type=checkbox] {
					width: 1.5em;
					height: 1.5em;
					margin: 0 0.5em 0 0;
				}
				
				label {
					font-weight: 700;
					cursor: pointer;
				}
				**/
}

.case_search_item_list_item a {
  color: #00549d;
  text-decoration: underline;
  margin-bottom: 1em;
  font-size: 83.33333%;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.case_search_item_list_item:last-child a {
  margin-bottom: 0;
}

.case_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2em 1.97183%;
}

.case_list_item {
  width: 30.42254%;
}

.case_list_item .thumb {
  width: 100%;
  padding-top: 72.96296%;
  position: relative;
}

.case_list_item .thumb img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.case_list_item .cat {
  font-size: 83.33333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25em 0.5em;
  margin: 0.5em 0;
}

.case_list_item .cat span {
  background: #ccddeb;
  padding: 0.25em 1em;
  line-height: 1.5;
}

.case_list_item .ttl {
  line-height: 1.66667;
}

/** ---------- CASE SINGLE ---------- **/
.case_single .single_head .cat span {
  background: #ccddeb;
  border: 0;
  font-size: 60%;
}

.case_single .case_single_main {
  width: 71.45833%;
  margin: 0 auto 4em;
}

.case_single .case_single_main_pic img {
  margin: 0 auto;
}

/* タブレット
  ------------------------ */
/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  /** ---------- CASE ARCHIVE ---------- **/
  .case_nav_lead {
    font-size: 18px;
  }
  .case_search {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .case_search_item {
    width: 48%;
  }
  .case_search_item_ttl {
    padding: 0.5em 0;
  }
  .case_search_item_list_item input[type=checkbox] {
    width: 1em;
    height: 1em;
  }
  .case_search_item_list_item a {
    font-size: 100%;
  }
  .case_list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px 0;
  }
  .case_list_item {
    width: 48%;
  }
  .case_list_item .cat {
    font-size: 14px;
  }
  /** ---------- CASE SINGLE ---------- **/
  .case_single .single_head .cat span {
    font-size: 12px;
  }
  .case_single .case_single_main {
    width: 100%;
  }
}

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