@charset "utf-8";

#glance .cmnPT_title {
  min-height: 147px;
}

.cmnPageTitle {
  z-index: 9;
}

.cmnPT_inner {
  padding-top: min(20vw,240px);
  padding-bottom: min(10.8vw,130px);
}
@media screen and (max-width:768px) {
  .cmnPT_inner {
    padding-top: 30.9vw;
    padding-bottom: 45.8vw;
  }
}

.glContainer {
  position: relative;
  z-index: 1;
}

.glSec {
  position: relative;
  border-radius: 0 0 min(5.2vw,100px) 0;
}
@media screen and (max-width:768px) {
  .glSec {
    border-radius: 0 0 26.6vw 0;
  }
}

.glSec[class*="_"] {
  margin-top: calc(min(5.2vw,100px) * -1);
  padding-top: min(5.2vw,100px);
}
@media screen and (max-width:768px) {
  .glSec[class*="_"] {
      margin-top: -26.6vw;
      padding-top: 26.6vw;
      overflow: hidden;
  }
}

.glSec[class*="_"]::after {
  position: absolute;
  top: min(9.89vw,190px);
  right: 0;
  z-index: -1;
  font-family: 'Josefin Sans';
  font-size: min(11.9vw,230px);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width:768px) {
  .glSec[class*="_"]::after {
    right: 10px;
    font-size: 24vw;
    text-orientation: mixed;
    writing-mode: vertical-rl;
  }
}

