#index_header,
#newgraduate_header,
#midcareer_header,
#seminar_header,
#about_header{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin:calc(32/375*100vw) 0 0;
}

#index_header >div,
#index_about >div,
#newgraduate_header >div,
#midcareer_header >div,
#seminar_header >div,
#about_header >div{
  width:100%;
  box-sizing:border-box;
  padding:calc(20/375*100vw) 0;
  background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
}

#index_header >div >p,
#newgraduate_header >div >p,
#midcareer_header >div >p,
#seminar_header >div >p,
#about_header >div >p{
  width:calc(335/375*100vw);
  margin:0 auto;
  color:rgb(255,255,255);
}

#index_header >div >p:nth-of-type(1),
#newgraduate_header >div >p:nth-of-type(1),
#midcareer_header >div >p:nth-of-type(1),
#seminar_header >div >p:nth-of-type(1),
#about_header >div >p:nth-of-type(1){
  font-weight:bold;
  font-size:calc(16/375*100vw); line-height:calc(32/375*100vw);
}

#index_header >div >p:nth-of-type(2),
#newgraduate_header >div >p:nth-of-type(2),
#midcareer_header >div >p:nth-of-type(2),
#seminar_header >div >p:nth-of-type(2),
#about_header >div >p:nth-of-type(2){
  margin:calc(8/375*100vw) auto 0;
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(22/375*100vw);
}

#index_header >img,
#newgraduate_header >img,
#midcareer_header >img,
#seminar_header >img,
#index_about >img{
  width:100%; height:auto;
}

#index_menu{
  width:calc(335/375*100vw);
  margin:calc(32/375*100vw) auto 0;
}

#index_menu >h2,
#index_faq >h2,
#about_group >h2{
  width:calc(335/375*100vw);
  position:relative;
  margin:calc(64/375*100vw) auto 0; padding:0 0 calc(16/375*100vw);
  font-weight:bold;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
  color:rgb(0,153,68);
}

#index_menu >h2::before,
#index_faq >h2::before,
#about_group >h2::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(217,235,225);
}

#index_menu >h2::after,
#index_faq >h2::after,
#about_group >h2::after{
  content:'';
  display:block;
  width:calc(22/375*100vw); height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(0,153,68);
}

#index_menu >h2:nth-of-type(1),
#index_faq >h2:nth-of-type(1){
  margin:0 auto;
}

#index_menu >ul{
  display:flex;
  flex-wrap:wrap;
  gap:calc(30/375*100vw) 0;
  width:calc(335/375*100vw);
  margin:calc(12/375*100vw) auto 0;
}

#index_menu >ul >li{
  display:flex;
  flex-wrap:wrap;
  width:100%;
}

#index_menu >ul >li img{
  width:100%; height:auto;
}

#index_menu >ul >li p{
  display:flex;
  align-items:center;
  width:100%; height:calc(36/375*100vw);
  padding:0 0 0 calc(10/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(16/375*100vw);
  color:rgb(255,255,255);
  background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
}

#index_menu >ul >li p::before{
  content:'';
  display:inline-block;
  width:calc(5/375*100vw); height:calc(8/375*100vw);
  margin:0 calc(8/375*100vw) 0 0;
  background:url(../image/index_01_sp.svg) center /cover no-repeat;
}

#index_faq{
  width:calc(335/375*100vw);
  margin:calc(64/375*100vw) auto 0; padding:0 0 calc(80/375*100vw);
}

#index_faq >ul{
  width:calc(335/375*100vw);
  margin:0 auto;
}

#index_faq >ul >li{
  position:relative;
  padding:calc(28/375*100vw) 0;
}

#index_faq >ul >li::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(198,198,198);
}

#index_faq >ul >li >h3{
  width:100%;
  box-sizing:border-box;
  position:relative;
  margin:0; padding:calc(1/375*100vw) calc(32/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(14/375*100vw);
}

#index_faq >ul >li >h3::before{
  content:'';
  display:inline-block;
  width:calc(16/375*100vw); height:calc(16/375*100vw);
  position:absolute;
  top:0; left:0;
  background:rgb(0,153,68) url(../image/index_02_1.svg) center /cover no-repeat;
}

#index_faq >ul >li >h3::after{
  content:'';
  display:inline-block;
  width:calc(16/375*100vw); height:calc(16/375*100vw);
  position:absolute;
  top:0; right:0;
  background:url(../image/index_03_1.svg) center /cover no-repeat;
}

