@charset "utf-8";

/* concept.css */

.mainVisual {
  position: relative;
  background: #F9F9FC;
}
.mainVisual .inner {
    position: relative;
    /* [disabled]max-width: 1400px; */
    margin-left: auto;
    /* [disabled]padding: 0 0 5vw; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.mainVisual .logo {
    /* [disabled]position: absolute; */
    /* [disabled]top: 7%; */
    /* [disabled]left: 7%; */
    width: 80%;
    z-index: 2;
}
.mainVisual .catch {
    /* [disabled]position: absolute; */
    /* [disabled]top: 30%; */
    /* [disabled]left: 7%; */
    color: #00718F;
    font-size: 45px;
    font-weight: 100;
    line-height: 1.5;
    z-index: 2;
}
.mainVisual .lead {
    /* [disabled]position: absolute; */
    /* [disabled]top: 55%; */
    /* [disabled]left: 7%; */
    line-height: 2.2;
    z-index: 2;
}
.mainVisual .text {
    width: 39%;
    padding-left: 3%;
}
.mainVisual .img {
  position: relative;
  width: 58%;
  margin-left: auto;
  z-index: 1;
}
.mainVisual .img .icon  {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25%;
}
.mainVisual .img .icon img {
    width: auto;
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 1366px) {
  .mainVisual .catch {
    font-size: 3vw;
  }
  .mainVisual .lead {
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 1000px) {
  .mainVisual .lead {
    font-size: 1.1vw;
  }

}

@media screen and (max-width: 768px) {
  .mainVisual {
    padding-top: 80px;
  }
.mainVisual .text {
    padding: 0;
    width: 100%;
}
  .mainVisual .logo {
    position: relative;
    top: 0;
    left: 0;
    width: 88%;
    margin: 0 auto;
    z-index: 2;
  }
  .mainVisual .catch {
    position: relative;
    top: 0;
    left: 0;
    width: 88%;
    margin: 5vw auto;
    color: #00718F;
    font-size: 8vw;
    font-weight: 100;
    line-height: 1.5;
    z-index: 2;
  }
  .mainVisual .lead {
    position: relative;
    top: 0;
    left: 0;
    width: 88%;
    margin: 0 auto 2em;
    font-size: 14px;
    line-height: 2.2;
    z-index: 2;
  }
  .mainVisual .img {
    width: 100%;
    margin-left: auto;
  }
}

.sec {
  position: relative;
  width: 90%;
  max-width: 1066px;
  margin: 4vw auto;
}

.sec h3.ttl,
.points h3.ttl {
  color: #EB6D6C;
  font-size: 45px;
  font-weight: 100;
  line-height: 1.3;
}

@media screen and (max-width: 1000px) {
  .sec h3.ttl,
  .points h3.ttl {
    font-size: 4vw;
  }
}

@media screen and (max-width: 768px) {
  .sec h3.ttl,
  .points h3.ttl {
    font-size: 8vw;
  }
}
.gda{
    padding: 0px 0 80px;
    background-color: #FDF3F1;
}
.gda img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.gda .inner {
    margin: 0 auto;
    max-width: 1060px;
    padding: 50px 0;
    width: 88%;
}
.gda .top.inner  {
    margin: 0 auto;
    max-width: 1060px;
    padding: 30px 0 50px;
    width: 88%;
}
.gda .bgttl {
    margin: 0 auto;
    width: 90%;
}
.gda .ttl {
    text-align: center;
    width: 100%;
    color: #585858;
    font-size: 30px;
    font-weight: 400;
}
.gda .lead {
    color: #585858;
    text-align: center;
    font-size: 20px;
}
.gda .concept_wrap {
    margin-top: -15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url(../img/concept/gda_img01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto auto;
}
.gda .concept_wrap .place {
    width: 42%;
    padding-top: 10%;
}
.gda .concept_wrap .place p {
    margin-bottom: 40px;
}
.gda .concept_wrap .preson {
    width: 55%;
}
.gda .concept_wrap .preson .img {
    width: 70%;
    margin-bottom: 30px;
}
.gda .concept_wrap .preson .text {
    margin-left: 18%;
}
.gda .synergr_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.gda .synergr_wrap .text {
    width: 40%;
}
.gda .synergr_wrap .img {
    width: 58%;
}
.gda .movie_inner {
    margin: 0 auto;
    max-width: 900px;
    width: 90%;
}
.gda .movie_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: -5% auto 0;
}
.gda .movie_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.points {
  position: relative;
  width: 80%;
  max-width: 940px;
  margin: 5vw auto;
}
.points .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.points .card {
  width: 42%;
}
.points .card:last-of-type {
  margin: 0 auto;
}
.points .card .tx {
  margin: 1em 0;
  font-size: 94%;
}
.points .cap {
  margin: -12% 0 0;
  font-size: 10px;
  text-align: right;
}

@media screen and (max-width: 1000px) {
  .points {
    position: relative;
    width: 90%;
    max-width: 1066px;
  }
  .points .flow {
    margin: 4vw 0 0;
  }
  .points .card {
    width: 44%;
    margin: 2% 3%;
  }
  .points .cap {
    width: 25%;
    margin: -10% 0 0 75%;
  }
}

@media screen and (max-width: 768px) {
  .points .card {
    width: 100%;
    margin: 6vw 0;
  }
  .points .card .img {
    padding: 10px 0 5px;
    border-top: 1px solid #EB6D6C;
    border-bottom: 1px solid #EB6D6C;
  }
  .points .cap {
    width: 100%;
    margin: 0;
    text-align: right;
  }
    .gda .ttl{
    font-size: 20px;        
    }
.gda .lead {
    font-size: 14px;
}
.gda .bgttl {
    width: auto;
    padding-right: 40%;
}
.gda .concept_wrap {
    background-size: contain;
    background-position: center top;
}
.gda .concept_wrap .place {
    width: 100%;
}
.gda .concept_wrap .preson {
    width: 100%;
}
.gda .concept_wrap .preson .text {
    margin: 0;
}
.gda .synergr_wrap .text {
    width: 100%;
    margin-bottom: 20px;
}
.gda .synergr_wrap .img {
    width: 100%;
}
}

.community {
  margin: 2vw auto;
}
.community .exclamation {
  position: relative;
  width: 124px;
  margin: 0 auto;
  font-size: 0;
  animation: exc_rotate 3s linear infinite;
}
.sec.community h3.ttl {
  text-align: center;
}
.community .lead {
  margin: 2em 0 5em;
  font-size: 94%;
  text-align: center;
}
.community .supportflow {
  width: 70%;
  margin: 0 auto;
}
.community .ph {
  margin: 6vw 0 0;
}
.community .supporting{
    padding: 2em;
    border: 1px solid #A9AAAA;
    margin-top: 30px;
    text-align: center;
}
.community .supporting ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}
.community .supporting ul li {
    width: 19%;
    margin-bottom: 20px;
}
.community .supporting ul li img {
    max-height: 50px;
}