.glSec._vision {
  z-index: 8;
  margin-top: calc(min(2.65vw,50px) * -1);
  padding-top: min(2.65vw,50px);
  background: linear-gradient(270deg, #006FFF 0%, #A6E9FF 100%);
}
@media screen and (max-width:768px) {
  .glSec._vision {
    margin-top: 0;
    padding-top: 8vw;
  }
}

.glSec._vision::after {
  top: min(7.29vw,140px);
  color: #FFFFFF1A;
  content: "VISION";
}
@media screen and (max-width:768px) {
  .glSec._vision::after {
    top: 12.2vw;
  }
}

.glSec._business {
  z-index: 7;
  background: linear-gradient(270.15deg, #C4F3FF 0.11%, #6CCEFF 99.86%);
}

.glSec._business::after {
  color: #FFF3;
  text-align: right;
  white-space: pre;
  content: "CORE\A BUSINESS";
}
@media screen and (max-width:768px) {
  .glSec._business::after {
    top: 28.7vw;
    content: "CORE BUSINESS";
  }
}

.glSec._history {
  z-index: 6;
  background: linear-gradient(270.35deg, #B4CDFF 0.27%, #C1F8FF 94.54%);
}

.glSec._history::after {
  color: #FFFFFF1A;
  content: "HISTORY";
}
@media screen and (max-width:768px) {
  .glSec._history::after {
    top: 28.7vw;
  }
}

.glSec._locations {
  z-index: 5;
  background: linear-gradient(270.35deg, #83CDFF 0.27%, #DAEBFF 94.54%);
}

.glSec._locations::after {
  color: #FFFFFF1A;
  content: "LOCATIONS";
}
@media screen and (max-width:768px) {
  .glSec._locations::after {
    top: 28.7vw;
  }
}

.glSec._employee {
  z-index: 4;
  background: linear-gradient(270.35deg, #A4D2FF 0.27%, #D4FBFF 94.54%);
}

.glSec._employee::after {
  color: #FFF3;
  content: "EMPLOYEE";
}
@media screen and (max-width:768px) {
  .glSec._employee::after {
    top: 28.7vw;
  }
}

.glSec._production {
  z-index: 3;
  background: linear-gradient(270.35deg, #AEF3EC 0.27%, #AFE2FE 94.54%);
  overflow: hidden;
}

.glSec._production::after {
  color: #FFFFFF26;
  content: "PRODUCTION";
}
@media screen and (max-width:768px) {
  .glSec._production::after {
    top: 28.7vw;
  }
}

.glSec._andMore {
  z-index: 2;
  background-color: #FFF;
}

.glSec._andMore::after {
  color: #94B7BF33;
  content: "AND MORE";
}
@media screen and (max-width:768px) {
  .glSec._andMore::after {
    top: 28.7vw;
  }
}

.glSecHead {
  width: var(--width-pc-basic);
  padding: var(--padding-pc-basic);
  padding-top: min(10.4vw,150px);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width:768px) {
  .glSecHead {
    padding-top: min(14.6vw,55px);
  }
}

.glSec._andMore .glSecHead {
  padding-top: min(9.89vw,190px);
}
@media screen and (max-width:768px) {
  .glSec._andMore .glSecHead {
    padding: 14.6vw 8.26vw 0;
  }
}

.glSec._andMore .glSecBody + .glSecHead {
  padding-top: min(11.8vw,170px);
}
@media screen and (max-width:768px) {
  .glSec._andMore .glSecBody + .glSecHead {
    padding-top: 26.6vw;
  }
}

.glSecHeadTitle {
  display: flex;
  flex-direction: column;
  gap: min(1.04vw,15px) 0;
  justify-content: center;
  padding-bottom: min(1.38vw,20px);
  color: #003F69;
  font-weight: 700;
}
@media screen and (max-width:768px) {
  .glSecHeadTitle {
    gap: 4.8vw 0;
    padding-bottom: 10.6vw;
  }
}

.glSecHeadTitle_main {
  font-size: min(1.38vw,20px);
  letter-spacing: 0.03em;
  line-height: 3;
}
@media screen and (max-width:768px) {
  .glSecHeadTitle_main {
    font-size: 3.2vw;
    line-height: 1.08;
  }
}

.glSecHeadTitle_sub {
  font-family: 'Josefin Sans';
  font-size: min(8.33vw,120px);
  line-height: 0.95;
}
@media screen and (max-width:768px) {
  .glSecHeadTitle_sub {
    font-size: 12.2vw;
    line-height: 1;
  }
}

.glSecHeadTitle_other {
  font-family: 'Josefin Sans';
  font-size: min(4.16vw,80px);
  font-weight: 700;
  line-height: 1.43;
}
@media screen and (max-width:768px) {
  .glSecHeadTitle_other {
    font-size: 12.2vw;
    line-height: 1.32;
  }
}

.glSecHeadTitle_img {
  width: min(40.4vw,582px);
  height: auto;
  aspect-ratio: 582/58;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .glSecHeadTitle_img {
    width: 80vw;
  }
}

.glSecBody {
  width: var(--width-pc-basic);
  padding: var(--padding-pc-basic);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width:768px) {
  .glSecBody {
    padding: 0 2.66vw;
    text-align: left;
  }
}

.glSec._vision .glSecBody {
  margin-top: min(5.55vw,80px);
  padding-bottom: min(17.3vw,250px);
}
@media screen and (max-width:768px) {
  .glSec._vision .glSecBody {
    margin-top: 1.6vw;
    padding-bottom: 26.6vw;
  }
}

.glSec._business .glSecBody {
  margin-top: min(3.47vw,50px);
  padding-bottom: min(11.1vw,160px);
}
@media screen and (max-width:768px) {
  .glSec._business .glSecBody {
    padding-bottom: 18.6vw;
  }
}

.glSec._history .glSecBody {
  padding-bottom: min(12.1vw,175px);
  padding-left: min(16vw, 170px);
  padding-right: min(16vw, 170px);
}
@media screen and (max-width:768px) {
  .glSec._history .glSecBody {
    padding-bottom: 25.3vw;
    padding-left: 2.66vw;
    padding-right: 2.66vw;
  }
}

.glSec._locations .glSecBody {
  margin-top: min(5.2vw,75px);
  padding-bottom: min(11.4vw,165px);
}
@media screen and (max-width:768px) {
  .glSec._locations .glSecBody {
    padding-bottom: 26.6vw;
  }
}

.glSec._employee .glSecBody {
  margin-top: min(5.55vw,80px);
  padding-bottom: min(11.4vw,165px);
}
@media screen and (max-width:768px) {
  .glSec._employee .glSecBody {
    padding-bottom: 29.3vw;
  }
}

.glSec._production .glSecBody {
  margin-top: min(3.12vw,45px);
  padding-bottom: min(10vw,145px);
  padding-left: min(16vw, 170px);
  padding-right: min(16vw, 170px);
}
@media screen and (max-width:768px) {
  .glSec._production .glSecBody {
    padding-bottom: 24vw;
    padding-left: 2.66vw;
    padding-right: 2.66vw;
  }
}

@media screen and (max-width:768px) {
  .glSec._andMore .glSecBody {
    padding-right: 8.26vw;
    padding-left: 8.26vw;
  }
}

.glSec._andMore .glSecBody:last-child {
  margin-top: min(4.86vw,70px);
  padding-bottom: min(11.8vw,170px);
}
@media screen and (max-width:768px) {
  .glSec._andMore .glSecBody:last-child {
    margin-top: 13.3vw;
    padding-bottom: 34.6vw;
  }
}

:where(.glSecBody) p {
  font-size: min(1.52vw,22px);
  font-weight: 500;
  line-height: 2.18;
}
@media screen and (max-width:768px) {
  :where(.glSecBody) p {
    font-size: 4.26vw;
    line-height: 1.87;
  }
}

.glVision_copy {
  color: #FFF;
  font-size: min(3.26vw,47px);
  font-weight: 700;
  line-height: 1.42;
}
@media screen and (max-width:768px) {
  .glVision_copy {
    padding: 0 5.33vw;
    font-size: 7.46vw;
    line-height: 1.57;
    letter-spacing: 0.02em;
  }
}

.glVision_text {
  margin-top: min(5.55vw,80px);
  color: #FFF;
}
@media screen and (max-width:768px) {
  .glVision_text {
    padding: 0 5.33vw;
  }
}

.glBusiness_copy {
  color: #003F69;
  font-size: min(2.08vw,30px);
  font-weight: 900;
}
@media screen and (max-width:768px) {
  .glBusiness_copy {
    padding: 0 5.33vw;
    font-size: 5.33vw;
    letter-spacing: -0.03em;
    line-height: 1.65;
  }
}

.glBusiness_text {
  margin-top: min(3.47vw,50px);
  color: #003F69;
}
@media screen and (max-width:768px) {
  .glBusiness_text {
    margin-top: 8vw;
    padding: 0 5.33vw;
    font-size: 4.26vw;
    line-height: 1.62;
  }
}

.glBusiness_img {
  width: min(62.9vw,907px);
  margin: min(5.55vw,80px) auto 0;
}
@media screen and (max-width:768px) {
  .glBusiness_img {
    width: 100%;
    margin-top: 10.6vw;
  }
}

.glHistory_img {
  padding: min(8.33vw,120px) min(2.77vw,40px) min(10.7vw,155px) min(10.5vw,152px);
  border-radius: min(5.55vw,80px);
  background: #FFFFFFF2;;
  box-shadow: 0 0 min(3.47vw,50px) #0F5DE333;
}
@media screen and (max-width:768px) {
  .glHistory_img {
    padding: 4vw 0 17vw;
    border-radius: 5.33vw;
    box-shadow: 0 0 6.66vw #0F5DE333;
  }
}

.glSec._locations .glSecBody {
  padding-left: min(16vw, 170px);
  padding-right: min(16vw, 170px);
}
@media screen and (max-width: 768px) {
  .glSec._locations .glSecBody {
    padding-left: 2.66vw;
    padding-right: 2.66vw;
  }
}

.glLocationsGrid_list {
  display: grid;
  gap: min(1.38vw,20px);
  /*grid-template-columns: calc(100% - min(47.2vw,680px)) min(22.2vw,320px) min(22.2vw,320px);*/
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width:768px) {
  .glLocationsGrid_list {
    gap: 2.66vw;
    grid-template-columns: calc((100% - 2.66vw) / 2);
  }
}

@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemA {
    grid-column: 1/3;
  }
}

@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemB {
    grid-column: 1/2;
  }
}

@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemC {
    grid-column: 2/3;
  }
}

.glLocationsGrid_item._itemD {
  grid-column: 1/4;
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemD {
    grid-column: 1/3;
  }
}

.glLocationsPanel {
  position: relative;
  padding: min(2.08vw,30px);
  border-radius: min(3.47vw,50px);
  background-color: #FFF;
  box-shadow: 0 0 min(3.47vw,50px) #0F5DE333;
  height: 100%;
}
@media screen and (max-width:768px) {
  .glLocationsPanel {
    padding: 4vw 4vw 1.33vw;
    border-radius: 5.33vw;
  }
}

.glLocationsPanel_title {
  position: relative;
  padding-left: min(1.73vw,25px);
  font-size: min(1.52vw,22px);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glLocationsPanel_title {
    padding-left: 4vw;
    font-size: 4vw;
  }
}

.glLocationsPanel_title::before {
  position: absolute;
  top: min(1.25vw,18px);
  left: 0;
  translate: 0 -50%;
  width: min(1.04vw,15px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #333;
  content: "";
}
@media screen and (max-width:768px) {
  .glLocationsPanel_title::before {
    top: 2.93vw;
    width: 2.66vw;
  }
}

.glLocationsPanel_value {
  margin-top: min(1.8vw,26px);
  margin-left: min(1.38vw,20px);
  color: #0D57B8;
  font-size: min(2.43vw,35px);
  font-weight: 700;
  line-height: 1.45;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glLocationsPanel_value {
    margin-left: 3.2vw;
    font-size: 4.8vw;
    line-height: 1.44;
  }
}

.glLocationsPanel_value span {
  font-family: 'Josefin Sans';
  font-size: min(13.8vw,200px);
  font-weight: 400;
  line-height: 1.1;
}
@media screen and (max-width:768px) {
  .glLocationsPanel_value span {
    font-size: 31.2vw;
  }
}

.glLocationsPanel_note {
  margin-top: min(0.83vw,10px);
  font-size: min(1.33vw,16px);
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glLocationsPanel_note {
    font-size: 3.73vw;
  }
}

.glLocationsGrid_item._itemA .glLocationsPanel::before {
  position: absolute;
  top: min(6vw,88px);
  left: min(11.9vw,223px);
  width: min(7.6vw,118px);
  height: auto;
  aspect-ratio: 211/170;
  background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_locations_01.svg) no-repeat center/cover;
  content: "";
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemA .glLocationsPanel::before {
    top: 10.1vw;
    left: 52.5vw;
    width: 30.9vw;
  }
}

.glLocationsGrid_item._itemA .glLocationsPanel_value {
  margin-left: min(1.05vw,26px);
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemA .glLocationsPanel_value {
    margin-top: 0;
    margin-left: 13.3vw;
  }
}

.glLocationsGrid_item._itemA .glLocationsPanel_value span {
  margin-right: calc(min(1.38vw,20px) * -1);
  font-size: min(13.8vw, 200px);
  line-height: 1;
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemA .glLocationsPanel_value span {
    margin-right: -4.26vw;
    font-size: 33.8vw;
  }
}

.glLocationsGrid_item._itemB .glLocationsPanel::before {
  position: absolute;
  top: min(7.15vw,103px);
  left: min(13.2vw,191px);
  width: min(6.11vw,88px);
  height: auto;
  aspect-ratio: 88/70;
  background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_locations_02.svg) no-repeat center/cover;
  content: "";
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemB .glLocationsPanel::before {
    top: 14.6vw;
    left: 26.9vw;
    width: 12.5vw;
  }
}

.glLocationsGrid_item._itemC .glLocationsPanel::before {
  position: absolute;
  top: min(6.8vw,98px);
  left: min(13.4vw,194px);
  width: min(5.69vw,82px);
  height: auto;
  aspect-ratio: 82/88;
  background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_locations_03.svg) no-repeat center/cover;
  content: "";
}
@media screen and (max-width:768px) {
  .glLocationsGrid_item._itemC .glLocationsPanel::before {
    top: 13.8vw;
    left: 28vw;
    width: 11.7vw;
  }
}

.glLocationsGrid_item._itemD .glLocationsPanel {
  padding: min(0.76vw,11px);
  height: auto;
}
@media screen and (max-width:768px) {
.glLocationsGrid_item._itemD .glLocationsPanel {
    padding: 1.33vw;
  }
}

@media screen and (max-width:768px) {
.glLocationsPanel img {
    border-radius: 5.33vw;
  }
}

.glEmployee {
  width: min(69.4vw,1000px);
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .glEmployee {
    width: 100%;
  }
}

/*.glEmployee_title {
  position: relative;
  padding-left: min(1.73vw,25px);
  font-size: min(1.52vw,22px);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}

.glEmployee_title::before {
  position: absolute;
  top: min(1.25vw,18px);
  left: 0;
  translate: 0 -50%;
  width: min(1.04vw,15px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #333;
  content: "";
}*/

.glEmployee_img {
  margin-top: min(0.97vw,14px);
}
@media screen and (max-width:768px) {
  .glEmployee_img {
    margin: 9.33vw 0;
  }
}

.glProductionPanel {
  position: relative;
  padding: min(4.16vw,60px) min(4.16vw,60px) min(4.16vw,60px);
  border-radius: min(3.47vw,50px);
  background-color: #FFF;
  box-shadow: 0 0 min(3.47vw,50px) #0F5DE333;
}
@media screen and (max-width:768px) {
  .glProductionPanel {
    padding: 4vw 4vw 34.6vw;
    border-radius: 5.33vw;
  }
}

.glProductionPanel::before {
  position: absolute;
  top: min(9.75vw,126px);
  left: min(39.5vw,620px);
  width: min(24.3vw,425px);
  height: auto;
  aspect-ratio: 466/215;
  background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_production_01.webp) no-repeat center/cover;
  content: "";
}
@media screen and (max-width:768px) {
  .glProductionPanel::before {
    top: 46.6vw;
    left: 50%;
    translate: -50% 0;
    width: 48vw;
  }
}

