/* CSS Document */

:root {
 --font-color01: #CDA870;
 --bg-color01: #CDA870;
 --font-jp-min: "游明朝", "YuMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 --font-jp-gothic: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Sans", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --------------------------------------------------------------------------- */
.page_case .sec_general { background: #444;}
.page_case .case_nav {background: #eee;padding: 30px; text-align: center;}
.page_case .case_nav h3 {font-size: 34px;font-weight: 500;letter-spacing: 0.1em; margin-bottom: 20px;position: relative;display: inline-block;padding: 0 115px;}
.page_case .case_nav h3::before,.page_case .case_nav h3::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #999;
}
.page_case .case_nav h3::before {left: 0;}
.page_case .case_nav h3::after {right: 0;}
.case_nav .searchandfilter {}
.searchandfilter ul {display: flex !important;justify-content: center !important;flex-wrap: wrap;}
.searchandfilter ul li {margin: 0 !important;padding: 0 !important;}
.searchandfilter ul li.sf-field-search,	.searchandfilter ul li.sf-field-search label {flex-basis: 100% !important;}
.searchandfilter ul li.sf-field-search input {
	 width: 650px; height: 3em;font-size: 1em;padding: .4em;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #ffffff;
  outline: none;
  box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
}
.searchandfilter ul li.sf-field-category,
.searchandfilter ul li.sf-field-tag,
.searchandfilter ul li.sf-field-post-meta-trouble {flex-basis: calc(100% / 3 - 10px);margin: 15px 5px 0 !important;}
.searchandfilter ul li.sf-field-category label,
.searchandfilter ul li.sf-field-tag label,
.searchandfilter ul li.sf-field-post-meta-trouble label {width: 100% !important;display: inline-flex;align-items: center;position: relative;}
.searchandfilter ul li.sf-field-category label::after ,
.searchandfilter ul li.sf-field-tag label::after ,
.searchandfilter ul li.sf-field-post-meta-trouble label::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #7e7e7e;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}
.searchandfilter ul li select.sf-input-select {
  appearance: none;
  width: 100% !important;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: none;
  border-radius: 5px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
  background-color: #fff;
  color: #5e5e5e;
  font-size: 1em;
  cursor: pointer;
}
.searchandfilter ul li.sf-field-submit {flex-basis: 50%; margin: 30px 10px 0 auto !important;}
.searchandfilter ul li.sf-field-submit input {width: 100%; height: 3em;font-size: 1em;padding: .4em;cursor: pointer; margin: 0;}
.searchandfilter ul li.sf-field-reset {flex-basis: 20%; margin: 30px auto 0 0 !important;}
.searchandfilter ul li.sf-field-reset input {width: 100%; height: 3em;font-size: 1em;padding: .4em;cursor: pointer; margin: 0;}

@media screen and (max-width: 767.98px) {
	.searchandfilter ul li.sf-field-search label,
	.searchandfilter ul li.sf-field-search input {width: 100% !important;}
 .searchandfilter ul li.sf-field-category,
 .searchandfilter ul li.sf-field-tag,
 .searchandfilter ul li.sf-field-post-meta-trouble {flex-basis: 100%;margin: 15px 0 0 !important;}
	.searchandfilter ul li.sf-field-submit {flex-basis: 65%; margin: 15px 10px 0 auto !important;}
 .searchandfilter ul li.sf-field-submit input {width: 100%; height: 3em;font-size: 1em;padding: .4em;cursor: pointer; margin: 0;background-color: transparent;color: #333;border-color: #555;}
 .searchandfilter ul li.sf-field-reset {flex-basis: 25%; margin: 15px auto 0 0 !important;}
 .searchandfilter ul li.sf-field-reset input {width: 100%; height: 3em;font-size: 1em;padding: .4em;cursor: pointer; margin: 0;background-color: transparent;color: #555;border-color: #999;}
}

.page_case .sec_single h2.search_results-ttl {font-weight: 500;font-size: 34px;margin-bottom: 60px;}
.page_case .sec_single .layout.half { display: flex; justify-content: space-between;flex-wrap: wrap;}
.page_case .sec_single .case_item { flex-basis: 48%;display: flex;flex-direction: column;margin-top: 45px;padding-bottom: 45px;border-bottom: 1px solid #ddd;}

.page_case .sec_single .af .case_item {padding: 15px;border: 1px solid #eee;}

.page_case .sec_single .case_item .case_ttl {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
  
 flex: 1;
  height: 100%;
  min-height: 0%;
  display: flex;
  align-items: center;
  
}
.page_case .sec_single .case_item .case_image {width: 100%;margin-top: 30px;}
.page_case .sec_single .case_item .case_image img {width: 100%;}
.page_case .sec_single .case_item .case_desc {
 font-size: 17px;
 line-height: 1.8;
 /*flex: 2;*/
	margin: 20px 0 15px;
}


.page_case .sec_single .case_item .btn_case_detail a {display: flex;justify-content: center;width: 300px;padding: 10px;margin: 0 auto;border: 1px solid #ddd;background: #fff;}
.page_case .sec_single .case_item .meta_data {display: block;margin-bottom: 15px;}
.page_case .sec_single .case_item .cat_name {}
.page_case .sec_single .case_item .cat_name a {display: inline-block;padding: 5px;line-height: 1.2;font-size: 13px;background: #6E5859;color: #fff;}
.page_case .sec_single .case_item .tag_list {display: none;}
/*.page_case .sec_single .case_item .tag_list li a {display: inline-block;padding: 5px;line-height: 1.2;font-size: 13px;background: #6E5859;color: #fff;}
.page_case .sec_single .case_item .tag_list li + li {margin-left: 5px;}*/

@media screen and (min-width: 768px) {
	.page_case .sec_single .case_item:nth-of-type(1),.page_case .sec_single .case_item:nth-of-type(2) {margin-top: 0px;padding-top: 45px; border-top: 1px solid #ddd;}
	.page_case .sec_single .case_item .case_image {height: 304px !important;background: #EFEAE0;overflow-y: hidden;display: flex;align-items: center;}
}
@media screen and (max-width: 767.98px) {
	.page_case .sec_single {padding: 30px 0;}
	.page_case .sec_single .layout.half .case_item { width: 100%;}
	.page_case .case_nav {padding: 15px;}
	.page_case .case_nav h3 {font-size: 18px;margin-bottom: 10px;}
	.page_case .case_nav .selectbox + .selectbox {margin-top: 5px;}
 .page_case .sec_single h2.search_results-ttl {font-size: 24px;margin-bottom: 30px;}
 .page_case .sec_single .layout.half { display: block;}
 .page_case .sec_single .case_item { display: block;margin-top: 30px;padding-bottom: 30px;}
	.page_case .sec_single .case_item:last-of-type { border-bottom: none;}
	.page_case .sec_single .case_item .case_image {margin-top: 15px;}
 .page_case .sec_single .case_item .case_ttl {font-size: 17px;line-height: 1.6;height: auto;display: block;padding-bottom: 1px;}
	.page_case .sec_single .case_item .case_desc {font-size: 14px;margin: 15px 0;}
}

/* --------------------------------------------------------------------------- */
.page_case.-single .sec_single .case_item { width: 1000px;display: block;margin:0 auto;padding-bottom: 0;border-bottom: none;}
.page_case.-single .sec_single .case_item .case_ttl {
  font-size: 28px;
  display: block;
  padding-bottom: 30px;
}
.page_case.-single .sec_single .case_item .case_desc {
  font-size: 18px;
  line-height: 2;
		margin: 30px 0;
}
.page_case.-single .sec_single .case_item .btn_case_detail a {width: 90%;max-width: 600px;padding: 15px;margin: 60px auto 0;border: 1px solid #ddd;background: #333;color: #fff;font-size: 20px;font-weight: 500;font-feature-settings: "palt";}

@media screen and (min-width: 768px) {
.page_case.-single .sec_single .case_item .btn_case_detail.layout-half {display: flex;justify-content: space-between;gap:10px;flex-wrap: wrap;}
.page_case.-single .sec_single .case_item .btn_case_detail.layout-half a {text-align: center;flex-basis: calc(50% - 5px);width: 100%; margin: 0 !important;line-height: 1.5;align-items: center;}
}


.page_case.-single .case_data h3 {text-align: center;font-weight: 500;font-size: 26px;}
.page_case.-single .case_data table {margin: 15px auto 0;width: 100%;}
.page_case.-single .case_data table td:first-child {text-align: left;font-weight:500;background-color: rgba(205,168,112,0.08);}
.page_case.-single .case_data table td {font-size: 1rem;line-height: 1.5;text-align: left;padding: 12px;border: 1px solid rgba(205,168,112,0.5);}
.page_case.-single .sensitive .photo .layout {justify-content: space-between;}
.page_case.-single .sensitive .photo .image {flex-basis: 49%; text-align: center;}
.page_case.-single .sensitive .photo .image img {max-width: 600px;width: 100%;}


@media screen and (min-width: 768px) {
 .page_case.-single .case_data table td:first-child {white-space: nowrap;}
	.page_case.-single .sec_single .case_item .case_image {height: auto!important;background: transparent;display: block;}
}

@media screen and (max-width: 767.98px) {
 .page_case.-single .case_data table td {font-size: 13px;}
	.page_case.-single .sec_single .case_item { width: 100%;}
 .page_case.-single .sec_single .case_item .case_ttl {font-size: 17px;line-height: 1.6;padding-bottom: 15px;}
 .page_case.-single .sec_single .case_item .case_desc {font-size: 14px;line-height: 1.8;	margin: 15px 0;}
	.page_case.-single .sec_single .case_item .btn_case_detail a {text-align: center;padding: 10px;margin: 5px auto 0;font-size: 16px;line-height: 1.5;}
	.page_case.-single .case_data h3 {font-size: 17px;}
	.page_case.-single .case_data table {margin: 5px auto 0;}
 .page_case.-single .case_data table td:first-child {width: 5rem;}
	
}

.page_case.-single  ul.btn { display: flex; justify-content: center; margin: 40px 0 80px; }
.page_case.-single  ul.btn > li { margin: 0 10px; }
.page_case.-single  ul.btn a {
  display: block;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 160px;
  padding: 5px 10px;
}
.pagination {
  margin: 40px auto;
  text-align: center;
}
.nav-links {
  display: flex;
  justify-content: center;
}
.pagination .page-numbers {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 20px;
  color: #333;
  border-radius: 3px;
  box-shadow: 1px 2px 5px rgba(153, 153, 153, 0.50);
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(153, 153, 153, 0.50);
}
.pagination .current {
  padding: 5px 20px;
  background: #333;
  color: #fff;
}
.pagination .prev, .pagination .next {
  background: transparent;
  box-shadow: none;
  color: #333;
}
.pagination .dots {
  background: transparent;
  box-shadow: none;
}

@media screen and (max-width: 767.98px) {
	.page_case.-single  ul.btn {margin: 30px 0; }
	.page_case.-single  ul.btn > li { margin: 0 5px;width: calc(100% / 3 - 10px); }
	.page_case.-single  ul.btn a {padding: 5px;width: 100%;}
 .pagination .page-numbers {
   margin-right: 10px;
   padding: 0px 10px;
 }
 .pagination .current {
   padding: 0px 10px;
 }
}


.search_conditions {font-weight: 500;font-size: 24px;margin-bottom: 60px;}
.search_conditions li {display: inline-block;}
/*.search_conditions li + li {margin-left: 0.5em;}*/

@media screen and (max-width: 767.98px) {
	.search_conditions {font-size: 18px;margin-bottom: 30px;line-height: 1.5;}
}





.page_case.re202504 .sec_single .case_item { flex-basis: 49%;display: flex;justify-content: flex-start;flex-direction: column;margin-top: 30px;padding: 25px 25px 0 !important; border: 1px solid #bbb;background-color: rgba(255,255,255,0.50);}
.page_case.re202504 .sec_single .case_item .case_ttl {
  letter-spacing: 0.03em;
 flex: 0;
 height: auto;
  min-height: 0%;
  display: flex;
  align-items: center;
  margin: 35px 0 15px !important;
}
.page_case.re202504 .sec_single .case_item .btn_case_detail {flex: 0;}
.page_case .sec_single .case_item .btn_case_detail a {width: 50%;}

.risks_etc {display: flex;height: auto;flex-direction: column;justify-content: flex-start;}
.risks_etc dl {margin: 5px auto 25px;width: 100%;}
.risks_etc dl dt {cursor: pointer;background-color: #4F4731;color: #fff;text-align: center;}
.risks_etc dd table {border-collapse: collapse;margin-top: 10px;}
.risks_etc dd th,.risks_etc dd td {font-size: 13px;border: 1px solid rgba(205,168,112,0.5);line-height: 1.5;padding: 10px;}
.risks_etc dd th { white-space: nowrap; background-color:rgba(205,168,112,0.08);font-weight: 500;}

@media screen and (max-width: 767.98px) {
	.page_case.re202504 .sec_single .case_item {padding: 15px 15px 20px !important;margin-top: 15px;}
 .page_case.re202504 .sec_single .case_item .btn_case_detail a {width: 90%;}
 .page_case.re202504 .sec_single .case_item .case_ttl { margin: 5px 0 !important;padding: 0;}
 
 
.risks_etc dl {margin: 5px auto 15px;}
.risks_etc dl dt {padding: 8px 0;}
.risks_etc dd table {margin-top: 8px;}
.risks_etc dd th,.risks_etc dd td {font-size: 12px;padding: 8px;}
 
}
.risks_etc table {width: 100%;}
.risks_etc table tr:nth-child(4),
.risks_etc table tr:nth-child(5),
.risks_etc table tr:nth-child(6) {display: none;}
.risks_etc table td:first-child {width: 6em; background-color:rgba(205,168,112,0.08);font-weight: 500;}