@charset "utf-8";

*,
*::before,
*::after {
	box-sizing: border-box;
}

:root {
  --text-color: #212121;
  --primary-color: #0057B8;
  --secondary-color: #FF7300;
  --background-color: #E1F5FF;
  --easing: cubic-bezier(0.33, 1, 0.68, 1);
}

html {
  font-size: 0.0694444444444444vw;
}
@media (width < 1180px) {
  html {
    font-size: 0.2666666666666667vw;
  }
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: var(--text-color);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 16rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 100%;
  font-weight: 500;
	line-height: 1.5;
}
p {
	margin: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0 0 0 28px;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}
figure {
	margin: 0;
	padding: 0;
}
a,
.a {
	color: var(--primary-color);
  text-decoration: underline;
	cursor: pointer;
  transition: .2s var(--easing);
}
a:hover,
.a:hover {
  color: #0077FC;
}
a img {
	border: none;
}
img {
  width: 100%;
  height: auto;
	border: 0;
	vertical-align: middle;
}
sup {
  display: inline-block;
	font-size: 0.8em;
}
em {
  font-style: normal;
}
table {
	border-collapse: collapse;
}
main {
	display: block;
}
@media (width < 1180px) {
  body {
    font-size: 15rem;
  }
}



/* ---------------- fix */
html {
  overflow-y: scroll;
}
body.-fix {
  position: fixed;
  width: 100%;
}



/* ---------------- layout */
#wrap {
  overflow: hidden;
  border: 20rem solid var(--primary-color);
}
main section {
  position: relative;
  padding: 100rem 0 120rem;
}
main section > .l-container {
  position: relative;
  z-index: 1;
}
.l-container {
  max-width: 1064rem;
  margin: 0 auto;
  padding: 0 32rem;
}
.l-container.-right {
  max-width: 1272rem;
  padding: 0 32rem 0 136rem;
}
.l-container.-large {
  max-width: 1272rem;
}
@media (width < 1180px) {
  #wrap {
    border-width: 8rem;
  }
  main section {
    padding: 64rem 0 72rem;
  }
  .l-container {
    padding: 0 16rem !important;
  }
}



/* ---------------- general */
.-mobile {
  display: none;
}
@media (width < 1180px) {
  .-pc {
    display: none;
  }
  .-mobile {
    display: block;
  }
}

/* color */
.-blue {
  color: var(--primary-color);
}
.-orange {
  color: var(--secondary-color);
}

/* bg */
.-bg {
  background-color: hsla(178,62%,70%,1);
  background-image: radial-gradient(at 29% 39%, hsla(106,0%,100%,1) 0px, transparent 50%), radial-gradient(at 6% 54%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 14% 7%, hsla(0,0%,100%,1) 0px, transparent 50%), radial-gradient(at 87% 46%, hsla(178,62%,70%,1) 0px, transparent 50%), radial-gradient(at 79% 15%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 87% 87%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 17% 97%, hsla(178,62%,70%,1) 0px, transparent 50%);
}

/* blank */
a[target=_blank]::after {
  content: '';
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 11rem;
  margin: 0 8rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_blank.svg") no-repeat center center / contain;
}

/* note */
ul.note li + li {
  margin-top: 8rem;
}
ul.note li {
  position: relative;
  padding-left: 14rem;
  font-size: 13rem;
  letter-spacing: 0;
}
ul.note li::before {
  content: '※';
  position: absolute;
  top: calc((1em * 1.75) / 2);
  left: 0;
  translate: 0 -50%;
}
p.note {
  position: relative;
  padding-left: 14rem;
  font-size: 13rem;
  letter-spacing: 0;
}
p.note::before {
  content: '※';
  position: absolute;
  top: calc((1em * 1.75) / 2);
  left: 0;
  translate: 0 -50%;
}


/* ---------------- action */
.js-action.-fade {
  opacity: 0;
  translate: 0 40rem;
  transition: .4s var(--easing);
}
.js-action.-fade.-action {
  opacity: 1;
  translate: 0 0;
}



/* ---------------- head */

