@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}



.contents_bg_excursion_wave_top { background-color: #FDFD8A; }

.search_wrap { display: flex; flex-direction: column; gap: 24px; }
.search_wrap > div { padding: 20px; background: #EDF5FD; border-radius: 10px; }
.search_title { padding-bottom: 8px; margin-bottom: 12px; text-align: center; border-bottom: 1px solid #DADADA; }
.search_parameter { width: 100%; }
.search_reform_radio_list { width: fit-content; margin: 0 auto; }
.search_reform_radio_list li label { display: flex; align-items: center; }
.search_reform_radio_list li input { margin-right: 8px; width: 20px; aspect-ratio: 1 / 1; }
.input_keyword { display: flex; justify-content: space-between; background: #FFF; }
.input_keyword input { width: 0; padding: 6px; flex-grow: 1; }
.input_keyword input::placeholder { color: #DADADA; }
.search_reform_keyword_button i { padding: 12px; color: #FC5942; }
.keyword_example { margin-top: 8px; }

.reform_example_list { display: flex; flex-direction: column; gap: 80px; width: 100%; margin: 80px 0; }
.reform_example_list li .reform_example_img_wrap { display: inline-block; width: 100%; aspect-ratio: 16 / 9; }
.reform_example_list li .reform_example_img { width: 100%; height: 100%; object-fit: cover; background: #666; }
.reform_example_list li .reform_example_title { padding-bottom: 16px; margin: 16px 0; border-bottom: 1px solid #DADADA; }
.reform_example_list li .reform_example_text { display: flex; flex-direction: column; gap: 16px; }
.reform_example_list li .reform_example_text .reform_example_info { line-height: 1.7em; }
.reform_example_list li .reform_example_button { margin-top: 20px; }
.reform_example_categories{text-align: justify;}

.pagination { display: flex; justify-content: center; gap: 40px; margin-bottom: 80px; }
.coming{text-align: center;font-size: 18px;margin-bottom: 100px;}

@media (min-width: 768px) {
  .search_wrap { flex-direction: row; }
  .search_wrap > div { flex: 1; padding: 24px 36px; }
  .search_title { padding-bottom: 16px; margin-bottom: 20px; }
  .search_reform_radio_list { display: flex; flex-wrap: wrap; gap: 8px 40px; width: 100%; padding: 8px 40px; }
  .search_reform_radio_list li { display: inline-block; width: fit-content; }

  .reform_example_list { flex-direction: row; flex-wrap: wrap; gap: 80px 40px; }
  .reform_example_list li { display: flex; flex-direction: column; justify-content: space-between; width: calc(calc(100% - 80px) / 3); }
  .reform_example_img_wrap {position: relative;overflow: hidden;aspect-ratio: 4/3;width: 100%;height: auto;}
  .reform_example_img {width: 100%;height: 100%; object-fit: cover; transition: transform .4s ease;}
  .reform_example_img_wrap:hover .reform_example_img {transform: scale(1.1);}
}



input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}