@charset "utf-8";

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

　   MV

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

#mv {
  position: relative;
}
.js-mv-slider .slick-arrow {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.js-mv-slider .slick-prev {
  left: 3rem;
  transform: translate(-50%, -50%);
}
.js-mv-slider .slick-next {
  right: 3rem;
  transform: translate(50%, -50%);
}
.js-mv-slider .slick-dots li {
  width: .6rem;
  height: .6rem;
  margin: 0 .5rem;
}
.js-mv-slider .slick-dots li button:before {
  width: .6rem;
  height: .6rem;
}
.js-mv-slider .slick-dots li button {
  width: .6rem;
  height: .6rem;
  padding: 0;
}
.js-mv-slider .slick-prev:before,
.js-mv-slider .slick-next:before {
  opacity: 1;
  width: 3rem;
  height: 3rem;
}
.js-mv-slider {
  margin: 0;
  padding: 0;
}
.js-mv-slider li {
  list-style: none;
}
.js-mv-slider picture,
.js-mv-slider img {
  display: block;
  width: 100%;
  height: auto;
}
.js-mv-slider .slick-dots {
  position: absolute;
}
.js-mv-slider .slick-dots li button:before {
  /* font-size: 1rem;
  color: rgba(8, 62, 142, 0.4); */
  opacity: 1;
  border: 1px solid #707070;
  background: #fff;
}
.js-mv-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #707070;
}

@media only screen and ( max-width : 767px ) {
  #mv {
    padding-bottom: 2rem;
  }
  .js-mv-slider .slick-dots {
    bottom: -2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #mv {
    overflow: hidden;
    padding-bottom: 3rem;
  }
  .js-mv-slider {
    width: 110rem;
    margin: 0 auto;
  }
  .js-mv-slider .slick-list {
    overflow: visible;
  }
  .js-mv-slider .slick-dots {
    bottom: -3rem;
  }
}


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

　   NEWS

--------------------------------------------------------------------------------------------- */
#news .tab-group {
  border-bottom: 1px solid #444;
  position: relative;
}
#news .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #444;
  background: #fff;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: -1px;
}
#news .tab:last-of-type {
  margin-right: 0;
}
#news .tab.tab-1 {
  position: relative;
}
#news .tab.tab-2 {
  background: #1F86A3;
  color: #fff;
}
#news .tab.tab-3 {
  background: #E2814D;
  color: #fff;
}
#news .tab.tab-4 {
  background: #D8718A;
  color: #fff;
}
#news .tab.is-active:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: .5rem;
}
#news .tab.tab-1.is-active:after {
  background: #fff;
}
#news .tab.tab-2.is-active:after {
  background: #1F86A3;
}
#news .tab.tab-3.is-active:after {
  background: #E2814D;
}
#news .tab.tab-4.is-active:after {
  background: #D8718A;
}
.more_btn {
  border: 1px solid var(--maincolor);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6rem;
  color: var(--maincolor);
  font-weight: 600;
  position: relative;
  background: #fff;
  margin: 0 auto;
  font-family: inherit;
  cursor: pointer;
  width: 20rem;
  height: 6rem;
  font-size: 1.6rem;
}
.more_btn:after {
  content: "";
  position: absolute;
  background: url(../img/arrow_down.png) no-repeat center / 100%;
  top: 50%;
  transform: translateY(-50%);
  width: .5rem;
  height: 1.8rem;
  right: 2.5rem;
}
@media only screen and ( max-width : 767px ) {
  #news {
    padding: 3rem 0 10rem;
  }
  .more_btn {
    margin-top: 4rem;
  }
  #news .tab-group {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 0 1.5rem;
    margin-bottom: 1rem;
  }
  #news .tab {
    flex: 1;
    height: 3rem;
    margin-right: .8rem;
  }
  #news .tab.is-active:after {
    bottom: -.5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #news {
    padding: 6rem 0 10rem;
  }
  #news_content {
    max-width: 80rem;
    margin: 0 auto;
  }
  #news .tab-group {
    margin-bottom: 2.5rem;
  }
  #news .tab {
    width: 12rem;
    height: 4.6rem;
    margin-right: 1.5rem;
  }
  #news .tab.is-active:after {
    bottom: -.6rem;
  }
  .more_btn {
    margin-top: 6rem;
  }
  .more_btn:hover {
    background: var(--maincolor);
    color: #fff;
  }
  .more_btn:hover:after {
    background: url(../img/arrow_down_white.png) no-repeat center / 100%;
  }
}



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

　   TYPE