#index_faq >ul >li.active >h3::after{
  background:url(../image/index_03_2.svg) center /cover no-repeat;
}

#index_faq >ul >li >p{
  display:none;
  width:100%;
  box-sizing:border-box;
  position:relative;
  margin:calc(32/375*100vw) 0 0; padding:calc(1/375*100vw) calc(32/375*100vw) calc(1/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(14/375*100vw);
}

#index_faq >ul >li.active >p{
  display:block;
}

#index_faq >ul >li >p::before{
  content:'';
  display:inline-block;
  width:calc(16/375*100vw); height:calc(16/375*100vw);
  position:absolute;
  top:0; left:0;
  background:rgb(14,36,77) url(../image/index_02_2.svg) center /cover no-repeat;
}

#index_footer{
  display:none;
}

#index_about{
  display:flex;
  width:calc(335/375*100vw);
  margin:calc(64/375*100vw) auto calc(82/375*100vw);
}

#index_about >div,
#index_about >img{
  display:none;
}

#index_about >a{
  display:block;
}

#index_about >a img{
  display:block;
  width:100%; height:auto;
}

#index_about >a p{
  display:flex;
  align-items:center;
  width:100%; height:calc(36/375*100vw);
  padding:0 0 0 calc(10/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(16/375*100vw);
  color:rgb(255,255,255);
  background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
}

#index_about >a p::before{
  content:'';
  display:inline-block;
  width:calc(5/375*100vw); height:calc(8/375*100vw);
  margin:0 calc(8/375*100vw) 0 0;
  background:url(../image/index_01_sp.svg) center /cover no-repeat;
}

#newgraduate_menu,
#midcareer_menu,
#seminar_menu,
#about_mmb{
  width:calc(335/375*100vw);
  margin:calc(32/375*100vw) auto calc(128/375*100vw);
}

#about_mec{
  width:calc(335/375*100vw);
  margin:calc(32/375*100vw) auto 0;
}

#newgraduate_menu >ul,
#midcareer_menu >ul,
#seminar_menu >ul{
  display:flex;
  flex-wrap:wrap;
  gap:calc(60/375*100vw) 0;
  width:calc(335/375*100vw);
  margin:calc(12/375*100vw) auto 0;
}

#newgraduate_menu >ul >li,
#midcareer_menu >ul >li,
#seminar_menu >ul >li{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  width:100%;
}

#newgraduate_menu >ul >li >h2,
#midcareer_menu >ul >li >h2,
#seminar_menu >ul >li >h2{
  width:100%; height:calc(64/375*100vw);
  overflow:hidden;
  position:relative;
  margin:0 auto; padding:0 0 calc(16/375*100vw);
  white-space:nowrap;
  text-indent:100%;
}

#newgraduate_menu >ul >li:nth-of-type(1) >h2,
#midcareer_menu >ul >li:nth-of-type(1) >h2,
#seminar_menu >ul >li:nth-of-type(1) >h2{
  background:url(../image/newgraduate_menu_03_1.jpg) left center /calc(192/375*100vw) auto no-repeat;
}

#newgraduate_menu >ul >li:nth-of-type(2) >h2,
#midcareer_menu >ul >li:nth-of-type(2) >h2,
#seminar_menu >ul >li:nth-of-type(2) >h2{
  background:url(../image/newgraduate_menu_03_2.jpg) left center /calc(192/375*100vw) auto no-repeat;
}

#newgraduate_menu >ul >li >h2::before,
#midcareer_menu >ul >li >h2::before,
#seminar_menu >ul >li >h2::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(217,235,225);
}

#newgraduate_menu >ul >li >h2::after,
#midcareer_menu >ul >li >h2::after,
#seminar_menu >ul >li >h2::after{
  content:'';
  display:block;
  width:calc(22/375*100vw); height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(0,153,68);
}

#newgraduate_menu >ul >li >img,
#midcareer_menu >ul >li >img,
#seminar_menu >ul >li >img{
  width:100%;
  margin:calc(20/375*100vw) auto 0;
}

#newgraduate_menu >ul >li >h3,
#midcareer_menu >ul >li >h3,
#seminar_menu >ul >li >h3{
  width:100%;
  position:relative;
  margin:calc(16/375*100vw) 0 0; padding:0 0 calc(16/375*100vw);
  font-weight:bold;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
  color:rgb(0,153,68);
}

