@charset "utf-8";/* CSS Document */
body {
margin: 0;
width:100%;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #333;
font-family: 'Noto Sans JP', sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: 'Noto Sans JP', sans-serif;
}

.en{
font-family: 'Inter', sans-serif;
font-weight: bold;
}

img{
width: 100%;
}

a{
outline:none !important;
	letter-spacing: 1px;
}

a:hover{
outline:none !important;
text-decoration: none;
opacity: 0.7;
transition: .3s;
}

ul{
	list-style:none;
	padding:0;
	margin: 0;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */

}

ul li{
	letter-spacing: normal; /* 文字間を詰めて隙間をなくす */
}

div,
ul,
li,
p{
	box-sizing: border-box;
}

div,
p,
li a{
	line-height: 1.5;
}

p{
margin: 0;
}

.warp{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}

.pc_none{
	display:none;
}



/* header */
header{
	width:100%;
	padding:0;
	z-index:9999;
	background:　none;
	position: relative;
	height: 70px;
}

header h1{
padding-top:15px;
padding-left: 34px;
}

header h1 a:hover{
opacity:0.8;
transition:0.3;
}

header h1 img{
width: 256px;
}

#menu li{
position: fixed;
top: 0;
right: 0;
width: 174px;
height: 70px;
background: #FF981A;
color: #fff;
text-align: center;
font-size: 12px;
padding-top: 26px;
}

#menu li a{
color: #fff;
line-height: 1;
padding-left: 28px;
}

#menu li a::before{
content: url("../img/ico01.svg");
position: absolute;
top: 27px;
left: 10px;
}

footer .bg{
background: #1847C7;
color: #fff;
text-align: center;
padding: 60px 0;
}

footer .logo img{
width: 240px;
margin: 10px auto 35px;
}

footer a.link{
color: #fff;
font-size: 11px;
}

footer p.cap{
color: #fff;
font-size: 13px;
}

footer p.copy{
font-size: 8px;
text-align: center;
line-height: 20px;
}

.mb00{
margin-bottom: 0 !important;
}

/* top----------------------------------- */

/*==================
fv_メイン画像
==================*/
.slider01{
  margin: 0 auto 0;
  width: 100%;
}
.slick-img img {
  height: auto;
  width: 100%;
}

.fv{
position: relative;
overflow: hidden;
}

.fv .warp{
position: absolute;
bottom: 15%;
left: 0;
right: 0;
width: 100%;
margin:0 auto;
z-index: 1;
}

.fv h2{
vertical-align: top;
margin-bottom: 20px;
padding-right: 2%;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}

.fv .text_box{
vertical-align: bottom;
color: #fff;
padding-left: max(20px, calc((100% - 1200px)/2));
padding-right: max(20px, calc((100% - 1200px)/2));
}

.fv h2 span{
display: inline-block;
padding:0 7px;
}

.fv h2 span.text01{
color: #1847C7;
background: url('../img/h2-bg.png') no-repeat center/contain;
font-size: min(4vw,35px);
line-height: 1.5;
padding-right: 2em;
padding-left: max(20px, calc((100% - 1200px)/2));
background-size: 100%;
font-weight: 700;
font-family: 'Noto Sans JP', sans-serif;
}
.fv h2 span.text01 .add {
  padding: 0 3px;
  font-size: 12px;
  transform: translateY(-10px);
}

.fv h2 span.text02{
color: #FFF;
font-size: 60px;
line-height: 82px;
margin-top: 0;
white-space: nowrap;
padding-left: max(20px, calc((100% - 1200px)/2));
}

.fv p.text01{
font-weight: 700;
font-size: 24px;
line-height: 29px;
margin-bottom: 20px;
}

.fv p.text02{
font-weight: normal;
font-size: 12px;
line-height: 15px;
}

/*==================
見出し基本h2設定
==================*/
#top h2{
font-family: 'Inter', sans-serif;
font-weight: bold;
font-size: 140px;
line-height: 1;
text-align: center;
color: rgba(24, 71, 199, 0.1);
position: relative;
margin: 80px auto 60px;
}

#top h2 span{
font-family: 'Noto Sans JP';
font-weight: 700;
font-size: 40px;
text-align: center;
color: #1847C7;
position: absolute;
top: 60px;
left: 0;right: 0;
margin: auto;
}

