.hidden {
  display: none;
}

h1 span {
  font-size: 16px;
}

/*
index.html
*/
.index .sp {
  display: none;
}

.index h2 {
  background: transparent;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 12px 0;
  padding-top: 0;
  border: none;
  font-size: 200%;
}

.index h2 span {
  color: #00a7d7;
  font-size: 19px;
}

.index .grid {
  margin-top: 0;
  margin-left: 0;
}

.index .grid + .grid {
  margin-top: 50px;
}

.index .grid img {
  border-top: 3px solid #00a7d7;
}

.index .grid p {
  color: #222222;
  font-size: 14px;
}

.index .grid .md1_2 {
  width: 47.5% !important;
  border-left: 40px solid transparent;
}

.index .grid .link-type-1 {
  border: 1px solid #56cff2;
  text-align: center;
  text-decoration: underline;
  color: #56cff2;
  margin-top: 20px;
}

.index .grid h3 {
  border: none;
  background: none;
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
  padding: 5px 0;
  height: 3em;
  display: table-cell;
  vertical-align: middle;
  color: #222222;
}

.index .grid h3:before {
  content: none;
  display: block;
  width: 41px;
  height: 0px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #00a7d7;
}

.index .grid .col.md1_2 {
  border-left: none;
  float: right;
}

.index .grid .col:first-child.md1_2 {
  float: left;
}
/*
index.html
211105
*/
.index .lead_title{
}
.index .lead-txt {
  margin-bottom: 16px;
  margin-top: 30px;
}
.index .lead-txt br {
  display: block;
}
.index .lead-txt .lead-content-ttl {
  font-size: 14px;
  height: 3em;
}
.index .lead-txt .lead-content {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index .lead-txt .lead-content li:not(:last-child){
  width: 45%;
  margin-bottom: 40px;
}
.index .lead-txt .lead-content li:last-child .lead-content-ttl{
  height: 1.3em;
}
.index .lead-txt .lead-content .lead-content-data {
  font-size: 90px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #00a7d7;
}
.index .lead-txt .lead-content .lead-content-data .unit {
  font-size: 36px;
}
.index .lead-txt .lead-content .lead-content-data .note {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #000;
  text-align: right;
}
.index .lead-txt .lead-content-img {
  width: 100%;
  margin-top: -30px;
}
.index .lead-txt .lead-content-img figcaption {
  text-align: right;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
.index .lead-txt .grid img {
  border: none;
  width: 100%;
}
.index .lead-txt .grid p {
  margin-bottom: 16px;
}
.index .lead-txt .col.md1_2.sm1_1{
  margin-top: 24px;
}
/*
index.html
220224
*/
.index div#slide-img-outer {
  width: 726px;
  height: 532px !important;
  border: 4px solid #f7f7f7;
  position: relative;
  overflow: hidden;
}

.index ul#slide-img-inner {
  position: absolute;
  left: 0;
  width: 10000px;
}

.index ul#slide-img-inner li {
  position: static;
  float: left;
}

.index ul#slide-img-inner li img {
  border: none;
}

.index ul#slide-nav-wrapper {
  overflow: hidden;
  position: relative;
}

.index ul#slide-nav-wrapper li {
  width: 85px;
  height: 50px;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  background-color: #f7f7f7;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}

.index ul#slide-nav-wrapper li:first-child {
  margin-left: 0;
  margin-right: 2px;
}

.index ul#slide-nav-wrapper li.last {
  position: absolute;
  height: 23px;
  right: 0;
  line-height: 23px;
}

.index ul#slide-nav-wrapper li.last.last-1 {
  top: 27px;
}

.index ul#slide-nav-wrapper li.last.last-2 {
  top: 0px;
}

.index ul#slide-nav-wrapper .active {
  background-color: #00a7d7;
  color: #ffffff;
}

.index .grid .col {
  border-left: none;
}

.index #proLink_pc {
  width: 100%;
}

/*
training.html
*/
.training h2,
.communication h2,
.learncareer h2,
.learnpbl h2,
.english h2,
.active_labs h2 {
  background: transparent;
}

.training h3,
.communication h3,
.learncareer h3,
.learnpbl h3,
.english h3,
.active_labs h3 {
  border: none;
  padding: 0;
}

.training h3:before,
.communication h3:before,
.learncareer h3:before,
.learnpbl h3:before,
.english h3:before,
.active_labs h3:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: none;
}

.training h3 span,
.communication h3 span,
.learncareer h3 span,
.learnpbl h3 span,
.english h3 span,
.active_labs h3 span {
  font-size: 14px;
}

.training .school-year-4-wrapper .panel_caption,
.communication .school-year-4-wrapper .panel_caption,
.learncareer .school-year-4-wrapper .panel_caption,
.learnpbl .school-year-4-wrapper .panel_caption,
.english .school-year-4-wrapper .panel_caption,
.active_labs .school-year-4-wrapper .panel_caption {
  height: 40px;
  background-color: #ffffff;
}