#newgraduate_menu >ul >li >h3::before,
#midcareer_menu >ul >li >h3::before,
#seminar_menu >ul >li >h3::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(217,235,225);
}

#newgraduate_menu >ul >li >h4,
#midcareer_menu >ul >li >h4{
  width:100%;
  position:relative;
  margin:calc(16/375*100vw) 0 0;
  font-weight:normal;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
  color:rgb(0,153,68);
}

#newgraduate_menu >ul >li >p,
#midcareer_menu >ul >li >p{
  width:100%;
  position:relative;
  margin:0;
  font-weight:normal;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
}

#newgraduate_menu >ul >li a,
#midcareer_menu >ul >li a,
#seminar_menu >ul >li a{
  display:flex;
  align-items:center;
  width:100%; height:calc(38/375*100vw);
  margin:calc(32/375*100vw) 0 0 0; padding:0 0 0 calc(10/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(16/375*100vw);
  color:rgb(255,255,255);
  background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
}

#seminar_menu >ul >li a:nth-of-type(1){
  background:linear-gradient(90deg, rgb(14,36,77) 0%, rgb(44,72,123) 100%);
}

#newgraduate_menu >ul >li a::before,
#midcareer_menu >ul >li a::before,
#seminar_menu >ul >li a::before{
  content:'';
  display:inline-block;
  width:calc(5/375*100vw); height:calc(8/375*100vw);
  margin:0 calc(8/375*100vw) 0 0;
  background:url(../image/index_01_sp.svg) center /cover no-repeat;
}

#seminar_menu >ul >li >ul{
  width:100%;
  margin:calc(6/375*100vw) 0 0;
}

#seminar_menu >ul >li >ul >li{
  margin:calc(6/375*100vw) 0 0;
  font-weight:normal;
  font-size:calc(10/375*100vw); line-height:calc(14/375*100vw);
}

#seminar_menu >ul >li >p{
  width:100%;
  position:relative;
  margin:calc(12/375*100vw) 0 0;
  font-weight:normal;
  font-size:calc(10/375*100vw); line-height:calc(14/375*100vw);
}

#about_header >p{
  width:100%;
  margin:calc(28/375*100vw) 0 0;
  font-weight:bold;
  font-size:calc(20/375*100vw); line-height:calc(24/375*100vw);
  text-align:center;
  color:rgb(0,153,68);
}

#about_group >div{
  width:calc(335/375*100vw); height:auto;
  position:relative;
  margin:calc(32/375*100vw) auto 0;
}

#about_group >div >a{
  display:block;
  position:absolute;
}

#about_group >div >a:nth-of-type(1){
  width:calc(295/375*100vw); height:calc(227/375*100vw);
  top:calc(183/375*100vw); left:calc(20/375*100vw);
}

#about_group >div >a:nth-of-type(2){
  width:calc(295/375*100vw); height:calc(167/375*100vw);
  top:calc(422/375*100vw); left:calc(20/375*100vw);
}

#about_mec >h2,
#about_mmb >h2{
  width:100%;
  position:relative;
  margin:0 auto; padding:calc(38/375*100vw) 0 calc(16/375*100vw);
  font-weight:bold;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
  color:rgb(0,153,68) ;
}

#about_mec >h2{
  background:url(../image/newgraduate_menu_03_1.jpg) left top /calc(190/375*100vw) auto no-repeat
}

#about_mmb >h2{
  background:url(../image/newgraduate_menu_03_2.jpg) left top /calc(190/375*100vw) auto no-repeat
}

#about_mec >h2::before,
#about_mmb >h2::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(217,235,225);
}

#about_mec >h2::after,
#about_mmb >h2::after{
  content:'';
  display:block;
  width:calc(22/375*100vw); height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(0,153,68);
}

#about_mec >p,
#about_mmb >p{
  width:100%;
  position:relative;
  margin:calc(12/375*100vw) 0 0;
  font-weight:normal;
  font-size:calc(10/375*100vw); line-height:calc(12/375*100vw);
}

#about_mec >h3,
#about_mmb >h3{
  width:100%;
  position:relative;
  margin:0 auto; padding:calc(38/375*100vw) 0 calc(16/375*100vw);
  font-weight:bold;
  font-size:calc(16/375*100vw); line-height:calc(24/375*100vw);
}

