ｓ@charset "UTF-8";

.t-h1 {
  font-size: 1.14286rem;
}

.t-h2 {
  font-size: 1.85714rem;
}

.t-h3 {
  font-size: 1.28571rem;
  line-height: calc(34 / 18);
}

.t-h4 {
  font-size: 1.28571rem;
  line-height: calc(32 / 18);
}

.t-lead {
  font-size: 0.85714rem;
  line-height: calc(20 / 12);
}

.t-career {
  font-size: 0.85714rem;
  line-height: calc(21 / 12);
}

.t-p {
  font-size: 0.92857rem;
  line-height: calc(24 / 13);
}

.t-h1, .t-h2, .t-h3, .t-career {
  color: #fff;
}

.t-h1, .t-h2, .t-h3 {
  font-weight: normal;
}

.t-p + .t-h4 {
  margin-top: 2em;
}

@media (min-width: 640px) {
  .t-h1 {
    font-size: 1rem;
    font-weight: bold;
  }
  .t-h2 {
    font-size: 2.5rem;
  }
  .t-h3 {
    font-size: 2.125rem;
    line-height: calc(54 / 34);
  }
  .t-h4 {
    font-size: 1.875rem;
    font-weight: normal;
  }
  .t-lead {
    font-size: 0.9375rem;
    line-height: calc(30 / 15);
  }
  .t-career {
    font-size: 0.875rem;
    line-height: calc(24 / 14);
  }
  .t-p {
    font-size: 0.875rem;
    line-height: calc(28 / 14);
  }
}


.t-hero__image img {
  width: 100%;
  margin: 0;
}

.t-hero-ttl {
  background-color: #000000;
  text-align: center;
  padding: 25px 0 20px;
}

.t-hero-ttl > div {
  display: inline-block;
}

.t-hero-ttl .t-h1 {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.4em;
  margin-bottom: 1em;
}

.t-hero-ttl .t-h2 {
  letter-spacing: 0.18em;
}

@media (min-width: 640px) {
  .t-hero-ttl {
    position: relative;
    margin: -150px auto 0;
    padding: 45px 0 50px;
  }
  .t-hero-ttl .t-h1 {
    padding-bottom: 0.5em;
    margin-bottom: 2em;
  }
}


@media (min-width: 640px) {
  .t-lead {
    text-align: center;
  }
}


.t-content {
  background-color: #F5F2EB;
}

@media (min-width: 640px) {
  .t-content {
    width: 90%;
    max-width: 1440px;
    overflow: hidden;
  }
}


.t-content__head__pic img {
  width: 100%;
}

.t-content__head__ttl {
  background-color: #BCAB73;
  padding: 7% 6% 8%;
}

.t-content__head__ttl .t-h3 {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

@media (min-width: 640px) {
  .t-content__head {
    position: relative;
  }
  .t-content__head__pic {
    text-align: right;
  }
  .t-content__head__pic img {
    width: 80%;
  }
  .t-content__head__ttl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4.5%;
    display: inline-block;
    width: 53%;
    max-width: 570px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .t-content__head__ttl .t-h3 {
    padding-bottom: .6em;
  }
  .t-content__head__ttl .t-h3::after {
    width: 70px;
    height: 3px;
  }
  .t-content__head--reverse .t-content__head__pic {
    text-align: left;
  }
  .t-content__head--reverse .t-content__head__ttl {
    right: 0;
  }
}


.t-message {
  background-color: #fff;
  padding: 8%;
}

@media (min-width: 640px) {
  .t-message {
    padding: 4rem 14%;
  }
}

@media (min-width: 640px) {
  .t-message--parental-leave {
    padding: 0 14% 4rem 14%;
  }
}


.t-content__btn {
  -webkit-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}

.t-content__btn div {
  cursor: pointer;
  height: 40px;
  margin: 0 auto;
  position: relative;
}

.t-content__btn div::before, .t-content__btn div::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: #BCAB73;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.t-content__btn div::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.t-content__btn span {
  display: none;
}

.t-content__btn.is-active {
  margin-top: -25px;
}

.t-content__btn.is-active div::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

@media (min-width: 640px) {
  .t-content__btn div {
    height: 90px;
  }
  .t-content__btn div::before, .t-content__btn div::after {
    width: 2px;
    height: 25px;
  }
  .t-content__btn.is-active {
    margin-top: -80px;
  }
}


.t-col--pic {
  margin-top: 2rem;
}

.t-col--pic img {
  width: 100%;
}

