@charset "UTF-8";
/* ========================================================================

  study23

======================================================================== */
:root { --bg-gradient:linear-gradient(90deg,rgba(139, 232, 177, 1) 0%, rgba(103, 184, 206, 1) 100%); } 
.sp-only { display:none; }
/* ============ smart phone ============ */
@media (max-width:750px){
.sp-only { display:initial; }
.pc-only { display:none; }
}
/************************************************************************
  .fv
************************************************************************/
.fv::after { background:linear-gradient(-90deg,#67b8ce 0%, #8be8b1 100%); }
.fv-title-content .fv-sub-title span { background-color:#8be8b1; white-space:nowrap; }
.fv-title-content .fv-sub-title span::before { background:linear-gradient(90deg, #5ea597 0%, rgba(0, 0, 0, 1) 100%); }
.fv-title-content::before { background-image:none; }
.fv-main-text .fv-pedagogy::before { width:min(calc(433/1920*100vw), 433px); background-image:url('./img/fv-environment_accounting.svg'); aspect-ratio:1/0.344; transform:translate(-80%, 100%); }
.fv-main-text .fv-future::before { width:min(calc(244/1920*100vw), 244px); background-image:url('./img/fv-future.svg?ver20251222'); aspect-ratio:1/0.314; }

/* ============ smart phone ============ */
@media (max-width:750px){
.fv { padding-top:100px; }
.fv .container { padding-right:calc(40/750*100vw); padding-left:calc(40/750*100vw); }
.fv-main-text { writing-mode:initial; justify-content:end; align-items:center; font-size:60px; }
.fv-main-text .fv-pedagogy { padding-top:0; /*writing-mode:vertical-rl;*/ letter-spacing:0.1em; }
.fv-main-text .fv-future { width:100%; text-align:center; }
.fv-main-text .fv-future::before { margin:auto; top:-10px; right:0; left:0; transform:initial; }
.fv-main-text .fv-pedagogy { width:100%; text-align:center; }
.fv-main-text .fv-pedagogy::before { margin:auto; width:calc(715/750*100vw); background-image:url('./img/fv-environment_accounting_sp.svg'); top:30px; right:0; left:-20px; transform:initial; bottom:auto; aspect-ratio:1/0.333; }
.fv-main-text .fv-future::before { width:calc(376/750*100vw); background-image:url('./img/fv-future_sp.svg'); aspect-ratio:1/0.279; }

.fv-title-content { margin-top:50px; }
}
/************************************************************************
  .container
************************************************************************/
/* ============ smart phone ============ */
@media (max-width:750px){
/*.container { padding-right:calc(35/750*100vw); padding-left:calc(35/750*100vw); }*/
}
/************************************************************************
  .intro
************************************************************************/
.intro h2::before { background:var(--bg-gradient); }
/************************************************************************
  .intro-swiper
************************************************************************/
.intro-swiper .swiper-button-next, .intro-swiper .swiper-button-prev { background:var(--bg-gradient); }
.intro-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background:var(--bg-gradient); }
.intro-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:var(--bg-gradient); }
/************************************************************************
  .profile
************************************************************************/
.profile-header { background-color:#000000; }
.profile-header::before { background:var(--bg-gradient); /*opacity:0.6;*/ }
/* ============ smart phone ============ */
@media (max-width:750px){
/*.profile-image { padding-right:calc(-35/750*100vw); padding-left:calc(-35/750*100vw); }*/
}
/************************************************************************
  .education
************************************************************************/
.education { background-color:#a4b2af; }
:is(.education-technology-item,.education-future-item):not(:last-child) { margin-bottom:min(calc(80/1920*100vw), 80px); }
:is(.education-technology-item,.education-future-item) span.under-line::before { background:var(--bg-gradient); opacity:1; }
:is(.education-technology-item-image,.education-future-item-image)::before { background:var(--bg-gradient); }
/* ============ smart phone ============ */
@media (max-width:750px){
:is(.education-technology-item,.education-future-item):not(:last-child) { margin-bottom:calc(100/750*100vw); }
}
/************************************************************************
  .education
************************************************************************/
.information-content { background:var(--bg-gradient); }