@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専用スタイル */
}

html { scroll-behavior: smooth; }

.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_flex { width:100%; margin:80px 0 0 0; display:flex; flex-direction:column; }
.reform_example_h2 { width:100%; display:block; }
.reform_example_count { width:100%; display:flex; justify-content:right; align-items:baseline; }
.reform_example_count strong { margin:0 5px; font-weight:bold; font-size:28px; }
@media (min-width: 768px) {
  .reform_example_flex { flex-direction:row; justify-content:space-between; }
  .reform_example_h2 { width:auto; }
  .reform_example_count { width:auto; }
}

.reform_example_list { display: flex; flex-direction: column; gap: 80px; width: 100%; margin:30px 0 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;}

.search_reform_radio_list li a { padding:0 0 0 5px; position:relative; }
.search_reform_radio_list li a::after { content: "";display: inline-block;width:10px; height:8px; background: url('/img/common/icon_arrow_left_b.svg') no-repeat center center;background-size: contain;margin-left: 8px; display:block; position:absolute;left:-20px; top:50%;bottom:50%;transform: translateY(-50%); margin-top:1px; }
.search_reform_radio_list li a.search_reform_checked { text-decoration:underline; }
@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;
}