@charset "UTF-8";
.h_style01.font_cinema span {
  font-size: 2.4rem;
}
.h_style01.font_cinema span::before {
  content: "｜";
}
@media screen and (max-width: 767px) {
  .h_style01.font_cinema span {
    display: block;
    font-size: 1.6rem;
  }
  .h_style01.font_cinema span::before {
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .campaign-archive {
    padding: 0 4%;
  }
}

@media screen and (max-width: 767px) {
  .campaign-lead {
    margin-bottom: 24px;
  }
}
.campaign-lead p {
  line-height: 2;
}

.campaign-card-title {
  margin-bottom: 0 !important;
}
.campaign-card-title a {
  color: #433621 !important;
}

.campaign-card-contents {
  padding-top: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .campaign-card-contents {
    font-size: 1.2rem;
    padding-top: 20px;
  }
}
.campaign-card-contents__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 42px;
}
@media screen and (max-width: 767px) {
  .campaign-card-contents__row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
}
.campaign-card-contents__row > *:nth-child(1) {
  border-radius: 100vh;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  width: 90px;
}
@media screen and (max-width: 767px) {
  .campaign-card-contents__row > *:nth-child(1) {
    line-height: 24px;
  }
}
.campaign-card-contents__row > *:nth-child(2) {
  color: #433621;
  line-height: 1.5;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .campaign-card-contents__row > *:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }
}
.campaign-card-contents__row:nth-child(1) > *:nth-child(1) {
  background-color: #a2c463;
  color: #fff;
}
.campaign-card-contents__row:nth-child(1) > *:nth-child(2) {
  font-weight: 700;
}
.campaign-card-contents__row:nth-child(2) {
  margin-top: 20px;
}
.campaign-card-contents__row:nth-child(2) > *:nth-child(1) {
  background-color: #ede4d5;
  color: #433621;
}
.campaign-card-contents__row:nth-child(3) {
  margin-top: 20px;
}
.campaign-card-contents__row:nth-child(3) > *:nth-child(1) {
  background-color: #f6521f;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .campaign-single-hd {
    margin-left: 4%;
    margin-right: 4%;
  }
}

.campaign-single {
  background-color: #FFFFFF;
  border: 2px solid transparent;
  border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
  -moz-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
  -webkit-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
  border-radius: 5px;
  -o-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
  margin-top: 64px;
  padding-bottom: 64px;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .campaign-single {
    background: none;
    border: 0;
    margin-top: 24px;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.campaign-single > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
}
.campaign-single__slider {
  margin-left: auto;
  margin-right: auto;
  max-width: 676px;
  width: 100%;
}
.campaign-single__sec__hd {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .campaign-single__sec__hd {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.campaign-single__sec__hd span:nth-child(1) {
  border-radius: 100vh;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  width: 123px;
}
.campaign-single__sec__hd span:nth-child(2) {
  font-size: 2.5rem;
  font-weight: 700;
  margin-left: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .campaign-single__sec__hd span:nth-child(2) {
    font-size: 2rem;
    margin-left: 0;
    margin-top: 16px;
  }
}
.campaign-single__sec.--living .campaign-single__sec__hd span:nth-child(1) {
  background-color: #79abe0;
  color: #fff;
}
.campaign-single__sec.--living .campaign-single__sec__hd span:nth-child(2) {
  color: #79abe0;
}
.campaign-single__sec.--construction .campaign-single__sec__hd span:nth-child(1) {
  background-color: #a2c463;
  color: #fff;
}
.campaign-single__sec.--construction .campaign-single__sec__hd span:nth-child(2) {
  color: #a2c463;
}
.campaign-single__sec.--reason .campaign-single__sec__hd span:nth-child(1), .campaign-single__sec.--point .campaign-single__sec__hd span:nth-child(1) {
  background-color: #fcd489;
  color: #000;
}
.campaign-single__q {
  font-size: 1.4rem;
  margin-top: 2em;
}
.campaign-single__q p {
  line-height: 1.71;
}
.campaign-single__a {
  font-size: 1.4rem;
  margin-top: 1em;
  padding-left: 2em;
  position: relative;
}
.campaign-single__a::after {
  content: "−−";
  left: 0;
  position: absolute;
  top: 0;
}
.campaign-single__a p {
  line-height: 1.71;
}

.campaign-single__sec + .campaign-single__sec {
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .campaign-single__sec + .campaign-single__sec {
    margin-top: 40px;
  }
}

.campaign-poster {
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .campaign-poster {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .campaign-poster tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.campaign-poster th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px !important;
}
@media screen and (max-width: 767px) {
  .campaign-poster th {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 40% !important;
  }
}
.campaign-poster td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto !important;
}
@media screen and (max-width: 767px) {
  .campaign-poster td {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 60% !important;
  }
}

.campaign-btn-back {
  margin-top: 40px;
  text-align: center;
}
.campaign-btn-back a {
  background: url(../images/bg-campaign-btn-back.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 73px;
  text-align: center;
  text-decoration: none;
  width: 303px;
}
@media screen and (max-width: 767px) {
  .campaign-btn-back a {
    font-size: 1.6rem;
    line-height: 40px;
    width: 166px;
  }
}

#sidebar .search_box {
  margin-bottom: 25px;
}

#sidebar .search_container {
  border-radius: 0;
  margin-bottom: 15px;
}

#sidebar .check_list {
  margin-bottom: 35px;
}

#sidebar .cost_box {
  margin-bottom: 25px;
}

