@charset "UTF-8";

h1::after {
	content: 'MANAGEMENT PHIlOSOPHY';
}

section:not(#footerRecruit) {
	margin: 0 auto;
	width: 1200px;
}

section > p {
	margin: 30px 0 45px;
	line-height: 2.125;
	font-size: 20px;
}

#footerRecruit { margin-top: 105px;}


/* director Introduction */
#directorIntro {
	margin: 0 auto 140px;
	width: 1200px;
}

#directorIntro h2 + p { text-align: center;}

#directorIntro dl {
  padding: 30px;
  border: 4px solid #104090;
  border-radius: 4px;
  box-sizing: border-box;
}
#directorIntro dl:first-of-type { margin-top: 30px;}
#directorIntro dl:not(:last-child) { margin-bottom: 20px;}

#directorIntro dt {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 26px;
}

#directorIntro dd {
  display: flex;
  gap: 20px;
}

#directorIntro dd p {
  flex: 1;
  font-size: 20px;
  line-height: 1.8;
}

#directorIntro dd figure {
  width: 400px;
}


/* ------------------------------------------------------------------------
	Ajustment For Small PC Window 
------------------------------------------------------------------------ */
@media screen and (max-width: 1028px) {
}





/* ------------------------------------------------------------------------
	Ajustment For Smart Phone 
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  section:not(#footerRecruit) {
		width: 100%;
	}
  
	section > p {
		margin: 7.5vw 3vw 10vw;
		line-height: 2;
		font-size: 3.6vw;
	}

  #footerRecruit { margin-top: 18vw;}


  /* director Introduction */
  #directorIntro {
		margin: 0 auto 14vw;
		width: 92vw;
  }

  #directorIntro h2 + p { text-align: center;}

  #directorIntro dl {
    margin: 0 3vw;
    padding: 5%;
    border: 1.2vw solid #104090;
    border-radius: 1.2vw;
  }
  #directorIntro dl:first-of-type { margin-top: 8vw;}
  #directorIntro dl:not(:last-child) { margin-bottom: 4.8vw;}

  #directorIntro dt {
    margin-bottom: 3.6vw;
    font-size: 4.8vw;
  }

  #directorIntro dd {
    flex-direction: column;
    gap: 0;
  }

  #directorIntro dd p {
    order: 2;
    font-size: 3.6vw;
  }

  #directorIntro dd figure {
    order: 1;
    width: 80%;
    margin: 0 auto 3.6vw;
  }
  

}