@charset "UTF-8";

.Talent {
  font-feature-settings: "palt";
  letter-spacing: .08em;
  margin: 2rem auto 8.125rem auto;
  max-width: 720px;
  padding: 0 5px;
}

.Talent_Title {
  font: 500 2rem / 1.2 var(--font-family-sans);
  margin:0 auto 2rem auto;
  width: fit-content;
}

.Talent_Message {
  margin: 0 auto 6.875rem auto;
  padding: 0;
}

.Talent_SectionTitle {
  border-bottom: 1px solid var(--color-black);
  color: #5A84B0;
  font: 400 1.5625rem / 1.2 var(--font-family-sans);
  margin: 0 auto 2rem auto;
  max-width: 400px;
  padding: 0 0 .625rem 0;
  text-align: center;
}

.Talent_MessageContainer {
  display: flow-root;
  margin: 0 auto;
}

.Talent_MessageImg {
  margin: 0 20px 0 0;
}

.Talent_MessageText {
  font: 300 var(--font-size-s) / 1.5 var(--font-family-sans);
  margin: 0 0 1rem 0;
  padding: 0;
}

.Talent_MessageSign {
  float: right;
  font: 300 var(--font-size-s) / 1.5 var(--font-family-sans);
  margin: 0 0 0 0;
}

.Talent_Outline {
  border: 1px solid var(--color-black);
  margin: 0 auto 110px auto;
  min-height: 330px;
  padding: 2.9rem 10px;
  text-align: center;
}

.Talent_OutlineItem {
  border-bottom: 1px solid #c7c7c7;
	/*
  display: flex;
  flex-wrap: wrap;
	*/
  font: 300 1.25rem / 1.5 var(--font-family-sans);
  justify-content: center;
  letter-spacing: .1em;
  margin: 0 0 2.5rem 0;
  padding: 0 0 .9375rem 0;
}

.Talent_OutlineItem:last-child {
  margin: 0;
}

.Talent_OutlineItemColor {
	color: #dc3848;
}

.Talent_Philosophy {
  margin: 0 0 6.875rem 0;
  width: 100%;
}

.Talent_PhilosophyHeading {
  color: var(--color-chiyoda-blue);
  font: 600 1rem / 1.5 var(--font-family-serif);
  margin: 0 auto 1.25rem auto;
  text-align: center;
}

.Talent_PhilosophyText {
  font: 300 var(--font-size-s) / 1.5 var(--font-family-sans);
  margin: 0 0 1rem 0;
}

.Talent_PhilosophyImg {
  width: 100%;
}

.Talent_PhilosophyCaption {
  font: 300 var(--font-size-s) / 1.5 var(--font-family-sans);
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 576px) {
  .Talent_SectionTitle {
    font-size: var(--font-size-xl);
  }

  .Talent_MessageImg {
    float: left;
  }

  .Talent_MessageText {
    font-size: var(--font-size-m);
  }

  .Talent_MessageSign {
    font-size: var(--font-size-m);
  }

  .Talent_OutlineItem {
    font-size: var(--font-size-l);
  }

  .Talent_PhilosophyHeading {
    font-size: 1.25rem;
  }

  .Talent_PhilosophyText {
    font-size: var(--font-size-m);
  }

  .Talent_PhilosophyCaption {
    font-size: var(--font-size-m);
  }
}

@media screen and (min-width: 768px) {
  .Talent_Title {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .Talent_Outline {
    text-align: left;
	padding: 2.9rem 25px;
  }
}

@media screen and (max-width: 768px) {
  .Talent_OutlineBr {
    display: none;
  }
}

.Talent_Guidelines {
  width: calc(100% + 280px);
  margin: 0 -140px;
  
}

.Talent_GuidelinesWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.Talent_GuidelinesCard {
  border: solid var(--color-black) 1px;
  margin: 5px 0;
  width: 320px;
}

.Talent_GuidelinesCardHeading {
  align-items: center;
  background-color: #002D91;
  border-radius: 10px;
  color: #FFFFFF;
  display: flex;
  font: 400 1.2rem / 1.5 var(--font-family-sans);
  height: 60px;
  justify-content: center;
  margin: 10px auto;
  text-align: center;
  width: 85%;
}

.Talent_GuidelinesCardSubheading {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font: 400 var(--font-size-m) / 1.5 var(--font-family-sans);
  height: 70px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

.Talent_GuidelinesCardText {
  align-items: center;
  display: flex;
  font: 300 var(--font-size-xs) / 1.5 var(--font-family-sans);
  height: 70px;
  margin: 0 10px 10px;
  padding: 0 14px;
}

.Talent_GuidelinesCardTextBr1 {
  display: none;
}

.Talent_GuidelinesCardTextBr2 {
  display: block;
}

@media screen and (max-width: 992px) {
  .Talent_Guidelines {
    width: calc(100% + 80px);
    margin: 0 -40px;
  }
	
  .Talent_GuidelinesCard {
    width: 256px;
  }
	
  .Talent_GuidelinesCardText {
    height: 90px;
	margin: -5px 10px 10px;
  }
	
  .Talent_GuidelinesCardTextBr1 {
    display: block;
  }
	
  .Talent_GuidelinesCardTextBr2 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .Talent_Guidelines {
    width: 100%;
    margin: 0 0;
  }
	
  .Talent_GuidelinesCard {
    width: 320px;
  }
	.Talent_GuidelinesCardTextBr1 {
    display: none;
  }
	
  .Talent_GuidelinesCardTextBr2 {
    display: block;
  }
}