.glProductionPanel_title {
  position: relative;
  padding-left: min(1.73vw,25px);
  font-size: min(1.52vw,22px);
  font-weight: 700;
  line-height: 1.18;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glProductionPanel_title {
    padding-left: 4vw;
    font-size: 4vw;
  }
}

.glProductionPanel_title::before {
  position: absolute;
  top: min(0.9vw,13px);
  left: 0;
  translate: 0 -50%;
  width: min(1.04vw,15px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #333;
  content: "";
}
@media screen and (max-width:768px) {
  .glProductionPanel_title::before {
    top: 2.4vw;
    width: 2.66vw;
  }
}

.glProductionPanel_contents {
  margin-top: min(4.86vw,70px);
  /*margin-left: min(7.29vw,105px);*/
  width: min(32.4vw,510px);
  text-align: right;
}
@media screen and (max-width:768px) {
  .glProductionPanel_contents {
    width: 100%;
    margin: 2.93vw auto 0;
  }
}

.glProductionPanel_value {
  color: #0D57B8;
  font-size: min(2.81vw,55px);
  font-weight: 700;
  line-height: 1.47;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glProductionPanel_value {
    margin-bottom: -2.66vw;
    font-size: 7.46vw;
    text-align: center;
  }
}

.glProductionPanel_value > span {
  font-size: min(6.02vw,86px);
  line-height: 1.2;
}
@media screen and (max-width:768px) {
  .glProductionPanel_value > span {
    font-size: 16.5vw;
    line-height: 1.48;
  }
}

.glProductionPanel_value span span {
  font-family: 'Josefin Sans';
  font-size: min(9.8vw,148px);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width:768px) {
  .glProductionPanel_value span span {
    font-size: 24vw;
  }
}

.glProductionPanel_note {
  margin-top: calc(min(1.38vw,20px) * -1);
  font-size: min(1.33vw,16px);
  font-weight: 400;
}
@media screen and (max-width:768px) {
  .glProductionPanel_note {
    font-size: 3.73vw;
  }
}

.glMovie_list {
  display: flex;
  justify-content: center;
  gap: 0 min(2.77vw,40px);
  margin-top: min(3.12vw,45px);
}
@media screen and (max-width:768px) {
  .glMovie_list {
    align-items: center;
    flex-direction: column;
    gap: 6.4vw 0;
    margin-top: 0;
  }
}

.glMovie_item {
  width: min(38.6vw,556px);
}
@media screen and (max-width:768px) {
  .glMovie_item {
    width: 82.6vw;
  }
}

.glMovie_item iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 560/315;
  border-radius: 10px;
}