--------------------------------------------------------------------------------------------- */
#type {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}
#type_chart {
  background: url(../img/type_chart_bg.png) no-repeat left bottom / 100%;
}
#type h2 {
  text-align: center;
  margin-bottom: 2rem;
}
#type_results {
  background: #EBF8FA;
  position: relative;
}
#type_results h2 {
  background: #FFF480;
  font-weight: 600;
  letter-spacing: 0.1em;
  transform: rotate(-5deg);
  width: 27.8rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6rem;
  margin-bottom: 3.8rem;
  margin-top: -8rem;
}
.type_results_item {
  background: #fff;
  box-shadow: .3rem .3rem 0 rgba(221, 221, 221, 1);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.type_results_item_title img {
  width: auto;
  height: 5.4rem;
}

.type_results_item li {
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 1rem;
}
.type_results_item li:last-of-type {
  margin-bottom: 0;
}
.type_results_item li:before {
  content: "";
  width: .4em;
  height: .4em;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .6em;
}
.type_results_item_title {
  text-align: center;
}
.type_results_item h3 {
  text-align: center;
  font-weifht: 600;
  font-size: 1.8rem;
  margin: 1.5rem 0;
}
#type_a h3 {
  color: #D8718A;
}
#type_b h3 {
  color: #E2814D;
}
#type_c h3 {
  color: #1F86A3;
}
#type_d h3 {
  color: #009AC6;
}
#type_e h3 {
  color: #083E8E;
}
#type_f h3 {
  color: #5D63B2;
}

.type_results_bottom {
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-top: auto;
  font-size: 2rem;
  background-image: url(../img/type_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
#type_a li:before,
#type_a .type_results_bottom {
  background-color: #D8718A;
}
#type_b li:before,
#type_b .type_results_bottom {
  background-color: #E2814D;
}
#type_c li:before,
#type_c .type_results_bottom {
  background-color: #1F86A3;
}
#type_d li:before,
#type_d .type_results_bottom {
  background-color: #009AC6;
}
#type_e li:before,
#type_e .type_results_bottom {
  background-color: #083E8E;
}
#type_f li:before,
#type_f .type_results_bottom {
  background-color: #5D63B2;
}
@media only screen and ( max-width : 767px ) {
  #type_chart {
    padding: 3.5rem 0 13rem;
  }
  #type h2 img {
    max-width: 34rem;
  }
  .type_results_content .type_results_item {
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
  }
  .type_results_content .type_results_item:nth-child(-n+2) {
    margin-top: 0;
  }
  .type_results_content .type_results_item:nth-child(2n) {
    margin-right: 0;
  }
  .type_results_item_inner {
    padding: 2rem 1rem;
  }
  .type_results_bottom {
    padding: 1.5rem .5rem;
  }
  #type_results {
    padding: 2rem 0 3rem;
  }
  #type_results h2 {
    margin-left: -2rem;
  }
  .type_results_content {
    margin-bottom: 5rem;
  }
  .type_results_item li {
    font-size: 1.3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #type h2 img {
    max-width: 54.2rem;
  }

  #type_chart {
    padding: 3.5rem 0 12rem;
  }
  #type_results {
    padding: 3.6rem 0 10rem;
  }
  .type_results_content {
    margin-bottom: 6rem;
  }
  .type_chart_content img {
    width: 54.2rem;
  }
  .type_results_content .type_results_item {
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
  }
  .type_results_content .type_results_item:nth-child(-n+3) {
    margin-top: 0;
  }
  .type_results_content .type_results_item:nth-child(3n) {
    margin-right: 0;
  }
  .type_results_item_inner {
    padding: 3rem 2rem;
  }
  .type_results_bottom {
    padding: 2.6rem 2rem 1.6rem;
  }
}

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

　   入試日程

--------------------------------------------------------------------------------------------- */
#schedule {
  background: var(--maincolor);
}
#schedule h2 {
  text-align: center;
  color: #fff;
}
.tab-group {
  display: flex;
  flex-wrap: wrap;
}
.tab-group li {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-group li span {
  display: block;
  text-align: center;
}
/* スマホ用タイトルがある場合の表示制御 */
.tab-group li .schedule-title-pc {
  display: block;
}
.tab-group li .schedule-title-mobile {
  display: none;
}
.panel {
  display: none;
}
.panel.is-show {
  display: block;
}
.tab {
  cursor: pointer;
}

#schedule .parent-panel-group {
  background: #fff;
  border-radius: 1rem;
}