/* p-head */
.p-head {
  margin-bottom: 40rem;
}
.p-head h2 {
  font-size: 40rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.p-head .lead {
  margin-top: 24rem;
  font-size: 18rem;
  letter-spacing: 0.025em;
}
@media (width < 1180px) {
  .p-head h2 {
    font-size: 20rem;
  }
  .p-head .lead {
    font-size: 16rem;
    letter-spacing: 0.025em;
  }
}



/* ---------------- apply */

/* p-apply */
.p-apply .btn {
  position: relative;
  max-width: 456rem;
  margin: 0 auto;
}
.p-apply .btn::before {
  content: '';
  position: absolute;
  top: -28rem;
  left: -28rem;
  aspect-ratio: 1 / 1;
  width: 45rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/obj_apply.svg") no-repeat center center / contain;
}
.p-apply .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16rem;
  width: 100%;
  height: 80rem;
  background: #FF7300;
  border-radius: 40rem;
  color: #fff;
  font-size: 24rem;
  font-weight: 700;
  text-decoration: none;
}
.p-apply .btn a:hover {
  background: #FF4D00;
}
.p-apply .btn a::after {
  content: '';
  display: block;
  aspect-ratio: 43 / 13;
  width: 43rem;
  margin-left: 0;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/arw_btn.svg") no-repeat center center / contain;
}
@media (width < 1180px) {
  .p-apply .btn {
    max-width: 263rem;
  }
  .p-apply .btn::before {
    top: -12rem;
    left: -12rem;
    width: 23rem;
    background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/obj_apply_mobile.svg");
  }
  .p-apply .btn a {
    gap: 8rem;
    width: 100%;
    height: 60rem;
    font-size: 18rem;
  }
  .p-apply .btn a::after {
    aspect-ratio: 26 / 10;
    width: 26rem;
    background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/arw_btn_mobile.svg");
  }
}

/* p-close */
.p-close .wrap {
  position: relative;
  max-width: 664rem;
  margin: 0 auto;
  padding: 32px 40px;
  background: #fff;
  border: 2rem solid var(--primary-color);
  border-radius: 24rem;
  font-size: 24rem;
  font-weight: 700;
  text-align: center;
}
.p-close .wrap::before {
  content: '';
  position: absolute;
  top: -36rem;
  left: -36rem;
  aspect-ratio: 1 / 1;
  width: 40rem;
  background: url(/wp-content/themes/biztel/assets/img/college/usermeeting/01/obj_lead.svg) no-repeat center center / contain;
}
@media (width < 1180px) {
  .p-close .wrap {
    max-width: 269rem;
    padding: 24rem 16rem;
    font-size: 16rem;
  }
  .p-close .wrap::before {
    top: -14rem;
    left: -14rem;
    width: 20rem;
  }
}



/* ---------------- footer */
footer {
  position: relative;
  padding: 40rem 0 48rem;
  background: linear-gradient(-30deg, #39C6FF, #FFFFFF 80%);
}
footer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/bg_noise.png");
  mix-blend-mode: screen;
}
footer .l-container {
  position: relative;
  z-index: 1;
}
footer .group + .group {
  margin-top: 40rem;
}
footer .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .group.-end {
  align-items: end;
}
footer .logo img {
  aspect-ratio: 170 / 23;
  width: 170rem;
}
footer .nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24rem;
}
footer .nav a {
  font-size: 13rem;
  font-weight: 700;
  text-decoration: none;
}
footer .nav a:not(:hover) {
  color: var(--text-color);
}
footer .nav a::after {
  display: none;
}
footer .nav img {
  width: 26rem;
}
footer .number {
  font-size: 13rem;
}
footer .copyright {
  font-size: 13rem;
}
@media (width < 1180px) {
  footer .group:not(.-end) {
    flex-direction: column-reverse;
  }
  footer .group.-end {
    display: block;
  }
  footer .nav {
    margin-bottom: 32rem;
  }
  footer .nav ul {
    gap: 8rem 16rem;
    justify-content: center;
  }
  footer .number {
    text-align: center;
  }
  footer .copyright {
    text-align: center;
  }
}



/* ---------------- hero */
section.hero {
  padding: 0;
}

