@charset "utf-8";
/* CSS Document */
.main {
  background-color: #FFF8E9;
  padding-bottom: 90px;
  width: calc(100% - 270px);
  margin-left: 270px;
  }
@media screen and (max-width: 1024px) {
  .main {
    width: 100%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 550px) {
  .main {
    padding-bottom: 45px;
  }
  }
.section-top {
  margin-bottom: 95px;
  
}
.section-top__image {
  position: relative;
  width: 100%;
  height: 660px;
  background-image :url("images/about_top.png");
  background-repeat: no-repeat;
  background-position: center center; 
  display: flex;
  justify-content: center;
  background-size: cover;
  margin-bottom: 16px;
}
.section-top__image h2 {
  position: absolute;
  top: 75.5%;
  left: 6.4%;
  font-size: 3.0rem;
  font-weight: 700;
  color: #FFF8E9;
  line-height: 4.5rem;
  text-shadow: 0px 2px 4px rgba(51, 51, 51, 0.78);
}
.section-top__lead {
  max-width: 1170px;
  padding: 0 40px;
  margin: 0 auto;
}
.section-top__lead-sp {
  display: none;
}
.section-top__lead-image {
  display: block;
  margin: 0 auto;
  max-width: 900px;
  height: auto;
}
.section-top__lead-pc {
  width: 100%;
  
}
.section-top__lead h3 {
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin: -100px 0 20px ;
}
.section-top__lead-message {
  max-width: 1090px;
  height: auto;
  font-size: 2.0rem;
  line-height: 4.0rem;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .section-top {
    margin-bottom: 75px;
}
  .section-top__image {
  position: relative;
  width: 100%;
  height: 400px;
  background-image: url("images/(sp)about_top.png");
  background-repeat: no-repeat;
  background-position: center center; 
  display: flex;
  justify-content: center;
  background-size: cover;
  margin-bottom: 30px;
}
  .section-top__image h2 {
  position: absolute;
  top: 75.5%;
  left: 3.4%;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 3.2rem;
}
  .section-top__lead {
  max-width: 375px;
  padding: 0 24px;
  margin: 0 auto;
}
.section-top__lead-pc {
  display: none;
}
.section-top__lead-image {
 
  margin: 0 auto;
  width: 195px;
  height: auto;
}
  .section-top__lead-sp {
    display: block;
  width: 100%;
}
  .section-top__lead h3 {
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin: -50px 0 18px ;
}
.section-top__lead-message {
  max-width: 327px;
  height: auto;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: 0 auto;
}
  }
.section-concept {
  max-width: 1170px;
  padding: 0 65px 75px;
  margin: 0 auto;
}
.section-concept h2 {
  width: 160px;
  height: auto;
  margin: 0 auto 87px;
}
.section-concept img {
  width: 100%;
}
.section-concept__container {
  margin-bottom: 85px;
}
.section-cocept__container-one ,.section-concept__two {
  display: flex;
  justify-content: space-between;
}
.section-concept__two {
  flex-flow: row-reverse
}
.section-concept__image-one {
  width: 50%;
}
.section-concept__image-two {
  width: 48%;
}
.section-concept__image-one img ,.section-concept__image-two img {
  width: 100%;
}
.section-concept__text-one {
  width: 50%;
  margin-left: 52px;
}
.section-concept__text-two {
  width: 53%;
  margin-right: 10px;
}
.section-concept__text-one h3 ,.section-concept__text-two h3 {
  font-size: 2.0rem;
  font-weight: 700;
  background: linear-gradient(transparent 75%, #FCB61EB2 70%);
  display: inline;
  line-height: 1.4;
}
.section-concept__text-one p ,.section-concept__text-two p {
  line-height: 3.0rem;
}
.section-concept__merit {
  max-width: 1040px;
  margin: 0 auto;
}
.section-concept__merit-pc {
  width: 100%;
}
.section-concept__merit-sp {
  display: none;
}
@media screen and (max-width: 950px) {
  .section-cocept__container-one ,.section-concept__two {
  display: block;
}
.section-concept__image-one {
  width: 100%;
}
.section-concept__image-two {
  width: 100%;
}

.section-concept__text-one {
  width: 100%;
  margin-left: auto;
}
.section-concept__text-two {
  width: 100%;
  margin-right: auto;
}
}
@media screen and (max-width: 700px) {
  .section-concept__merit-sp {
    width: 100%;
    display: block;
  }
  
  .section-concept__merit-pc {
    display: none;
  
}
}
@media screen and (max-width: 480px) {
  .section-concept {
  max-width: 375px;
  padding: 0 24px 100px;
  margin: 0 auto;
}
  .section-concept h2 {
  width: 97px;
  height: auto;
  margin: 0 auto 40px;
}
  .section-concept__container {
  margin-bottom: 15px;
}
  .section-cocept__container-one ,.section-concept__two {
  display: block;
    max-width: 327px;
}
  .section-concept__image-one ,.section-concept__image-two {
    width: 100%;
  }
  .section-concept__text-one {
  margin-bottom: 10px;
}
  .section-concept__text-one h3 ,.section-concept__text-two h3 {
  font-size: 1.6rem;
  background: linear-gradient(transparent 75%, #FCB61EB2 70%);
  display: inline;
  line-height: 1.4;
}
.section-concept__text-one p ,.section-concept__text-two p {
  font-size: 1.4rem;
  line-height: 2.2rem; 
  margin-bottom: 15px;
}
  .section-concept__merit {
  max-width: 327px;
  height: 297px;
  margin: 0 auto;
}
}
.section-instructor {
  background-color: #FCB61E;
  padding: 40px 40px 53px;
  max-width: 1170px;
  margin: 0 auto;
}
.section-instructor h2 {
  color: #FFF8E9;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  text-align: center;
  margin-bottom: 20px;
}
.section-instructor__name {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.section-instructor__container {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.section-instructor__image {
  width: 47%;
  height: auto;
}
.section-instructor__image img {
  width: 100%;
  display: block;
}
.section-instructor__text {
  width: 53%;
  margin-left: -10px;
  
}
.section-instructor__text h4 {
  position: relative;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 0 0 10px 24px;
}
.section-instructor__text h4::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  top: 50%;
  left: -23px;
  background-color: #333;
}
.section-instructor__text h4::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  top: 50%;
  right: -101px;
  background-color: #333;
}
.section-instructor__text p {
  font-size: 1.8rem;
  line-height: 3.0rem;
  margin-bottom: 10px;
  
}
.toggle {
  display: none;
}
.Label {
  display: none;
} 
.section-instructor__Career {
  max-width: 1090px;
  border-radius: 10px;
  background: #FFF8E9;
  margin: 0 auto;
  padding: 30px 35px;
}
.section-instructor__Career h3 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 50px;
}
.section-instructor__Career-body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-instructor__career-text {
  width: 46%;
}
.section-instructor__career-image {
  width: 46%;
}
.section-instructor__career-image ul {
  list-style: none;
}
.section-instructor__career-image ul li {
  width: 319px;
  margin-bottom: -8px;
}
.section-instructor__career-image ul li img {
  width: 100%;
}
.section-instructor__career-image ul li:nth-child(2) {
  margin-left: 20%;
}
.section-instructor__career-text h4 {
  position: relative;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 0 0 10px 24px;
}
.section-instructor__career-text h4::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  top: 50%;
  left: -23px;
  background-color: #333;
}
.section-instructor__career-text h4::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  top: 50%;
  right: -101px;
  background-color: #333;
}
.section-instructor__career-text p {
  font-size: 1.8rem;
  line-height: 3.0rem;
  margin-bottom: 50px;
  
}
.accordion-area {
  list-style: none;
}
@media screen and (max-width: 1194px) {
  .section-instructor__Career-body {
  display: block;

}
.section-instructor__career-text {
  width: 100%;
}
.section-instructor__career-image {
  margin:0 auto;
}
  .section-instructor__career-image ul li {
  width: 100%;
  margin-bottom: 27px;
}
.section-instructor__career-image ul li:nth-child(2) {
  margin-left: 0px;
}
  }
  @media screen and (max-width: 830px) {
    .section-instructor__container {
  display: block;
  margin-bottom: 40px;
}
.section-instructor__image {
  width: 47%;
  height: auto;
  margin: 0 auto;
}

.section-instructor__text {
  width: 100%;
  margin-left: auto;
  
}
  }