#schedule .tab-parent .tab {
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  transition: .3s;
}
#schedule .tab-parent .is-active {
  background: #fff;
  color: var(--maincolor);
}
#schedule .tab-child {
  position: relative;
  border-bottom: 1px solid var(--maincolor);
  position: relative;
}
#schedule .tab-child:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.7rem;
  width: 3rem;
  height:1.8rem;
  background: url(../img/tab-fukidashi.png) no-repeat center / 100%;
}

#schedule .tab-child .tab {
  font-weight: 500;
  position: relative;
  padding-bottom: .7rem;
}

#schedule .tab-child .tab:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 0;
  height: .5rem;
  background: var(--maincolor);
  bottom: 0;
  left: 0;
  transition: .3s;
}
#schedule .tab-child .is-active {
  color: var(--maincolor);
  font-weight: 700;
}
#schedule .tab-child .is-active:after {
  width: 100%;
}
#schedule .tab-child .tab:last-child {
  margin-right: 0;
}
.schedule_dl .schedule_dl_title {
  background: #000;
  color: #fff;
  text-align: center;
  font-weight: 600;
  padding: .2em 1rem;
  display: inline-block;
}
.schedule_dl {
  font-weight: 600;
}
.schedule_dl_value {
  display: inline-block;
  margin-bottom: 2rem;
}

@media only screen and ( max-width : 767px ) {
  #schedule {
    padding: 4.5rem 0 5rem;
  }
  #schedule h2 {
    font-size: 2.2rem;
    margin-bottom: 4rem;
  }
  #schedule .tab-parent .tab {
    width: 48.5%;
    height: 5rem;
    margin-right: 3%;
    margin-top: 1rem;
  }
  #schedule .tab-parent .tab span {
    line-height: 1.3;
  }
  #schedule .tab-parent .tab:nth-child(2n) {
    margin-right: 0;
  }
  #schedule .tab-parent .tab:nth-child(-n+2) {
    margin-top: 0;
  }
  #schedule .tab-child {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    justify-content: space-between;
  }
  #schedule .tab-child .tab {
    width: 48.5%;
    margin-top: 2rem;
  }
  #schedule .tab-child .tab:nth-child(-n+2) {
    margin-top: 0;
  }
  /* スマホ用タイトルがある場合の表示制御（スマホ表示時） */
  .tab-group li .schedule-title-pc {
    display: none !important;
  }
  .tab-group li .schedule-title-mobile {
    display: block !important;
  }
  #schedule .parent-panel-group {
    padding: 2.4rem 1.2rem 3.6rem;
    margin-top: 1.6rem;
  }
  .schedule_dl br {
    display: none;
  }
  .schedule_dl .schedule_dl_title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .schedule_dl {
    font-size: 2.2rem;
  }
  .schedule_dl_value {
    display: block;
  }
  .schedule_dl_value:last-of-type {
    margin-bottom: 0;
  }
}
@media print, screen and ( min-width : 768px ) {
  #schedule {
    padding: 6rem 0 8rem;
  }
  #schedule h2 {
    font-size: 2.4rem;
    margin-bottom: 5rem;
  }
  #schedule .tab-parent .tab {
    width: 32%;
    height: 7rem;
    margin-right: 2%;
    font-size: 1.8rem;
    margin-top: 2rem;
  }
  #schedule .tab-parent .tab:hover {
    background: #FFF9B9;
    color: var(--maincolor);
  }
  #schedule .tab-child .tab:hover {
    color: var(--maincolor);
    font-weight: 700;
  }
  #schedule .tab-child .tab:hover:after {
    width: 100%;
  }
  #schedule .tab-parent .tab:nth-child(3n) {
    margin-right: 0;
  }
  #schedule .tab-parent .tab:nth-child(-n+3) {
    margin-top: 0;
  }
  #schedule .tab-child {
    margin-bottom: 3.4rem;
    padding-bottom: 3rem;
  }
  #schedule .tab-child .tab {
    margin-right: 3rem;
    margin-top: 1.5rem;
    padding: 0 1rem 1rem;
  }
  #schedule .parent-panel-group {
    padding: 1.5rem 3rem 3rem;
    margin-top: 4rem;
  }
  .schedule_dl_wrap {
    display: flex;
    justify-content: center;
  }
  .schedule_dl {
    /* display: flex;
    flex-wrap: wrap;
    align-items: center; */
    max-width: 73rem;
    margin: 0 auto;
  }
  /* .schedule_dl dt,
  .schedule_dl dd {
    margin-bottom: 2rem;
  }
  .schedule_dl dt:last-of-type,
  .schedule_dl dd:last-of-type {
    margin-bottom: 0;
  } */
  .schedule_dl .schedule_dl_title {
    width: 11.8rem;
    margin-right: 2rem;
    font-size: 1.4rem;
    width: 11.8rem;
    margin-bottom: 2rem;
  }
  .schedule_dl {
    font-size: 2.8rem;
  }
}
/* ---------------------------------------------------------------------------------------------

　   入試情報

--------------------------------------------------------------------------------------------- */
#admission {
  background: var(--maincolor);
  color: #fff;
}
#admission h2 {
  text-align: center;
  font-weight: 600;
}
.admission_list li .admission_img {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.admission_list li .admission_img img {
  transition: .3s;
}
.admission_list li .admission_img:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  background: url(../img/nyushi_arrow.png) no-repeat center / 100%;
  transition: .3s;
}
.admission_list li .admission_img img {
  display: block;
}
.admission_list li .admission_title {
  color: #fff;
  font-weight: 600;
}
@media only screen and ( max-width : 767px ) {
  #admission {
    padding-bottom: 7rem;
  }
  #admission h2 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
  .admission_list {
    margin-bottom: 4rem;
  }
  .admission_list li {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 3rem;
  }
  .admission_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .admission_list li:nth-child(2n) {
    margin-right: 0;
  }
  .admission_list li .admission_title {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #admission {
    padding-bottom: 10rem;
  }
  #admission h2 {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
  .admission_list {
    margin-bottom: 6rem;
  }
  .admission_list li {
    width: 22.5%;
    margin-right: 3.33333333%;
    margin-top: 3rem;
  }
  .admission_list li:nth-child(4n) {
    margin-right: 0;
  }
  .admission_list li:nth-child(-n+4) {
    margin-top: 0;
  }
  .admission_list li .admission_title {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
  .admission_list li a:hover .admission_img img {
    transform: scale(1.05);
  }
  .admission_list li a:hover .admission_img:after {
    background: url(../img/nyushi_arrow_hover.png) no-repeat center / 100%;
  }
  .admission_list li a:hover {
    opacity: 1;
  }
}


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