.training .grid-border-wrapper,
.communication .grid-border-wrapper,
.learncareer .grid-border-wrapper,
.learnpbl .grid-border-wrapper,
.english .grid-border-wrapper,
.active_labs .grid-border-wrapper {
  margin: 30px 0 0 0;
  border: 1px solid #d6d6d6;
  padding: 30px 10px;
}

.training .grid-border-wrapper h3,
.communication .grid-border-wrapper h3,
.learncareer .grid-border-wrapper h3,
.learnpbl .grid-border-wrapper h3,
.english .grid-border-wrapper h3,
.active_labs .grid-border-wrapper h3 {
  margin-bottom: 10px;
}

.training .grid-border-wrapper .pr20,
.communication .grid-border-wrapper .pr20,
.learncareer .grid-border-wrapper .pr20,
.learnpbl .grid-border-wrapper .pr20,
.english .grid-border-wrapper .pr20,
.active_labs .grid-border-wrapper .pr20 {
  padding-right: 20px;
}

.training .grid-border-wrapper .dark_panel,
.communication .grid-border-wrapper .dark_panel,
.learncareer .grid-border-wrapper .dark_panel,
.learnpbl .grid-border-wrapper .dark_panel,
.english .grid-border-wrapper .dark_panel,
.active_labs .grid-border-wrapper .dark_panel {
  background-color: transparent;
  padding: 0;
}

.training .grid-border-wrapper .dark_panel p,
.communication .grid-border-wrapper .dark_panel p,
.learncareer .grid-border-wrapper .dark_panel p,
.learnpbl .grid-border-wrapper .dark_panel p,
.english .grid-border-wrapper .dark_panel p,
.active_labs .grid-border-wrapper .dark_panel p {
  margin-top: 12px;
}

.training .grid-border-wrapper .dark_panel .panel_caption,
.communication .grid-border-wrapper .dark_panel .panel_caption,
.learncareer .grid-border-wrapper .dark_panel .panel_caption,
.learnpbl .grid-border-wrapper .dark_panel .panel_caption,
.english .grid-border-wrapper .dark_panel .panel_caption,
.active_labs .grid-border-wrapper .dark_panel .panel_caption {
  padding-left: 0;
  padding-right: 0;
}

.training .grid-border-wrapper .dark_panel .panel_content,
.communication .grid-border-wrapper .dark_panel .panel_content,
.learncareer .grid-border-wrapper .dark_panel .panel_content,
.learnpbl .grid-border-wrapper .dark_panel .panel_content,
.english .grid-border-wrapper .dark_panel .panel_content,
.active_labs .grid-border-wrapper .dark_panel .panel_content {
  padding-left: 0;
  padding-right: 0;
}

.training .grid-border-wrapper ul,
.communication .grid-border-wrapper ul,
.learncareer .grid-border-wrapper ul,
.learnpbl .grid-border-wrapper ul,
.english .grid-border-wrapper ul,
.active_labs .grid-border-wrapper ul {
  font-size: 14px;
}

.training .border-none,
.communication .border-none,
.learncareer .border-none,
.learnpbl .border-none,
.english .border-none,
.active_labs .border-none {
  border: none;
}

.training .grid-wrapper-local-nav,
.communication .grid-wrapper-local-nav,
.learncareer .grid-wrapper-local-nav,
.learnpbl .grid-wrapper-local-nav,
.english .grid-wrapper-local-nav,
.active_labs .grid-wrapper-local-nav {
  margin-top: 30px;
}

.training .grid-wrapper-local-nav span,
.communication .grid-wrapper-local-nav span,
.learncareer .grid-wrapper-local-nav span,
.learnpbl .grid-wrapper-local-nav span,
.english .grid-wrapper-local-nav span,
.active_labs .grid-wrapper-local-nav span {
  font-size: 16px;
}

/*
learncareer.html
*/
.learncareer .lead_title a {
  font-size: 100%;
}

/*
english.html
*/
.english .link-type-1 {
  display: block;
  width: 50%;
  border: 1px solid #56cff2;
  text-align: center;
  text-decoration: underline;
  color: #56cff2;
  margin-top: 10px;
  padding: 10px 40px;
}


/* 2023.09.04 */
.training h3.border_bottom,
.learncareer h3.border_bottom,
.learnpbl h3.border_bottom,
.communication h3.border_bottom{
  position: relative;
  margin-bottom: 28px;
  padding: 8px 0;
  padding-top: 0;
  border-bottom: 2px solid #d6d6d6;
  font-size: 150%;
}
.training h3.border_bottom:before,
.learncareer h3.border_bottom:before,
.learnpbl h3.border_bottom:before,
.communication h3.border_bottom:before{
  content: "";
  display: block;
  width: 41px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background: #00a7d7;
}
.training .sub_ttl,
.learncareer .sub_ttl,
.learnpbl .sub_ttl,
.communication .sub_ttl{
  font-size: 14px;
  font-weight: 700;
  margin-top: -16px;
  margin-bottom: 28px;
}