/*==================
共通あしらい
==================*/
#top .bule_w{
width: 92px;
height: 34px;
margin: 0 auto;
background: #1847C7;
color: #fff;
text-align: center;
border-radius: 50px;
font-family: 'Inter';
font-weight: bold;
font-size: 18px;
line-height: 34px;
margin-bottom: 26px;
}

#top .cont00 {
  padding-top: 1px;
  padding-bottom: 60px;
  background-color: #EAF0FC;
  margin-top: -5px;
}
#top .cont00 h2 {
  font-size: 32px;
  text-align: center;
  color: #1847C7;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
}
#top .cont00 h2 span {
  font-size: 40px;
  display: block;
  position: unset;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  margin: unset;
  color: #1847C7;
}
#top .cont00 .inner {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 10px;
  border: 3px solid #1847C7;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}
#top .cont00 .inner .content {
  display: flex;
  justify-content: center;
  column-gap: 5%;
}
#top .cont00 .inner .content .item {
  width: fit-content;
	max-width: 50%;
}
#top .cont00 .inner .content .item:nth-of-type(2) {
  /*margin: 0 65px;*/
}
#top .cont00 .inner .content .item h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color:#333;
  line-height: 1.4;
  margin-bottom: 10px;
}
#top .cont00 .inner .content .item .img_box {
  width: 248px;
	max-width: 100%;
  margin: 0 auto;
}
#top .cont00 .inner .text {
  margin-top: 25px;
  padding-left: 12px;
  font-size: 10px;
  font-weight: 700;
  color:#333;
}

/*==================
01_グロービズMBAの特徴
==================*/
#top .cont01{
padding-bottom: 100px;
}

#top .cont01 .box01{
position: relative;
height: 700px;
background: url("../img/img01.jpg") no-repeat;
background-size:auto 100%;
margin-bottom: 70px;
padding-top: 70px;
}

#top .cont01 .box02{
position: relative;
height: 700px;
background: url("../img/img02.jpg") no-repeat;
background-size:auto 100%;
background-position: right center;
padding-top: 70px;
/*margin-bottom: 70px;*/
margin-bottom: 230px;
}

#top .cont01 .box03{
  position: relative;
  height: 700px;
  background: url("../img/cont01_2_img-pc.jpg") no-repeat;
  background-size:auto 100%;
  margin-bottom: 180px;
  padding-top: 70px;
}

#top .cont01 .box01 .in_box{
position: absolute;
right: 0;
}

#top .cont01 .box02 .in_box{
position: absolute;
left: 0;
}

#top .cont01 .box03 .in_box{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  }

#top .cont01 .box03 .in_box .img{
	margin-top: 2em;
}

#top .cont01 .in_box{
width: 534px;
background: #FFFFFF;
border: 3px solid #EAF0FC;
box-shadow: 0px 4px 0px #EAF0FC;
border-top: 5px solid #1847C7;
padding: 40px 36px;
}

#top .cont01  .in_box h3{
font-weight: 700;
font-size: 24px;
line-height: 150%;
text-align: center;
color: #1847C7;
margin-bottom: 20px;
}
#top .cont01  .in_box h3 .add {
  font-size: 20px;
  vertical-align: top;
  padding: 0;
  transform: translateY(-5px);
  display: inline-block;
}

#top .cont01  .in_box p span{
font-size: 12px;
line-height: 17px;
}

#top .cont01_2 {
  width: 91.5%;
  position: relative;
}
#top .cont01_2 .inner .img_box {
  width: 75.5%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}
#top .cont01_2 .inner .content {
  margin-bottom: 135px;
  width: 534px;
  margin-left: auto;
  border-top: 5px solid #1847C7;
  border-bottom: 3px solid #EAF0FC;
  border-right: 3px solid #EAF0FC;
  border-left: 3px solid #EAF0FC;
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  background-color: #fff;
}
#top .cont01_2 .inner .content .point {
  width: 95px;
  margin: 0 auto;
  border-radius: 50px;
  padding: 6px 0;
  text-align: center;
  font-weight: 500;
  color:white;
  font-size: 18px;
  margin-bottom: 10px;
  background-color: #1847C7;
}
#top .cont01_2 .inner .content h3 {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  color:#1847C7;
  margin-bottom: 20px;
}
#top .cont01_2 .inner .content .text {
  width: 86%;
  margin: 0 auto;
  font-size: 16px;
  color:black;
  line-height: 1.6;
}
#top .cont01_2 .inner .content .img {
  width: 56%;
  margin: 0 auto;
  margin-top: 30px;
}