@media screen and (max-width: 600px) {
  .title {
    display: none;
  }
 .toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 0.5em;
	display: block;
	color: #fff;
	background:#205E91;
  text-align: center;
  font-family: Shippori Mincho;
  font-weight: 700;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(360deg);
}
.Label,
.section-instructor__Career {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.section-instructor__Career {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .section-instructor__Career {	/*開閉時*/
	height: auto;
	transition: all .5s;
}
.toggle:checked + .Label::before {
	transform: rotate(180deg) !important;
}
  
 .section-instructor__Career {
  max-width: 505px;
  border-radius: 0px;
  background: #FFF8E9;
  
} 
  .section-instructor__Career h3 {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 0px;
}
  .section-instructor__Career-body {
  display: block;
   padding-top: 17px;
}
.section-instructor__career-text {
  width: 100%;
}
.section-instructor__career-image {
  width: 100%;
}
  .section-instructor__career-image ul li {
  width: 287px;
  margin-bottom: 27px;
}
.section-instructor__career-image ul li:nth-child(2) {
  margin-left: auto;
}
.section-instructor__career-text h4 {
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 0 10px 130px
}
.section-instructor__career-text h4::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  top: 50%;
  left: -101px;
  background-color: #333;
}
.section-instructor__career-text h4::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  top: 50%;
  right: -101px;
  background-color: #333;
}
.section-instructor__career-text p {
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin-bottom: 30px;
  
  }
  
}
@media screen and (max-width: 480px) {
  .section-instructor {
  padding: 20px 24px 70px;
  max-width: 375px;
  margin: 0 auto;
}
  .section-instructor h2 {
  font-size: 1.6rem;
  line-height: 3.2rem;
  margin-bottom: 17px;
}
.section-instructor__name {
  font-size: 1.6rem;
  margin-bottom: 0px;
}
  .section-instructor__container {
  display: block;
  margin-bottom: 35px;
}
  .section-instructor__image {
  width: 234px;
  height: 238px;
    margin: 0 auto 20px;
    
}
.section-instructor__text {
  width: 100%;
  margin-left: 0px;
  text-align: center;
  
}
  .section-instructor__text h4 {
  font-size: 1.6rem;
  margin: 0 auto 20px;
}
.section-instructor__text h4::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  top: 50%;
  left: -26px;
  background-color: #333;
}
.section-instructor__text h4::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  top: 50%;
  right: -26px;
  background-color: #333;
}
  .section-instructor__text p {
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin-bottom: 10px;
    text-align: left;   
    }
  
  
}