@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 1;
    display: block; } }

@keyframes fadein {
  0% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 1;
    display: block; } }

.area-page .sub-title02 {
  font-weight: normal; }

.area-page .top-cnt {
  overflow: hidden; }
  .area-page .top-cnt .top-cnt-img {
    width: 50%;
    float: left; }
    .area-page .top-cnt .top-cnt-img img {
      width: 100%; }
  .area-page .top-cnt .top-cnt-txt {
    width: 50%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    color: #FFF;
    background: #18A952; }
    .area-page .top-cnt .top-cnt-txt .sub-tit01 {
      font-size: 40px;
      font-size: 2.5rem;
      font-family: 'NotoSansMonoCJKjp-Bold'; }
    .area-page .top-cnt .top-cnt-txt .sub-tit02 {
      font-size: 34px;
      font-size: 2.125rem;
      font-weight: bold; }
    .area-page .top-cnt .top-cnt-txt .main-tit {
      font-size: 85px;
      font-size: 5.3125rem;
      font-weight: normal;
      border-top: 5px solid #FFF;
      border-bottom: 5px solid #FFF;
      min-width: 555px;
      margin: 20px 0 30px;
      padding: 15px 0;
      font-family: 'NotoSansMonoCJKjp-Bold'; }

.area-page .block-notification {
  border: 5px solid #18A952;
  background: #FFF;
  margin: 100px 0;
  text-align: center;
  padding: 42px 0 70px; }
  .area-page .block-notification .title {
    font-family: 'NotoSansMonoCJKjp-Bold';
    color: #18A952;
    font-size: 46px;
    font-size: 2.875rem;
    letter-spacing: 0.05em;
    line-height: 60px;
    margin-bottom: 45px; }
  .area-page .block-notification .txt {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    font-weight: bold; }

.area-page .block-person {
  padding: 100px 0; }
  .area-page .block-person .h2-title01 {
    margin-bottom: 55px; }
  .area-page .block-person dl dd div {
    padding: 0; }
  .area-page .block-person dl dd p {
    font-size: 22px;
    font-size: 1.14rem;
    margin-bottom: 20px; }
    .area-page .block-person dl dd p.small {
      margin-top: 35px;
      font-size: 20px;
      font-size: 1rem; }

.area-page .block-pickup {
  background: url(/content/dam/family/company/fc1/img/area/bg_pickup.jpg) 50% 0 no-repeat;
  padding: 100px 0; }
  .area-page .block-pickup .sub-title02 {
    margin-bottom: 100px; }
  .area-page .block-pickup .box-2col02 {
    background: none;
    margin-bottom: 45px; }
    .area-page .block-pickup .box-2col02 .box-cnt .desc {
      font-weight: normal; }
    .area-page .block-pickup .box-2col02:last-child {
      margin-bottom: 0; }

.area-page .block-area-interview {
  padding: 100px 0 75px; }
  .area-page .block-area-interview .sub-title02 {
    margin-bottom: 100px; }
  .area-page .block-area-interview .box-3col {
    margin-top: 100px; }

.area-page .block-briefing {
  padding: 100px 0 0 0; }
  .area-page .block-briefing .h2-title01 {
    margin-bottom: 40px; }
  .area-page .block-briefing dl dd p {
    font-size: 20px;
    font-size: 1.25rem; }
  .area-page .block-briefing .briefing-list {
    margin: 100px 0 0 0; }
    .area-page .block-briefing .briefing-list .list {
      border: #707070 solid 1px;
      border-radius: 25px;
      padding: 70px 85px;
      overflow: hidden;
      margin-top: 15px; }
      .area-page .block-briefing .briefing-list .list ul {
        float: left;
        width: calc(50% - 80px);
        margin: 0 40px; }
        .area-page .block-briefing .briefing-list .list ul li {
          list-style: none;
          border-bottom: #e9e9e9 solid 1px;
          background: url(/content/dam/family/company/fc1/img/area/icon_check.jpg) 0 50% no-repeat;
          padding: 10px 0 10px 45px;
          margin: 0;
          font-size: 22px;
          font-size: 1.375rem;
          font-weight: bold; }
          .area-page .block-briefing .briefing-list .list ul li:last-child {
            border-bottom: none; }
  .area-page .block-briefing .region-feature {
    padding: 100px 0 75px; }
    .area-page .block-briefing .region-feature .region-feature-links {
      margin-top: 35px; }

.area-page .contact-lp {
  margin-top: 20px;
  margin-bottom: 100px; }
  .area-page .contact-lp .contact-lp-worktime {
    max-width: 630px;
    margin: 0  auto; }
  .area-page .contact-lp .btn-contact {
    font-size: 14px;
    font-size: 0.875rem;
    bottom: 11%;
    padding: 15px 0; }
    .area-page .contact-lp .btn-contact:after {
      width: 6px;
      height: 6px; }

.area-page .region-feature {
  padding: 100px 0 75px; }
  .area-page .region-feature .region-feature-body {
    padding: 54px 0 0 0; }
    .area-page .region-feature .region-feature-body .h5-title01 {
      margin-top: 52px; }
  .area-page .region-feature .region-feature-links {
    margin-top: 45px; }
    .area-page .region-feature .region-feature-links li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }

.area-page .block-contract {
  padding: 100px 0; }
  .area-page .block-contract .sub-title02 {
    margin-bottom: 100px; }
  .area-page .block-contract .box-2col01 .box-cnt .desc {
    font-weight: normal; }

.area-page .block-area-system {
  padding: 100px 0 50px; }
  .area-page .block-area-system .block-system {
    margin-top: 70px; }

.area-page .block-feature {
  padding: 100px 0 75px; }
  .area-page .block-feature .list-area {
    overflow: hidden;
    margin-top: 100px; }
    .area-page .block-feature .list-area li {
      width: calc(100% / 3 - 20px);
      float: left;
      margin: 0 10px 25px;
      text-align: center; }
      .area-page .block-feature .list-area li img {
        width: 100%;
        display: block; }
      .area-page .block-feature .list-area li .btn {
        border: #313131 solid 2px;
        border-radius: 50px;
        background: #FFF;
        color: #313131;
        display: inline-block;
        padding: 10px 0;
        min-width: 200px;
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-top: 25px;
        font-weight: bold; }
      .area-page .block-feature .list-area li a:hover .btn {
        border: #168ed4 solid 2px;
        background: #168ed4;
        color: #FFF; }

@media (max-width: 1200px) and (min-width: 737px) {
  .area-page .top-cnt .top-cnt-txt .sub-tit01 {
    font-size: 25px;
    font-size: 1.5625rem; }
  .area-page .top-cnt .top-cnt-txt .sub-tit02 {
    font-size: 20px;
    font-size: 1.25rem; }
  .area-page .top-cnt .top-cnt-txt .main-tit {
    font-size: 60px;
    font-size: 3.75rem;
    min-width: 50%;
    margin: 10px 0 15px;
    padding: 7px 0; }
  .area-page .block-briefing .briefing-list .list {
    padding: 35px; }
    .area-page .block-briefing .briefing-list .list ul {
      margin: 0 20px;
      width: calc(50% - 40px); }
      .area-page .block-briefing .briefing-list .list ul li {
        font-size: 18px; } }

@media only screen and (max-width: 737px) {
  .area-page .top-cnt .top-cnt-img, .area-page .top-cnt .top-cnt-txt {
    float: none;
    width: 100%; }
  .area-page .top-cnt .top-cnt-txt {
    padding: 5.33333vw 0 4.66667vw; }
    .area-page .top-cnt .top-cnt-txt .sub-tit01 {
      font-size: 5.33333vw; }
    .area-page .top-cnt .top-cnt-txt .sub-tit02 {
      font-size: 4.53333vw; }
    .area-page .top-cnt .top-cnt-txt .main-tit {
      font-size: 11.33333vw;
      min-width: 74vw;
      border-top-width: 0.66667vw;
      border-bottom-width: 0.66667vw;
      padding: 2.93333vw 0;
      margin: 2.66667vw 0 4vw; }
  .area-page .block-notification {
    padding: 9.6vw 2.66667vw 5.06667vw;
    margin: 13.33333vw 0;
    border-width: 0.66667vw; }
    .area-page .block-notification .title {
      font-size: 4.26667vw;
      margin-bottom: 5.33333vw;
      line-height: 6.66667vw; }
    .area-page .block-notification .txt {
      font-size: 4vw; }
  .area-page .block-person {
    padding: 13.33333vw 0; }
    .area-page .block-person .h2-title01 {
      margin-bottom: 7.33333vw; }
    .area-page .block-person dl dd p {
      font-size: 4vw;
      margin-bottom: 2.66667vw; }
      .area-page .block-person dl dd p.small {
        font-size: 3.73333vw;
        margin: 7.33333vw 0 0 0; }
  .area-page .block-pickup {
    background: url(/content/dam/family/company/fc1/img/area/bg_pickup_sp.jpg) 0 0 no-repeat;
    background-size: contain;
    padding: 13.33333vw 0; }
    .area-page .block-pickup .sub-title02 {
      margin-bottom: 6.66667vw; }
    .area-page .block-pickup .box-2col02 {
      margin-bottom: 6vw; }
  .area-page .block-area-interview {
    padding: 13.33333vw 0 10vw; }
    .area-page .block-area-interview .sub-title02 {
      margin-bottom: 6.66667vw; }
    .area-page .block-area-interview .box-3col {
      margin-top: 13.33333vw; }
  .area-page .block-briefing {
    padding: 13.33333vw 0 0 0; }
    .area-page .block-briefing .h2-title01 {
      margin-bottom: 7.73333vw; }
    .area-page .block-briefing dl dd p {
      font-size: 4.26667vw; }
    .area-page .block-briefing .briefing-list {
      margin: 13.33333vw 0 0 0; }
      .area-page .block-briefing .briefing-list .sub-title02 {
        font-size: 3.33333vw; }
      .area-page .block-briefing .briefing-list .list {
        padding: 6.66667vw;
        margin: 6vw 2vw;
        border-radius: 4vw; }
        .area-page .block-briefing .briefing-list .list ul {
          float: none;
          width: 100%;
          margin: 0; }
          .area-page .block-briefing .briefing-list .list ul li {
            padding: 2vw 0 2vw 6.66667vw;
            background-size: 4vw auto;
            font-size: 3.73333vw; }
          .area-page .block-briefing .briefing-list .list ul:first-child li:last-child {
            border-bottom: #e9e9e9 solid 1px; }
    .area-page .block-briefing .region-feature {
      padding: 6.66667vw 0 11.33333vw; }
      .area-page .block-briefing .region-feature .region-feature-links {
        margin: 4.66667vw 0 0 0; }
  .area-page .contact-lp {
    margin-top: 4.66667vw;
    margin-bottom: 0; }
    .area-page .contact-lp .btn-contact {
      bottom: 0;
      font-size: 5.86667vw;
      padding: 9.06667vw 2.66667vw; }
      .area-page .contact-lp .btn-contact:after {
        width: 2.4vw;
        height: 2.4vw; }
  .area-page .region-feature {
    padding: 13.33333vw 0 11.33333vw; }
    .area-page .region-feature .region-feature-body {
      padding: 7.2vw 0 0 0; }
      .area-page .region-feature .region-feature-body .h5-title01 {
        margin-top: 4vw; }
    .area-page .region-feature .region-feature-links {
      margin: 8vw 0 0 0; }
      .area-page .region-feature .region-feature-links li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; }
  .area-page .block-contract {
    padding: 13.33333vw 0; }
    .area-page .block-contract .sub-title02 {
      margin-bottom: 6.66667vw; }
  .area-page .block-area-system {
    padding: 13.33333vw 0 6.66667vw; }
    .area-page .block-area-system .block-system {
      margin-top: 9.33333vw; }
  .area-page .block-feature {
    padding: 13.33333vw 0 7.33333vw; }
    .area-page .block-feature .sub-title02 {
      margin-bottom: 6.66667vw; }
    .area-page .block-feature .list-area {
      margin: 10.66667vw 2vw 0; }
      .area-page .block-feature .list-area li {
        width: calc(100% / 3 - 20 * 100vw/750);
        margin: 0 1.33333vw 6vw; }
        .area-page .block-feature .list-area li .btn {
          min-width: auto;
          display: block;
          padding: 2vw 0;
          font-size: 3.73333vw;
          margin-top: 0; } }

@media (min-width: 737px) {
/* Erea pages */
  .area-page .region-feature .region-feature-links.region-feature-links-5btn li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
       flex: 0 1 calc(20% - 8px); /*Tokai, Okinawa, Shikoku*/
      max-width: 20%;
      padding: 0 20px;
      margin-bottom: 25px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .area-page .region-feature .region-feature-links.region-feature-links-btn3 li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
      flex: 0 1 33%;
      max-width: 33%; /* Chugoku*/
  }
}
@media (max-width: 737px) {
.area-page .block-person dl dd {
      padding: 7.2vw 4vw 13.33333vw; }
}