:root{
  --main-point-color: rgb(255, 253,56);
  --result-color: rgb(38, 162, 216);
  --main-color: rgb(255, 253,56);
  --bg-site-main-blue: rgb(217, 243, 255);
  --bg-site-main-cream: rgb(252, 242, 222);
}

.visitor{
--bg-study: rgb(252, 242, 222);
  --campus-apr-may: rgb(253, 46, 143);
  --campus-jun-oct: rgb(0, 145, 228);
  --campus-dec: rgb(254, 125, 48);
  --campus-feb-mar: rgb(130, 96, 227);
  --parents-point: rgb(253, 142, 190);
}

/*---------

graduate

----------------------------**/

.study {
background-color: var(--bg-study);
}

.study h3 {
background-color: var(--bg-site-main-blue);
  border-bottom: 1px solid #000;
}

.study-style {
  max-width: 684px;
background-color: #fff;
border-radius: 1rem;
padding: 2.5rem 1.5rem;
margin: 0 auto 1rem auto;
}

.study-style:last-child {
margin-bottom: 0;
}

.study-style p {
  padding-bottom: 2.4rem;
}

@media (min-width:768px) {
  .study-style {
      padding: 3rem;
      margin-bottom: 3rem;
  }
}


/*---------

parents

----------------------------**/

.introduction-content {
  background-color: var(--bg-site-main-blue);
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 2rem;
  margin-top: 1rem;
}

.introduction-content:first-child {
  margin-top: 3.5rem;
}

.introduction-content h3{margin-bottom: 0rem;}
.introduction-content .button-area{margin-top: 1rem;}

.introduction-content_pc {
  display: none;
}

.introduction_image {
  max-width: 604px;
  margin: 0 auto;
}

.guidance-recommend {
  max-width: 684px;
  background-color: var(--bg-study);
border-radius: 1rem;
padding: 2.5rem 1.5rem;
margin: 0 auto 1rem auto;
}

.guidance-recommend h3 {
  background-color: var(--bg-site-main-blue);
  border-bottom: 1px solid #000;
}

.guidance-point {
  background-color: #fff;
  border-radius: 0.5rem;
  border: solid 1px var(--parents-point);
  padding: 1.6rem;
  margin-top: 2.4rem;
}

.guidance-point span {
  display: block;
  width: 10rem;
  height: 2rem;
  background-color: var(--parents-point);
  border-radius: 1rem;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  line-height: 2rem;
  margin: 0 auto;
}

@media (min-width:768px) {

  .introduction_image {
      margin-bottom: 30px;
  }

  .introduction-content:first-child {
      margin-top: 1rem;
  }

  .introduction-content h3{
      font-size:2.0rem;
      margin-bottom: 0;
  }

  .introduction-content .button-area{
      margin-top: 1.5rem;
      max-width: 30rem;
  }

  .guidance-recommend {
      margin-bottom: 5rem
  }

  .introduction-content_pc {
      display: block;
  }

  .introduction-content_sp {
      display: none;
  }

  .guidance-point span {
      width: 13rem;
      height: 2.8rem;
      background-color: var(--parents-point);
      border-radius: 2rem;
      text-align: center;
      color: #fff;
      font-size: 1.7rem;
      line-height: 2.8rem;
      margin: 0 auto 1.5rem;
  }
}

/*---------

202312 高2ページ追加

----------------------------*/

.center{
margin: auto!important;
}

h2.hs2{
margin-top: 80px;
}

h4.blue{
  font-weight: bold;
  color: var(--heading-site-main-color);
  text-align: left;
  font-size: 1.8rem;
  margin-bottom: 0;
  margin-top: 3rem;
  line-height: 2.8rem;
}

h4.blue span{
font-size: 1.5rem;
color: #000;
}


h5.check{
  line-height: 1.5;
  color: var(--theme-color);
  position: relative;
  padding-left: 24px;
  margin-bottom: 0.8em;
  font-weight: bold;
}

h5.check:before,
h5.check:after{
  content: "";
  position: absolute;
}

h5.check:before{
  width: 1.4rem;
  height: 1.4rem;
  border: .1rem solid #000;
  top: .5rem;
  left: 0;
  background-color: #fff;
}