@media (min-width: 640px) {
  .t-hero-ttl--agent {
    width: 450px;
  }
  .t-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .t-col--txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .t-col--pic {
    margin: 0 -12.5% 0 4%;
    width: 55%;
  }
  .t-row--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .t-row--reverse .t-col--pic {
    margin: 0 4% 0 -12.5%;
  }
}

img.career-old {
  float: right;
  text-align: right;
  margin: 0 0 1em 2em;
  width: 45%;
}

@media (min-width: 640px) {
  img.career-old {
    width: 30%;
  }
}

.t-personal__career dl {
  font-size: 0.85714rem;
  padding: 1em 0;
  border-bottom: 1px solid #000;
}

.t-personal__career dl:before, .t-personal__career dl:after {
  content: '';
  display: table;
}

.t-personal__career dl:after {
  clear: both;
}

.t-personal__career dl:first-child {
  border-top: 1px solid #000;
}

.t-personal__career dt {
  width: 11em;
  white-space: nowrap;
  float: left;
}

.t-personal__career dd {
  margin-left: 11em;
}

@media (min-width: 640px) {
  .t-hero-ttl--career {
    width: 680px;
  }
  .t-content__head__ttl--career {
    width: 50%;
    max-width: 540px;
  }
  .t-h4--career {
    text-align: center;
  }
  .t-personal__career dl {
    font-size: 0.875rem;
  }
}


.t-hero-ttl--woman {
  background: -webkit-linear-gradient(300deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
  background: -o-linear-gradient(300deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
  background: linear-gradient(150deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
}

.t-lead--woman {
  position: relative;
  padding-top: 2rem;
}

.t-content--woman {
  background: #fff;
}

.t-content--woman.is-accordion-open {
  background: #F7F4F4;
}

.t-content__head__ttl--woman {
  background: -webkit-linear-gradient(60deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
  background: -o-linear-gradient(60deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
  background: linear-gradient(30deg, #eb7960 0.86%, #eb9a94 36.82%, #eb9a88 65.27%, #eb7375 100%);
}

.t-content__head__ttl--woman .t-h3 {
  padding-bottom: 0;
  margin-bottom: .75em;
}

.t-content__head__ttl--woman .t-h3::after {
  display: none;
}

.t-h4--woman {
  text-indent: -0.6em;
  margin-left: 1.1em;
}

.t-h4--woman::before {
  display: inline-block;
  content: "Q";
  color: #EB9999;
  margin-right: .33em;
}

.t-content__btn--woman div {
  background: #F7F4F4;
}

.t-content__btn--woman div::before, .t-content__btn--woman div::after {
  background: #EB9999;
}

@media (min-width: 640px) {
  .t-hero-ttl--woman {
    width: 456px;
  }
  .t-lead--woman {
    padding-top: 4rem;
    margin-top: -1rem;
  }
  .t-lead--woman::before {
    height: calc((32 / 2) * 1px);
    width: calc((256 / 2) * 1px);
  }
  .t-content--woman {
    overflow: visible;
    margin-top: 9rem;
  }
  .t-content__head__pic--woman img {
    width: 45.5%;
  }
  .t-content__head__ttl--woman {
    padding: 36% 0 0 0;
    width: 63%;
    max-width: none;
    top: -60px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .t-content__head__ttl--woman > div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 9%;
  }
  .t-content__head__pic--woman {
    position: relative;
    z-index: 1;
  }
  .t-content__head--reverse .t-content__head__ttl--woman > div {
    margin-left: 24%;
  }
  .t-content__btn--woman {
    margin-top: -110px;
    position: relative;
    z-index: 1;
  }
  .t-content__btn--woman div {
    width: 40%;
    -webkit-transition: 0.33s;
    -o-transition: 0.33s;
    transition: 0.33s;
  }
  .t-content__btn--woman.is-active div {
    width: 100%;
  }
}

.t-content__head--parental-leave .t-h3 {
  font-size: 1.14286rem;
  line-height: calc(30.08 / 16);
}

@media (min-width: 640px) {
  .t-content__head--parental-leave .t-h3 {
    font-size: 1.75rem;
    line-height: calc(44.4 / 28);
  }
}

.t-content__head__ttl--parental-leave {
  background: #DEE4F2;
}

.t-content__head__ttl--parental-leave .t-h3 {
  color: #000;
}

.t-content__head__ttl--parental-leave .t-career {
  color: #000;
}

.t-h4--parental-leave::before {
  color: #0B1B8F;
}

.t-content__btn--parental-leave div {
  background: #f7f7f7;
}

.t-content__btn--parental-leave div::before, .t-content__btn--parental-leave div::after {
  background: #000;
}