.glStoriesGrid_list {
  display: flex;
  justify-content: center;
  gap: 0 min(2.77vw,40px);
}
@media screen and (max-width:768px) {
  .glStoriesGrid_list {
    flex-direction: column;
    gap: 9.33vw 0;
  }
}

.glStoriesGrid_item {
  width: min(24.8vw,358px);
}
@media screen and (max-width:768px) {
  .glStoriesGrid_item {
    width: 100%;
  }
}

.glStories {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: min(1.38vw,20px);
  background-color: #FFF;
  box-shadow: 0 min(4px,0.27vw) min(20px,1.38vw) #00000040;
  text-align: left;
}
@media screen and (max-width:768px) {
  .glStories {
    border-radius: 4.8vw;
    box-shadow: 0 0.8vw 4.8vw #00000040;
  }
}

.glStories_img {
  flex-shrink: 0;
  border-radius: min(1.38vw,20px) min(1.38vw,20px) 0 0;
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .glStories_img {
    border-radius: 4.8vw 4.8vw 0 0;
  }
}

.glStories img {
  scale: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 358/285;
  object-fit: cover;
  transition: scale 0.3s ease;
}
@media screen and (max-width:768px) {
  .glStories img {
    aspect-ratio: 312/248;
  }
}

.glStories:hover img {
  scale: 1.05;
}