　   愛知文教大学を知る

--------------------------------------------------------------------------------------------- */
#know {
  background: url(../img/blue_gra_bg.jpg) no-repeat top left / 100%;
}
.know_title {
  font-size: 600;
  letter-spacing: .1em;
  color: var(--maincolor);
}
.know_content_heading {
  display: flex;
  align-items: center;
  color: var(--maincolor);
  font-weight: 600;
}
.know_content_title {
  background: linear-gradient(to bottom,  #063e8c 0%,#00a3cc 100%);
  color: #fff;
  text-align: center;
}

.know_manabi_list li a,
.know_work_list li .know_work_img,
.mini_lecture_img {
  display: block;
  position: relative;
  border: 1px solid #444444;
  border-radius: 1.2rem;
  overflow: hidden;
}
.know_manabi_list li a img,
.know_work_list li .know_work_img img,
.mini_lecture_img img {
  transition: .3s;
  display: block;
  border-radius: 1.05rem;
}
.know_manabi_list .know_manabi_title {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: 600;
}
.know_work_list li a,
.mini_lecture_list li a {
  display: block;
}
.know_work_list li .know_work_img {
  position: relative;
}
.know_work_list li .know_work_img:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -1px;
  right: -1px;
  width: 5rem;
  height: 5rem;
  background: url(../img/nyushi_arrow.png) no-repeat center / 100%;
  transition: .3s;
}
.know_work_list li .know_work_title {
  text-align: center;
  color: var(--maincolor);
  font-weight: 600;
}
.mini_lecture_img {
  position: relative;
}
.mini_lecture_img:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 4.3rem;
  background: url(../img/ico-play.png) no-repeat center / 100%;
  z-index: 3;
}
.mini_lecture_title {
  font-weight: 500;
}
.mini_lecture_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini_lecture_title h2 {
  position: relative;
  color: #009AC6;
  letter-spacing: .1em;;
}
.mini_lecture_title h2:before,
.mini_lecture_title h2:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: .2rem;
  height: 4.5rem;
  background: #444444;
  bottom: 0;
}
.mini_lecture_title h2:before {
  left: 0;
  transform: rotate(-20deg);
}
.mini_lecture_title h2:after {
  right: 0;
  transform: rotate(20deg);
}
.mini_lecture_title h2 span {
  display: block;
  text-align: center;
}
.mini_lecture_name {
  font-weight: 500;
}
@media only screen and ( max-width : 767px ) {
  #know {
    padding: 2.5rem 0 4rem;
  }
  .know_title {
    margin-bottom: 5rem;
    text-align: center;
  }
  .know_title span {
    display: block;
    font-size: 3.6rem;
    margin-bottom: .5rem;
  }
  .know_manabi_list li {
    margin-bottom: 2rem;
  }
  .know_manabi_list li:last-of-type {
    margin-bottom: 0;
  }
  .know_manabi_list .know_manabi_title {
    font-size: 2rem;
    left: 2rem;
  }
  .know_content_heading {
    margin-bottom: 3rem;
    font-size: 3rem;
  }
  .know_content_heading .know_content_title {
    font-size: 3rem;
    width: 10.6rem;
    border-radius: 0 1rem 1rem 0;
    margin: 0;
    margin-left: -1.5rem;
  }
  .know_content_heading img {
    width: 9rem;
  }
  .know_content_heading span {
    margin: 0 .3rem;
  }
  #manabi {
    margin-bottom: 3rem;
  }
  #work {
    padding-top: 4.5rem;
  }
  .mini_lecture_title {
    margin-bottom: 2rem;
  }
  .mini_lecture_title h2 {
    font-size: 1.8rem;
    padding: 0 .5rem;
  }
  .mini_lecture_title h2 span {
    font-size: 2.1rem;
  }
  .mini_lecture_title h2:before,
  .mini_lecture_title h2:after {
    height: 3.2rem;
  }
  .mini_lecture_list li,
  .know_work_list li {
    width: 48%;
    margin-right: 4%;
    margin-top: 2rem;
  }
  .mini_lecture_list li:nth-child(2n),
  .know_work_list li:nth-child(2n) {
    margin-right: 0;
  }
  .mini_lecture_list li:nth-child(-n+2),
  .know_work_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .mini_lecture_name {
    margin-top: 1rem;
  }
  .mini_lecture_img:after {
    width: 2.5rem;
    height: 2.1rem;
  }
  .know_work_list li .know_work_title {
    text-align: left;
    margin-top: 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #know {
    padding: 6rem 0 10rem;
  }
  .know_title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.2rem;
    margin-bottom: 5rem;
  }
  .know_title span {
    margin-right: 2rem;
  }
  #manabi {
    margin-bottom: 6.8rem;
  }
  .know_content_heading {
    font-size: 3.5rem;
    margin-bottom: 3rem;
  }
  .know_content_heading span {
    margin: 0 .3rem 0 .5rem;
  }
  .know_content_heading .know_content_title {
    font-size: 3.4rem;
    width: 12.4rem;
    border-radius: 0 1rem 1rem 0;
    margin: 0;
  }
  .know_content_heading img {
    width: 10.4rem;
  }
  .know_manabi_list li a {
    height: 22.2rem;
  }
  .know_manabi_list li a:hover img,
  .know_work_list li a:hover .know_work_img img,
  .mini_lecture_list li a:hover .mini_lecture_img img {
    transform: scale(1.05);
    opacity: 1;
  }
  .know_manabi_list li a:hover,
  .know_work_list li a:hover,
  .mini_lecture_list li a:hover {
    opacity: 1;
  }
  .know_work_list li a:hover .know_work_img:after {
    background: url(../img/nyushi_arrow_hover.png) no-repeat center / 100%;
  }
  .know_manabi_list li {
    width: 48.5%;
    margin-top: 3%;
  }
  .know_manabi_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .know_manabi_list .know_manabi_title {
    font-size: 2.9rem;
    left: 3.5rem;
  }
  .know_work_list li {
    width: 37.5rem;
    margin-right: 3rem;
  }
  .know_work_list li:last-child {
    margin-right: 0;
  }
  .know_work_list li .know_work_title {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
  #work {
    padding-top: 10rem;
  }
  #mini_lecture .mini_lecture_title {
    margin-bottom: 3rem;
  }
  .mini_lecture_name {
    margin-top: 2rem;
  }
  .mini_lecture_list li {
    width: 31.5%;
    margin-right: 2.75%;
    margin-top: 3rem;
  }
  .mini_lecture_list li:nth-child(3n) {
    margin-right: 0;
  }
  .mini_lecture_list li:nth-child(-n+3) {
    margin-top: 0;
  }
  .mini_lecture_title h2 {
    font-size: 2.5rem;
  }
  .mini_lecture_title h2 span {
    font-size: 3.4rem;
  }
}

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

　   XXX

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

@media only screen and ( max-width : 767px ) {

}
@media print, screen and ( min-width : 768px ) {

}