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

               flex

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

.c-flex{
  display: flex;
  flex-wrap: wrap;
}
.c-flex-nowrap{
  flex-wrap: nowrap;
}
.c-flexCenter{
  justify-content: center;
}

/* 最初のアイテムは先頭に寄せ、最後のアイテムは末尾に寄せる */
.c-flexBetween{
  justify-content: space-between;
}
/* 各アイテムの両側に半分の大きさの間隔を置く */
.c-flexAround{
  justify-content: space-around;
}
.c-flex-AlignCenter{
  align-items: center;
}

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

            button中央配置

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

.c-btnCenter{
  margin: 48px auto;
  text-align: center;
}
@media screen and (max-width:959px){
  .c-btnCenter{
    margin: 32px auto;
  }
}
.c-btnCenter a{
  width: 65%;
  max-width: 100%;
  border-radius: 10px;
  padding: 15px 0;
  position: relative;
  font-size: 2.0rem;
  display: inline-block;
  transition: all 0.5s;
}
@media screen and (max-width:959px){
  .c-btnCenter a{
    font-size: 1.6rem;
    width: 100%;
  }
}
.c-btnCenter a::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

/* ヘッダー内のボタン */

.c-headerBtn{
  /* width:237px; */
  border-radius: 10px;
  padding: 8px 45px;
  /* height: 50px; */
  position: relative;
  font-size: 1.6rem;
  display: inline-block;
  transition: all 0.5s;
}
.c-headerBtn::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
}
@media screen and (max-width:959px){
  .c-headerBtn{
    font-size: 1.2rem;
    width: 100%;
    padding: 18px 10px;
  }
  .c-headerBtn::before{
    content:none;
  }
}

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


                  見出し

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

.c-sectit{
  font-size: 4.0rem;
  color:#FFFFFF;
  text-align: center;
  padding: 36px 0;
  line-height: 1;
}

/* 見出しに装飾する場合の設定 */
.c-sectit::before{
  content:"";
  display: block;
  color:#E1F108;
  font-size: 2.8rem;
  padding-bottom: 16px;
}
@media screen and (max-width:959px){
  .c-sectit::before{
    padding-bottom: 8px;
  }
}
.c-sectit-sec01::before{
  content:"法人限定特別プラン";
}
.c-sectit-sec02::before{
  content:"アウトプット力を磨く";
}
.c-sectit-sec03::before{
  content:"ビジネスリーダーにこれだけは見てほしい";
}
.c-sectit-sec04::before{
  content:"学びの効果を実感";
}
.c-sectit-sec05::before{
  content:"ビジネスアウトプットGYM";
}
.c-sectit-sec06::before{
  content:"ビジネスアウトプットGYM";
}
.c-sectit-sec07::before{
  content:"ビジネスアウトプットGYM";
}
.c-sectit-sec08::before{
  content:"ビジネスアウトプットGYM法人限定特別プラン";
}



@media screen and (max-width:959px){
  .c-sectit{
    font-size: 2.0rem;
    padding: 18px 0;
  }
  .c-sectit::before{
    font-size: 1.6rem;
  }
}

/* text-box */

.c-text-box{
  text-align: center;
  line-height: 2;
}