.glStories_contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: min(1.94vw,28px) min(1.52vw,22px) min(2.77vw,40px);
  border-radius: 0 0 min(1.38vw,20px) min(1.38vw,20px);
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .glStories_contents {
    padding: 3.46vw 5.06vw 9.33vw;
  }
}

.glStories_title {
  color: #000;
  font-size: min(1.04vw,15px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media screen and (max-width:768px) {
  .glStories_title {
    font-size: 4vw;
    line-height: 1.33;
  }
}

.glStories[target="_blank"] .glStories_title::after {
  display: inline-block;
  width: 15px;
  height: auto;
  aspect-ratio: 15/12;
  margin-left: 10px;
  background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_stories_external.svg) no-repeat center/cover;
  content: "";
}
@media screen and (max-width:768px) {
  .glStories[target="_blank"] .glStories_title::after {
    width: 4vw;
  }
}

.glStories_text {
  margin-top: min(1.52vw,22px);
  color: #666;
  font-size: min(0.97vw,14px);
  line-height: 1.62;
  letter-spacing: 0.03em;
}
@media screen and (max-width:768px) {
  .glStories_text {
    margin-top: 1.86vw;
    font-size: 3.2vw;
    line-height: 1.58;
  }
}

.glStoriesCate_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.34vw,5px);
  margin-top: auto;
  padding-top: min(1.38vw,20px);
}
@media screen and (max-width:768px) {
  .glStoriesCate_list {
    gap: 1.06vw;
    padding-top: 4.8vw;
  }
}

