.main{
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 400;
  font-style: normal;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
body {margin-top: 100px; /* ヘッダーの高さ分だけ下げる */}

:root{
	scroll-padding: 90px;
	scroll-behavior: smooth;
}

:root {
  --main-color: rgb(63, 68, 109);
  --secondary-color: #ce0c0c;
}

p{font-size: 15px;line-height: 1.6;}
.none{display: none;}


/*-------資料請求ボタン-------*/
.cv{
  background-color: var(--main-color);
  position: fixed; /* ヘッダーを固定する */
  bottom: 0; /* 画面の上部に固定 */
  z-index: 9999;
  width: 100%;
  height: 60px;
}
.cv_box{
  position: fixed; /* ヘッダーを固定する */
  bottom: 0; /* 画面の上部に固定 */
  z-index: 10000;
  width: 100%;
  text-align: center;
}
.cv_button img{max-width: 322px;margin: 0 auto;display: block;width: 100%;}


/*------トップへ戻るボタン-------*/


.pagetop{display: none;position: fixed;right: 0px;bottom: 90px;}
.pagetop a i{font-size: 20px;color:#fff;line-height: 50px;}
.pagetop a{
  display: block;
  font-size: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #c0c0c0;
  border-radius: 50%;
  line-height: 50px;
}

/*----------------パンくず------------------------*/
.pankuzu{max-width: 1000px;margin: 0 auto;margin-bottom: 20px;font-size: 13px;}
.pankuzu_list {display: flex;flex-wrap: wrap;list-style: none;padding: 0 5px;}
.pankuzu_list a:hover{opacity: 0.5;}
.pankuzu_list li:not(:last-of-type)::after {content: ">";margin: 0 .6em;color: #5f5f5f;}
.pankuzu_list a {color: inherit;text-decoration: none;color: var(--main-color);}

  /*-----------------ハンガーガーメニュー・ロゴ--------------------------*/
.header {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid var(--main-color);
    position: fixed; /* ヘッダーを固定する */
    top: 0; /* 画面の上部に固定 */
    width: 100%; /* 画面の幅いっぱいに広げる */
    background-color: #fff;
    z-index: 10000;
  }

  .logo {width: 320px;box-sizing: border-box;margin-left: 5px;}
  .logo img{max-width: 260px;}
  .logo h1{font-size: 12px;color: #777777;padding: 3px;line-height: 1;}

  .hamburger-menu {
    margin-right: 5px;
    width: 70px;
    height: 70px;
    position: relative;
    border: none;
    background: transparent;
    appearance: none;
    padding: 0;
    cursor: pointer;
    background-color: var(--main-color);
  }
  .hamburger-menu__bar {
    display: inline-block;
    width: 55%;
    height: 3px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
    
  }
  .hamburger-menu__bar:first-child {top: 22px;}
  .hamburger-menu__bar:nth-child(2) {top: 34px;}
  .hamburger-menu__bar:last-child {top: 46px;}
  .hamburger-menu--open .hamburger-menu__bar {top: 50%;}
  .hamburger-menu--open .hamburger-menu__bar:first-child {transform: translateX(-50%) translateY(-50%) rotate(45deg);}
  .hamburger-menu--open .hamburger-menu__bar:last-child {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {display: none;}

  .navigation {
    display: none;
    background: var(--main-color);
    opacity: 0.9;
    position: absolute;
    top: 90px;
    width: 100%;
    z-index: 9999;
  }
  .navigation__list {
    text-align: center;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    font-style: normal;
  }
  .navigation__list-item {border-bottom: solid 1px #777777;}
  .navigation__list-item:first-child {border-top: solid 1px #777777;}
  .navigation__link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: 24px 15px;
    transition: .5s;
  }

  /*-----------------トップ-----------------------*/
  .school_name{
    display: block;
    width: 95%;
    color: #575757;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    margin: 30px auto 15px;
  }
  .catch-copy{padding: 10px;margin-top: 30px;font-size: 14px;}
  .catch-copy span{display: block;color: var(--main-color);font-weight: bold;font-size: 18px;text-align: center;margin-bottom: 10px;}

  /*-----------------スライダー用設定-----------------------*/
  /* .slick {width: 100%;max-width: 500px;margin: 15px auto;@include breakpoint(500px) {margin: 5% auto;}}
  .slick__item {margin-right: 5px;margin-left: 5px;}
  .slick__item img {height: auto;width: 100%;}
  .slick2 {width: 100%;max-width: 500px;margin-right: auto;margin-left: auto;@include breakpoint(500px) {margin: 5% auto;}}
  .slick2__item {margin-right: 5px;margin-left: 5px;}
  .slick2 .slick-track {transform: unset !important;}
  .slick2__item img {height: auto;width: 100%;opacity: .4;transition: opacity .5s; }
  .slick2__item.slick-current img {opacity: 1;}
  .slick-prev:before, .slick-next:before {color: #000066;} */

  .top_img{
    box-sizing: border-box;
    max-width: 400px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    overflow: hidden;
  }

  .top_img img{
    object-fit: contain;
    width: 100%;
  }


/*------------------タブ-----------------------*/

.tab-wrap {display: flex;flex-wrap: wrap;margin-top: 80px;}
.tab-label:hover{background: var(--main-color);color: #ffffff;}
.tab-content {width: 100%;display: none;}
.tab-switch:checked+.tab-label {background: var(--main-color);color: #ffffff;}
.tab-switch:checked+.tab-label+.tab-content {display: block;margin-bottom: 150px;}
.tab-switch {display: none;}
.tab-label {
  border: 1px solid #d4d4d4;
  border-bottom: 2px solid var(--main-color);
  margin: 3px;
  padding: 5px 12px;
  order:-1;
  width:calc(33.3333333% - 6px);;
  box-sizing: border-box;
}

/*------------------コンテンツ内ページリンク-----------------------*/
.contents_link{border: 1px solid #929292;border-radius: 5px;margin: 20px 10px 40px;width: 300px;padding: 10px 10px 20px 10px;}
.contents_link li a{display: inline-block;padding: 3px 10px 3px 0px;color: #797979;border-radius: 30px;}
.contents_link li a:hover{background-color: var(--main-color);color: #ffffff;}

/*------------------見出し設定/強調-----------------------*/
.container1 .title1,.container2 .title1{
  border-left: 5px solid rgb(68, 68, 68);
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 25px;
  margin-left: 10px;
  line-height: 1.3;
}

/*カリキュラム見出し（title4）カラー個別設定*/
.container2 .c-1{color: rgb(62, 141, 163);}
.container2 .c-2{color: rgb(96, 155, 110);}
.container2 .c-3{color: rgb(230, 158, 99);}

.container3 .title2,.container2 .title2,.container4 .title2,.container5 .title2,.container6 .title2{
  background-color: var(--main-color);
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.container2 .title3,.container3 .title3,.container5 .title3{
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding: 10px;
  display: inline-block;
  margin-bottom: 10px;
  line-height: 1.3;
}

.container1 .title4,.container2 .title4,.container4 .title4,.container5 .title4,.container6 .title4{
  font-weight: bold;
  display: block;
  color: var(--main-color);
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 3px;
  line-height: 1.3;
}

.container1 .title5,.container2 .title5,.container3 .title5,.container3 .title5,.container4 .title5,.container5 .title5,.container6 .title5{
  font-weight: bold;
  display: block;
  color: var(--main-color);
  font-size: 17px;
  margin-top: 15px;
}

.container2 .title6{display: block;color: rgb(83, 83, 83);font-weight: bold;margin-top: 5px;font-size: 15px;}

/*------------------画像の回り込み設定/コンテンツ区切り（ボーダー設定）----------------------*/
.img_text .img{max-width: 160px;float: left;margin: 10px 10px 10px 0;}
.img_text p{padding: 10px;}
.img_text {border-bottom: 1px dotted #9b9b9b;min-height: 160px;padding-bottom: 20px;}
.img_text:last-child{border-bottom: none;}

/*------------------アイコン設定-----------------------*/
.container1 .money{color: rgb(37, 107, 126);margin-right: 10px;}
.container1 .graph{color: rgb(37, 107, 126);margin-right: 10px;}
.container1 .mail{color: rgb(37, 107, 126);margin-right: 10px;}
.container1 .right{margin-left: 10px;margin-right: 5px;}
.container2 .book{margin-right: 10px;}

/*------------------コンテンツ余白設定-----------------------*/
.box{margin-bottom: 70px;padding: 0 10px;}

/*------------------備考（参照元等テキスト）-----------------------*/
.notes{color: #4b4b4b;display: block;font-size: 14px;}

/*-----------------表デザイン--------------------*/

.table_1{width: 100%;margin-top: 20px;}
.table_1 th, .table_1 td {border: 2px solid #fff;background-color: #ebebeb;padding: 10px;}
.table_1 th {background-color: rgb(110, 110, 110);color: #fff;font-weight: bold;text-align: center;width: 20%;}
.table_1 td{width: 80%;}

.table_2{margin-top: 20px;}
.table_2 th, .table_2 td {border: 1px solid rgb(112, 112, 112);}
.table_2 th {background-color: var(--main-color);color: #fff;font-weight: bold;text-align: center;width: 10%;min-width: 6em;}
.table_2 td{width: 90%;padding: 0px 15px 15px 15px;}
.table_2 .text1{display: block;color: var(--main-color);font-weight: bold;margin-bottom: 10px;}

.table_3{width: 100%;}
.table_3 th,.table_3 td {border: 2px solid #fff;background-color: #ebebeb;padding: 10px;}
.table_3 th {background-color: rgb(110, 110, 110);color: #fff;font-weight: bold;text-align: center;width: 20%;}
.table_3 td{width: 80%;}

.table_4{width: 100%;margin: 10px 0 50px 0;}
.table_4 .box4{text-align: left;}
.table_4 .box1{width: 120px;}
.table_4 .box2{width: 160px;}
.table_4 th, .table_4 td {border: 1px solid rgb(112, 112, 112);white-space: nowrap;}
.table_4 th {background-color: rgb(110, 110, 110);color: #fff;font-weight: bold;text-align: center;padding: 5px;}
.table_4 td{padding: 10px 20px;}

/*------------------タブ１（TOP）-----------------------*/
.container1 .flex_box{display: flex;flex-wrap: wrap;}
.container1 .flex_box a:hover{opacity: 0.5;}
.container1 .flex_box img{width:100%;height:100%;object-fit:contain;/* object-position:x y; */}
.container1 .flex_box .text{padding-top: 10px;}
.container1 .flex_box .text p{font-size: 14px;line-height: 1.4;}
.container1 .flex_box .text span,.container6 span{display: block;color: var(--main-color);font-size: 15px;margin-bottom: 3px;}
.container1 .flex_box .btm p{text-align: right;display: block;color: var(--main-color);font-size: 14px;font-weight: bold;}

.container1 .flex_box .text_box{
  overflow: hidden;/*溢れた文字を隠す*/
  display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp: 3;/*行数*/
}
.container1 .flex_box a{
  display: block;
  width:calc(50% - 8px);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin: 4px;
  color: var(--main-color);
  font-size: 14px;
  border-radius: 5px;
  background-color: #fafafa;
  padding: 15px;
}
.container1 .flex_box .img{
  padding: 10px;
  width: 100%;
  height: 240px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

/*------------------タブ６-----------------------*/
.container6 .img_text{border-bottom: none;padding: 0px 10px 20px 10px;}
.container6{border: 1px solid #cecece;margin: 10px;}
.container6 .flex{display: flex;justify-content: space-between;padding: 10px;}
.container6 .img{width: 25%;}
.container6 ul{width: 75%;padding: 10px;box-sizing: border-box;}
.container6 .list1{display: inline-block;padding: 5px 10px;border: 1px solid var(--main-color);margin: 10px 0;font-size: 14px;}
.container6 .list2{font-weight: bold;color: var(--main-color);font-size: 16px;margin-bottom: 5px;}
.container6 .list3{font-size: 16px;}

/*------------------タイムスケジュール--------------------*/
.time_schedule{
  width: 100%;
  padding: 30px 10px 0px 0px;
  border-collapse:separate;/* separate指定する */
  border-spacing: 5px; /* 最初の値が上下 ふたつ目の値が左右、ひとつだけだと周囲 */
  border-radius: 10px;
  margin-top: 20px;
}
.time_schedule .padding{display: block;padding-right: 18px;text-align: right;}
.time_schedule td{
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 20px;
  border: 1px solid var(--main-color);
}
.time_schedule th{
  padding: 15px;
  color: var(--main-color);
  font-weight: bold;
  text-align: right;
  font-size: 13px;
  width: 10%;
  min-width: 1em;
  border-right: 3px solid var(--main-color);
}

.time_schedule td{width: 90%;font-size: 14px;}


/* -------------手書きcss追加部分----------- */
/* 目指せる資格 */
.nihon-u__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}
.nihon-u__grid .grid__items .items__inner:first-of-type {
  display: flex;
  justify-content: space-between;
}
.nihon-u__grid .grid__items .inner__tab {
  color: #fff;
  margin-right: 20px;
  width: calc(100% - 75px);
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.nihon-u__grid .grid__items .inner__tab>span {
  width: 6rem;
}
.nihon-u__grid .grid__items .inner__qr {
  width: 50px;
  margin-right: 5px;
}
.nihon-u__grid .grid__items.houritu {
  background-color: #fce6e8;
}
.nihon-u__grid .grid__items.seikei {
  background-color: #ede0ee;
}
.nihon-u__grid .grid__items.kokubun {
  background-color: #dee0ee;
}
.nihon-u__grid .grid__items.eibun {
  background-color: #e5ecf4;
}
.nihon-u__grid .grid__items.tetugaku {
  background-color: #e7efd7;
}
.nihon-u__grid .grid__items.sigaku {
  background-color: #ebf3d9;
}
.nihon-u__grid .grid__items.keizai {
  background-color: #fef0d7;
}
.nihon-u__grid .grid__items.syougyou {
  background-color: #fde9d3;
}
.nihon-u__grid .grid__items.houritu .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #ec6e89 10px);
}
.nihon-u__grid .grid__items.seikei .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #b0579d 10px);
}
.nihon-u__grid .grid__items.kokubun .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #4c6dac 10px);
}
.nihon-u__grid .grid__items.eibun .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #6aa2ca 10px);
}
.nihon-u__grid .grid__items.tetugaku .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #72af2d 10px);
}
.nihon-u__grid .grid__items.sigaku .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #8ec31f 10px);
}
.nihon-u__grid .grid__items.keizai .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #f6ac1d 10px);
}
.nihon-u__grid .grid__items.syougyou .inner__tab {
  background: linear-gradient(315deg,  transparent 10px, #f0831f 10px);
}
.nihon-u__grid .grid__items .inner__wrap {
  padding: 0 16px 16px 0;
  margin: 24px 0 0 6rem;
}
.nihon-u__grid .grid__items .inner__wrap .wrap__title {
  font-size: 52px;
  font-weight: 600;
  line-height: 1.2;
  font-family: 'Yu Mincho';
  margin-bottom: 10px;
}
.nihon-u__grid .grid__items .inner__wrap .wrap__title .f-small {
  font-size: 24px;
}
.nihon-u__grid .grid__items.houritu .inner__wrap .wrap__title {
  color: #903a4e;
}
.nihon-u__grid .grid__items.seikei .inner__wrap .wrap__title {
  color: #6e2f63;
}
.nihon-u__grid .grid__items.kokubun .inner__wrap .wrap__title {
  color: #213968;
}
.nihon-u__grid .grid__items.eibun .inner__wrap .wrap__title {
  color: #3e6580;
}
.nihon-u__grid .grid__items.tetugaku .inner__wrap .wrap__title {
  color: #426e10;
}
.nihon-u__grid .grid__items.sigaku .inner__wrap .wrap__title {
  color: #4f7600;
}
.nihon-u__grid .grid__items.keizai .inner__wrap .wrap__title {
  color: #a67a20;
}
.nihon-u__grid .grid__items.syougyou .inner__wrap .wrap__title {
  color: #964e07;
}
.nihon-u__grid .grid__items .inner__wrap .wrap__lead {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 10px;
}
.nihon-u__grid .grid__items.houritu .inner__wrap .wrap__lead {
  color: #ed7a92;
}
.nihon-u__grid .grid__items.seikei .inner__wrap .wrap__lead {
  color: #bd75af;
}
.nihon-u__grid .grid__items.kokubun .inner__wrap .wrap__lead {
  color: #5371af;
}
.nihon-u__grid .grid__items.eibun .inner__wrap .wrap__lead {
  color: #75a8cd;
}
.nihon-u__grid .grid__items.tetugaku .inner__wrap .wrap__lead {
  color: #83b744;
}
.nihon-u__grid .grid__items.sigaku .inner__wrap .wrap__lead {
  color: #96c730;
}
.nihon-u__grid .grid__items.keizai .inner__wrap .wrap__lead {
  color: #f6b12c;
}
.nihon-u__grid .grid__items.syougyou .inner__wrap .wrap__lead {
  color: #f18625;
}
.nihon-u__grid .grid__items .inner__wrap .wrap__text {
  font-size: 16px;
}


.license {
  padding-top: 20px;
}
.license .license__wrap {
  background-color: #ebebeb;
  position: relative;
  margin-left: 30px;
  padding: 20px 10px 30px 30px;
}
.license .license__wrap.white{
  background-color: #fff;
}
.license__wrap .pickUp {
  position: absolute;
  top: -15px;
  left: -30px;
  width: 150px;
  height: 150px;
  background-color: #796caf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.license__wrap .pickUp p {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.license__wrap .pickUp p > span {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.license__wrap .pickUp p > span > span {
  position: relative;
}
.license__wrap .pickUp p > span > span::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 2px;
  background-color: #fff;
}

.license__wrap .wrap__item {
  display: flex;
  justify-content: end;
  align-items: center;
}
.license__wrap .wrap__item:last-of-type {
  display: block;
  align-items: flex-start;
}
.license__wrap .wrap__item .item__text {
  width: calc(100% - 200px - 110px);
}
.license__wrap .wrap__item .item__text p {
  font-size: 24px;
  font-weight: 600;
}
.license__wrap .wrap__item .item__text p:first-of-type {
  font-size: 18px;
  font-weight: 600;
  color: #796caf;
  border-bottom: 1px solid #796caf;
}
.license__wrap .wrap__item .item__img {
  width: 200px;
}
.license__wrap .wrap__item .item__img figcaption {
  font-size: 14px;
}
.license__wrap .wrap__item .item__point {
  padding-left: 22px;
  position: relative;
  font-size: 16px;
  margin-bottom: 16px;
}
.license__wrap .wrap__item .item__point::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.license__wrap .wrap__item .item__detail {
  display: flex;
  justify-content: space-between;
}
.license__wrap .wrap__item .item__detail .detail__text {
  background-color: #fdf0e5;
  border-radius: 10px;
  margin-right: 30px;
  width: calc(100% / 3);
}
.license__wrap .wrap__item .item__detail .detail__text:last-of-type {
  margin-right: 0;
}
.license__wrap .wrap__item .item__detail .detail__text .text__title {
  background-color: #fff;
  color: #e35a1e;
  border-radius: 10px;
  width: 100%;
  height: 100px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.license__wrap .wrap__item .item__detail .detail__text .text__detail {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
.license__wrap .wrap__item .item__detail .detail__text .text__detail p {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px 5px;
}
.license__wrap .wrap__item .item__detail .detail__text .text__detail .f-small {
  font-size: 12px;
}
.license__wrap .wrap__item .item__detail .detail__text .text__detail .f-brown {
  font-size: 18px;
  font-weight: 600;
  color: #a54817;
  line-height: 1.2;
  text-align: center;
  height: 54px;
  display: flex;
  justify-content: center;
}
.text__contents-list ul {
  font-size: 14px;
  padding: 5px 24px;
}
.text__contents-list ul li {
  padding: 0 0 5px 10px;
  position: relative;
}
.text__contents-list ul li::before {
  position: absolute;
  content: "";
  top: 0;
  left: -10;
}
.text__contents-list ul li:last-child {
  padding-bottom: 0;
}

.license__wrap .wrap__lead .lead__title {
  font-size: 36px;
  font-weight: 600;
  width: 545px;
  color: #796caf;
  position: relative;
  margin-bottom: 12px;
}
.license__wrap .wrap__lead .lead__title::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #f3ef6c;
}
.license__wrap .wrap__lead .lead__comment {
  font-size: 16px;
  color: #796caf;
  padding-left: 24px;
  position: relative;
}
.license__wrap .wrap__lead .lead__comment::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  background-color: #796caf;
  border-radius: 50%;
}
.license__wrap .wrap__contents {
  display: flex;
  justify-content: space-between;
}
.license__wrap .wrap__contents .wrap__detail {
  margin: 5px 16px 0 0;
  width: calc(100% / 2);
}
.license__wrap .wrap__contents .wrap__detail:last-child {
  margin: 5px 0 0 0;
}
.license__wrap .wrap__contents .detail__title {
  font-size: 18px;
  font-weight: 600;
  color: #796caf;
  margin-bottom: 5px;
}
.license__wrap .wrap__contents .detail__lead {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.4;
}
.license__wrap .wrap__contents .detail__text {
  font-size: 16px;
}

/*------------- スクーリング --------------*/
.schooling .schooling__contents .contents__wrap:first-of-type {
  display: flex;
}
.schooling .schooling__contents .contents__wrap {
  border-radius: 10px;
  padding: 20px 16px;
  margin-bottom: 16px;
}
.schooling .schooling__contents .contents__wrap:nth-of-type(3) {
  padding: 0 16px;
}
.schooling .schooling__contents .contents__wrap p {
  padding: 0;
}
.schooling .schooling__contents .contents__wrap .wrap__icon {
  width: 150px;
  margin-right: 10px;
}
.schooling .schooling__contents .contents__wrap .detail__title {
  display: flex;
  justify-content: space-between;
  border-bottom: 5px solid #fff;
}
.schooling .schooling__contents .contents__wrap .detail__title p {
  font-size: 38px;
  font-weight: 600;
  padding: 10px 0 0;
  color: #fff;
  position: relative;
}
.schooling .schooling__contents .contents__wrap .detail__title p>span {
  font-size: 16px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.schooling .schooling__contents .contents__wrap .wrap__detail {
  width: calc(100% - 160px);
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon {
  display: flex;
  align-items: center;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon .icon {
  padding: 0 10px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  margin-right: 5px;
  border-radius: 5px;
  height: 34px;
  display: flex;
  align-items: center;
  text-align: center;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon .icon.taimen {
  background-color: #ef7d29;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon .icon.online {
  background-color: #920883;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon .icon.ondemandTaimen {
  background-color: #1f51a2;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__title .title__icon .icon.ondemand {
  color: #b062a4;
  background-color: #fff;
}
.schooling .schooling__contents .contents__wrap .detail__title .title__icon .icon__QR {
  width: 40px;
}
.schooling .schooling__contents .contents__wrap.bc-green {
  background-color: #3bb253;
}
.schooling .schooling__contents .contents__wrap.bc-purple {
  background-color: #b062a4;
}
.schooling .schooling__contents .contents__wrap.bc-sky {
  background-color: #e1f1fb;
}
.schooling .schooling__contents .contents__wrap.bc-sky p {
  color: #004295;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  padding: 0;

}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__text {
  display: flex;
  margin-top: 10px;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__text .text__flex {
  margin-right: 16px;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__text .text__flex li {
  color: #fff;
  font-size: 16px;
  padding-left: 16px;
  position: relative;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__text .text__flex li::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.schooling .schooling__contents .contents__wrap .wrap__detail .detail__text .text__flex.dotNone li::before {
  display: none;
}





@media (max-width: 768px){

  /*------------全体設定------------*/
  body {margin-top: 80px; /* ヘッダーの高さ分だけ下げる */}
  /* p{font-size: 15px;line-height: 1.6;} */ /*全体の文字指定*/
  .none{display: block;}
  p{font-size: 14px;}
  .cv_button img{max-width: 300px;}
  .cv{height: 50px;}
  .main{width: 95%;margin: 0 auto;}
  
  /*------------追従するトップへ戻るボタン------------*/
  .pagetop{bottom: 60px;}
  
  /*-----------------ハンガーガーメニュー・ロゴ--------------------------*/
    .header{height: 70px;}
    .logo {width: 280px;}
    .logo img{max-width: 200px;}
    .logo h1{font-size: 12px;}
    .hamburger-menu {width: 60px;height: 60px;}
    .hamburger-menu__bar:first-child {top: 17px;}
    .hamburger-menu__bar:nth-child(2) {top: 29px;}
    .hamburger-menu__bar:last-child {top: 41px;}
    .navigation {top: 80px;}
    .navigation__link {padding: 20px 15px;font-size: 14px;}
    .hamburger-menu--open .hamburger-menu__bar {top: 50%;}
  
    /*-----------------トップ部分--------------------------*/
    .school_name{font-size: 20px;}
    .catch-copy{font-size: 14px;margin-top: 10px;}
    .catch-copy span{font-size: 16px;margin-bottom: 5px;}
    .top_img{padding: 10px;max-width: 250px;}
  
    /*------------------タブ-----------------------*/
    .tab-wrap {margin-top: 10px;font-size: 13px;}
    .tab-label {margin: 2px;padding: 10px 5px;width:calc(33.3333333% - 4px);}
    /* .tab-switch:checked+.tab-label+.tab-content {display: block;margin-bottom: 150px;} */
  
    /*------------------コンテンツ内ページリンク-----------------------*/
    .contents_link{width: 240px;padding: 15px 10px 20px 10px;}
    .contents_link p{padding-left: 15px;}
    .contents_link li a{font-size: 14px;}
  
  /*------------------見出し設定/強調-----------------------*/
  .container1 .title1,.container2 .title1{font-size: 18px;}
  .container2 .title2,.container3 .title2,.container4 .title2,.container5 .title2,.container6 .title2{font-size: 18px;}
  .container2 .title3,.container3 .title3,.container5 .title3{font-size: 15px;}
  .container1 .title4,.container2 .title4,.container4 .title4,.container5 .title4,.container6 .title4{font-size: 15px;}
  .container1 .title5,.container2 .title5,.container3 .title5,.container3 .title5,.container4 .title5,.container5 .title5,.container6 .title5{font-size: 15px;}
  .container2 .title6{font-size: 14px;}
  
  /*------------------画像の回り込み設定/コンテンツ区切り（ボーダー設定）----------------------*/
  .img_text p{padding: 5px;}
  
  /*------------------アイコン設定-----------------------*/
  .container1 .money{margin-right: 5px;}
  .container1 .graph{margin-right: 5px;}
  .container1 .mail{margin-right: 5px;}
  .container1 .right{margin-left: 5px;margin-right: 5px;}
  .container2 .book{margin-right: 5px;}
  
  /*------------------コンテンツ余白設定-----------------------*/
  .box{margin-bottom: 70px;padding: 0 10px;}
  
  /*-----------------表デザイン--------------------*/
  .table_1{margin-top: 10px;}
  .table_1 th, .table_1 td {padding: 10px 5px;}
  .table_1 th {width: 22%;}
  .table_1 td{width: 78%;}
  
  .table_3 th,.table_3 td {padding: 5px 10px;}
  .table_3 th { width: 30%;}
  .table_3 td{width: 70%;}
  
  
  .table_4{width: 100%;margin: 10px 0 50px 0;}
  .table_4 .box1{width: 80px;}
  .table_4 .box2{width: 90px;}
  .table_4 th, .table_4 td {white-space: wrap;}
  .table_4 td{padding: 10px;}
  
  /*------------------タブ１-----------------------*/
  .container1 .flex_box{display: block;}
  .container1 .flex_box a{width:100%;}
  .container1 .flex_box .text_box{-webkit-line-clamp: 4;/*行数*/}
  
  /*------------------タブ６-----------------------*/
  .container6 .flex{display: block;justify-content: start;}
  .container6 .img{width: 100%;margin: 0 auto;}
  .container6 ul{width: 100%;padding: 0;}
  .container6 .list1{font-size: 14px;}
  .container6 .list2{font-size: 15px;}
  .container6 .list3{font-size: 15px;margin-bottom: 30px;}
  
  /*------------------タイムスケジュール--------------------*/
  .time_schedule{padding: 0px;}
  .time_schedule th{padding: 10px;width: 15%;min-width: 3em;border-right: 2px solid var(--main-color);}
  .time_schedule td{padding: 10px;border: 1px solid var(--main-color);}
  .time_schedule td{width: 85%;}
    
  }