/* p-hero */
.p-hero {
  overflow: hidden;
  position: relative;
}
.p-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/bg_noise.png");
  mix-blend-mode: screen;
}
.p-hero h1 {
  position: relative;
  z-index: 1;
}
.p-hero .title {
  position: absolute;
  z-index: 2;
  top: 44rem;
  left: 80rem;
  aspect-ratio: 382 / 181;
  width: 382rem;
}
.p-hero .badge {
  position: absolute;
  z-index: 2;
  top: 44rem;
  right: 80rem;
  aspect-ratio: 1 / 1;
  width: 220rem;
  color: #fff;
  font-size: 24rem;
  text-align: center;
  line-height: 1.3;
}
.p-hero .badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/hero_badge.svg") no-repeat center center / contain;
  animation: badge 32s linear infinite
}
.p-hero .badge img {
  position: relative;
  z-index: 1;
}
.p-hero .obj {
  opacity: 0;
  position: absolute;
  z-index: 2;
  translate: 0 -32rem;
  transition: .4s var(--easing);
}
.p-hero .obj.-action {
  opacity: 1;
  translate: 0 0;
}
.p-hero .obj.-o01 {
  top: 575rem;
  left: 824rem;
  aspect-ratio: 376 / 177;
  width: 376rem;
}
.p-hero .obj.-o02 {
  top: 615rem;
  left: 160rem;
  aspect-ratio: 416 / 217;
  width: 416rem;
  transition-delay: .2s;
}
.p-hero .obj.-o03 {
  top: 661rem;
  left: 616rem;
  aspect-ratio: 416 / 260;
  width: 416rem;
  transition-delay: .4s;
}
.p-hero .p-apply {
  position: absolute;
  z-index: 2;
  bottom: 80rem;
  left: 0;
  width: 100%;
}
.p-hero .p-close {
  position: absolute;
  z-index: 2;
  bottom: 8rem;
  left: 0;
  width: 100%;
}
@keyframes badge {
  0% {
    rotate: 0;
  }
  100% {
    rotate: 360deg;
  }
}
@media (width < 1180px) {
  .p-hero .title {
    top: 16rem;
    left: 16rem;
    width: 200rem;
  }
  .p-hero .badge {
    top: 16rem;
    right: 16rem;
    width: 105rem;
  }
  .p-hero .obj.-o01 {
    top: 346rem;
    left: 183rem;
    width: 160rem;
  }
  .p-hero .obj.-o02 {
    top: 370rem;
    left: 16rem;
    width: 170rem;
  }
  .p-hero .obj.-o03 {
    top: 418rem;
    left: 143rem;
    width: 160rem;
  }
  .p-hero .p-apply {
    bottom: 40rem;
  }
}



/* ---------------- intro */
section.intro {
  padding-top: 80rem;
}
@media (width < 1180px) {
section.intro {
  padding-top: 24rem;
}
}

/* p-intro */
.p-intro .wrap {
  position: relative;
  max-width: 792rem;
  margin: 0 auto;
  font-size: 32rem;
  font-weight: 700;
  text-align: center;
  line-height: 2;
}
.p-intro .wrap::before {
  content: '';
  position: absolute;
  top: -32rem;
  right: 0;
  aspect-ratio: 208 / 109;
  width: 208rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/intro_01.png") no-repeat center center / contain;
  translate: 100% 0;
}
.p-intro .wrap::after {
  content: '';
  position: absolute;
  bottom: -32rem;
  left: 0;
  aspect-ratio: 208 / 109;
  width: 208rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/intro_02.png") no-repeat center center / contain;
  translate: -100% 0;
}
@media (width < 1180px) {
  .p-intro .wrap {
    font-size: 18rem;
  }
  .p-intro .wrap::before,
  .p-intro .wrap::after {
    display: none;
  }
}


/* ---------------- about */
section.about::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 96rem);
  height: 100%;
  border-radius: 80rem 0 0 80rem;
  background-color: hsla(178,62%,70%,1);
  background-image: radial-gradient(at 29% 39%, hsla(106,0%,100%,1) 0px, transparent 50%), radial-gradient(at 6% 54%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 14% 7%, hsla(0,0%,100%,1) 0px, transparent 50%), radial-gradient(at 87% 46%, hsla(178,62%,70%,1) 0px, transparent 50%), radial-gradient(at 79% 15%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 87% 87%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 17% 97%, hsla(178,62%,70%,1) 0px, transparent 50%);
}
section.about::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/bg_noise.png");
  mix-blend-mode: screen;
}
@media (width < 1180px) {
  section.about::before {
    width: 100%;
    border-radius: 0;
  }
}

