@charset "UTF-8";
.wrap_benefits {
  position: relative;
  background: url(/webseminar/img/benefits/bg_pc.png) no-repeat center / cover;
}
.benefits h2 {
  font-size: 44px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
}
.benefits h2 .txt_l {
  font-size: 64px;
}
.benefits .sub_ttl {
  margin-top: 0.5em;
  font-size: 16px;
  letter-spacing: normal;
}
.benefits .sub_ttl .strong {
  color: #ea5520;
  font-weight: bold;
}
.benefits .ico_benefit_limited {
  position: absolute;
  top: 77px;
  left: calc(50% + 218px);
  width: 121px;
  height: 121px;
  padding-top: 25px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120.996%22%20height%3D%22120.997%22%20viewBox%3D%220%200%20120.996%20120.997%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ea5520%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M121%2C60.5c0%2C3.911-4.221%2C7.356-4.952%2C11.052-.753%2C3.809%2C1.814%2C8.6.361%2C12.106-1.478%2C3.565-6.7%2C5.132-8.82%2C8.3-2.137%2C3.194-1.6%2C8.612-4.308%2C11.32s-8.126%2C2.171-11.32%2C4.308c-3.168%2C2.121-4.736%2C7.341-8.3%2C8.82-3.5%2C1.453-8.3-1.115-12.106-.362-3.7.731-7.141%2C4.952-11.052%2C4.952s-7.356-4.221-11.052-4.952c-3.809-.753-8.6%2C1.814-12.106.361-3.565-1.478-5.133-6.7-8.3-8.82-3.194-2.137-8.612-1.6-11.32-4.308s-2.171-8.126-4.308-11.32c-2.121-3.168-7.341-4.736-8.82-8.3-1.453-3.5%2C1.115-8.3.361-12.106C4.221%2C67.854%2C0%2C64.409%2C0%2C60.5s4.221-7.356%2C4.952-11.052c.754-3.809-1.814-8.6-.361-12.106%2C1.478-3.565%2C6.7-5.133%2C8.82-8.3%2C2.138-3.194%2C1.6-8.612%2C4.309-11.32s8.126-2.171%2C11.32-4.308c3.168-2.121%2C4.736-7.341%2C8.3-8.82%2C3.5-1.453%2C8.3%2C1.115%2C12.106.362C53.143%2C4.221%2C56.588%2C0%2C60.5%2C0S67.854%2C4.221%2C71.55%2C4.952c3.809.753%2C8.6-1.814%2C12.106-.361%2C3.565%2C1.478%2C5.132%2C6.7%2C8.3%2C8.82%2C3.193%2C2.137%2C8.612%2C1.6%2C11.32%2C4.308s2.17%2C8.126%2C4.308%2C11.32c2.121%2C3.168%2C7.341%2C4.736%2C8.82%2C8.3%2C1.453%2C3.5-1.115%2C8.3-.362%2C12.106.731%2C3.7%2C4.952%2C7.141%2C4.952%2C11.052%22%20fill%3D%22url(%23a)%22%2F%3E%3C%2Fsvg%3E');
  background-size: cover;
  font-family: fot-tsukuardgothic-std, sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.benefits .ico_benefit_limited .txt_l {
  font-size: 45px;
  line-height: 1;
}
.none_ico_limited .ico_benefit_limited {
  display: none;
}
.benefits .benefits_list {
  max-width: 970px;
  margin: 50px auto 0;
}
.benefits .benefits_list li {
  display: grid;
  position: relative;
  padding: 31px 13px 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
}
.benefits .benefits_list li .bg_ribbon {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
.benefits .benefits_list li h3 {
  display: flex;
  align-items: center;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
}
.benefits .benefits_list li h3::before,
.benefits .benefits_list li h3::after {
  position: absolute;
  top: 50%;
  width: 15px;
  border-top: 2px dotted #fff;
  content: '';
}
.benefits .benefits_list li h3::before {
  left: -25px;
}
.benefits .benefits_list li h3::after {
  right: -15px;
}
.benefits .benefits_list li h3 .txt_l {
  font-size: 35px;
  font-weight: bold;
}
.benefits .ico_benefits {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 80px;
  padding: 9px 5px 5px;
  border-radius: 5px;
  text-align: center;
}
.benefits .ico_benefits svg {
  flex-grow: 2;
}
.benefits .ico_benefits span {
  display: inline-block;
  flex-grow: 1;
  margin-top: 0.3em;
  font-family: initial;
  font-size: 16px;
}
.benefits .ico_benefits + .ico_benefits {
  margin-left: 5px;
}
.benefits .ico_benefits.ico_entrancefee {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.benefits .ico_benefits.ico_movie {
  background: rgba(136, 49, 141, 0.1);
}
.benefits .ico_benefits.ico_classroom {
  background: rgba(0, 145, 215, 0.1);
}
.benefits .ico_benefits.ico_zoom {
  background: rgba(215, 6, 59, 0.1);
}
.benefits .benefits_list .item_name {
  margin: 0.2em 0;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: normal;
}
.benefits .benefits_list .item_price {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  font-family: initial;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
}
.benefits .benefits_list .item_price::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(50%) rotate(-8deg);
  width: 100%;
  height: 2px;
  background-color: #ea5520;
  content: '';
}
.benefits .benefits_list .benefit_arrow {
  margin-top: 5px;
}
.benefits .benefits_list .txt_free {
  margin-bottom: 0;
  color: #ea5520;
  font-size: 68px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 820px) {
  .benefits .benefits_list {
    display: flex;
    justify-content: space-between;
  }
  .benefits .benefits_list li {
    width: 31%;
  }
}
@media screen and (max-width: 819px) {
  .benefits .benefits_list {
    max-width: 340px;
  }
  .benefits .ico_benefit_limited {
    top: 45px;
    left: auto;
    right: 15px;
  }
  .benefits .benefits_list li + li {
    margin-top: 55px;
  }
}
@media screen and (max-width: 599px) {
  .wrap_benefits_two {
    background: url(/webseminar/img/benefits/bg_sp.png) no-repeat bottom center / cover;
  }
  .benefits h2 {
    font-size: 40px;
  }
  .benefits h2 svg {
    width: 170px;
    height: auto;
  }
  .benefits h2 .txt_l {
    font-size: 60px;
  }
  .benefits h2 .ico_sub {
    display: inline-block;
    margin-bottom: 15px;
  }
  .benefits .ico_benefit_limited {
    width: 89px;
    height: 89px;
    padding-top: 19px;
    font-size: 16px;
  }
  .benefits .ico_benefit_limited .txt_l {
    font-size: 33px;
  }
  .benefits .benefits_list li {
    grid-template-columns: 1fr 40px 1fr;
    align-items: center;
    padding: 32px 13px 15px;
  }
  .none_ico_limited .benefits .benefits_list li {
    grid-template-columns: 1fr 30px 1fr;
  }
  .benefits .benefits_list li .bg_ribbon {
    top: -31px;
    width: auto;
    height: 65px;
  }
  .benefits .benefits_list li h3 {
    top: -16px;
    font-size: 17px;
  }
  .benefits .benefits_list li h3 .txt_l {
    font-size: 29px;
  }
  .benefits .ico_benefits {
    width: 59px;
    height: 56px;
    padding: 5px 1px;
    vertical-align: top;
  }
  .benefits .ico_benefits span {
    font-size: 11px;
  }
  .benefits .ico_benefits.ico_entrancefee svg {
    width: 39.45px;
    height: auto;
  }
  .benefits .ico_benefits.ico_movie svg {
    width: 29.44px;
    height: auto;
  }
  .benefits .ico_benefits.ico_classroom svg {
    width: 30.98px;
    height: auto;
  }
  .benefits .ico_benefits.ico_zoom svg {
    width: 36.32px;
    height: auto;
  }
  .benefits .benefits_list .item_name {
    font-size: 26px;
  }
  .benefits .benefits_list .item_price {
    font-size: 16px;
  }
  .benefits .benefits_list .benefit_arrow {
    transform: rotate(-90deg);
  }
  .benefits .benefits_list .benefit_arrow svg {
    width: 17px;
    height: auto;
  }
  .benefits .benefits_list .txt_free {
    font-size: 54px;
  }
}
@media screen and (min-width: 600px) {
  .wrap_benefits .btn-to-apply {
    margin-top: 60px !important;
  }
}

/* three_presents */
.benefits .three_presents {
  margin-top: 40px;
}
.benefits .three_presents h2 {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
}
.benefits .three_presents h2::before,
.benefits .three_presents h2::after {
  position: absolute;
  top: 0;
  width: calc(50% - 7em);
  height: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%223%22%20viewBox%3D%220%200%2010%203%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2210%22%20height%3D%223%22%20transform%3D%22translate(237%20623)%22%20fill%3D%22%23ccc%22%20opacity%3D%220.64%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-237%20-623)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M.005%2C1.5H0A1.5%2C1.5%2C0%2C0%2C1-1.5%2C0%2C1.5%2C1.5%2C0%2C0%2C1%2C0-1.5H.005A1.5%2C1.5%2C0%2C0%2C1%2C1.505%2C0%2C1.5%2C1.5%2C0%2C0%2C1%2C.005%2C1.5Z%22%20transform%3D%22translate(238.5%20624.5)%22%20fill%3D%22%23af8535%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: repeat-x;
  background-position: 0 60%;
  content: '';
}
.benefits .three_presents h2::before {
  left: 0;
}
.benefits .three_presents h2::after {
  right: 0;
}
.benefits .three_presents h2 .txt_l {
  font-size: 48px;
}
.benefits .three_presents li {
  row-gap: 5px;
  padding-top: 26px;
  padding-bottom: 10px;
}
.benefits .three_presents li .bg_ribbon {
  top: -22PX;
  width: 86.22px;
  height: auto;
}
.benefits .three_presents li h3 {
  top: -13px;
  font-size: 12PX;
}
.benefits .three_presents li h3 .txt_l {
  font-size: 20PX;
}
.benefits .three_presents li h3::before,
.benefits .three_presents li h3::after {
  content: none;
}
.benefits .three_presents li > p {
  margin-bottom: 0;
  letter-spacing: normal;
}
.benefits .three_presents .pre_lead span {
  display: inline-block;
  margin-bottom: 0.2em;
  padding: 0.3em 0.8em;
  background: #fff8e6;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: normal;
}
.benefits .three_presents .pre_ttl {
  align-self: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
.benefits .three_presents .pre_ttl.low {
  line-height: 1;
}
.benefits .three_presents .pre_ttl .txt_s {
  font-size: 14px;
  line-height: 1;
}
.benefits .three_presents .pre_ttl svg {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.benefits .three_presents .pre_note {
  align-self: flex-end;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}
.benefits .three_presents .pre_note .txt_l {
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  .benefits .three_presents h2 {
    font-size: 24px;
  }
  .benefits .three_presents h2::before,
  .benefits .three_presents h2::after {
    width: calc(50% - 5.8em);
  }
  .benefits .three_presents h2 .txt_l {
    font-size: 44px;
  }
  .benefits .three_presents li {
    display: block;
  }
  .benefits .three_presents li > p + p {
    margin-top: 8px;
  }
  .benefits .three_presents .pre_lead span {
    font-size: 14px;
  }
}


/* ------------------------------
benefits_two
------------------------------ */
.wrap_benefits_two{
  background: rgb(231,246,251);
  background: linear-gradient(135deg, rgba(231,246,251,1) 0%, rgba(238,238,251,1) 100%);
}
.wrap_benefits_two .inner{
  width: 84%;
}
.wrap_benefits_two article{
  padding-top: 50px;
}
.wrap_benefits_two:first-child .inner,
.wrap_benefits_two:first-child article{ padding-top: 32px;}
.wrap_benefits_two .ttl{
  color: #1c2569;
  font-size: 25px;
  font-weight: bold;
  width: fit-content;
  margin: 0 auto 46px;
}
.wrap_benefits_two .ttl .txt_l{
  font-size: 30px;
}
.wrap_benefits_two .ttl > span{
  line-height: 1;
  padding: 0 2.8em 10px;
}
.wrap_benefits_two .ttl::before,
.wrap_benefits_two .ttl::after{
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.wrap_benefits_two .ttl::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22413.383%22%20height%3D%2215.293%22%20viewBox%3D%220%200%20413.383%2015.293%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_21%22%20data-name%3D%22%E7%B7%9A%2021%22%20x2%3D%22329.827%22%20transform%3D%22translate(40.59%201)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_24%22%20data-name%3D%22%E7%B7%9A%2024%22%20x2%3D%2241.09%22%20transform%3D%22translate(0%2014.293)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_24-2%22%20data-name%3D%22%E7%B7%9A%2024%22%20x1%3D%2241.09%22%20transform%3D%22translate(372.293%2014.293)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
  background-position: center top;
  padding-top: 4.15%;
}
.wrap_benefits_two .ttl::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22413.207%22%20height%3D%229.5%22%20viewBox%3D%220%200%20413.207%209.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20351%22%20transform%3D%22translate(-515.498%20-84.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_22%22%20data-name%3D%22%E7%B7%9A%2022%22%20x2%3D%22329.827%22%20transform%3D%22translate(556%2085.5)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_193%22%20data-name%3D%22%E3%83%91%E3%82%B9%20193%22%20d%3D%22M-3763.031%2C4364.5v7.793l-52.12-7.793Z%22%20transform%3D%22translate(4371%20-4279.5)%22%20fill%3D%22%231c2569%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_194%22%20data-name%3D%22%E3%83%91%E3%82%B9%20194%22%20d%3D%22M-3815.15%2C4364.5v7.793l52.12-7.793Z%22%20transform%3D%22translate(4651.853%20-4279.5)%22%20fill%3D%22%231c2569%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_22-2%22%20data-name%3D%22%E7%B7%9A%2022%22%20y1%3D%220.207%22%20x2%3D%2292%22%20transform%3D%22translate(515.5%2092.793)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_22-3%22%20data-name%3D%22%E7%B7%9A%2022%22%20x1%3D%2292%22%20y1%3D%220.207%22%20transform%3D%22translate(836.703%2092.793)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: center bottom;
  padding-top: 3.93%;
}
.wrap_benefits_two .mainsc{
  display: block;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 3em;
}
@media screen and (max-width: 599px) {
  .wrap_benefits_two article{
    padding-top: 40px;
  }
  .wrap_benefits_two .ttl{
    font-size: 18px;
  }
  .wrap_benefits_two .ttl .txt_l{
    font-size: 22px;
    margin-bottom: 40px;
  }
  .wrap_benefits_two .mainsc{
    text-align: left;
  }
}

.benefits_two{
  background-color: #ECECF0;
  border: 2px solid #1c2569;
  color: #1c2569;
  outline: 15px solid #fff;
  outline-offset: -17px;
  padding: 45px 50px 32px;
  max-width: 600px;
  margin: 0 auto 15px;
  overflow: hidden;
  position: relative;
}
.benefits_two .limit_line{
  background-color: #BF1B21;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  padding: 15px 60px;
  position: absolute;
  left: 0px;
  top: 0;
  transform: rotate(-45deg) translate(-50px, -30px);
}
.benefits_two .main{
  font-size: 30px;
  letter-spacing: .3em;
  line-height: 2;
  margin-bottom: 10px;
}
.benefits_two .main img{
  width: calc(100% - 3em);
  padding: 0 .5em;
  vertical-align: top;
}
.benefits_two.adv .main img{
  width: calc(100% - 5em);
}
.benefits_two .main .txt_l{
  letter-spacing: .07em;
}
.benefits_two .box{
  background-color: #fff;
  padding: 12px;
}
.benefits_two .box p{
  width: fit-content;
  text-align: left;
  margin: auto;
}
.benefits_two .box p sup{
  font-size: .75em;
  vertical-align: baseline;
}
.benefits_two .ff_jo {
  font-family: 'Josefin Slab', serif;
  letter-spacing: .1em;
  font-size: 1.15em;
}
@media screen and (max-width: 599px) {
  .benefits_two{
    outline-width: 8px;
    outline-offset: -10px;
    padding: 25px 22px 18px;
  }
  .benefits_two .limit_line{
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .benefits_two .main{
    font-size: 18px;
    letter-spacing: .08em;
    margin-bottom: 3px;
  }
  .benefits_two .box p{
    font-size: 12px;
  }
  .benefits_two .ff_jo {
    font-size: inherit;
  }
}