@charset "UTF-8";
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.box_layout_all .box_layout_left {
  display: none;
}
.box_layout_all .box_layout_right .main {
  margin-top: 0;
}
.box_layout_all .box_layout_right .main .breadcrumbs_list {
  display: none;
}
.box_layout_all .box_layout_right .main .contents_box .links_in_category {
  margin-top: -1px;
  padding: 6vw;
  background-color: #8dcefe;
}
.box_layout_all .box_layout_right .main .contents_box .links_in_category.hidden {
  display: none;
}
.box_layout_all .box_layout_right .main .contents_box .links_in_category.sglist {
  background-color: transparent;
}
.box_layout_all .box_layout_right footer .global_footer_menu .footer_main_menu {
  display: none;
}
.box_layout_all .box_layout_right footer .global_footer_menu .footer_support_menu {
  display: none;
}

.contents_box {
  padding: 0;
}

br.sp_only {
  display: inline;
}

br.pc_only {
  display: none;
}

.box_ttl_head {
  position: relative;
}
.box_ttl_head .select_ttl {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  top: 4vw;
  left: 4vw;
  width: 70vw;
  z-index: 11;
}
.box_ttl_head .ttl_img {
  overflow: hidden;
  position: relative;
  height: 50vh;
  mask-image: url("/assets/images/select/top_img_back.svg");
  mask-repeat: no-repeat;
  mask-position: 1vw -0.5vw;
  mask-size: 140% 100%;
  -webkit-mask-image: url("/assets/images/select/top_img_back.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 1vw -0.5vw;
  -webkit-mask-size: 140% 100%;
  z-index: 10;
}
.box_ttl_head .ttl_img img {
  position: absolute;
  bottom: 0;
  width: 107%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box_ttl_head .ttl_text {
  display: block;
  box-sizing: border-box;
  padding: 6vw;
  padding-bottom: 0;
  position: relative;
  z-index: 11;
}
.box_ttl_head .ttl_text p {
  margin-bottom: 0;
  font-size: 4vw;
  font-weight: 400;
  text-align: center;
}
.box_ttl_head .ttl_text p span {
  font-weight: bold;
  background-color: #ebff02;
}

.box_sort_pref {
  padding: 6vw;
}
.box_sort_pref .inbox_sort_pref {
  position: relative;
  margin-bottom: 6vw;
}
.box_sort_pref .inbox_sort_pref .box_sort_pref_ttl {
  position: relative;
}
.box_sort_pref .inbox_sort_pref .box_sort_pref_ttl h3.sort_pref_ttl {
  font-size: 5vw;
  font-weight: bold;
  padding: 2vw;
}
.box_sort_pref .inbox_sort_pref .box_sort_pref_ttl h3.sort_pref_ttl::before {
  content: "\f3c5";
  font-size: 7vw;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
  color: #0552e1;
  margin-top: -1vw;
  margin-right: 2vw;
}
.box_sort_pref .inbox_sort_pref .box_pref_select {
  width: 100%;
}
.box_sort_pref .inbox_sort_pref .box_pref_select .box_pref_list {
  box-sizing: border-box;
  position: relative;
  height: 12vw;
  z-index: 1;
  border: 1px solid #666;
}
.box_sort_pref .inbox_sort_pref .box_pref_select .box_pref_list:before {
  position: absolute;
  content: "";
  top: 20%;
  right: 12vw;
  width: 1px;
  height: 7vw;
  background-color: #666;
}
.box_sort_pref .inbox_sort_pref .box_pref_select .box_pref_list select {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  font-size: 6vw;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
.box_sort_pref .inbox_sort_pref .box_pref_select .box_pref_list:after {
  position: absolute;
  content: "";
  right: 5vw;
  top: 44%;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #666 transparent transparent transparent;
}
.box_sort_pref .inbox_sort_pref span {
  display: none;
  position: absolute;
  top: -1vw;
  right: 0;
  padding: 1.5vw;
  padding-left: 1vw;
  font-size: 4vw;
  border: 3px solid #f70d1a;
}
.box_sort_pref .inbox_sort_pref span::before {
  content: "\f06a";
  font-size: 5vw;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
  color: #f70d1a;
  margin-top: -0.5vw;
  margin-right: 1vw;
}
.box_sort_pref .inbox_sort_pref span::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: -3vw;
  bottom: 1vw;
  width: 3vw;
  height: 3vw;
  background-color: #f70d1a;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.box_sort_pref.disable .inbox_sort_pref span {
  display: inline-block;
}

.box_select_catg {
  padding: 10vw 0;
  background-color: #8dcefe;
}
.box_select_catg h2 {
  display: block;
  box-sizing: border-box;
  font-size: 8vw;
  font-weight: bold;
  text-align: center;
}
.box_select_catg h2 span {
  font-size: 11vw;
  background-color: #ebff02;
}
.box_select_catg .box_carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box_select_catg .box_carousel .select_catg_lst {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.box_select_catg .box_carousel .select_catg_lst li {
  display: flex;
  box-sizing: border-box;
  min-width: 100%;
  height: auto;
  margin-top: 3vw;
}
.box_select_catg .box_carousel .select_catg_lst li a .box_title {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 36vw;
  margin: 3vw auto;
  background-image: url("/assets/images/select/select_catg_ttl_back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.box_select_catg .box_carousel .select_catg_lst li a .box_title h2 {
  display: inline-block;
  box-sizing: border-box;
  margin-top: -6vw;
  padding: 5vw;
  text-align: center;
  font-size: 6vw;
  font-weight: bold;
}
.box_select_catg .box_carousel .select_catg_lst li a .box_img {
  margin-bottom: 5vw;
}
.box_select_catg .box_carousel .select_catg_lst li a .box_img img {
  width: 90%;
  margin: 0 auto;
  border-radius: 20px;
}
.box_select_catg .box_carousel .select_catg_lst li a .box_data p {
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  padding: 3vw;
  font-size: 4.5vw;
  border-radius: 10px;
  background-color: #fff;
}
.box_select_catg .box_carousel button {
  position: absolute;
  top: 47%;
  width: 16vw;
  height: 16vw;
  background-color: transparent;
  border-radius: 40px;
  cursor: pointer;
}
.box_select_catg .box_carousel button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16vw;
  height: 16vw;
  background-color: #000;
  border-radius: 40px;
  opacity: 0.5;
}
.box_select_catg .box_carousel button::after {
  content: "";
  position: absolute;
  top: 4vw;
  width: 6vw;
  height: 6vw;
  background-color: transparent;
  border-bottom: 2vw solid #ebff02;
  border-left: 2vw solid #ebff02;
}
.box_select_catg .box_carousel .prev {
  left: 1vw;
}
.box_select_catg .box_carousel .prev::after {
  left: 5.5vw;
  transform: rotate(45deg);
}
.box_select_catg .box_carousel .next {
  right: 1vw;
}
.box_select_catg .box_carousel .next::after {
  right: 5.5vw;
  transform: rotate(-135deg);
}
.box_select_catg .box_carousel .carousel_indicator {
  display: none;
}

.box_select_sp {
  padding: 6vw;
}
.box_select_sp .select_sp_ttl {
  text-align: center;
}
.box_select_sp .select_sp_ttl h2 {
  display: block;
  box-sizing: border-box;
  font-size: 8vw;
  font-weight: bold;
}
.box_select_sp .select_sp_ttl h2 span {
  font-size: 11vw;
  background-color: #ebff02;
}
.box_select_sp .select_sp_ttl p {
  padding: 6vw 0;
  margin-bottom: 0;
  font-size: 4vw;
  font-weight: 400;
}
.box_select_sp .select_sp_lst .select_sp {
  display: block;
  box-sizing: border-box;
  position: relative;
}
.box_select_sp .select_sp_lst .select_sp .box_title {
  display: none;
  box-sizing: border-box;
  position: absolute;
  top: 2vw;
  width: 65vw;
  height: 40vw;
  text-align: center;
}
.box_select_sp .select_sp_lst .select_sp .box_title p {
  position: relative;
  margin-top: 10vw;
  font-size: 4.6vw;
  font-weight: bold;
  z-index: 2;
}
.box_select_sp .select_sp_lst .select_sp .box_title p::before {
  content: "決め手は";
  display: block;
}
.box_select_sp .select_sp_lst .select_sp .box_title::before {
  content: none;
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 65vw;
  height: 40vw;
  background-image: url("/assets/images/select/select_sp_ttl_back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(98%) sepia(64%) saturate(1105%) hue-rotate(290deg) brightness(106%) contrast(109%);
  z-index: 1;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(odd) .box_title {
  left: -2vw;
  transform: rotate(-12deg);
}
.box_select_sp .select_sp_lst .select_sp:nth-child(odd) .box_img {
  margin: 0 0 0 auto;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(odd) .box_profile {
  left: 0;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(odd) .box_profile .name {
  text-align: left;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(even) .box_title {
  right: -2vw;
  transform: rotate(12deg);
}
.box_select_sp .select_sp_lst .select_sp:nth-child(even) .box_img {
  margin: auto 0 0 0;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(even) .box_profile {
  right: 0;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(even) .box_profile .name {
  text-align: right;
}
.box_select_sp .select_sp_lst .select_sp:nth-child(2n) .box_title::before {
  filter: invert(94%) sepia(11%) saturate(678%) hue-rotate(52deg) brightness(102%) contrast(91%);
}
.box_select_sp .select_sp_lst .select_sp:nth-child(3n) .box_title::before {
  filter: invert(98%) sepia(85%) saturate(424%) hue-rotate(7deg) brightness(99%) contrast(91%);
}
.box_select_sp .select_sp_lst .select_sp:nth-child(4n) .box_title::before {
  filter: invert(83%) sepia(10%) saturate(772%) hue-rotate(194deg) brightness(101%) contrast(91%);
}
.box_select_sp .select_sp_lst .select_sp .box_img {
  width: 40vw;
  height: 40vw;
  overflow: hidden;
  border-radius: 20vw;
}
.box_select_sp .select_sp_lst .select_sp .box_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box_select_sp .select_sp_lst .select_sp .box_profile {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 45vw;
}
.box_select_sp .select_sp_lst .select_sp .box_profile .name {
  font-size: 6vw;
  font-weight: bold;
  margin-bottom: 0;
}
.box_select_sp .select_sp_lst .select_sp .box_profile .name span::after {
  content: "さん";
  font-size: 4vw;
}
.box_select_sp .select_sp_lst .select_sp .box_profile .comment {
  padding: 0;
  margin-bottom: 0;
}
.box_select_sp .select_sp_lst .select_sp .btn_select {
  margin-top: 3vw;
  margin-bottom: 10vw;
  width: 100%;
}
.box_select_sp .select_sp_lst .select_sp .btn_select a {
  display: block;
  box-sizing: border-box;
  margin: 2vw auto;
  padding: 4vw;
  font-size: 3.8vw;
  font-weight: bold;
  text-align: center;
  border: 1px solid #707070;
  border-radius: 30vw;
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2);
}

.selectg_head {
  display: block;
  box-sizing: border-box;
  position: relative;
  padding: 10vw 6vw;
  margin-bottom: 5vw;
  background-color: #8dcefe;
}
.selectg_head .select_ttl {
  display: block;
  box-sizing: border-box;
  padding: 6vw;
  background-color: #fff;
  border-radius: 10px;
}
.selectg_head .select_ttl::before {
  content: "おすすめの選び方";
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  top: 6vw;
  left: 50%;
  width: 50vw;
  margin-left: -25vw;
  padding: 2vw;
  text-align: center;
  background-color: #ebff02;
  border-radius: 30px;
}
.selectg_head .select_ttl h1 {
  display: block;
  box-sizing: border-box;
  padding: 2vw 0;
  font-size: 8vw;
  font-weight: bold;
  color: #0552e1;
  text-align: center;
}
.selectg_head .select_ttl p {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
  font-size: 4vw;
}
.selectg_head::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  bottom: -6vw;
  left: 50%;
  margin-left: -10vw;
  width: 20vw;
  height: 8vw;
  background-color: #8dcefe;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.select_lst {
  display: block;
  box-sizing: border-box;
  padding: 6vw;
}
.select_lst ul li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6vw;
  border: 1px solid #666;
  border-radius: 10px;
}
.select_lst ul li a .box_title {
  box-sizing: border-box;
  width: 100%;
  background-color: #ebff02;
  border-radius: 10px 10px 0 0;
}
.select_lst ul li a .box_title h2 {
  padding: 4vw;
  font-size: 6vw;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #666;
}
.select_lst ul li a .box_img {
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 4vw;
  width: 100%;
}
.select_lst ul li a .box_img img {
  width: 100%;
}
.select_lst ul li a .box_data {
  box-sizing: border-box;
  padding: 0 4vw;
  width: 100%;
}
.select_lst ul li a .box_data p {
  margin-bottom: 0;
  font-size: 3.6vw;
  font-weight: bold;
}
.select_lst ul li a .btn_select {
  display: block;
  box-sizing: border-box;
  width: 90%;
  margin: 4vw auto;
  margin-bottom: 6vw;
  padding: 3vw;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  border: 1px solid #707070;
  border-radius: 30vw;
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2);
}

.select_head {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.select_head .select_ttl {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 110vw;
  margin-top: -2vw;
  margin-left: -5vw;
  padding: 2vw;
  background-color: #0552e1;
  transform: rotate(-2deg);
  z-index: 10;
}
.select_head .select_ttl h1 {
  display: block;
  box-sizing: border-box;
  width: 95%;
  margin: 0 auto;
  padding: 3vw;
  padding-top: 4vw;
  color: #fff;
  font-size: 7vw;
  font-weight: bold;
  text-align: left;
}
.select_head .select_mv {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  height: auto;
  margin: 0 auto;
  margin-top: -2vw;
  z-index: 1;
}
.select_head .select_mv img {
  width: 100%;
}
.select_head .select_content {
  position: relative;
  margin-top: -8vw;
  z-index: 10;
}
.select_head .select_content p {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 2vw;
  font-size: 4vw;
  background-color: #fff;
}

.requestlist_all .inner_requestlist_all {
  position: relative;
}
.requestlist_all .inner_requestlist_all p.notes {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 8vw;
  padding: 1vw;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  background-color: #0552e1;
  border-radius: 0;
}
.requestlist_all .inner_requestlist_all a.all_check_btn {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 90vw;
  margin: 0 auto;
  margin-bottom: 10vw;
  padding: 5vw 2vw;
  padding-left: 15vw;
  text-align: center;
  line-height: 150%;
  border-radius: 10px;
}
.requestlist_all .inner_requestlist_all a.all_check_btn::before {
  content: "→";
  position: absolute;
  top: 50%;
  left: 5vw;
  margin-top: -3vw;
  color: #fff;
  font-size: 6vw;
  font-weight: bold;
}
.requestlist_all .inner_requestlist_all a.all_check_btn.request_all {
  background-color: #f70d1a;
  box-shadow: 0 6px #8b0000;
}
.requestlist_all .inner_requestlist_all a.all_check_btn.request_all p.txt_count {
  color: #f70d1a;
}
.requestlist_all .inner_requestlist_all a.all_check_btn.request_chk {
  background-color: #ff4d11;
  box-shadow: 0 6px #AD5536;
}
.requestlist_all .inner_requestlist_all a.all_check_btn.request_chk p.txt_count {
  color: #ff4d11;
}
.requestlist_all .inner_requestlist_all a.all_check_btn p {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
  font-weight: bold;
}
.requestlist_all .inner_requestlist_all a.all_check_btn p.txt_count {
  margin-bottom: 2vw;
  font-size: 5vw;
  background-color: #fff;
  border-radius: 5px;
}
.requestlist_all .inner_requestlist_all a.all_check_btn p.txt_count span.hit_count {
  margin: 0 10px;
}
.requestlist_all .inner_requestlist_all a.all_check_btn p.txt_request {
  color: #fff;
  font-size: 6vw;
}
.requestlist_all.request_first.disable {
  display: none;
}
.requestlist_all.request_final {
  display: block;
  box-sizing: border-box;
  position: relative;
  margin-top: -1px;
  padding: 0;
  padding-bottom: 1vw;
  background-color: #8dcefe;
}
.requestlist_all.request_final.disable a.all_check_btn {
  pointer-events: none;
  background-color: #999;
  box-shadow: 0 6px #707070;
}
.requestlist_all.request_final.disable a.all_check_btn p.txt_count {
  color: #707070;
}
.requestlist_all.request_chked {
  display: block;
  box-sizing: border-box;
  position: relative;
  margin-top: -1px;
  padding: 0;
  padding-bottom: 1vw;
  background-color: #8dcefe;
}

.select_school_lst {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 6vw;
  padding-top: 16vw;
  background-color: #8dcefe;
}
.select_school_lst::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -10vw;
  width: 20vw;
  height: 8vw;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.select_school_lst ul li.select_school_box {
  margin-bottom: 10vw;
  padding: 3vw;
  background-color: #fff;
  border-radius: 10px;
}
.select_school_lst ul li.select_school_box .school_nm h2 {
  box-sizing: border-box;
  padding: 2vw;
  font-weight: bold;
}
.select_school_lst ul li.select_school_box .school_data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  border-bottom: none;
}
.select_school_lst ul li.select_school_box .school_data .box_catchcopy {
  box-sizing: border-box;
  width: 100%;
  padding: 2vw;
  margin-bottom: 2vw;
  background-color: #ebff02;
}
.select_school_lst ul li.select_school_box .school_data .box_catchcopy h3 {
  font-weight: bold;
}
.select_school_lst ul li.select_school_box .school_data .box_img {
  box-sizing: border-box;
}
.select_school_lst ul li.select_school_box .school_data .box_strength {
  box-sizing: border-box;
}
.select_school_lst ul li.select_school_box .school_data .box_strength p {
  margin-bottom: 3vw;
}
.select_school_lst ul li.select_school_box .school_request {
  width: 80%;
  margin: 2vw auto;
}
.select_school_lst ul li.select_school_box .school_request .post-request-list-btn {
  height: 40px;
}
.select_school_lst ul li.select_school_box .school_request .post-request-list-btn::before {
  font-size: 16px;
  line-height: 40px;
  background-size: 16px 16px;
  background-position-x: 25px;
  background-position-y: 12px;
}

.select_school_box.hide {
  display: none;
}
.select_school_box .search_school_area {
  display: none;
}/*# sourceMappingURL=select.css.map */