.glStoriesCate_item {
  padding: min(0.34vw,5px) min(0.55vw,8px);
  border-radius: 9999px;
  border: 1px solid #0062B3;
  color: #0062B3;
  font-size: min(0.83vw,12px);
  line-height: 1.1;
  letter-spacing: 0.03em;
}
@media screen and (max-width:768px) {
  .glStoriesCate_item {
    padding: 1.06vw 1.86vw;
    font-size: 2.66vw;
  }
}

.glStoriesBtn {
  margin-top: min(5.55vw,80px);
}
@media screen and (max-width:768px) {
  .glStoriesBtn {
    margin-top: 16vw;
  }
}

.glStoriesBtn_button {
  position: relative;
  display: inline-block;
  min-width: min(22.2vw,320px);
  margin: 0 auto;
  padding: min(1.8vw,26px) min(5.55vw,80px) min(1.8vw,26px) min(1.8vw,26px);
  border-radius: 9999px;
  color: var(--txt-color-white);
  background-color: #0079DD;
  box-shadow: 0 min(0.27vw,4px) min(0.69vw,10px) #00000040;
  font-size: min(1.33vw,16px);
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  transition: all .3s;
}
@media screen and (max-width:768px) {
  .glStoriesBtn_button {
    width: 100%;
    padding: 7.46vw 21.3vw 7.46vw 6.93vw;
    box-shadow: 0 0.8vw 4.8vw #00000040;
    font-size: 4.26vw;
  }
}

.glStoriesBtn_button::before,
.glStoriesBtn_button::after {
  position: absolute;
  top: 50%;
  right: min(1.8vw,26px);
  translate: 0 -50%;
  width: min(3.05vw,44px);
  aspect-ratio: 1;
  transition: all .3s;
  content: "";
}
@media screen and (max-width:768px) {
  .glStoriesBtn_button::before,
  .glStoriesBtn_button::after {
    right: 6.93vw;
    width: 11.7vw;
  }
}