/*==================
02_体験クラス＆説明会とは
==================*/
#top .cont02{
background: url("../img/bg01.png") no-repeat;
background-size: cover;
position: relative;
padding-bottom: 100px;
}

#top .cont02 h2{
color: #FFFFFF;
opacity: 0.1;
margin-bottom: 40px;
}

#top .cont02 p.po{
  font-family: 'Noto Sans JP';
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto;
}

#top .cont02 p.top{
color: #fff;
padding: 0 150px 50px;
}

#top .cont02 .fl{
display: flex;
justify-content: space-between;
}


#top .cont02 .box{
width: 32%;
background: #fff;
padding-bottom: 30px;
}
#top .cont02 .box__bold{
	margin-top: 1em;
}

#top .cont02 .box img.main{
width: 87%;
margin-bottom: 20px;
}

#top .cont02 .box .img_box{
position: relative;
}

#top .cont02 .box img.po {
  position: absolute;
  width: 25%;
  height: auto;
  bottom: -20px;
  right: 0;
}

#top .cont02 .box img.po01 {
  position: absolute;
  width: 22%;
  height: auto;
  bottom: -20px;
  right: 6px;
}

#top .cont02 .box h3{
font-weight: 700;
font-size: 24px;
line-height: 150%;
/* または36px */
color: #1847C7;
padding: 0 20px;
margin-bottom: 30px;
}

#top .cont02 .box p{
padding: 0 20px;
}

#top .cont02 .box p span{
font-weight: bold;
}

#top .cont02 .box span.come{
padding: 20px 20px 0;
font-weight: normal;
font-size: 12px;
display: block;
}

#top .cont02 .box p.btm{
text-align: center;
}

#top .cont02 ul li{
padding: 8px 10px;
background: #EAF0FC;
border-radius: 10px;
margin: 10px 20px 10px;
text-align: center;
}

/*==================
03_開催日程一覧
==================*/
#top .cont09{
text-align: center;
}
#top .cont03 .section_inner{
	padding: 0;
	max-width: 100%;
}
#top .cont03 .section_title{
	font-size: 40px;
	color: #1847C7;
	text-align: left;
	padding-bottom: 1em;
	line-height: 1.5;
}
#top .cont03 .section_title br{
	display: none;
}
#top .cont03 .tab_select_ico-date{
	line-height: 0.6;
}

a.btn{
color: #fff;
line-height:100px;
padding-left: 80px;
padding-right: 20px;
height: 100px;
background: #FF981A;
font-size: 28px;
font-weight: bold;
margin: 100px auto;
display: inline-block;
position: relative;
}

a.btn::before{
content: url("../img/ico02.svg");
position: absolute;
top: 35px;
left: 25px;
width: 36px;
height: auto;
line-height: 0;
}

/*==================
04_体験クラス＆説明会で
得られるもの
==================*/
#top .cont04{
padding-bottom: 100px;
}

#top .cont04 h2 span{
top: 10px;
line-height: 58px;
}

#top .cont04 .fl{
display: flex;
justify-content: space-between;
}

#top .cont04 .fl .text_box{
width: 40%;
padding-right: 6%;
padding-left: 6%;
padding-top: 40px;
}

#top .cont04 .img_box{
width: 60%;
}

#top .cont04 .img_box img{
width:95%;
}

#top .cont04 .box01 .img_box img{
filter: drop-shadow(-40px 50px 0px #EAF0FC);
}

#top .cont04 .box02 .img_box img{
filter: drop-shadow(40px 50px 0px #EAF0FC);
}

#top .cont04 .box01{
margin-bottom: 100px;
}

#top .cont04 .box02{
margin-bottom: 150px;
}

#top .cont04 .fl h3{
font-weight: 700;
font-size: 24px;
line-height: 150%;
color: #1847C7;
margin-bottom: 30px;
}

#top .cont04 .box02 .text_box h3{
text-align: right;
}

/*==================
05_講師紹介
==================*/
#top .cont05{
padding-bottom: 70px;
background:#EAF0FC;
}

#top .cont05 h2{
color: rgba(24, 71, 199, 0.1);
}
#top .cont05 .teachder-txt {
  padding: 0;
  margin: 0 auto 80px;
  max-width: 980px;
}

#top .cont05 .fl{
display: flex;
justify-content: space-between;
  justify-content: center;
  align-items: flex-start;
  column-gap: 40px;
  row-gap: 20px;
}
#top .cont05 .teacher-desc h3 {
  color: #1847C7;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}