#about_mec >h3::before,
#about_mmb >h3::before{
  content:'';
  display:block;
  width:100%; height:2px;
  position:absolute;
  bottom:0; left:0;
  background:rgb(217,235,225);
}

#about_mec .swiper,
#about_mmb .swiper{
  width:100%;
  margin:calc(12/375*100vw) 0 0;
}

#about_mec >ul,
#about_mmb >ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:calc(20/375*100vw) 0;
  width:100vw;
  margin:calc(32/375*100vw) calc(-20/375*100vw) 0; padding:calc(32/375*100vw) 0;
  background:rgb(217,235,225);
}

#about_mec >ul >li >a,
#about_mmb >ul >li >a{
  display:flex;
  align-items:center;
  width:calc(335/375*100vw); height:calc(38/375*100vw);
  padding:0 0 0 calc(10/375*100vw);
  font-weight:normal;
  font-size:calc(12/375*100vw); line-height:calc(16/375*100vw);
  color:rgb(255,255,255);
  background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
}

#about_mec >ul >li >a::before,
#about_mmb >ul >li >a::before{
  content:'';
  display:inline-block;
  width:calc(5/375*100vw); height:calc(8/375*100vw);
  margin:0 calc(8/375*100vw) 0 0;
  background:url(../image/index_01_sp.svg) center /cover no-repeat;
}

#about_mec >ul >li:nth-of-type(3) >a,
#about_mmb >ul >li:nth-of-type(3) >a{
  background:linear-gradient(90deg, rgb(14,36,77) 0%, rgb(44,72,123) 100%);
}

#about_mec >ul >li:nth-of-type(4) >a,
#about_mmb >ul >li:nth-of-type(4) >a{
  background:linear-gradient(90deg, rgb(102,102,102) 0%, rgb(38,38,38) 100%);
}