.glStoriesBtn_button::before {
  border-radius: 50%;
  background: linear-gradient(146.16deg, #9EF0EB 6.84%, #1FA9FF 93.61%);
  box-shadow: 0 0 min(0.27vw,4px) rgba(0, 0, 0, 0.15);
}

.glStoriesBtn_button::after {
  background-image: url(/mng/wp-content/themes/ppes/assets/img/common/btn_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36.3%;
}
@media screen and (max-width:768px) {
  .glStoriesBtn_button::after {
    
  }
}

.glStoriesBtn_button:hover {
  color: var(--txt-color-white);
}

.glStoriesBtn_button:hover::after {
  right: min(1.38vw,20px);
}

.glSideNavWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 154px;
  height: 99%;
  padding: 140px 0 0 35px;
}
@media screen and (max-width:768px) {
  .glSideNavWrap {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: calc(max(13.33vw,50px) * -1);
    padding: calc(12vw + max(13.33vw,50px)) 0 0;
    background: linear-gradient(270deg, #006FFF 0%, #A6E9FF 100%);
  }
}

.glSideNav {
  position: sticky;
  top: min(13.8vw,200px);
  left: 0;
}
@media screen and (max-width:768px) {
  .glSideNav {
    position: static;
    padding: 0 10px;
  }
}

@media screen and (max-width:768px) {
  .glSideNav_list {
    position: static;
    display: flex;
    overflow-x: scroll;
  }
}

@media screen and (max-width:768px) {
  .glSideNav_list::-webkit-scrollbar {
    height: 0.8vw;
    background: linear-gradient(0deg, transparent 0%, transparent 30%, #FFF 30%, #FFF 60%, transparent 60%, transparent 100%);
  }
}

@media screen and (max-width:768px) {
  .glSideNav_list::-webkit-scrollbar-thumb {
    background-color: #222;
    height: 1px;
  }
}

.glSideNav_item {
  position: relative;
  padding-left: min(0.94vw,14px);
}
@media screen and (max-width:768px) {
  .glSideNav_item {
    padding: 0;
  }
}

.glSideNav_item:not(:last-child) {
  padding-bottom: min(2.43vw,35px);
}
@media screen and (max-width:768px) {
  .glSideNav_item:not(:last-child) {
    padding-bottom: 0;
  }
}

.glSideNav_item::before {
  position: absolute;
  top: min(0.62vw,9px);
  left: 0;
  display: block;
  width: min(0.55vw,8px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #0079DD;
  content: "";
}
@media screen and (max-width:768px) {
  .glSideNav_item::before {
    content: none;
  }
}

.glSideNav_item:not(:last-child)::after {
  position: absolute;
  top: min(1.59vw,23px);
  left: min(0.27vw,4px);
  width: 1px;
  height: min(2.63vw,38px);
  background-color: #333;
  content: "";
}
@media screen and (max-width:768px) {
  .glSideNav_item:not(:last-child)::after {
    content: none;
  }
}

.glSideNav_link {
  color: #333;
  font-weight: 500;
  white-space: nowrap;
  transition: color .3s ease;
}
@media screen and (max-width:768px) {
  .glSideNav_link {
    position: relative;
    display: block;
    padding: 6.66vw 7.19vw 6.66vw 1.33vw;
    font-size: 4.26vw;
    font-weight: 700;
  }
}

@media screen and (max-width:768px) {
  .glSideNav_link::after {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    width: 4.8vw;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: url(/mng/wp-content/themes/ppes/assets/img/company/5min/5min_sidenav_arrow.svg) no-repeat 100% 100%/contain;
    background-color: #333;
    content: "";
  }
}

.glSideNav_link:hover,
.glSideNav_link.is-current {
  color: #0079DD;
}
@media screen and (max-width:768px) {
  .glSideNav_link:hover,
  .glSideNav_link.is-current {
    color: #333;
  }
}

.br-sp {
  display: none;
}
@media screen and (max-width:768px) {
  .br-sp {
    display: inline-block;
  }
}

@media screen and (max-width:768px) {
  .br-pc {
    display: none;
  }
}

/*------------------------------
english
------------------------------*/
@media screen and (max-width:768px) {
.english .glProductionPanel_note {
  font-size: 3vw;
}
}

.english .glProductionPanel_value > span {
  font-size: min(3.02vw, 43px);
}

.english .glProductionPanel_value {
  font-size: min(2.0vw, 24px);
}

@media screen and (max-width:768px) {
.english .glProductionPanel_value > span {
  font-size: min(5.0vw, 55px);
}

.english .glProductionPanel_value {
  font-size: min(5.0vw, 33px);
}
}

.english .glProductionPanel_value .__first {
  font-size: min(5.0vw, 24px);
}

.english .glProductionPanel::before {
  top: min(11.75vw, 160px);
}

@media screen and (max-width:768px) {
  .english .glProductionPanel::before {
    top: 56.6vw;
    left: 50%;
    translate: -50% 0;
    width: 48vw;
  }
}

.english .glProductionPanel_note {
  text-align: left;
}
@media screen and (max-width:768px) {
  .english .glProductionPanel_note {
    text-align: center;
  }
}