#top .cont05 .teacher-desc h3 span {
  font-size: 14px;
  padding-left: 20px;
}
#top .cont05 .teacher-desc .place {
  background: #fff;
  color: #1847C7;
  font-size: 14px;
  font-weight: 700;
  padding: 0 20px;
  border-radius: 20px;
  margin-bottom: 6px;
  display: inline-block;
}
#top .cont05 .teacher-desc .about {
  font-size: 14px;
  font-weight: 700;
  color: #1847C7;
  margin-bottom: 40px;
}
.slider02{
  margin: 0 auto 0;
  width: 920px;
}

#top .cont05 img{
width: 440px;
}

#top .cont05 .slick-arrow{
z-index: 1;
width: 32px;
height: 32px;
}


#top .cont05 .slick-prev{
background: url("../img/ico_l.svg") no-repeat center/contain;
left: -80px;
}

#top .cont05 .slick-next{
background: url("../img/ico_r.svg") no-repeat center/contain;
right: -80px;
}

#top .slick-prev:hover,
#top .slick-next:hover{
opacity: 0.7;
transition: .3s;
}

.slick-prev::before, .slick-next::before {
font-size: 0 !important;
}

/*==================
06_タイムスケジュール
==================*/
#top .cont06{
padding-bottom: 100px;
background:#1847C7;
padding-top: 1px;
}
#top .cont06 .bule_w{
line-height: 28px;
width: 76px;
height: 28px;
padding: 0 10px;
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
font-weight: 500;
}

#top .cont06 h2{
color: rgba(255, 255, 255, 0.1);
}

#top .cont06 h2 span{
color: #FFF;
}

#top .cont06 .fl{
padding: 70px 80px;
border-radius: 20px;
background: #fff;
}

#top .cont06 .fl .bg_line{
background: url("../img/line.svg") no-repeat 30px 10px;
}

#top .cont06 .fl .box{
display: flex;
justify-content: space-between;
padding-bottom: 90px;
align-items: flex-start;
column-gap: 40px;
}

#top .cont06 .fl .box .text_box{
width: 58%;
}

#top .cont06 .fl .box img{
width: 51%;
height: auto;
}

#top .cont06 .text_box h3{
color: #1847C7;
font-size: 24px;
margin-bottom: 5px;
}
#top .cont06 .text_box p{
padding-left: 50px;
}

#top .cont06 .text_box p span{
font-size: 14px;
}

#top .cont06 .text_box p.time{
padding-left: 130px;
line-height: 22px;
background: url("../img/time.svg") no-repeat 104px 2px;
margin-bottom: 30px;
}


/*=========
07_参加者の声
=========*/

#top .cont07{
padding-top: 1px;
}
#top .cont07 .is-slick {
  position: relative;
}

#top .cont07 .slick-track{
}

#top .cont07 .slick-dots li.slick-active {
}

@media screen and (min-width: 769px)  {
#top .cont07 .is-slick-inner {
width: 510px !important;
padding: 0 60px;
}

#top .cont07 .slick-track {
  width: 1020px !important;
}
}

@media screen and (min-width:770px) and ( max-width:1024px) {
#top .cont07 .is-slick-inner {
width: 50% !important;
padding: 0 30px;
}

#top .cont07 .slick-track {
  width: auto !important;
}
}

#top .cont07 .slick-arrow {
  background: transparent;
  border: none;
  border-top: solid 2px #212121;
  border-left: solid 2px #212121;
  height: 12px;
  padding: 0;
  width: 12px;
  transform: translateY(-50%) rotate(-45deg);
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: -25px;
}

#top .cont07 .slick-next {
  border-left: none;
  border-right: solid 2px #212121;
  transform: translateY(-50%) rotate(45deg);
  left: auto;
  right: -25px;
}

@media screen and (max-width: 768px)  { /* sp */
    #top .cont07 .slick-list {
      margin: 0 0px;
    }

    #top .cont07 .is-slick-inner {
      margin: 0;
    }

    #top .cont07 .slick-arrow {
      left: 5px;
    }

    #top .cont07 .slick-next {
      left: auto;
      right: 5px;
    }

    #top .cont07 .slick-list img{
    width: 100%;
    height: auto;
    }

#top .cont07 .is-slick{
}

#top .cont07 .is-slick-inner {
  padding: 0 0px;
}

#top .cont07 .slick-next {
width: 22px;
height: 22px;
right: -10px;
top: 38%;
}

