@charset "UTF-8";
[v-cloak] {
  display: none;
}

/* ==============================================================================================
202004
================================================================================================= */

.case-articles .btn-wrap {margin-top: auto; margin-bottom: 5px; text-align: center;}

@media screen and (max-width: 940px), print {
	.case-articles[class*="_col-"] .btn-d._size-d,
	.case-articles [class*="_col-"] .btn-d._size-d {min-width: 100%;}
}

div.case-articles .title a {color: #004060; text-decoration: none;}
div.case-articles .title a:hover,
div.case-articles .title a:active {color: #f49000;}

.case-articles + .list-tag-a {
  margin-top: 20px;
}

/* ==============================================================================================
20200310
================================================================================================= */

.hdg-b-wrap._sticky {
  position: sticky;
  top: 0;
  background: #e6e6e6;
  z-index: 5;
}

.hdg-b-wrap .btn-d {
  min-width: 200px;
  margin: 0 0 0 40px;
}

@media screen and (max-width: 639px) {
  .hdg-b-wrap._sticky {
  }

  .hdg-b-wrap .btn-d {
    margin: 10px 0 5px auto;
  }
}

.list-selected-a-wrap {
  margin-bottom: 30px;
}

.case-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 50px;
  border-bottom: 1px solid #bbb;
}

.case-result-wrap .hdg-j {
  margin: 0;
}

.case-result-wrap .btn-d {
  min-width: 205px;
  width: 205px;
  margin: 0 0 0 25px;
}

@media screen and (max-width: 639px) {
  .case-result-wrap {
    display: block;
    padding: 0 0 25px;
  }

  .case-result-wrap .hdg-j {
    text-align: center;
  }

  .case-result-wrap .btn-d {
    margin: 10px auto 0;
    display: block;
  }
}

.content-search-wrap {
  margin: 50px 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-search-lead {
  font-weight: bold;
  margin: 0 1em 0 0;
}

.content-search-form {
  position: relative;
}

.content-search-input {
  width: 250px;
  height: 40px;
  padding: 5px 30px 5px 13px;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 2em;
  box-sizing: border-box;
}

.content-search-button {
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

@media screen and (max-width: 639px) {
  .content-search-wrap {
    width: 250px;
    display: block;
    margin: 25px auto 0;
  }

  .content-search-lead {
    margin: 0;
    text-align: center;
  }

  .content-search-form {}
}


.box-toggle-a > .item > .item-content._nest {
  background-color: #fff;
  padding-top: 5px;
}

.box-toggle-a > .item > .item-content._nest .box-toggle-a {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.box-toggle-a > .item > .item-content._nest .hdg .hdg-inner {
  padding-left: 36px;
  cursor: auto;
}

.box-toggle-a > .item > .item-content._nest .hdg .hdg-inner:before {
  display: none;
}

.box-toggle-a > .item > .item-content._nest .hdg .hdg-inner:hover {
  color: inherit;
}

@media screen and (max-width: 639px) {
  .box-toggle-a > .item > .item-content._nest {
    padding-top: 10px;
  }

  .box-toggle-a > .item > .item-content._nest .hdg .hdg-inner {
    padding: 12px 20px;
  }
}

.list-tag-a._dark .tag {
  color: #fff;
  background-color: #0074bf;
  text-decoration: none;
}

.list-tag-a._dark a.tag:hover {
  color: #0074bf;
  background-color: #fff;
}

.post-tag {
  margin: 30px auto 15px;
}

.hdg-a-wrap .list-tag-a {
  margin: 5px 0 10px -5px;
}

@media screen and (max-width: 639px) {
  .post-tag {
    margin: 30px 0;
  }
}

.case-hint .lyt-idx-a .idx-inner .item > .title, .case-hint .lyt-idx-a .idx-inner .image {
    text-align: center;
    margin-right: 0;
}

.case-hint .lyt-idx-a .idx-inner .item-wrap-e-inner {
    flex-direction: column-reverse;
}

/* ======================
  contact_case_02.txt
========================= */
/*
.tel_btn {display: inline-block; min-width: 437px; padding: 7px 25px 5px; background: #f8c901; border: 2px solid #f8c901; border-radius: 4em;}
.box-a .desc {margin-top: 10px; font-size: 1.4rem;}
@media screen and (max-width: 639px) {
  .tel_btn {min-width: 100%; padding: 10px 25px;}
  .box-a .desc {font-size: 1.2rem;}
}
*/

/* ======================
bnr_bizdrive_01.txt
========================= */
/*
.bnr_biz_drive {border: solid #192540 1px; border-top: solid 4px #a38f21; text-align: center; margin: 50px 0;}
.bnr_biz_drive a {color: inherit; text-decoration: none; display: block;}
.bnr_biz_drive a:hover {opacity: 0.8;}
.bnr_biz_drive p.logo {background-color: #192540;}
.bnr_biz_drive p.logo img {vertical-align: middle; padding: 10px 20px; max-width: 100%;}
.bnr_biz_drive div.catch {padding: 25px; margin-top: 0;}
.bnr_biz_drive p.btn-b {margin-top: 10px; background-color: #a38f21; border-color: #a38f21; color: #fff;}
*/