@keyframes exc_rotate {
  0%   { transform: rotate(0deg); }
  10% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}

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

}

.main .contents .sec.event-workshop {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 10vw auto 4vw;
  padding: 0;
}
.event-workshop::before {
  content: "";
  position: absolute;
  top: 9%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(235,109,108,.05);
  z-index: 1;
}
.event-workshop .inner {
  position: relative;
  width: 90%;
  max-width: 1066px;
  margin: 0 auto;
  z-index: 2;
}
.event-workshop .bgttl {
  width: 90%;
}
.event-workshop .inner2 {
  width: 88%;
  margin-left: 12%;
}
.sec.event-workshop h3.ttl {
  width: 100%;
  margin: -10% 0 0;
  color: #585858;
  font-size: 30px;
  font-weight: 400;
}
.sec.event-workshop .lead {
  width: 100%;
  margin: 2vw 0 0;
}
.sec.event-workshop .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3vw 0 0 0;
  width: 100%;
}
.sec.event-workshop .card {
  border: 1px solid #505050;
  box-sizing: border-box;
  margin: 2.5% 0;
  width: 47.7%;
}
.sec.event-workshop .card.-large {
  width: 100%;
}
.sec.event-workshop .card .ttl {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.5em 1em;
  font-weight: 700;
  border-bottom: 1px solid #505050;
}
.sec.event-workshop .card .icon {
  width: 15%;
  margin-right: 3%;
  font-size: 0;
}
.sec.event-workshop .card.-large .icon {
    width: 5%;
}
.sec.event-workshop .card .detail {
  padding: 1em;
}
.sec.event-workshop .card .event-list {
  background: #fff url(../img/concept/ev-ws_event_pc.png) no-repeat center center;
  background-size: 97.2% auto;
  font-size: 0;
  margin: 1.6% auto 0;
  padding-top: 43.25%;
  width: 100%;
}
.sec.event-workshop .card .detail span {
  display: inline-block;
  margin-right: 1.5em;
}
.event-workshop .cap {
  margin: 1em 0 0;
  font-size: 10px;
  text-align: right;
}

@media screen and (max-width: 1366px) {
  .event-workshop::before {
    top: 6%;
  }
}