#top .cont07 .slick-prev {
width: 22px;
height: 22px;
left: -10px;
top: 38%;
z-index: 1;
}


#top .cont07 .slick-next{
background: url("../img/ico_r.svg") no-repeat;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
transform: translateY(-0%) rotate(0deg);
background-size: 22px auto;
}

#top .cont07 .slick-prev{
background: url("../img/ico_l.svg") no-repeat;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
transform: translateY(-0%) rotate(0deg);
background-size: 22px auto;
}


}
/* slider */

/* accordion */
.is-accordion-header {
  cursor: pointer;
  position: relative;
  padding-bottom: 50px;
}

.is-accordion-header:before {
  content: url("../img/more.svg");
  display: block;
  height: 28px;
  width: 138px;
  transition: all .3s .1s;
  position: absolute;
  bottom: 0%;
  left: 0;
}


.is-accordion-header:hover:before{
transition: 0.3s;
  content: url("../img/more_on.svg");
  display: block;
  height: 28px;
  width: 138px;
}

.is-accordion-inner {
  margin-top: 40px;
}

#top .cont07{
background: #EAF0FC;
padding-bottom: 100px;
}

#top .cont07 .img_box{
position: relative;
}

#top .cont07 .name{
background: #1847C7;
color: #fff;
padding: 18px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
display: inline-block;
position: absolute;
bottom: 0px;
right: 0;
}

#top .cont07 .name p.text01{
font-size: 14px;
}

#top .cont07 h2{
color: rgba(24, 71, 199, 0.1);
}

#top .cont07 h4{
font-family: 'Noto Serif JP', serif;
font-size: 18px;
color: #1847C7;
font-weight: normal;
}

#top .cont07 .img_box{
margin-bottom: 10px;
}


@media screen and (max-width: 768px)  { /* sp */
#top .cont07 .name p.text01 {
  font-size: 12px;
}
#top .cont07 .name p.text02 {
  font-size: 14px;
}
#top .cont07 h4 {
  font-size: 16px;
}

}
/*=========
08_よくある質問
=========*/
#top .cont08{
padding-bottom: 100px;
}

.accordion_area .accordion_one .ac_header {
  background-color: #ffffff;
  border-bottom: 1px solid #EBEBEB;
  padding: 30px 0;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
  color: #1847C7;
}

.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #1847C7;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #1847C7;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}

.accordion_area .accordion_one .ac_header .i_box:hover:before, .accordion_area .accordion_one .ac_header .i_box:hover:after {
opacity: 0.7;
transition: 0.3s;
}


.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 30px 0;
  box-sizing: border-box;
}

/*=========
faq
=========*/

.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
  position: absolute;
  left: 0;
  content: "Q";
  color: #333;
font-size: 28px;
font-family: 'Inter', sans-serif;
font-weight: bold;
line-height: 1;
}
.p-faq__headinner p.p-faq__q-txt {
font-weight: normal;
margin-left: 10px;
}
.p-faq__bodyinner {
  display: block;
  position: relative;
}
.p-faq__bodyinner::before {
  position: absolute;
  left: 0;
  content: "A";
  color: #1847C7;
font-size: 28px;
font-family: 'Inter', sans-serif;
font-weight: bold;
line-height: 1;
}
.p-faq__bodyinner p.p-faq__a-txt {
padding-left: 44px;
color: #1847C7;
}

.s_section {
width: 84%;
margin: 0 auto;
}

.fv .slick-dots {
  display: block !important;
  bottom: 25px;
  z-index: 2;
}

.fv .slick-dotted.slick-slider{
margin-bottom: 0 !important;
}

.fv .slick-dots {
  position: absolute;
  bottom: 6px !important;
  right: 6px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}

.fv .slick-dots li{
width: 10px !important;
height: 1px !important;
padding: 0px;
margin: 0 2px !important;
}

.fv .slick-dots li button{
width: 10px !important;
height: 1px !important;
padding: 1px;
}

.slick-dots li button::before {
    width: 10px !important;
    height: 1px !important;
    content: '' !important;
    opacity: 1 !important;
    background: #fff !important;

}

.slick-dots li.slick-active button::before {
    background: #FF981A !important;

}

.fv .slick-dots{
display: block !important;
}

.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}

.spt_none{
display: none;
}

.tab_select_category a img{
	width: auto;
	padding-top: 0;
}

.tab_select_category a{
	display: inline-block;
	line-height: 1;
}

.section_text.asterisk a {
  display: inline-block;
}