@charset "UTF-8";
/*日本語*/
/*--------------------------------------------------------------------------------------
2024.2
VCAでABテストの新デザイン採用につき、
新デザインで既存デザインを上書きする部分

学校単位で資料請求ジャンルフォームを全部
新デザインにするときに、このスタイルを読み込む。
それまでは使用しない。

-----------------------------------------------------------------------------------------*/
.fgenre_2 .group-headline-text:after {
  display: none;
}
.fgenre_2 [class^=g1_fn] .group-headline-text:after {
  display: none !important;
}
.fgenre_2 .hasMultiTbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fgenre_2 .hasMultiTbox .flex-col2-inner + .flex-col2-inner {
  padding-left: 15px;
}
.fgenre_2 .group-label {
  display: inline-block;
  margin-left: 0.7em;
  padding: 4px 0.55em;
  border-radius: 11px/50%;
  font-size: 12px;
  color: #fff;
}
.fgenre_2 .group-label.nece {
  background: #d60000;
}
.fgenre_2 .group-label.option {
  background: #666;
}

.jExample-bottom {
  margin-bottom: 20px;
}

#container.input .input-label {
  display: none;
}
#container .designGroupTitle th {
  padding: 0 0 20px;
  padding-bottom: 20px !important;
}
#container .input-table > tbody > tr > th {
  padding-top: 0;
  padding-bottom: 45px;
  min-height: 65px;
}
#container .input-table > tbody > tr > .form-td {
  padding-top: 0;
}
#container .input-table > tbody > tr > .form-td .jcyu_select {
  margin-bottom: 25px;
}
#container .group-headline-text {
  text-align: left;
}
#container .group-headline-text:after {
  display: none !important;
}
#container .emailFullArea br {
  display: none;
}
#container .isParent .form-td label + br {
  display: none;
}
#container .cal-tbl th,
#container .dammy-tbl th {
  padding-top: 10px !important;
}

#container.thanks .add-event-info {
  padding: 48px 0 40px;
  width: 100%;
}
#container.thanks .add-event-info .add-line-wrap {
  padding: 40px 0 0;
  margin-top: 40px;
  border-top: 1px solid #dedede;
}
#container.thanks .add-event-headline {
  font-size: 24px;
  text-align: center;
}
#container.thanks .add-event-lead {
  padding: 20px 0 0;
}
#container.thanks .add-event-lead .is-text {
  font-size: 16px;
  line-height: 1.8;
}
#container.thanks .add-event-subhead {
  padding: 28px 0 0;
  font-size: 20px;
  text-align: center;
  color: #c00;
  font-weight: 400;
}
#container.thanks .add-event-subhead span {
  border-bottom: 2px solid #c00;
}
#container.thanks .l-add-event-wrap {
  width: 100%;
  padding-top: 1em;
}
#container.thanks .l-add-event-wrap + .l-add-event-wrap {
  padding-top: 3em;
}
#container.thanks .add-event-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 28px;
}
#container.thanks .add-event-item + .add-event-item {
  margin-top: 36px;
}
#container.thanks .add-event-image {
  width: 35%;
}
#container.thanks .add-event-image img {
  max-width: 100%;
}
#container.thanks .add-event-content {
  width: 65%;
  padding: 0 0 1em 28px;
}
#container.thanks .add-event-content .is-name {
  font-size: 18px;
  font-weight: 700;
}
#container.thanks .add-event-content .is-label {
  padding: 12px 0 0;
  font-size: 12px;
}
#container.thanks .add-event-content .is-label span {
  display: inline-block;
  margin: 0 0.5em 4px 0;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 0.2em 0.8em;
}
#container.thanks .add-event-content .is-date {
  padding: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container.thanks .add-event-content .is-date dt {
  width: 6em;
  font-size: 14px;
  font-weight: 700;
}
#container.thanks .add-event-content .is-date dd {
  font-size: 14px;
  font-weight: 700;
}
#container.thanks .add-event-content .is-time {
  padding: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container.thanks .add-event-content .is-time dt {
  width: 6em;
  font-size: 14px;
  font-weight: 400;
}
#container.thanks .add-event-content .is-time dd {
  font-size: 14px;
  font-weight: 400;
}
#container.thanks .add-event-content .is-kosya {
  padding: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container.thanks .add-event-content .is-kosya dt {
  width: 6em;
  font-size: 14px;
  font-weight: 400;
}
#container.thanks .add-event-content .is-kosya dd {
  font-size: 14px;
  font-weight: 400;
}
#container.thanks .add-event-content .is-catch {
  border-top: 1px solid #ccc;
  margin-top: 12px;
  padding: 4px 0 0;
  font-size: 14px;
  line-height: 1.7;
}
#container.thanks .add-event-content .is-lead {
  padding: 0 0 0;
  font-size: 14px;
  line-height: 1.7;
}
#container.thanks .add-event-content .is-btn {
  font-size: 12px;
  padding: 12px 0 0;
}
#container.thanks .add-event-content .is-btn a {
  color: #fff;
  -webkit-transition: color ease-out 0.3s;
  transition: color ease-out 0.3s;
}
#container.thanks .add-event-content .is-btn a:hover {
  color: #f10000;
}
#container.thanks .add-event-content .is-btn a:hover span {
  background: #fff;
}
#container.thanks .add-event-content .is-btn a:hover .a-icon {
  fill: #f10000;
}
#container.thanks .add-event-content .is-btn span {
  display: inline-block;
  padding: 8px 2em;
  background: #f10000;
  border: 1px solid #f10000;
  position: relative;
  border-radius: 4px;
  -webkit-transition: background ease-out 0.3s;
  transition: background ease-out 0.3s;
}
#container.thanks .add-event-content .is-btn .a-icon {
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #fff;
}
#container.thanks .add-line-wrap {
  padding: 20px 0 0;
}