/* p-about */
.p-about .wrap {
  display: grid;
  grid-template-columns: 584rem 1fr;
  gap: 40rem;
}
.p-about p + p,
.p-about p + .p,
.p-about .p + p,
.p-about .p + .p {
  margin-top: 12rem;
}
.p-about ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 12rem;
}
.p-about ul li {
  padding: 8rem 12rem;
  background: #fff;
  border-radius: 4rem;
  color: var(--primary-color);
  font-weight: 700;
}
.p-about .box {
  margin-top: 56rem;
  padding: 24rem 32rem 32rem;
  border: 2rem dashed var(--primary-color);
  border-radius: 24rem;
  font-size: 13rem;
  letter-spacing: 0;
}
.p-about .box .head {
  margin-bottom: 16px;
}
.p-about .box .head img {
  width: 200rem;
}
.p-about .box .more {
  margin-top: 20rem;
}
@media (width < 1180px) {
  .p-about .wrap {
    display: block;
  }
  .p-about figure {
    display: none;
  }
  .p-about .box {
    padding: 24rem 24rem 32rem;
  }
  .p-about .box .head img {
    width: 180rem;
  }
}


/* ---------------- lead */
section.lead .l-container + .l-container {
  margin-top: 56rem;
}

/* p-lead */
.p-lead .wrap {
  display: grid;
  grid-template-columns: 584rem 1fr;
  gap: 40rem;
}
.p-lead p + p,
.p-lead p + .p,
.p-lead .p + p,
.p-lead .p + .p {
  margin-top: 12rem;
}
.p-lead ul li + li {
  margin-top: 12rem;
}
.p-lead ul li {
  padding: 8rem 12rem;
  background: var(--background-color);
  font-weight: 700;
}
.p-lead .box {
  position: relative;
  margin-top: 48rem;
  padding: 40rem 72rem;
}
.p-lead .box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1 / 1;
  width: 48rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/obj_lead.svg") no-repeat center center / contain;
}
.p-lead .box::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  aspect-ratio: 1 / 1;
  width: 48rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/obj_lead.svg") no-repeat center center / contain;
  scale: -1;
}
@media (width < 1180px) {
  .p-lead .wrap {
    display: block;
  }
  .p-lead figure {
    display: none;
  }
  .p-lead .box::before,
  .p-lead .box::after {
    width: 32rem;
  }
  .p-lead .box {
    padding: 48rem 24rem;
  }
}

/* p-table */
.p-table + .p-apply {
  margin-top: 80rem;
}
.p-table dl {
  display: grid;
  grid-template-columns: 208rem 1fr;
  padding: 40rem 64rem 72rem;
  background: #fff;
  border: 2rem solid var(--primary-color);
  border-radius: 40rem;
}
.p-table dl dt {
  padding: 24rem 0 16rem;
  border-bottom: 2rem solid var(--primary-color);
  font-size: 18rem;
  font-weight: 700;
}
.p-table dl dt.-ico::before {
  content: '';
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 24rem;
  margin-right: 8rem;
  background-size: 100%;
  background-repeat: no-repeat;
  translate: 0 6rem;
}
.p-table dl dd {
  padding: 24rem 0 16rem;
  border-bottom: 2rem solid var(--primary-color);
}
.p-table dl dd > p + p,
.p-table dl dd > p + .p,
.p-table dl dd > .p + p,
.p-table dl dd > .p + .p {
  margin-top: 12rem;
}
.p-table dl dd .group + .group  {
  margin-top: 16rem;
  padding-top: 16px;  border-top: 1rem dotted var(--primary-color);
}
.p-table dl dd .head {
  margin-bottom: 12px;
}
.p-table dl dd .title {
  margin-bottom: 4px;
  font-weight: 700;
}
.p-table dl dd .subtitle.-tilde {
  position: relative;
  padding-left: 22rem;
}
.p-table dl dd .subtitle.-tilde::before {
  content: '～';
  position: absolute;
  left: 0;
}
.p-table dl dd .subtitle.-tilde::after {
  content: ' ～';
}
.p-table dl dd .-min {
  font-size: 13rem;
}
.p-table dl + .note {
  margin-top: 16rem;
}
@media (width < 1180px) {
  .p-table + .p-apply {
    margin-top: 64rem;
  }
  .p-table dl {
    grid-template-columns: 1fr;
    padding: 24rem 24rem 32rem;
    border-radius: 24rem;
  }
  .p-table dl dt {
    padding: 16rem 0 0;
    border-bottom: none;
    font-size: 16rem;
  }
  .p-table dl dt.-ico::before {
    translate: 0 6rem;
  }
  .p-table dl dd {
    padding: 16rem 0;
  }
}