@media (min-width:641px){

  #index_header,
  #newgraduate_header,
  #midcareer_header,
  #seminar_header,
  #about_header,
  #about_group,
  #about_mec{
    width:1200px;
    margin:72px auto 0;
  }

  #index_header >div,
  #newgraduate_header >div,
  #midcareer_header >div,
  #seminar_header >div,
  #index_about >div,
  #about_header >div{
    width:570px;
    box-sizing:border-box;
    padding:50px 0;
  }

  #index_header >div >p,
  #newgraduate_header >div >p,
  #midcareer_header >div >p,
  #seminar_header >div >p,
  #about_header >div >p{
    width:450px;
  }

  #index_header >div >p:nth-of-type(1),
  #newgraduate_header >div >p:nth-of-type(1),
  #midcareer_header >div >p:nth-of-type(1),
  #seminar_header >div >p:nth-of-type(1),
  #about_header >div >p:nth-of-type(1){
    font-size:30px; line-height:48px;
  }

  #index_header >div >p:nth-of-type(2),
  #newgraduate_header >div >p:nth-of-type(2),
  #midcareer_header >div >p:nth-of-type(2),
  #seminar_header >div >p:nth-of-type(2),
  #about_header >div >p:nth-of-type(2){
    margin:34px auto 0;
    font-size:16px; line-height:36px;
  }

  #index_header >img,
  #newgraduate_header >img,
  #midcareer_header >img,
  #seminar_header >img,
  #index_about >img,
  #about_header >img{
    width:630px; height:auto;
  }

  #index_menu,
  #newgraduate_menu,
  #midcareer_menu,
  #seminar_menu{
    width:1200px;
    margin:100px auto 0;
  }

  #index_menu >h2,
  #index_faq >h2,
  #about_group >h2{
    width:100%;
    margin:60px auto 0; padding:0 0 32px;
    font-size:28px; line-height:48px;
  }

  #index_menu >h2::after,
  #index_faq >h2::after,
  #about_group >h2::after{
    width:80px;
  }

  #index_menu >h2:nth-of-type(1),
  #index_faq >h2:nth-of-type(1),
  #about_group >h2:nth-of-type(1){
    margin:0 auto;
  }

  #index_menu >ul{
    gap:0 60px;
    width:1200px;
    margin:32px auto 0;
  }

  #index_menu >ul >li{
    width:570px;
  }

  #index_menu >ul >li a{
    transition:opacity 0.3s;
  }

  #index_menu >ul >li a:hover{
    opacity:0.5;
  }

  #index_menu >ul >li p{
    height:60px;
    padding:0 0 0 18px;
    font-size:16px; line-height:24px;
  }

  #index_menu >ul >li p::before{
    width:7px; height:12px;
    margin:0 20px 0 0;
    background:url(../image/index_01_pc.svg) center /cover no-repeat;
  }

  #index_faq{
    width:1200px;
    margin:148px auto 0; padding:0;
  }

  #index_faq >ul{
    width:100%;
    margin:0 auto;
  }

  #index_faq >ul >li{
    position:relative;
    padding:42px 0;
  }

  #index_faq >ul >li >h3{
    padding:1px 38px;
    font-size:16px; line-height:18px;
    cursor:pointer;
  }

  #index_faq >ul >li >h3::before{
    width:20px; height:20px;
  }

  #index_faq >ul >li >h3::after{
    width:20px; height:20px;
  }

  #index_faq >ul >li >p{
    margin:64px 0 0; padding:1px 38px;
    font-size:16px; line-height:18px;
  }

  #index_faq >ul >li >p::before{
    width:20px; height:20px;
  }

  #index_footer{
    display:block;
    width:100%;
    margin:164px 0 82px; padding:50px 0;
    background:rgb(217,235,225);
  }

  #index_footer >a{
    display:flex;
    justify-content:center; align-items:center;
    width:1000px; height:120px;
    margin:0 auto;
    font-weight:normal;
    font-size:24px; line-height:28px;
    color:rgb(255,255,255);
    background:linear-gradient(90deg, rgb(37,114,45) 0%, rgb(0,153,68) 100%);
  }

  #index_about{
    width:1200px;
    margin:100px auto 82px;
  }

  #index_about >div{
    display:flex;
    align-items:center; justify-content:center;
  }

  #index_about >div >a{
    display:inline-block;
    padding:20px 45px;
    color:rgb(255,255,255);
    border:1px solid rgb(255,255,255);
    transition:opacity 0.3s;
  }

  #index_about >div >a:hover{
    opacity:0.5;
  }

  #index_about >div >a::before{
    content:'';
    display:inline-block;
    width:7px; height:12px;
    margin:0 20px 0 0;
    background:url(../image/index_01_pc.svg) center /cover no-repeat;
  }

  #index_about >img{
    display:block;
  }

  #index_about >a{
    display:none;
  }

  #newgraduate_menu,
  #midcareer_menu,
  #seminar_menu,
  #about_mmb{
    width:1200px;
    margin:100px auto 82px;
  }

  #newgraduate_menu >ul,
  #midcareer_menu >ul,
  #seminar_menu >ul{
    gap:0 60px;
    width:100%;
    margin:0;
  }

  #newgraduate_menu >ul >li,
  #midcareer_menu >ul >li,
  #seminar_menu >ul >li{
    width:570px;
    position:relative;
    padding:0 0 96px;
  }

  #newgraduate_menu >ul >li >h2,
  #midcareer_menu >ul >li >h2,
  #seminar_menu >ul >li >h2{
    height:92px;
  }

  #newgraduate_menu >ul >li:nth-of-type(1) >h2,
  #midcareer_menu >ul >li:nth-of-type(1) >h2,
  #seminar_menu >ul >li:nth-of-type(1) >h2{
    background:url(../image/newgraduate_menu_03_1.jpg) left center /360px auto no-repeat;
  }

  #newgraduate_menu >ul >li:nth-of-type(2) >h2,
  #midcareer_menu >ul >li:nth-of-type(2) >h2,
  #seminar_menu >ul >li:nth-of-type(2) >h2{
    background:url(../image/newgraduate_menu_03_2.jpg) left center /360px auto no-repeat;
  }

  #newgraduate_menu >ul >li >h2::after,
  #midcareer_menu >ul >li >h2::after,
  #seminar_menu >ul >li >h2::after{
    width:80px;
  }

  #newgraduate_menu >ul >li >img,
  #midcareer_menu >ul >li >img,
  #seminar_menu >ul >li >img{
    margin:32px 0 0;
  }

  #newgraduate_menu >ul >li >h3,
  #midcareer_menu >ul >li >h3{
    margin:62px 0 0; padding:0 0 14px;
    font-size:20px; line-height:24px;
  }

  #seminar_menu >ul >li >h3{
    display:none;
  }

  #newgraduate_menu >ul >li >h4,
  #midcareer_menu >ul >li >h4{
    margin:28px 0 0;
    font-size:16px; line-height:36px;
  }

  #newgraduate_menu >ul >li >p,
  #midcareer_menu >ul >li >p{
    font-size:16px; line-height:36px;
  }

  #midcareer_menu >ul >li >p:nth-of-type(2){
    margin:1.8em 0 0;
    color:rgb(0,153,68);
  }

  #newgraduate_menu >ul >li a,
  #midcareer_menu >ul >li a,
  #seminar_menu >ul >li a{
    width:100%; height:60px;
    position:absolute;
    bottom:0; left:0;
    font-size:16px; line-height:18px;
    transition:opacity 0.3s;
  }

  #seminar_menu >ul >li a:nth-of-type(1){
    position:static;
    margin:32px 0 0 0;
  }

  #seminar_menu >ul >li a:nth-of-type(2){
    margin:32px 0 0 0;
  }

  #newgraduate_menu >ul >li a::before,
  #midcareer_menu >ul >li a::before,
  #seminar_menu >ul >li a::before{
    width:7px; height:12px;
    margin:0 20px 0 0;
    background:url(../image/index_01_pc.svg) center /cover no-repeat;
  }

  #newgraduate_menu >ul >li a:hover,
  #midcareer_menu >ul >li a:hover,
  #seminar_menu >ul >li a:hover{
    opacity:0.5;
  }

  #seminar_menu >ul >li >ul{
    display:none;
  }

  #seminar_menu >ul >li >p{
    display:none;
  }

  #about_header >p{
    margin:calc(28/375*100vw) 0 0;
    font-size:40px; line-height:42px;
  }

  #about_group >div{
    width:1200px;
    margin:32px auto 0;
  }

  #about_group >div >a:nth-of-type(1){
    width:570px; height:241px;
    top:267px; left:0;
  }

  #about_group >div >a:nth-of-type(2){
    width:570px; height:241px;
    top:267px; left:630px;
  }

  #about_mec >h2,
  #about_mmb >h2{
    margin:0 auto; padding:0 0 32px;
    font-size:28px; line-height:32px;
  }

  #about_mec >h2{
    background:url(../image/newgraduate_menu_03_1.jpg) right top /280px auto no-repeat
  }

  #about_mmb >h2{
    background:url(../image/newgraduate_menu_03_2.jpg) right top /280px auto no-repeat
  }

  #about_mec >h2::after,
  #about_mmb >h2::after{
    width:80px;
  }

  #about_mec >p,
  #about_mmb >p{
    margin:28px 0 0;
    font-size:16px; line-height:24px;
  }

  #about_mec >h3,
  #about_mmb >h3{
    margin:96px auto 0; padding:0 0 32px;
    font-size:28px; line-height:32px;
  }

  #about_mec .swiper,
  #about_mmb .swiper{
    width:846px;
    margin:64px auto 0;
  }

  #about_mec >ul,
  #about_mmb >ul{
    width:1200px;
    gap:60px;
    margin:82px auto 0; padding:60px 0;
  }

  #about_mec >ul >li >a,
  #about_mmb >ul >li >a{
    width:470px; height:60px;
    padding:0 0 0 18px;
    font-size:16px; line-height:18px;
    transition:opacity 0.3s;
  }

  #about_mec >ul >li >a::before,
  #about_mmb >ul >li >a::before{
    width:7px; height:12px;
    margin:0 20px 0 0;
    background:url(../image/index_01_pc.svg) center /cover no-repeat;
  }

  #about_mec >ul >li:nth-of-type(3) >a,
  #about_mmb >ul >li:nth-of-type(3) >a{
    background:linear-gradient(90deg, rgb(14,36,77) 0%, rgb(44,72,123) 100%);
  }

  #about_mec >ul >li:nth-of-type(4) >a,
  #about_mmb >ul >li:nth-of-type(4) >a{
    background:linear-gradient(90deg, rgb(102,102,102) 0%, rgb(38,38,38) 100%);
  }

  #about_mec >ul >li >a:hover,
  #about_mmb >ul >li >a:hover{
    opacity:0.5;
  }

}