.cost {
  position: relative;
  overflow: hidden;
  line-height: 1.6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sidebar .cost input {
  -ms-flex-preferred-size: 43%;
      flex-basis: 43%;
  width: 43%;
}

#sidebar .cost .txt {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  margin-left: 1%;
}

#sidebar .search_container input::-webkit-input-placeholder, .cost input::-webkit-input-placeholder {
  text-align: center;
}

#sidebar .search_container input::-moz-placeholder, .cost input::-moz-placeholder {
  text-align: center;
}

#sidebar .search_container input:-ms-input-placeholder, .cost input:-ms-input-placeholder {
  text-align: center;
}

#sidebar .search_container input::-ms-input-placeholder, .cost input::-ms-input-placeholder {
  text-align: center;
}

#sidebar .search_container input::placeholder, .cost input::placeholder {
  text-align: center;
}

.cost input[type=text] {
  height: 30px;
  background-color: #f6f6f6;
  border: 1px solid #c0bebe;
}

.btm_border {
  background-image: url(../images/line_02.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.cost_box .cost_min {
  margin-bottom: 15px;
}

body.case .cost_box .cost_max, body.case .cost_box .cost_min {
  width: 90px;
}

body.case .cost_box .cost_min {
  margin-bottom: 0px;
}

.cost_box .cost_max, .cost_box .cost_min {
  width: 72%;
}

.area_box .select_wrap, .cost_box .cost_max, .cost_box .cost_min {
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #b2b2b2;
  position: relative;
  background-color: #f6f6f6;
}

.area_box .select_wrap select, .cost_box .cost select {
  width: 97%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 0 1.5%;
  height: 2em;
  line-height: 2em;
  background-color: #f6f6f6;
}

.area_box .select_wrap::before, .cost_box .cost_max:before, .cost_box .cost_min:before {
  position: absolute;
  top: 1.2em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5c2e15;
  pointer-events: none;
}

.area_box input[type=text] {
  height: 30px;
  background-color: #f6f6f6;
  border: 1px solid #c0bebe;
}

.box_stya01 {
  background-color: #fcf7f2;
  background-repeat: no-repeat;
  background-position: center top;
}

.box_stya01 .h_style03 {
  text-align: center;
}

.box_stya01 .title {
  color: #fb700a;
  font-weight: bold;
}

.history_box .h_style02 {
  padding-left: 0px;
}

.history_box .comname {
  font-weight: bold;
}

.history_box .flexbox.col3 {
  margin-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.history_box .flexbox.col3 .tel_txt {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
}

.history_box .flexbox.col3 .mail_txt {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.history_box .flexbox.col3 .mail_txt a {
  position: relative;
  color: #433621;
}

.history_box .flexbox.col3 .mail_txt a:before {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  content: "";
  display: inline-block;
  margin-right: 3px;
  width: 20px;
  height: 14px;
  background-image: url(../images/icon_07.png);
  margin-bottom: -2px;
}

.history_box .flexbox.col3 .shop_detail {
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
}

.history_box .flexbox.col3 .shop_detail a {
  background-image: url(../images/bg_20.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: block;
  font-size: 1.4rem;
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px 0;
  text-align: center;
}

.detail_box {
  margin-bottom: 30px;
}

.detail_box h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 10px 0;
  text-align: center;
  background-image: url(../images/bg_05.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.point h4 {
  font-weight: bold;
  color: #79abe0;
}

.point h4 .point_icon {
  display: inline-block;
  background-image: url(../images/bg_15.png);
  background-size: 100% 100%;
  color: #FFFFFF;
  text-align: center;
  margin-right: 10px;
  vertical-align: middle;
}

.point li:nth-child(2) h4 {
  color: #b4d27e;
}

.point li:nth-child(2) h4 .point_icon {
  background-image: url(../images/bg_12.png);
}

.point .strong_txt {
  margin: 10px 0;
  font-weight: bold;
}

.detail_box table {
  width: 100%;
  border-collapse: collapse;
}

.detail_box table th {
  background-color: #e7e7e7;
  text-align: left;
  font-weight: normal;
}

.detail_box table td {
  background-color: #FFFFFF;
}

.case_list_ttlbox a {
  text-decoration: none;
  color: #302c2a;
}

body.case .select_box {
  margin-bottom: 40px;
}

body.case .image_border {
  background-color: #f8f8f7;
}

body.case .image_border > ul > li {
  border-bottom: 1px solid #dddddd;
}

body.case .cost input[type=text] {
  width: 90px;
}

body.case .cost .txt {
  margin: 0 5px;
}

body.case .area_box .select_wrap {
  width: 200px;
}

body.case .btn_wrap .detail_btn span {
  background-image: url(../images/bg_27.png);
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  font-size: 1.6rem;
  text-align: center;
}

body.case .btn_wrap .detail_btn span:after {
  background-image: url(../images/arrow_04.png);
  width: 12px;
  height: 10px;
  display: block;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
}

body.case .btn_wrap .detail_btn.active span:after {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

body.case #sec01 .h_style02 {
  padding-left: 0px;
  margin-bottom: 20px;
  display: block;
  text-align: left;
}

body.case #sec01 .h_style02 span {
  font: 1.6rem "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.case #sec01 .h_style02 span:before {
  content: ">";
  padding: 0 10px;
}

body.case #sec01 .search_box .h_style02:before {
  background-image: url(../../images/case/icon_case_01.png);
}

.pagenavi.top {
  margin: 40px 0 30px;
}

body.case .toggle_open_wrap {
  display: none;
}

body.case .toggle_open_wrap.open {
  display: block;
}

body.case .toggle_open_wrap.open > ul > li {
  border-bottom: 1px solid #dddddd;
}

body#case #sidebar .ttl_box {
  position: relative;
  background-image: url(../images/line_02.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

body#case #sidebar .ttl_box h2 {
  margin-bottom: 0px;
}

body#case #sidebar .ttl_box + .open_wrap {
  display: none;
}

body#case #sidebar .ttl_box:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
  content: "";
  display: block;
  right: 0px;
  top: 50%;
  margin-top: -10px;
  position: absolute;
}

body#case #sidebar .ttl_box.open:after, body.case .image_border.active .btn_wrap.open .detail_btn span:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

body.case .select_box > ul > li:nth-child(n+2) {
  display: none;
}

body.case .select_box.active > ul > li:nth-child(n+2) {
  display: block;
}

body.case .btn_wrap .detail_btn:hover {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

body.case .image_border.active .btn_wrap .detail_btn span:after {
  margin-top: -7px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PC Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 768px), print {
  .case_list.col3 > li {
    margin: 0 1.5% 40px;
  }
  .box_stya01 {
    padding: 30px 50px;
    margin-bottom: 50px;
    background-image: url(../../images/shop/bg_single_01.png);
  }
  .box_stya01 .h_style03 {
    margin-bottom: 25px;
  }
  .box_stya01 .title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .history_box {
    padding-bottom: 15px;
  }
  .history_box .h_style02 {
    margin-bottom: 25px;
  }
  .history_box > .flexbox > li:first-child {
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    width: 38%;
  }
  .history_box > .flexbox > li:nth-child(2) {
    -ms-flex-preferred-size: 57.8%;
        flex-basis: 57.8%;
    margin-left: 4%;
  }
  .history_box > .flexbox > li img {
    max-width: 100%;
    height: auto;
  }
  .history_box .comname {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  body#case .detail_box {
    padding: 20px 40px;
    background-color: #FFFFFF;
    border: 2px solid transparent;
    border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    -moz-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    -webkit-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    border-radius: 5px;
    -o-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
  }
  .point li {
    padding-left: 130px;
    position: relative;
    margin-bottom: 30px;
  }
  .point li:before {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
  }
  .point li:nth-child(1):before {
    background-image: url(../../images/case/pic_case_06.png);
    width: 112px;
    height: 122px;
  }
  .point li:nth-child(2):before {
    background-image: url(../../images/case/pic_case_07.png);
    width: 108px;
    height: 160px;
  }
  .point h4 {
    font-size: 2.5rem;
  }
  .point h4 .point_icon {
    padding: 5px 0 2px;
    min-width: 120px;
    font-size: 1.4rem;
  }
  .point .strong_txt {
    font-size: 2rem;
  }
  .detail_box table th, .detail_box table td {
    padding: 12px 20px;
    border: 1px solid #cbc5bd;
  }
  .detail_box table th {
    width: 20%;
  }
  .detail_box table td {
    width: 30%;
  }
  .detail_box table.tbl_wide th, .detail_box table.tbl_wide td {
    border-top: none;
  }
  .detail_box table.tbl_wide th {
    width: 7.3%;
  }
  .case_list_ttlbox {
    position: relative;
    margin: 30px 0;
  }
  .case_list_ttlbox .more_list {
    font: 500 57% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-left: 25px;
  }
  .case_list_ttlbox a:before {
    content: ">";
    display: inline-block;
    margin-right: 10px;
  }
  body.case .select_box .h_style04 {
    margin-bottom: 10px;
  }
  body.case .select_box .flexbox.col4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    line-height: 3;
  }
  body.case .image_border {
    padding: 30px 40px 85px;
  }
  body.case .image_border > ul > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  body.case .btn_wrap {
    text-align: center;
  }
  body.case .btn_wrap input {
    display: inline-block;
  }
  body.case .btn_wrap .detail_btn {
    display: inline-block;
  }
  body.case .btn_wrap .detail_btn span {
    padding: 8px 15px 5px 0;
    display: inline-block;
    min-width: 185px;
  }
  body.case .btn_wrap .detail_btn + input {
    margin-left: 20px;
  }
  body.case #sec01 .search_box .h_style02 {
    margin-bottom: 10px;
    padding-left: 60px;
  }
  body.case .toggle_open_wrap.open > ul > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #sidebar .area_box {
    margin-bottom: 25px;
  }
  .sp_ft_menu {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

IE Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .area_box .select_wrap::before, .cost_box .cost_max::before, .cost_box .cost_min::before {
    border: none;
  }
  .detail_box table.tbl_wide th {
    width: 7.5%;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TABLET Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SP Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
  #mainbar.flexbox {
    display: inline;
  }
  .pagenavi.top {
    display: none;
  }
  body.case #sec01, #contentsbar {
    padding: 0 4%;
  }
  .case_list.col3 > li {
    margin: 0 1% 30px;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .box_stya01 {
    padding: 0 4% 30px;
    background-image: url("../../images/shop/bg_single_01_sp.png");
    background-size: 100% auto;
  }
  .box_stya01 .title {
    margin-bottom: 15px;
  }
  .history_box .h_style02 {
    text-align: center;
    display: block;
    margin-bottom: 15px;
  }
  .history_box .comname {
    margin: 15px 0;
    font-size: 1.6rem;
  }
  .history_box .flexbox.col3 {
    margin: 15px -1% 0;
  }
  .history_box .flexbox.col3 li {
    margin: 0 1%;
    font-size: 1.2rem;
  }
  .history_box .flexbox.col3 .tel_txt {
    position: relative;
  }
  .history_box .flexbox.col3 .tel_txt a {
    padding-left: 15px;
  }
  .history_box .flexbox.col3 .tel_txt:before {
    top: 7px;
    left: 7px;
    background-size: auto 16px;
  }
  .history_box .flexbox.col3 .mail_txt {
    -ms-flex-preferred-size: 26%;
        flex-basis: 26%;
  }
  .history_box .flexbox.col3 .shop_detail {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
  }
  .history_box .flexbox.col3 .tel_txt, .history_box .flexbox.col3 .mail_txt {
    border: 2px solid transparent;
    border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    -moz-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    -webkit-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    border-radius: 5px;
    padding: 7px 3px;
    -o-border-image: url(../images/bg_03.png) 2 2 2 2 stretch;
    background-color: #FFFFFF;
    text-align: center;
  }
  .point {
    margin-bottom: 30px;
  }
  .point li + li {
    margin-top: 15px;
  }
  .point li:nth-child(2) {
    position: relative;
    padding-top: 50px;
  }
  .point li:nth-child(2):before {
    background-image: url(../../images/case/icon_case_03_sp.png);
    background-size: auto 50px;
    width: 146px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    content: "";
    margin-left: -73px;
  }
  .point h4 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .point h4 .point_icon {
    padding: 3px 0 2px;
    min-width: 100px;
    font-size: 1.2rem;
  }
  .point .strong_txt {
    font-size: 1.6rem;
  }
  .detail_box table {
    border-left: 1px solid #cbc5bd;
    border-top: 1px solid #cbc5bd;
  }
  .detail_box table th, .detail_box table td {
    padding: 10px 6%;
    width: 48%;
    font-size: 1.2rem;
    display: inline-block;
    border-right: 1px solid #cbc5bd;
    border-bottom: 1px solid #cbc5bd;
  }
  .detail_box table th {
    width: 27%;
  }
  .detail_box table.tbl_wide {
    border-top: none;
  }
  .detail_box table.tbl_wide th, .detail_box table.tbl_wide td {
    display: table-cell;
  }
  .detail_box table.tbl_wide th {
    width: 31.2%;
  }
  .case_list_ttlbox .h_style06 {
    margin: 30px 0 15px;
    text-align: center;
    font-size: 2rem;
  }
  .case_list_ttlbox .more_list {
    display: none;
  }
  body.case .select_box .h_style04 {
    margin: 15px 0;
  }
  body.case .select_box .flexbox.col4 {
    margin: 0 -2%;
  }
  body.case .select_box .flexbox.col4 li {
    margin: 0 2%;
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
  }
  body.case .image_border {
    padding: 0 4% 30px;
    background-color: #FFFFFF;
  }
  body.case .select_box > ul > li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 2;
  }
  body.case .image_border > ul > li {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  body.case .btn_wrap {
    margin: 0 auto;
    width: 80%;
  }
  body.case .btn_wrap input {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 1.6rem;
  }
  body.case .btn_wrap .detail_btn span {
    width: 100%;
    padding: 10px 0;
    display: block;
  }
  body.case .btn_wrap .detail_btn + input {
    margin-top: 15px;
  }
  body.case #sec01 .h_style02 span {
    display: none;
  }
  body.case #sec01 .search_box .h_style02 {
    padding-left: 25px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    letter-spacing: -0.08em;
  }
  body.case .search_container2 input[type=submit] {
    margin-top: 15px;
  }
  body.case .toggle_open_wrap.open > ul > li {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  body#case #sidebar .ttl_box h2 {
    margin-top: 15px;
    font-size: 1.4rem;
  }
  #sidebar .area_box, #sidebar .area_box {
    margin-bottom: 15px;
  }
  .sp_ft_menu .btn a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(../images/bg_21_sp.png);
    display: block;
    padding: 15px 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: 100% 100%;
    text-align: center;
  }
  .sp_ft_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -2.5%;
  }
  .sp_ft_menu ul li {
    margin: 0 2.5%;
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
  .sp_ft_menu ul li a {
    text-decoration: none;
    display: block;
    text-align: center;
    background-repeat: no-repeat;
    padding: 15px 0;
    background-size: 100% 100%;
    color: #FFFFFF;
  }
  .sp_ft_menu ul li.shop a {
    background-image: url(../images/bg_24.png);
  }
  .sp_ft_menu ul li.case a {
    background-image: url(../images/bg_26.png);
  }
}
.thumbnail a {
  position: relative;
}

.thumbnail a::after {
  bottom: 10px;
  background: #F6521F;
  border-radius: 12px;
  content: "クリック ≫";
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 6px 10px;
  position: absolute;
  right: 10px;
}