.p-table dl dt.-calendar::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_calendar.svg")
}
.p-table dl dt.-marker::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_marker.svg")
}
.p-table dl dt.-price::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_price.svg")
}
.p-table dl dt.-avater::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_avater.svg")
}
.p-table dl dt.-check::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_check.svg")
}
.p-table dl dt.-document::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_document.svg")
}
.p-table dl dt.-caution::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_caution.svg")
}
.p-table dl dt.-message::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_message.svg")
}
.p-table dl dt.-time::before {
  background-image: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/ico_time.svg")
}



/* ---------------- program */
section.program::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 96rem);
  height: 100%;
  border-radius: 0 80rem 80rem 0;
  background-color: hsla(178,62%,70%,1);
  background-image: radial-gradient(at 29% 39%, hsla(106,0%,100%,1) 0px, transparent 50%), radial-gradient(at 6% 54%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 14% 7%, hsla(0,0%,100%,1) 0px, transparent 50%), radial-gradient(at 87% 46%, hsla(178,62%,70%,1) 0px, transparent 50%), radial-gradient(at 79% 15%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 87% 87%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 17% 97%, hsla(178,62%,70%,1) 0px, transparent 50%);
}
section.program::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/bg_noise.png");
  mix-blend-mode: screen;
}
.p-table.-program {
  position: relative;
  padding-top: 118rem;
}
.p-table.-program::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  aspect-ratio: 738 / 162;
  width: 738rem;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/program_01.png") no-repeat center center / contain;
  translate: -50% 0;
}
@media (width < 1180px) {
  section.program::before {
    width: 100%;
    border-radius: 0;
  }
  .p-table.-program {
    padding-top: 40rem;
  }
  .p-table.-program::before {
    width: 248rem;
  }
}



/* ---------------- speeker */

/* p-speeker */
.p-speeker .items .item + .item {
  margin-top: 56px;
}
.p-speeker .items .item {
  display: grid;
  grid-template-columns: 312rem 1fr;
  gap: 40px;
  align-items: center;
}
.p-speeker .items .item figure img {
  border-radius: 50%;
}
.p-speeker .items .item figure img.-border {
  border: 2rem solid var(--primary-color);
}
.p-speeker .items .name-group {
  margin-bottom: 24rem;
  font-size: 18rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 1180px) {
  .p-speeker .items .item {
    grid-template-columns: 1fr;
    gap: 24rem
  }
  .p-speeker .items figure {
    width: 240rem;
    margin: 0 auto;
  }
  .p-speeker .items .name-group {
    font-size: 16rem;
  }
}


/* ---------------- benefits */
section.benefits::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 96rem);
  height: 100%;
  border-radius: 80rem 0 0 80rem;
  background-color: hsla(178,62%,70%,1);
  background-image: radial-gradient(at 29% 39%, hsla(106,0%,100%,1) 0px, transparent 50%), radial-gradient(at 6% 54%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 14% 7%, hsla(0,0%,100%,1) 0px, transparent 50%), radial-gradient(at 87% 46%, hsla(178,62%,70%,1) 0px, transparent 50%), radial-gradient(at 79% 15%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 87% 87%, hsla(197,100%,61%,1) 0px, transparent 50%), radial-gradient(at 17% 97%, hsla(178,62%,70%,1) 0px, transparent 50%);
}
section.benefits::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/biztel/assets/img/college/usermeeting/01/bg_noise.png");
  mix-blend-mode: screen;
}
@media (width < 1180px) {
  section.benefits::before {
    width: 100%;
    border-radius: 0;
  }
}

/* p-benefits */
.p-benefits .wrap {
  display: grid;
  grid-template-columns: 584rem 1fr;
  gap: 40rem;
}
.p-benefits p + p,
.p-benefits p + .p,
.p-benefits .p + p,
.p-benefits .p + .p {
  margin-top: 16rem;
}
.p-benefits .copy {
  font-size: 20rem;
  font-weight: 700;
  line-height: 1.6;
}
.p-benefits .more {
  margin-top: 24rem;
}
@media (width < 1180px) {
  .p-benefits .wrap {
    display: block;
  }
  .p-benefits figure {
    display: none;
  }
  .p-benefits .copy {
    font-size: 16rem;
  }
}