@media screen and (max-width: 1000px) {
  .event-workshop::before {
    top: 4.5%;
  }
  .sec.event-workshop .card {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sec.event-workshop .inner2 {
    width: 100%;
    margin: 0;
  }
  .sec.event-workshop h3.ttl {
    width: 100%;
    margin: -10% 0 0;
    font-size: 6vw;
  }
  .sec.event-workshop .card .ttl {
    padding: 1em;
  }
  .sec.event-workshop .card.-large .icon {
    width: 15%;
  }
  .sec.event-workshop .card .event-list {
    background-image: url(../img/concept/ev-ws_event_sp.png);
    margin-top: 4.8%;
    padding-top: 277%;
  }
  .sec.event-workshop .lead {
    width: 100%;
    margin: 2vw 0 0;
  }
  .sec.event-workshop .wrap {
    width: 100%;
    margin: 3vw 0 0;
  }
.community .supporting ul li {
    width: 32%;
}
}

@media screen and (max-width: 500px) {
  .event-workshop::before {
    top: 3.5%;
  }
}

.areaguideSet {
  padding: 80px 0 20px;
}
.areaguideSet .btn_areaguide {
  display: block;
  width: 88%;
  max-width: 520px;
  margin: 0 auto;
  transition: .25s;
}
.areaguideSet .btn_areaguide:hover {
  opacity: .75;
}

@media screen and (max-width: 768px) {
  .areaguideSet {
    padding: 8vw 0 20px;
  }
}

/* EDUCATION CURRICULM ==================== */

.bgFix {
  background: url(../img/concept/bgFixed.jpg) no-repeat center center fixed;
  background-size: cover;
  padding-top: 42.2%;
  position: relative;
  width: 100%;
}
.bgFix .cap {
  bottom: 10px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .bgFix {
    background-image: url(../img/concept/bgFixed_sp.jpg);
    background-attachment: scroll;
    height: 72.46vw;
    padding-top: 0;
  }
  .bgFix .cap {
    bottom: 3.62vw;
    font-size: 10px;
    right: 3.62vw;
  }
}
.education {
    position: relative;
    padding-top: 50px;
}
.education .inner {
  margin: 0 auto;
}
.education .ttl {
  font-weight: 400;
}
.education .lead {
  line-height: 2;
}
.education .label::before {
  content: "■";
  color: #eb6d6c;
  display: inline-block;
  margin-right: 2px;
}
.education .cap {
  font-size: 10px;
}
.education .sub-ttl {
  font-size: 15px;
}
.education .label {
  font-size: 15px;
}
.education .comunity .company {
  background-color: #fef7f7;
}
.education .comunity .company .description {
  box-sizing: border-box;
}
.education .comunity .company .description strong {
  display: block;
}
@media screen and (min-width: 769px) {
  .education .bgttl {
    margin: -4.72% 0 0 4.22%;
    width: 74.54%;
  }
  .education > .inner {
    width: 66.3%;
  }
  .education .ttl {
    font-size: 30px;
    letter-spacing: 0.07em;
    margin-top: -4.71%;
  }
  .education .lead {
    margin: 2vw 0 0;
  }
  .education .cap {
    margin-top: 1.8%;
  }
  .education .sub-ttl {
    margin: 10.2% 0 1.3%;
  }
  .education .curriculum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5.08% 0 7.12%;
  }
  .education .curriculum img {
    margin-bottom: 3.1%;
    width: 48.7%;
  }
  .education .label {
    margin: 0 0 1.27%;
  }
  .education .program_table {
    margin: 5.1% 0 10.18%;
  }
  .education .schedule {
    margin: 2.54% 0 6.36%;
  }
  .education .comunity .box {
    margin-bottom: 6.36%;
    overflow: hidden;
  }
  .education .comunity .box .inner {
    float: right;
    margin-top: 13.36%;
    width: 50%;
  }
  .education .comunity .box img {
    float: left;
    width: 48.35%;
  }
  .education .comunity .company {
    align-items: center;
    background-color: #fef7f7;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.615%;
    padding: 5.1% 3.2%;
  }
  .education .comunity .company img {
    width: 22.15%;
  }
  .education .comunity .company .description {
    border-left: 1px solid #eb6d6c;
    padding-left: 4.34%;
    width: 76.22%;
  }
  .education .comunity .company .description strong {
    margin-bottom: 3.57%;
  }
}
@media screen and (max-width: 768px) {
  .education .bgttl {
    margin: -2.66vw 0 0 6.04vw;
    width: 75.6vw;
  }
  .education > .inner {
    width: 87.9vw;
  }
  .education .ttl {
    font-size: 25px;
    line-height: 1.75;
    margin-top: 5.8vw;
  }
  .education .lead {
    margin-top: 6.04vw;
  }
  .education .cap {
    margin-top: 3.38vw;
  }
  .education .sub-ttl {
    margin: 24.15vw 0 3.62vw;
  }
  .education .curriculum {
    font-size: 0;
    margin: 7.25vw 0 16.9vw;
  }
  .education .curriculum img {
    margin-bottom: 2.42vw;
  }
  .education .label {
    margin: 0 0 1.27%;
  }
  .education .program_table {
    margin: 2.42vw 0 19.32vw;
  }
  .education .schedule {
    margin: 1.2vw 0 19.32vw;
  }
  .education .comunity .box img {
    margin-bottom: 12.56vw;
    width: 100%;
  }
  .education .comunity .company {
    margin-bottom: 4.83vw;
    padding: 3.14vw 6.04vw 7.25vw;
  }
  .education .comunity .company img {
    display: block;
    margin: 0 auto;
    width: 39.37vw;
  }
  .education .comunity .company .description {
    border-top: 1px solid #eb6d6c;
    padding: 3.38vw 0 0;
  }
  .education .comunity .company .description strong {
    margin-bottom: 4.83vw;
  }
}