@charset "shift-jis";
/* --------------------------------------------------------------------
Style Info: /includes/select_theme.inc css
-------------------------------------------------------------------- */
.select_theme {
  position: relative;
  padding: 6px 0;
  background: #fffbf2;
}
.select_theme::before,
.select_theme::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #44a1c5 0%, #44a1c5 15%, #5e76a7 15%, #5e76a7 29%, #7e678d 29%, #7e678d 43%, #c36380 43%, #c36380 57%, #e16f4e 57%, #e16f4e 71%, #d7ba41 71%, #d7ba41 85%, #8a9f55 85%, #8a9f55 100%);
  content: '';
}
.select_theme::before {
  top: 0;
}
.select_theme::after {
  bottom: 0;
}
.select_theme .select_theme_inner {
  padding: 60px 4%;
}
@media screen and (max-width: 599px) {
  .select_theme .select_theme_inner {
    padding: 35px 4%;
  }
}

/* ------------------------------
heading
------------------------------ */
.select_theme .select_theme_heading {
  margin-bottom: 3.5em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  letter-spacing: normal;
}
.select_theme .select_theme_heading::after {
  content: none;
}
.select_theme .select_theme_heading span {
  display: inline-block;
  position: relative;
  padding: 0 1em 0.5em;
  border-bottom: 2px solid #1c2569;
}
.select_theme .select_theme_heading span::before {
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 4px;
  background: #fffbf2;
  content: '';
}
.select_theme .select_theme_heading span::after {
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 22px;
  height: 22px;
  border-right: 2px solid #1c2569;
  border-bottom: 2px solid #1c2569;
  box-sizing: initial;
  content: '';
}
@media screen and (max-width: 599px) {
  .select_theme .select_theme_heading {
    margin-bottom: 3em;
    font-size: 16px;
  }
  .select_theme .select_theme_heading span {
    padding: 0 0.5em 0.5em;
  }
  .select_theme .select_theme_heading span::before {
    width: 22px;
  }
  .select_theme .select_theme_heading span::after {
    bottom: -10px;
    width: 15px;
    height: 15px;
  }
}

/* ------------------------------
select_box
------------------------------ */
.select_theme .select_box {
  text-align: center;
}
.select_theme .select_box p {
  display: inline-block;
  margin-right: 25px;
  font-size: 30px;
  font-weight: bold;
}
.select_theme .select_box .select_wrap {
  display: inline-block;
  margin-bottom: 15px;
}
.select_theme .select_box .when {
  margin-right: 30px;
}
.select_theme .select_box .wish label {
  display: none;
}
.select_theme .select_box .wish label.show {
  display: inline-flex;
}
.select_theme .select_box .is_disabled {
  pointer-events: none;
  opacity: 0.7;
}
@media screen and (max-width: 599px) {
  .select_theme .select_box p {
    margin-right: 8px;
    font-size: 20px;
  }
  .select_theme .select_box .when {
    margin-right: 10px;
  }
  .select_theme .select_box .wish label {
    width: 100%;
  } 
}

/* ------------------------------
form
------------------------------ */
.select_theme .select_01 {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.select_theme .select_01::after {
  position: absolute;
  right: 10px;
  width: 18px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cg%20transform%3D%22translate(-941.115%20-3525.219)%22%3E%3Cpath%20d%3D%22M9.021%2C1.245a1.037%2C1.037%2C0%2C0%2C1%2C1.729%2C0L18.7%2C13.127a1.06%2C1.06%2C0%2C0%2C1-.864%2C1.654H1.932a1.06%2C1.06%2C0%2C0%2C1-.864-1.654Z%22%20transform%3D%22translate(960%203540)%20rotate(180)%22%20fill%3D%22%231c2569%22%2F%3E%3Cpath%20d%3D%22M9.885%2C1.781a.036.036%2C0%2C0%2C0-.033.021L1.9%2C13.683a.061.061%2C0%2C0%2C0%2C0%2C.072c.014.026.024.026.037.026H17.839c.013%2C0%2C.023%2C0%2C.037-.026a.061.061%2C0%2C0%2C0%2C0-.072L9.919%2C1.8a.036.036%2C0%2C0%2C0-.033-.021m0-1a1.033%2C1.033%2C0%2C0%2C1%2C.864.464L18.7%2C13.127a1.06%2C1.06%2C0%2C0%2C1-.864%2C1.654H1.932a1.06%2C1.06%2C0%2C0%2C1-.864-1.654L9.021%2C1.245A1.033%2C1.033%2C0%2C0%2C1%2C9.885.781Z%22%20transform%3D%22translate(960%203540)%20rotate(180)%22%20fill%3D%22%231c2569%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  pointer-events: none;
}
.select_theme select {
  appearance: none;
  padding: 0.5em 1.5em 0.5em 0.8em;
  border: 1px solid #707070;
  border-radius: 10px;
  color: #1c2569;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.select_theme select:focus{
  outline: none;
  border: 2px solid #ea5520;
}
@media screen and (max-width: 599px) {
  .select_theme .select_01::after {
    width: 13px;
    height: 11px;
  }
  .select_theme select {
    font-size: 20px;
  }
}

/* ------------------------------
theme_seminar_box
------------------------------ */
.select_theme .theme_seminar_box {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .select_theme .default_txt {
    margin-top: 15px;
  }
}

/* ------------------------------
default_txt
------------------------------ */
.select_theme .default_txt {
  display: none;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2.2em 1em;
  background: #fff;
  border: 1px dashed #1c2569;
  border-radius: 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 600px) {
  .select_theme .default_txt .br_sp {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .select_theme .default_txt {
    padding: 3.8em 1em;
    font-size: 14px;
  }
}

/* ------------------------------
theme_seminar_list
------------------------------ */
.select_theme .theme_seminar_list {
  margin: 0 auto;
}
.select_theme .theme_seminar_list > li {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  cursor: pointer;
}
.select_theme .theme_seminar_list > li:hover {
  opacity: 0.8;
}
.select_theme .theme_seminar_list > li img {
  width: 100%;
}
.select_theme .theme_seminar_list > li .txt_area {
  padding: 15px 15px 20px;
  text-align: left;
}
.select_theme .theme_seminar_list .seminar_ttl {
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
.select_theme .theme_seminar_list .type_list {
  display: inline-flex;
  margin-bottom: 14px;
}
.select_theme .theme_seminar_list .type_list > li {
  padding: 0.4em 0.8em;
  background: #e16f4e;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.select_theme .theme_seminar_list .type_list > li + li {
  margin-left: 4px;
}
.select_theme .theme_seminar_list p {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (min-width: 600px) {
  .select_theme .theme_seminar_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
    width: 100%;
  }
  .select_theme .theme_seminar_list > li {
    width: 48%;
  }
}
@media screen and (min-width: 660px) {
  .select_theme .theme_seminar_list {
    max-width: 600px;
  }
}
@media screen and (min-width: 1000px) {
  .select_theme .theme_seminar_list {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    column-gap: 30px;
    max-width: 1186px;
  }
  .select_theme .theme_seminar_list > li {
    max-width: 280px;
  }
}
@media screen and (max-width: 599px) {
  .select_theme .theme_seminar_list {
    max-width: 400px;
  }
  .select_theme .theme_seminar_list > li {
    width: 100%;
  }
  .select_theme .theme_seminar_list > li + li {
    margin-top: 30px;
  }
}

/* ------------------------------
display
------------------------------ */
.select_theme .st_hide {
  display: none;
}