h5.check:after{
  width: 1.4rem;
  height: .8rem;
  top: .4rem;
  left: .3rem;
  border-left: 1px solid  var(--theme-color);
  border-bottom: 1px solid  var(--theme-color);
  transform: rotate(-45deg);
  
}

.link-blue{
  text-decoration: underline;
  color: blue;
  margin: 25px;
}
.link-blue:hover{
	text-decoration:none;
}

.marker{
background:linear-gradient(transparent 60%, #ff6 60%);
font-weight: bold;
font-size: 2rem;
}


/*---------
merit
----------------------------**/

.merit-list{ 
  display: grid; 
  row-gap: 1.6rem;
  padding-top: 2.5rem;

}

.merit-number{
  font-size: 2.8rem;
  line-height: 1.0;
  text-align: center;
}

.merit-number::before{
  font-weight: 600;
  color: var(--heading-site-main-color);
}

.merit-list_item p{
  line-height: 1.4;
}


.merit-number{
  font-family: 'Noto Serif Display', serif;
}

.merit-number::before{
  content: "merit";
  font-family: 'Petit Formal Script', cursive;
  color: var(--theme-color);
}

@media not all and (min-width:768px){

  .merit-list_item{
      display: grid;
      grid-template-columns: 20% 75%;
      grid-auto-rows: 1fr;
      column-gap: 5%;
  }

  .merit-number{
      padding: 10% 0;
      border-right: 1px solid #000;
  }

  .merit-number::before{
      display: block;
      font-size: 1.1rem;
      margin-bottom: 0.25em;
  }

}

@media (min-width:768px){

  .merit-list .merit-number{ font-size: 3rem;}
  .merit-list .merit-number::before{ font-size: 2.0rem;}
  .merit-list_item p{ font-size: 2.2rem;}


  .merit-list:not(.vertical) .merit-number{
      padding: 0 0 2%;
      margin-bottom: .5em;
      border-bottom: 1px solid #000;
  }

  .merit-list:not(.vertical) .merit-number::before{
      display: inline-block;
      position: relative;
      transform: translate(0 , -.25em);
      z-index: 1;
  }


  
  /*--- point-list.vertical course-detail
  ----------------------------**/

  .merit-list.vertical{
      width: 100%;
      max-width: var(--width-min);
      margin-left: auto;
      margin-right: auto;
  }

  .merit-list.vertical .merit-list_item{
      display: grid;
      grid-template-columns: 14% 84%;
      grid-auto-rows: 1fr;
      column-gap: 2%;
      align-items: center;
  }

  .merit-list.vertical .merit-number{
      padding: 10% 0;
      border-right: 1px solid #000;
  }

  .merit-list.vertical .merit-number::before{
      display: block;
      margin-bottom: 0.25em;
  }
}


.event-intro{
  background-color: #fff;
  padding: 5%;
}

.event-intro_img{
max-width: 450px;
margin: 20px 0;
}


.btn-round a{
  display: block;
  line-height: 2.8em;
  min-width: 20rem;
  max-width: 30rem;
  border-radius: 2rem;
  border: 1px solid #000;
  background-color: #E2F3FF;
  font-size: 1.4rem;
  text-align: center;
  margin: 20px 25px;
}
.btn-round a::after{
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 9px;
  height: 9px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(45deg);
}

@media(max-width:767px) {

.btn-round a{
  margin: 20px 10px;
  
}
}

.btn-round a:hover{
background: #fff;
cursor: pointer;
}


/*--- button-area
----------------------------**/

.button-area,
.button-list-area,
.text-link-area{ display: grid; margin-left: auto; margin-right: auto;}
.button-area:not(:last-child),
.button-list-area:not(:last-child){ margin-bottom: 3.2rem;}

.button-area{
grid-auto-rows: 1fr;
place-content: center;
}

.button-list-area{ row-gap: 1.8rem;}

.button-area a,
.button-list-area a{
display: block;
  background-color: #fff;
  border: 1px solid #c9c9c9;
}

.button-area a,
.button-list-area a,
.text-link-area a{ text-align: center;}

.button-area a{ padding: 1em .5em;}
.button-list-area a{ padding: .75em;}

.button-area:not(.event-schedule) .btn-line:not(:first-child){ margin-top: 1.6rem;}

.btn-line-blue a{
width: 90%;
max-width: 90vw;
min-width: 28rem;
padding: 1.5em;
margin: 0 auto;
  border: 1px solid #000;
border-radius: 0;
position: relative;
z-index: 2;
background-color: #E2F3FF;
}

.btn-line-blue a:not([target=_blank]):not([href$=pdf])::before{
  content: "";
  display: block;
  width: 99%;
  height: 96%;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  bottom: -.7rem;
  right: -.7rem;
  transition: .6s;
}

.btn-line-blue a:not([target=_blank]):not([href$=pdf])::after{
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 9px;
  height: 9px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(45deg);
}


.btn-line-blue a:hover{
background: #fff;
cursor: pointer;
}

h4.yellow{
  flex-basis: 100%;
  width: 100%;
  padding: .8em;
  background-color: var(--site-point-color);
}


.p-schedule {
 max-width: 80%;
  margin-top: 40px
}
.p-schedule__item {
  margin-top: 60px
}
.p-schedule__item:first-child {
  margin-top: 0
}


.c-schedule {
  display: -webkit-box;
  max-width: 80%;
}
.c-schedule__month {
  position: relative;
  -webkit-box-flex: 0;
  width: 30%;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 32px;
  text-align: center
}
@media(max-width:767px) {
  h2.hs2{
    margin-top: 30px;
  }
  .c-schedule__month {
    white-space: nowrap;
    width: 20%;
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 32px
  }

  .c-schedule {
    max-width: 100%;
  }
}

.c-schedule__month span{
  line-height: 1.5;
  color: var(--theme-color);
  position: relative;
  padding-left: 24px;
  margin-bottom: 0.8em;
  font-weight: bold;
}

.c-schedule__month span:before,
.c-schedule__month span:after{
    content: "";
    position: absolute;
}

.c-schedule__month span:before{
    width: 1.4rem;
    height: 1.4rem;
    border: .1rem solid #000;
    top: .5rem;
    left: 0;
    background-color: #fff;
}

.c-schedule__month span:after{
    width: 1.4rem;
    height: .8rem;
    top: .4rem;
    left: .3rem;
    border-left: 1px solid  var(--theme-color);
    border-bottom: 1px solid  var(--theme-color);
    transform: rotate(-45deg);
    
}


.c-schedule__month:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: " ";
  display: block;
  width: 2px;
  height: calc(100% - 54px);
  background-color: #FFCDE3;
}
.c-schedule__content {
  -webkit-box-flex: 0;
}
@media(max-width:767px) {
  .c-schedule__content {
    -webkit-box-flex: 0;
    flex: 0 1 87.7675840979%
  }
}
.c-schedule__section {
  margin-top: 42px
}
.c-schedule__section:first-child {
  margin-top: 0
}
.c-schedule__header {
  position: relative;
  padding-left: 14px;
  font-size: 20px;
  letter-spacing: .08em;
  line-height: 36px
}
@media(max-width:767px) {
  .c-schedule__section {
    margin-right: 10px;
  }
  
  .c-schedule__header {
    padding-left: 0;
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 32px
  }
}
.c-schedule__header:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  content: " ";
  display: inline-block;
  width: 4px;
  height: calc(100% - 16px);
  background: -webkit-gradient(linear, left top, left bottom, from(#05f5ff), color-stop(41.9%, #3c2cff), color-stop(77.8%, #ff509a), to(#ffb155));
  background: linear-gradient(#05f5ff, #3c2cff 41.9%, #ff509a 77.8%, #ffb155)
}
@media(max-width:767px) {
  .c-schedule__header:before {
    display: none
  }
}
.c-schedule__body {
  margin-top: 25px;
}
@media(max-width:767px) {
  .c-schedule__body {
    display: block;
  }
}
.c-schedule__text {
  margin-top: -6px;
  letter-spacing: .02em;
  line-height: 32px
}
@media(max-width:767px) {
  .c-schedule__text {
    margin-top: 50px;
    width: 100%;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 32px
  }
}
.c-schedule__image {
  width: 54.1353383459%
}
@media(max-width:767px) {
  .c-schedule__image {
    width: 100%
  }
}

.ranking{
  max-width: 600px;
}

.ranking ul{
  margin-bottom: 20px;
  box-shadow: 7px 8px 10px #cccccc;
  display: flex;
  transform:skewX(-5deg);
}

.ranking ul li{
  width: 100%;
  padding: 20px;
  background-color: #fff;
  
}

.ranking ul li p{
  transform:skewX(5deg);
  line-height: 2.8rem;
}

.ranking ul li.ranking-number-blue{
  background-color: #1859B6;
  width: 15%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}

.ranking ul li.ranking-number-gray{
  background-color: #E3E3E3;
  width: 15%;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}

@media(max-width:767px) {
  .ranking ul{
    width: 90%;
    margin: 0 auto 20px;
  }

  .ranking ul li.ranking-number-blue{
    width: 30%;
    padding: 10px;
  }

  .ranking ul li.ranking-number-gray{
    width: 30%;
    padding: 10px;
    display: grid;
    place-items: center;
  }

  .ranking ul li p span.marker{
    font-size: 1.7rem;
  }
}




.chart img{
  max-width: 80%;
}

@media(max-width:767px) {
.chart{
    text-align: center;
  }
.chart img{
  max-width: 80%;
}
}

.entry{
width: 90%;
margin: 0 auto 60px;
}



/*--- conversation
----------------------------**/

.conversation_item{
display: flex;
align-items: center;
margin-top: 1.8rem;
margin-bottom: 3rem;
}

/* .conversation_item:nth-of-type(1){ margin-top: 4.8rem;} */
/* .conversation_item.purple,
.conversation_item.blue{ flex-flow: row-reverse;} */

.conversation_item .converrstion-img{
flex-basis: 18%;
/* max-width: 5.4rem; */
max-width: 6rem;
/* min-width: 4.8rem; */
min-width: 5.8rem;
position: relative;
}

.conversation_item p{
line-height: 1.6;
padding: .75em 1em;
border-radius: 1em;
position: relative;
margin-right: 1em;
margin-left: 1em;
}

.conversation_item p span{
display: block;
text-align: right;

}

.conversation_item p:before,
.conversation_item p:after{
right: 98%;
top: 8%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
transform: rotate(16deg);
}

.conversation_item.teacher p{
color: #FFF;
margin-left: 1rem;
background-color: rgba(4, 175, 210, 1);
}

.conversation_item.pink p{ background-color: rgba(255, 205, 227 ,1)}
.conversation_item.green p{ background-color: rgba(203 ,229 ,151 ,1);}
.conversation_item.purple p{ background-color: rgba(228 ,202 ,239 ,1);}
.conversation_item.blue p{ background-color: rgba(191, 227, 224 ,1)}

/* .conversation_item.teacher p::after,
.conversation_item.pink p::after,
.conversation_item.green p::after{
right: 98%;
border-right-color: rgba(4, 175, 210, 1);
border-width: 0 2.5rem 1.6rem 1.6rem;
transform: rotate(16deg);
} */

/* .conversation_item.purple p::after,
.conversation_item.blue p::after{
left: 98%;
border-width: 0 1.8rem 1.8rem 2.8rem;
transform: rotate(-16deg);
} */

@media (max-width:500px){
.conversation_item.teacher p::after,
.conversation_item.pink p::after,
.conversation_item.green p::after{
border-width: 0 1.8rem 1.2rem 1.2rem;
}

.conversation_item.purple p::after,
.conversation_item.blue p::after{
border-width: 0 1.4rem 1.4rem 1.8rem;
}

}


/* .conversation_item.pink p::after{ border-right-color: rgba(255, 205, 227 ,1);}
.conversation_item.green p::after{ border-right-color: rgba(203 ,229 ,151 ,1);}
.conversation_item.purple p::after{ border-left-color: rgba(228 ,202 ,239 ,1);}
.conversation_item.blue p::after{ border-left-color: rgba(191, 227, 224 ,1);} */

@media (min-width:768px){

.conversation_item p{  min-width: 50%;}
}


span.name{
text-align: right;
}

.flex-container{
display: flex;

}

.flex-contents{
width: 50%;
}

@media (max-width:768px){
.flex-container{
  display: block;
}

.flex-contents{
width: 100%;
}
}

.highschool2{
--theme-color: rgba(60, 87, 151); /* 3c5797 */
--theme-sub-color: rgba(99, 121, 172); /* 6379ac */
--bg-theme-main: rgba(216, 221, 234); /* d8ddea */
--bg-theme-sub: rgba(236, 239, 245); /* eceff5 */
/* --bg-theme-accent: rgb(0, 0, 0); */
--bg-site-stripe: repeating-linear-gradient(90deg, var(--bg-theme-sub), var(--bg-theme-sub) 24px, transparent 24px, transparent 48px );
--site-plaid: rgba(216, 221, 234, .5);
}

.ocvoice{
  --theme-color: rgb(0,140,207); /* 008ccf tab h3 & swiper */
  --bg-theme-main: rgb(237, 247, 249);
  --bg-theme-stripe: repeating-linear-gradient(90deg, var(--bg-site-main-cream), var(--bg-site-main-cream) 20px,  20px, transparent 40px );
  --bg-theme-gradation: linear-gradient(0deg , rgba(255, 245, 226, 1) 0%, rgba(197, 236, 255, 1) 100%);
  background-image: var(--bg-theme-stripe);
}

/* .ocvoice-inner{
max-width: 750px;
} */

/*---------------------
202410 高2ページ申込導線
----------------------*/
.btn-round-2{
margin:20px 0;
}
a.btn-entry{
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1.8rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
text-decoration: none;
color: #212529;
border-radius: 5rem;
width: 320px;
}
a.btn--orange {
color: #fff;
background-color: #eb6100;
}
a.btn--orange:hover {
color: #fff;
background: #f56500;
}
a.btn--blue {
color: #fff;
background-color: #0072bc;
}
a.btn--orange::after,a.btn--blue::after {
content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 9px;
  height: 9px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg);
}
a.btn--blue:hover {
color: #fff;
background: #1c82c4;
}

a.btn--shadow {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

@media (max-width:500px){
a.btn-entry{
  font-size: 1.4rem;
  padding: 1rem 3rem;
  width: 270px;
}
}

/*5/13 参加者の声　変更 */
.ocvoice{
background-image: none;
background-color: #FCF2DE;
}

.ocvoice h3:not(:first-child){
margin-top: 5rem;
}

.conversation_item{
width: 60%;
}

.conversation_item .converrstion-img{
margin-right: 10px;
}
.conversation_item:nth-of-type(2n) .converrstion-img{
margin-right: 0;
margin-left: 10px;
}
.conversation_item.conversation_item--right{
flex-flow: row-reverse;
}

@media (max-width:768px){
.conversation_item{
    width: 100%;
}
}
.conversation_item p{
background-color: #fff !important;
padding: 1.5em 1em;
border: solid 2px #BBBBBB;
}

.conversation_item p{
color:#000 !important;
}

/* 吹き出し部分外側 */
.conversation_item p:before, .conversation_item p:after {
right: 98%;
top: 8%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
transform: rotate(16deg);
}
/* 左しっぽ */

.conversation_item.conversation_item--left p::after{
top: 47px;
right: 99%;
border-style: solid;
border-width: 0 25px 25px 0;
border-color: transparent #ffffff transparent transparent;
/* translate: 100% -50%; */
transform: skew(0, 13deg);
transform-origin: right;
}
.conversation_item.conversation_item--left p::before{
content: "";
position: absolute;
top: 44px;
right:100%;
border-style: solid;
border-width: 0 24px 24px 0;
border-color: transparent #BBBBBB transparent transparent;
/* translate: 100% -50%; */
transform: skew(0, 13deg);
transform-origin: right;
}

.conversation_item.conversation_item--right{
margin-left: auto;
}

/* 右しっぽ */
.conversation_item.conversation_item--right p::after{
top: 47px;
left: 99%;
border-style: solid;
border-width: 0 0 25px 25px;
border-color: transparent transparent transparent #fff;
/* translate: 100% -50%; */
transform: skew(0, -16deg);
transform-origin: left;
}
.conversation_item.conversation_item--right p::before{
content: "";
position: absolute;
top: 44px;
left:100%;
border-style: solid;
border-width: 0 0 24px 24px;
border-color: transparent transparent transparent #BBBBBB;
/* translate: 100% -50%; */
transform: skew(0, -16deg);
transform-origin: left;
}

@media (max-width:500px){

/* 矢印のレスポンシブ設定 */
.conversation_item.conversation_item--left p::after{
  top: 47%;
  top: auto;
  right: 98%;
  bottom: 46px;
}
.conversation_item.conversation_item--left p::before{
  top: 45%;
  top: auto;
  bottom: 50px;
}
.conversation_item.conversation_item--right p::after{
  top: 47%;
  top: auto;
  left: 98%;
  bottom: 46px;
}
.conversation_item.conversation_item--right p::before{
  top: 45%;
  top: auto;
  bottom: 50px;
}
}

.conversation_item p span{
font-weight: bold;
display: inline;
}

.conversation_item.skyblue p span{
color:rgba(4, 175, 210, 1);
background: linear-gradient(transparent 60%,rgba(4, 175, 210, 0.2) 60%);
}
.conversation_item.purple p span{
color:rgba(176 ,85 ,222 ,1);
background: linear-gradient(transparent 60%,rgba(228 ,202 ,239 ,0.2) 60%);
}
.conversation_item.green p span{
/* color:rgba(133 ,201 ,0  ,1); */
color:rgba(31 ,174 ,40  ,1);
background: linear-gradient(transparent 60%,rgba(31 ,174 ,40 ,0.2) 60%);
}
.conversation_item.pink p span{
color:rgba(235 ,60 ,137 ,1);
background: linear-gradient(transparent 60%,rgba(235 ,60 ,137 ,0.2) 60%);
}
.conversation_item.orange p span{
color:rgba(253, 166, 0, 1);
background: linear-gradient(transparent 60%,rgba(253, 166, 0, 0.2) 60%);
}
/* .conversation_item.blue p::after {
color:rgba(235 ,60 ,137 ,1);
background: linear-gradient(transparent 60%,rgba(95 ,141 ,5 ,0.3) 60%);
} */

/*--------------------------
250623 学校生活のイメージを知ろう
--------------------------------*/
.btn-arrow {
	width:100%;
    display:flex;
  flex-wrap:wrap;
}
.btn-arrow a {
    background: #ffffff;
    position: relative;
    display: flex;
    margin: 0 0 30px 60px;
    width: 40%;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    line-height: 28px;
    font-size: 16px;
}
.btn-arrow a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -1em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.btn-arrow a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1em;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.btn-arrow a:hover:before, .btn-arrow a:hover:after {
    right: -2.5em;
}
.btn-arrow a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}
h2.num_title{
 font-size: 20px;
 font-weight: 500;
 position: relative;
 padding-left: 2em;
 margin: 30px 0 30px 70px;
 background-image:none!important;
}
h2.num_title::before{
 content: attr(data-no);
 position: absolute;
 left: 0;
 margin-right: 5px;
 color: #ff5a00;
}
.hs2_sns{
	display:flex;
	margin-left: 60px;
}
.hs2_sns a{
	margin: 0 15px;
}
.hs2_sns img{
	width: 55px;
}
@media (max-width:500px){
  .btn-arrow a{
    width: 85%;
    font-size: 14px;
    margin: 0 0 30px 30px;
  }
  h2.num_title{
    margin: 30px 0 30px 20px;
  }
  .hs2_sns{
    margin-left:20px;
  }
}  
/* 20251001参加者の声 fadein */
 .js-fadein-trigger {
  position: relative;
  bottom: -20px;
  bottom: -80px;
  opacity: 0;
  transition: all 1s;
  transition: all .8s;
  /* transition: all .4s; */
}

.js-fadein-trigger.is-active {
  bottom: 0;
  opacity: 1;
}