@charset "utf-8";

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


Gtechについて


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

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

センター長あいさつ

---------------------------------------------- */
.messageWrap {
 padding: 84px 0;
}

.message_ttl {
 text-align: center;
 font-size: 2.8rem;
 font-weight: 700;
}

.message_ttl::after {
 content: "";
 display: block;
 width: 16px;
 height: 16px;
 margin: 18px auto 0;
 vertical-align: middle;
 background: #005b3e;
 background: linear-gradient(60deg, #acc53d 13%, #005b3e 88%);
 border-radius: 50%;
}

.messageInner {
 margin: 92px auto 0;
}

.message_text {
 width: calc(100% - 230px - 10%);
}

.message_text p {
 margin: 0 0 32px;
}

.message_profile {
 margin: 8px 0;
 width: 230px;
}

.message_profile figure {}

.message_profile h3 {
 margin: 24px 0 16px;
 font-size: 1.4rem;
 font-weight: 700;
}

.message_profile_name {
 margin: 16px 0 24px;
 line-height: 1.4;
 font-weight: 700;
}

.message_profile_name span {
 font-size: 1.6rem;
}

.message_profile_name small {
 font-size: 1.2rem;
}

.message_profile_name rt {
 font-size: 0.8rem;
}

.message_profile_history {
 font-size: 1.2rem;
 line-height: 2;
}

.message_bio {
 margin: 24px auto 0px;
 padding: 32px 0;
 border-top: 1px solid #dcdcdc;
}

.message_bio h3 {
 display: block;
 margin-bottom: 12px;
 text-align: center;
 font-size: 2.2rem;
 font-weight: 600;
 color: #00321e;
}

.message_bio p {}


@media only screen and (max-width:640px) {
 .messageWrap {}

 .message_ttl {}

 .message_ttl::after {
  width: 24px;
  height: 24px;
 }

 .messageInner {}

 .message_text {
  width: calc(100%);
 }

 .message_text p {}

 .message_profile {
  width: 100%;
 }

 .message_profile figure {
  width: 256px;
  margin: auto;
 }

 .message_profile h3 {
  text-align: center;
 }

 .message_profile_name {
  text-align: center;
 }

 .message_profile_name span {}

 .message_profile_name small {}

 .message_profile_name rt {}

 .message_profile_history {}

 .message_bio {
  margin: 48px auto 0px;
  padding: 48px 0;
 }

 .message_bio h3 {}

}





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

ミッション・センター説明

---------------------------------------------- */
.aboutWrap.inner {
 padding: 92px 0 128px;
}

.about_mission {
 padding: 32px 0;
 margin: 24px auto;
 align-items: center;
 align-content: stretch;
 background-color: #fff;
}

.about_mission dt,
.about_mission dd {}

.about_mission dt {
 width: 210px;
 padding: 32px 0;
 border-right: 1px solid #dcdcdc;
}

.about_mission dt h3 {
 text-align: center;
 font-size: 2.6rem;
 font-weight: 700;
 background: linear-gradient(60deg, #acc53d 13%, #005b3e 88%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.about_mission dt h3 span {
 font-size: 1.8rem;
}

.about_mission dd {
 width: calc(100% - 210px);
 padding: 0 24px 0 32px;
 font-size: 2.8rem;
 font-weight: 700;
 color: #00321e;
}

.about_mission dd ul {}

.about_mission dd ul li {
 padding-left: 0.5em;
 text-indent: -0.5em;
 font-size: 2rem;
}


.about_text {
 margin: 128px auto 64px;
}

.about_text h2 {
 margin: 48px 0;
 text-align: center;
 font-size: 3.2rem;
 font-weight: 700;
 color: #00321e;
}

.about_text p {
 margin: 16px 0;
}


.about_graph {}

.about_graph figure {
 width: 100%;
 margin: -24px auto 64px;
}

.about_graph figure img {}

.about_graph a.btn {
 display: block;
 margin: 0 auto;
}


@media only screen and (max-width:640px) {
 .aboutWrap.inner {}

 .about_mission {
  padding: 32px 0;
  margin: 24px auto;
 }

 .about_mission dt,
 .about_mission dd {}

 .about_mission dt {
  width: 100%;
  padding: 32px 0;
  border-right: 1px solid #dcdcdc;
 }

 .about_mission dt h3 {}

 .about_mission dt h3 span {}

 .about_mission dd {
  width: 100%;
  padding: 0px 32px 32px;
  text-align: center;
  font-size: 2.4rem;
 }

 .about_mission dd ul {}

 .about_mission dd ul li {
  margin: 12px;
 }


 .about_text {
  margin: 128px auto 64px;
 }

 .about_text h2 {
  font-size: 2.8rem;
 }

 .about_text p {}


 .about_graph {}

 .about_graph figure {}

 .about_graph figure img {}

 .about_graph a.btn {}
}



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

キャンパス写真

---------------------------------------------- */
.about_photo {
 height: 20vw;
 min-height: 390px;
 overflow: hidden;
 background-image: url(../_image/about/about-photo.jpg);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}

.about_photo img {
 /* object-fit: cover;
 object-position: center;
 width: 100%;
 height: 100%; */
 display: none;
}

@media only screen and (max-width:640px) {
 .about_photo {
  min-height: 360px;
  background-size: 100%;
  background-position: center;
  background-attachment: scroll;
 }

}




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

概要

---------------------------------------------- */
.about_outline.inner {
 margin: 128px auto 32px;
 max-width: 1120px !important;
}

.about_outline.inner table {
 width: 100%;
}

.about_outline.inner table tbody {}

.about_outline.inner table tbody tr {}

.about_outline.inner table tbody tr th,
.about_outline.inner table tbody tr td {
 padding: 36px 4%;
}

.about_outline.inner table tbody tr th {
 position: relative;
 min-width: 8em;
 width: 24%;
 font-weight: 700;
 white-space: nowrap;
 color: #005b3e;
}

.about_outline.inner table tbody tr:nth-of-type(1) th::before,
.about_outline.inner table tbody tr th::after {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background: #299b1f;
 background: linear-gradient(60deg, #299b1f 13%, #69cd57 88%);
}

.about_outline.inner table tbody tr:nth-of-type(1) th::before {
 top: -1px;
}

.about_outline.inner table tbody tr th::after {
 bottom: -1px;
}

.about_outline.inner table tbody tr td {
 border-bottom: 2px solid #dcdcdc;
}

.about_outline.inner table tbody tr:nth-of-type(1) td {
 border-top: 2px solid #dcdcdc;
}


@media only screen and (max-width:640px) {
 .about_outline.inner {
  margin: 128px auto 64px;
 }
}