@charset "UTF-8";
.lowerHeader {
  position: relative; }
  .lowerHeader.interview1 .image, .lowerHeader.interview2 .image, .lowerHeader.interview3 .image, .lowerHeader.interview4 .image, .lowerHeader.interview5 .image, .lowerHeader.interview6 .image {
    margin-bottom: calc(153 / 375 * 100%); }
  .lowerHeader.interview1 .textWrap, .lowerHeader.interview2 .textWrap, .lowerHeader.interview3 .textWrap, .lowerHeader.interview4 .textWrap, .lowerHeader.interview5 .textWrap, .lowerHeader.interview6 .textWrap {
    paddin: 0 0 calc(13 / 375 * 100%) calc(15 / 375 * 100%); }
    .lowerHeader.interview1 .textWrap .title .ja .band, .lowerHeader.interview2 .textWrap .title .ja .band, .lowerHeader.interview3 .textWrap .title .ja .band, .lowerHeader.interview4 .textWrap .title .ja .band, .lowerHeader.interview5 .textWrap .title .ja .band, .lowerHeader.interview6 .textWrap .title .ja .band {
      color: #004F94; }
  .lowerHeader.career .textWrap {
    margin: 0 0 calc(48 / 375 * 100%) calc(15 / 375 * 100%); }
  .lowerHeader.crosstalk .textWrap {
    margin: 0 0 calc(-18 / 375 * 100%) calc(15 / 375 * 100%); }
    .lowerHeader.crosstalk .textWrap .title .ja .band {
      color: #004F94; }
  .lowerHeader.entry .textWrap {
    margin: 0 0 calc(47 / 375 * 100%) calc(15 / 375 * 100%); }
  .lowerHeader.guideline .textWrap {
    margin: 0 0 calc(48 / 375 * 100%) calc(15 / 375 * 100%); }
  .lowerHeader.welfare .textWrap {
    margin: 0 0 calc(47 / 375 * 100%) calc(15 / 375 * 100%); }
  .lowerHeader .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    aspect-ratio: 750 / 416; }
  .lowerHeader .image {
    position: relative;
    z-index: 2;
    width: calc(323 / 375 * 100%);
    margin: 0 0 0 auto;
    padding: calc(30 / 375 * 100%) 0 0 0; }
  .lowerHeader .textWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: 0 0 calc(10 / 375 * 100%) calc(15 / 375 * 100%); }
    .lowerHeader .textWrap .title .en {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0.02em; }
      .lowerHeader .textWrap .title .en:before {
        content: "";
        display: block;
        width: 1.7rem;
        background: url(../img/common/icon_title.svg) center center no-repeat;
        background-size: contain;
        margin: 0 1rem 0 0;
        aspect-ratio: 17 / 11; }
    .lowerHeader .textWrap .title .ja {
      display: block;
      font-family: "BIZ UDPMincho", serif;
      font-size: 2.2rem;
      line-height: 1;
      margin: 1rem 0 0 0; }
      .lowerHeader .textWrap .title .ja .band {
        display: inline-block;
        color: #000000;
        background-color: #FFFFFF;
        margin: 0.7rem 0 0 0;
        padding: 0.3rem 0.7rem 0.5rem 0.4rem; }
    .lowerHeader .textWrap .text {
      font-size: 1.6rem;
      line-height: 1;
      font-weight: 600;
      margin: 0.5rem 0 0 0; }
      .lowerHeader .textWrap .text .band {
        display: inline-block;
        color: #000000;
        background-color: #FFFFFF;
        margin: 0.5rem 0 0 0;
        padding: 0.4rem 0.5rem 0.5rem 0.7rem; }
    .lowerHeader .textWrap .profileWrap {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin: calc(30 / 375 * 100%) 0 0 0; }
      .lowerHeader .textWrap .profileWrap .name {
        display: flex;
        flex-wrap: wrap; }
        .lowerHeader .textWrap .profileWrap .name .initials {
          font-size: 2.2rem;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em; }
        .lowerHeader .textWrap .profileWrap .name .place {
          display: inline-block;
          font-size: 1.5rem;
          line-height: 1.47;
          margin: 0 0 0 1rem; }
      .lowerHeader .textWrap .profileWrap .join {
        display: inline-block;
        color: #004F94;
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 0.02em;
        margin: 1.5rem 0 0 0;
        padding: 0.7rem 1.3rem;
        border: 1px solid #004F94; }

@media screen and (min-width: 769px) {
  .lowerHeader {
    padding: 100px 0 0 0; }
    .lowerHeader.interview1 .image, .lowerHeader.interview2 .image, .lowerHeader.interview3 .image, .lowerHeader.interview4 .image, .lowerHeader.interview5 .image, .lowerHeader.interview6 .image {
      width: calc(830 / 1366 * 100%);
      margin-bottom: calc(100 / 1366 * 100%); }
    .lowerHeader.interview1 .textWrap, .lowerHeader.interview2 .textWrap, .lowerHeader.interview3 .textWrap, .lowerHeader.interview4 .textWrap, .lowerHeader.interview5 .textWrap, .lowerHeader.interview6 .textWrap {
      margin: 0 auto calc(72 / 1366 * 100%) auto; }
      .lowerHeader.interview1 .textWrap .title .ja, .lowerHeader.interview2 .textWrap .title .ja, .lowerHeader.interview3 .textWrap .title .ja, .lowerHeader.interview4 .textWrap .title .ja, .lowerHeader.interview5 .textWrap .title .ja, .lowerHeader.interview6 .textWrap .title .ja {
        font-size: 3.8rem;
        line-height: 1;
        margin: 2rem 0 0 0; }
        .lowerHeader.interview1 .textWrap .title .ja .band, .lowerHeader.interview2 .textWrap .title .ja .band, .lowerHeader.interview3 .textWrap .title .ja .band, .lowerHeader.interview4 .textWrap .title .ja .band, .lowerHeader.interview5 .textWrap .title .ja .band, .lowerHeader.interview6 .textWrap .title .ja .band {
          margin: 0.9rem 0 0 0;
          padding: 1rem 1.2rem 1.2rem 1rem;
          letter-spacing: 0.12rem; }
    .lowerHeader.career .textWrap {
      margin: 0 auto calc(163 / 1366 * 100%) auto; }
    .lowerHeader.crosstalk .image {
      width: calc(830 / 1366 * 100%); }
    .lowerHeader.crosstalk .textWrap {
      margin: 0 auto calc(137 / 1366 * 100%) auto; }
    .lowerHeader.entry .textWrap {
      margin: 0 auto calc(163 / 1366 * 100%) auto; }
    .lowerHeader.guideline .textWrap {
      margin: 0 auto calc(163 / 1366 * 100%) auto; }
    .lowerHeader.welfare .textWrap {
      margin: 0 auto calc(163 / 1366 * 100%) auto; }
    .lowerHeader .bg {
      display: block;
      aspect-ratio: 2732 / 1120; }
    .lowerHeader .image {
      width: calc(1100 / 1366 * 100%);
      padding: calc(60 / 1366 * 100%) 0 0 0;
      aspect-ratio: 1366 / 480;
      box-sizing: border-box; }
    .lowerHeader .textWrap {
      right: 0;
      max-width: 1040px;
      margin: 0 auto calc(128 / 1366 * 100%) auto;
      padding: 0 20px;
      box-sizing: border-box; }
      .lowerHeader .textWrap .title .en {
        font-size: 2.2rem;
        line-height: 1;
        margin: 0 0 0 0.75rem; }
        .lowerHeader .textWrap .title .en:before {
          width: 2.8rem;
          margin: 0 1.7rem 0 0; }
      .lowerHeader .textWrap .title .ja {
        font-size: 4.2rem;
        line-height: 1;
        margin: 1rem 0 0 0; }
        .lowerHeader .textWrap .title .ja .band {
          margin: 0.5rem 0 0 0;
          padding: 0.9rem 1.2rem 0.9rem 0.8rem; }
          .lowerHeader .textWrap .title .ja .band:first-child {
            margin: 1.4rem 0 0 0; }
      .lowerHeader .textWrap .text {
        font-size: 2.4rem;
        line-height: 1;
        font-weight: 500;
        margin: 1.9rem 0 0 0; }
        .lowerHeader .textWrap .text .band {
          margin: 0.5rem 0 0 0;
          padding: 0.6rem 0.5rem 1rem 0.7rem; }
      .lowerHeader .textWrap .profileWrap {
        position: static;
        margin: 2.1rem 0 0 0; }
        .lowerHeader .textWrap .profileWrap .name .initials {
          font-size: 3.5rem;
          line-height: 1;
          font-weight: 600;
          letter-spacing: 0.02em; }
        .lowerHeader .textWrap .profileWrap .name .place {
          font-size: 1.9rem;
          line-height: 1.84;
          margin: 0 0 0 1rem; }
        .lowerHeader .textWrap .profileWrap .join {
          font-size: 1.5rem;
          line-height: 1;
          margin: 2rem 0 0 0;
          padding: 0.6rem 1.3rem; } }
#aboutArea .number .title {
  padding: calc(55 / 345 * 100%) 0 calc(39 / 345 * 100%) 0; }
#aboutArea .number .textWrap {
  margin: 0 0 calc(47 / 345 * 100%) 0; }
  #aboutArea .number .textWrap .text {
    font-size: 1.5rem;
    line-height: 1.8; }
  #aboutArea .number .textWrap .note {
    font-size: 1.2rem;
    line-height: 2.25;
    text-align: right; }
#aboutArea .number .block {
  height: 100%;
  background-color: #FAF9F6;
  margin: 0 0 calc(18 / 345 * 100%) 0;
  border: 1px solid #E8E8E8;
  border-radius: 1rem;
  box-sizing: border-box; }
  #aboutArea .number .block#block01 .cont .image {
    flex-basis: calc(69 * (138 / 138) / 345 * 100%);
    margin: 0 calc(16 / 345 * 100%) 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block02 .cont .image {
    flex-basis: calc(69 * (176 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block03 .cont .textWrap .text1 {
    top: 0;
    right: 0;
    text-align: right;
    margin: calc(27 / 345 * 100%) calc(10 / 345 * 100%) 0 0; }
    #aboutArea .number .block#block03 .cont .textWrap .text1 .name {
      align-items: flex-start;
      font-size: 1.4rem;
      line-height: 1.29;
      text-align: left;
      margin: 0 0 0.4rem 0; }
      #aboutArea .number .block#block03 .cont .textWrap .text1 .name .mark:before {
        margin-top: 0.5rem; }
    #aboutArea .number .block#block03 .cont .textWrap .text1 .numWrap {
      margin: 0 0 0 4rem; }
  #aboutArea .number .block#block03 .cont .textWrap .text2 {
    top: 0;
    left: 0;
    margin: calc(27 / 345 * 100%) 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block03 .cont .textWrap .text3 {
    bottom: 0;
    left: 0;
    margin: 0 0 calc(27 / 345 * 100%) calc(30 / 345 * 100%); }
  #aboutArea .number .block#block03 .cont .graphWrap {
    padding: calc(38 / 345 * 100%) 0; }
  #aboutArea .number .block#block04 .cont .textWrap .text1 {
    top: 0;
    right: 0;
    margin: calc(27 / 345 * 100%) calc(22 / 345 * 100%) 0 0; }
  #aboutArea .number .block#block04 .cont .textWrap .text2 {
    top: 0;
    left: 0;
    margin: calc(27 / 345 * 100%) 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block04 .cont .textWrap .text3 {
    bottom: 0;
    left: 0;
    margin: 0 0 calc(27 / 345 * 100%) calc(30 / 345 * 100%); }
  #aboutArea .number .block#block04 .cont .graphWrap {
    padding: calc(38 / 345 * 100%) 0; }
  #aboutArea .number .block#block05 .cont .image {
    flex-basis: calc(69 * (166 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block06 .cont .image {
    flex-basis: calc(69 * (157 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block07 .cont .textWrap .text1 {
    bottom: 0;
    right: 0;
    margin: 0 calc(25 / 345 * 100%) calc(25 / 345 * 100%) 0; }
  #aboutArea .number .block#block07 .cont .textWrap .text2 {
    top: 0;
    left: 0;
    margin: calc(29 / 345 * 100%) 0 0 calc(40 / 345 * 100%); }
  #aboutArea .number .block#block07 .cont .graphWrap {
    padding: calc(38 / 345 * 100%) 0; }
  #aboutArea .number .block#block08 .cont .image {
    flex-basis: calc(69 * (134 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block09 .cont .image {
    flex-basis: calc(69 * (162 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block10 .cont .text {
    margin: 0 0 0 calc(27 / 345 * 100%); }
  #aboutArea .number .block#block10 .cont .image {
    flex-basis: calc(69 * (150 / 138) / 345 * 100%);
    margin: 0 0 0 calc(22 / 345 * 100%); }
  #aboutArea .number .block#block11 .cont .textWrap .text1 {
    top: 0;
    left: 0;
    margin: calc(28 / 345 * 100%) 0 0 calc(40 / 345 * 100%); }
  #aboutArea .number .block#block11 .cont .textWrap .text2 {
    bottom: 0;
    right: 0;
    margin: 0 calc(25 / 345 * 100%) calc(25 / 345 * 100%) 0; }
  #aboutArea .number .block#block11 .cont .graphWrap {
    padding: calc(38 / 345 * 100%) 0; }
  #aboutArea .number .block#block12 .cont .image {
    flex-basis: calc(69 * (176 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block13 .cont .image {
    flex-basis: calc(69 * (183 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block14 .cont .textWrap .text1 {
    top: 0;
    right: 0;
    margin: calc(48 / 345 * 100%) calc(30 / 345 * 100%) 0 0; }
  #aboutArea .number .block#block14 .cont .textWrap .text2 {
    top: 0;
    left: 0;
    margin: calc(48 / 345 * 100%) 0 0 calc(32 / 345 * 100%); }
  #aboutArea .number .block#block14 .cont .textWrap .text3 {
    bottom: 0;
    left: 0;
    margin: 0 0 calc(27 / 345 * 100%) calc(72 / 345 * 100%); }
  #aboutArea .number .block#block14 .cont .graphWrap {
    padding: calc(60 / 345 * 100%) 0; }
  #aboutArea .number .block#block15 .cont .image {
    flex-basis: calc(69 * (156 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block16 .cont .image {
    flex-basis: calc(69 * (160 / 138) / 345 * 100%);
    margin: 0 0 0 calc(18 / 345 * 100%); }
  #aboutArea .number .block#block17 .cont {
    display: block; }
    #aboutArea .number .block#block17 .cont .area {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      #aboutArea .number .block#block17 .cont .area:nth-child(1) {
        padding: 0.3rem 0 1.3rem 0; }
        #aboutArea .number .block#block17 .cont .area:nth-child(1) .image {
          flex-basis: calc(68 * (100 / 138) / 345 * 100%);
          margin: 0 calc(18 / 345 * 100%) 0 0; }
      #aboutArea .number .block#block17 .cont .area:nth-child(2) {
        padding: 1.4rem 0 0.3rem 0; }
        #aboutArea .number .block#block17 .cont .area:nth-child(2):before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: calc(253 / 345 * 100%);
          height: 2px;
          background-image: radial-gradient(circle, #676767 0%, #676767 40%, transparent 40%, transparent 100%);
          background-repeat: repeat-x;
          background-size: 4px 4px;
          background-position: center center;
          margin: auto; }
        #aboutArea .number .block#block17 .cont .area:nth-child(2) .image {
          flex-basis: calc(69 * (111 / 138) / 345 * 100%);
          margin: 0 calc(19 / 345 * 100%) 0 calc(14 / 345 * 100%); }
  #aboutArea .number .block#block18 .cont .textWrap .text1 {
    bottom: 0;
    right: 0;
    margin: 0 calc(27 / 345 * 100%) calc(28 / 345 * 100%) 0; }
    #aboutArea .number .block#block18 .cont .textWrap .text1 .name {
      font-size: 1.1rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text1 .num {
      font-size: 3.3rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text1 .unit {
      font-size: 1.3rem;
      line-height: 1; }
  #aboutArea .number .block#block18 .cont .textWrap .text2 {
    top: 0;
    right: 0;
    margin: calc(27 / 345 * 100%) calc(28 / 345 * 100%) 0 0; }
    #aboutArea .number .block#block18 .cont .textWrap .text2 .name {
      font-size: 1.1rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text2 .num {
      font-size: 3.3rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text2 .unit {
      font-size: 1.3rem;
      line-height: 1; }
  #aboutArea .number .block#block18 .cont .textWrap .text3 {
    bottom: 0;
    left: 0;
    margin: 0 0 calc(27 / 345 * 100%) calc(31 / 345 * 100%); }
    #aboutArea .number .block#block18 .cont .textWrap .text3 .name {
      font-size: 0.9rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text3 .num {
      font-size: 2.7rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text3 .unit {
      font-size: 1.1rem;
      line-height: 1; }
  #aboutArea .number .block#block18 .cont .textWrap .text4 {
    top: 0;
    left: 0;
    margin: calc(132 / 345 * 100%) 0 0 calc(31 / 345 * 100%); }
    #aboutArea .number .block#block18 .cont .textWrap .text4 .name {
      font-size: 0.9rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text4 .num {
      font-size: 2.7rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text4 .unit {
      font-size: 1.1rem;
      line-height: 1; }
  #aboutArea .number .block#block18 .cont .textWrap .text5 {
    top: 0;
    left: 0;
    margin: calc(27 / 345 * 100%) 0 0 calc(31 / 345 * 100%); }
    #aboutArea .number .block#block18 .cont .textWrap .text5 .name {
      font-size: 0.9rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text5 .num {
      font-size: 2.7rem;
      line-height: 1; }
    #aboutArea .number .block#block18 .cont .textWrap .text5 .unit {
      font-size: 1.1rem;
      line-height: 1; }
  #aboutArea .number .block#block18 .cont .graphWrap {
    flex-basis: calc(160 / 345 * 100%);
    padding: calc(40 / 345 * 100%) 0; }
  #aboutArea .number .block#block19 .cont {
    display: block;
    padding: 1.2rem 0 2.3rem 0; }
    #aboutArea .number .block#block19 .cont .listWrap {
      width: calc(255 / 345 * 100%);
      margin: auto;
      padding: 0 0 calc(19 / 345 * 100%) 0; }
    #aboutArea .number .block#block19 .cont .list .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.8rem 0 0.7rem 0;
      border-bottom: 1px solid #BEBEBE; }
      #aboutArea .number .block#block19 .cont .list .item .name {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        line-height: 1; }
        #aboutArea .number .block#block19 .cont .list .item .name .mark:before {
          content: "";
          display: block;
          width: 0.8rem;
          height: 0.8rem;
          background-color: #F8B064;
          margin: 0 0.5rem 0 0;
          border-radius: 50%; }
      #aboutArea .number .block#block19 .cont .list .item .text {
        flex-shrink: 0; }
        #aboutArea .number .block#block19 .cont .list .item .text .num {
          font-size: 2.2rem;
          line-height: 1;
          letter-spacing: -0.15rem; }
        #aboutArea .number .block#block19 .cont .list .item .text .unit {
          font-size: 1.3rem;
          line-height: 1;
          margin: 0 0 0 0.7rem; }
    #aboutArea .number .block#block19 .cont .image {
      width: calc(162 / 345 * 100%);
      margin: auto; }
  #aboutArea .number .block .head {
    width: calc(283 / 345 * 100%);
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    margin: auto;
    padding: 1.35rem 0;
    border-bottom: 1px solid #004F94; }
    #aboutArea .number .block .head .small {
      font-size: 1.4rem;
      line-height: 1.14; }
  #aboutArea .number .block .cont {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1.6rem 0; }
    #aboutArea .number .block .cont .textWrap .text {
      position: absolute; }
      #aboutArea .number .block .cont .textWrap .text .name {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 600;
        margin: 0 0 0.7rem 0; }
        #aboutArea .number .block .cont .textWrap .text .name .mark.mark1:before {
          background-color: #F8B064; }
        #aboutArea .number .block .cont .textWrap .text .name .mark.mark2:before {
          background-color: #C7D5E4; }
        #aboutArea .number .block .cont .textWrap .text .name .mark.mark3:before {
          background-color: #E1E9F1; }
        #aboutArea .number .block .cont .textWrap .text .name .mark.mark4:before {
          background-color: #95B5D0; }
        #aboutArea .number .block .cont .textWrap .text .name .mark.mark5:before {
          background-color: #004F94; }
        #aboutArea .number .block .cont .textWrap .text .name .mark:before {
          content: "";
          display: block;
          width: 0.8rem;
          height: 0.8rem;
          margin: 0 0.5rem 0 0;
          border-radius: 50%; }
      #aboutArea .number .block .cont .textWrap .text .num {
        font-size: 4rem;
        line-height: 1; }
      #aboutArea .number .block .cont .textWrap .text .unit {
        font-size: 1.6rem;
        line-height: 1;
        margin: 0 0 0 0.4rem; }
    #aboutArea .number .block .cont .text .numWrap {
      display: inline-block;
      position: relative; }
    #aboutArea .number .block .cont .text .num {
      font-family: "Noto Sans", sans-serif;
      color: #004F94;
      font-size: 6.4rem;
      line-height: 1;
      font-weight: 600;
      letter-spacing: -0.15rem;
      text-align: right; }
      #aboutArea .number .block .cont .text .num.hide {
        opacity: 0; }
      #aboutArea .number .block .cont .text .num.view {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        white-space: nowrap; }
    #aboutArea .number .block .cont .text .unit {
      font-size: 1.7rem;
      line-height: 1;
      font-weight: 600;
      margin: 0 0 0 0.7rem; }
    #aboutArea .number .block .cont .graphWrap {
      flex-basis: calc(180 / 345 * 100%); }
      #aboutArea .number .block .cont .graphWrap .graph {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1; }
    #aboutArea .number .block .cont .note {
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 1.2rem;
      line-height: 1;
      font-weight: 600;
      margin: 0 0 calc(10 / 345 * 100%) calc(20 / 345 * 100%); }
#aboutArea .number .etc {
  font-size: 1.5rem;
  line-height: 1.8; }
#aboutArea .faq .content {
  background-color: #FAF9F6; }
#aboutArea .faq .title {
  padding: calc(55 / 345 * 100%) 0 calc(34 / 345 * 100%) 0; }
  #aboutArea .faq .title .ja {
    font-size: 2rem;
    line-height: 1.6;
    margin: 0.1rem 0 0 0; }

@media screen and (min-width: 769px) {
  #aboutArea .number .title {
    padding: calc(90 / 1000 * 100%) 0 calc(28 / 1000 * 100%) 0; }
  #aboutArea .number .textWrap {
    text-align: center;
    margin: 0 0 calc(47 / 1000 * 100%) 0; }
    #aboutArea .number .textWrap .textInner {
      display: inline-block; }
      #aboutArea .number .textWrap .textInner .note {
        margin-right: 1rem; }
  #aboutArea .number .wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0 0 calc(27 / 1000 * 100%) 0; }
  #aboutArea .number .block {
    height: auto;
    margin: 0; }
    #aboutArea .number .block#block03 .cont, #aboutArea .number .block#block04 .cont, #aboutArea .number .block#block07 .cont, #aboutArea .number .block#block11 .cont, #aboutArea .number .block#block14 .cont, #aboutArea .number .block#block17 .cont {
      aspect-ratio: 320 / 339; }
    #aboutArea .number .block#block18 .cont {
      aspect-ratio: 660 / 339; }
    #aboutArea .number .block#block01 .cont .image {
      flex-basis: calc(69 * (138 / 138) / 320 * 100%);
      margin: 0 calc(5 / 320 * 100%) 0 calc(21 / 320 * 100%); }
    #aboutArea .number .block#block02 .cont .image {
      flex-basis: calc(69 * (176 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block03 {
      grid-column: 3 / 3;
      grid-row: 1 / 3; }
      #aboutArea .number .block#block03 .cont .textWrap .text1 {
        top: 0;
        right: 0;
        margin: calc(27 / 320 * 100%) calc(10 / 320 * 100%) 0 0; }
      #aboutArea .number .block#block03 .cont .textWrap .text2 {
        top: 0;
        left: 0;
        margin: calc(27 / 320 * 100%) 0 0 calc(16 / 320 * 100%); }
      #aboutArea .number .block#block03 .cont .textWrap .text3 {
        bottom: 0;
        left: 0;
        margin: 0 0 calc(24 / 320 * 100%) calc(40 / 320 * 100%); }
      #aboutArea .number .block#block03 .cont .graphWrap {
        padding: 0; }
    #aboutArea .number .block#block04 {
      grid-column: 1 / 2;
      grid-row: 2 / 4; }
      #aboutArea .number .block#block04 .cont .textWrap .text1 {
        top: auto;
        bottom: 0;
        right: 0;
        margin: 0 calc(22 / 320 * 100%) calc(22 / 320 * 100%) 0; }
      #aboutArea .number .block#block04 .cont .textWrap .text2 {
        top: 0;
        left: 0;
        margin: calc(27 / 320 * 100%) 0 0 calc(40 / 320 * 100%); }
      #aboutArea .number .block#block04 .cont .textWrap .text3 {
        top: 0;
        bottom: auto;
        left: auto;
        right: 0;
        margin: calc(28 / 320 * 100%) calc(35 / 320 * 100%) 0 0; }
      #aboutArea .number .block#block04 .cont .graphWrap {
        padding: 0; }
    #aboutArea .number .block#block05 .cont .image {
      flex-basis: calc(69 * (166 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block06 .cont .image {
      flex-basis: calc(69 * (157 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block07 {
      grid-column: 3 / 3;
      grid-row: 3 / 5; }
      #aboutArea .number .block#block07 .cont .textWrap .text1 {
        bottom: 0;
        right: 0;
        margin: 0 calc(38 / 320 * 100%) calc(22 / 320 * 100%) 0; }
      #aboutArea .number .block#block07 .cont .textWrap .text2 {
        top: 0;
        left: 0;
        margin: calc(29 / 320 * 100%) 0 0 calc(40 / 320 * 100%); }
      #aboutArea .number .block#block07 .cont .graphWrap {
        padding: 0; }
    #aboutArea .number .block#block08 .cont .image {
      flex-basis: calc(69 * (134 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block09 .cont .image {
      flex-basis: calc(69 * (162 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block10 .cont .text {
      margin: 0; }
    #aboutArea .number .block#block10 .cont .image {
      flex-basis: calc(69 * (150 / 138) / 320 * 100%);
      margin: 0 0 0 calc(15 / 320 * 100%); }
    #aboutArea .number .block#block11 {
      grid-column: 2 / 3;
      grid-row: 5 / 7; }
      #aboutArea .number .block#block11 .cont .textWrap .text1 {
        top: 0;
        left: 0;
        margin: calc(28 / 320 * 100%) 0 0 calc(40 / 320 * 100%); }
      #aboutArea .number .block#block11 .cont .textWrap .text2 {
        bottom: 0;
        right: 0;
        margin: 0 calc(37 / 320 * 100%) calc(21 / 320 * 100%) 0; }
      #aboutArea .number .block#block11 .cont .graphWrap {
        padding: 0; }
    #aboutArea .number .block#block12 .cont .image {
      flex-basis: calc(69 * (176 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block13 .cont .image {
      flex-basis: calc(69 * (152 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block14 {
      grid-column: 1 / 2;
      grid-row: 6 / 8; }
      #aboutArea .number .block#block14 .cont .textWrap .text1 {
        top: 0;
        right: 0;
        margin: calc(28 / 320 * 100%) calc(30 / 320 * 100%) 0 0; }
      #aboutArea .number .block#block14 .cont .textWrap .text2 {
        top: 0;
        left: 0;
        margin: calc(28 / 320 * 100%) 0 0 calc(32 / 320 * 100%); }
      #aboutArea .number .block#block14 .cont .textWrap .text3 {
        bottom: 0;
        left: 0;
        margin: 0 0 calc(27 / 320 * 100%) calc(72 / 320 * 100%); }
      #aboutArea .number .block#block14 .cont .graphWrap {
        padding: 0; }
    #aboutArea .number .block#block15 .cont .image {
      flex-basis: calc(69 * (156 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block16 .cont .image {
      flex-basis: calc(69 * (160 / 138) / 320 * 100%);
      margin: 0 0 0 calc(18 / 320 * 100%); }
    #aboutArea .number .block#block17 {
      grid-column: 1 / 2;
      grid-row: 8 / 10; }
      #aboutArea .number .block#block17 .cont {
        display: flex;
        align-items: center;
        justify-content: center; }
        #aboutArea .number .block#block17 .cont .areaWrap {
          width: 100%; }
        #aboutArea .number .block#block17 .cont .area {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          #aboutArea .number .block#block17 .cont .area:nth-child(1) {
            padding: calc(16 / 320 * 100%) 0 calc(30 / 320 * 100%) 0;
            padding: 0 0 calc(30 / 320 * 100%) 0; }
            #aboutArea .number .block#block17 .cont .area:nth-child(1) .image {
              flex-basis: calc(68 * (140 / 138) / 320 * 100%);
              margin: 0 calc(22 / 320 * 100%) 0 0; }
          #aboutArea .number .block#block17 .cont .area:nth-child(2) {
            padding: calc(37 / 320 * 100%) 0 0 0;
            padding: calc(30 / 320 * 100%) 0 0 0; }
            #aboutArea .number .block#block17 .cont .area:nth-child(2):before {
              width: calc(253 / 320 * 100%); }
            #aboutArea .number .block#block17 .cont .area:nth-child(2) .image {
              order: 2;
              flex-basis: calc(69 * (126 / 138) / 320 * 100%);
              margin: 0 calc(5 / 320 * 100%) 0 calc(30 / 320 * 100%); }
            #aboutArea .number .block#block17 .cont .area:nth-child(2) .text {
              order: 1; }
    #aboutArea .number .block#block18 {
      grid-column: 2 / 4;
      grid-row: 8 / 10; }
      #aboutArea .number .block#block18 .cont .textWrap {
        text-align: left; }
        #aboutArea .number .block#block18 .cont .textWrap .text1 {
          bottom: 0;
          right: 0;
          margin: 0 calc(68 / 660 * 100%) calc(75 / 660 * 100%) 0; }
          #aboutArea .number .block#block18 .cont .textWrap .text1 .name {
            font-size: 1.4rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text1 .num {
            font-size: 4rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text1 .unit {
            font-size: 1.6rem;
            line-height: 1; }
        #aboutArea .number .block#block18 .cont .textWrap .text2 {
          top: 0;
          right: 0;
          margin: calc(66 / 660 * 100%) calc(66 / 660 * 100%) 0 0; }
          #aboutArea .number .block#block18 .cont .textWrap .text2 .name {
            font-size: 1.4rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text2 .num {
            font-size: 4rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text2 .unit {
            font-size: 1.6rem;
            line-height: 1; }
        #aboutArea .number .block#block18 .cont .textWrap .text3 {
          bottom: 0;
          left: 0;
          margin: 0 0 calc(53 / 660 * 100%) calc(67 / 660 * 100%); }
          #aboutArea .number .block#block18 .cont .textWrap .text3 .name {
            font-size: 1.1rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text3 .num {
            font-size: 3.3rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text3 .unit {
            font-size: 1.3rem;
            line-height: 1; }
        #aboutArea .number .block#block18 .cont .textWrap .text4 {
          top: 0;
          left: 0;
          margin: calc(140 / 660 * 100%) 0 0 calc(81 / 660 * 100%); }
          #aboutArea .number .block#block18 .cont .textWrap .text4 .name {
            font-size: 1.1rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text4 .num {
            font-size: 3.3rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text4 .unit {
            font-size: 1.3rem;
            line-height: 1; }
        #aboutArea .number .block#block18 .cont .textWrap .text5 {
          top: 0;
          left: 0;
          margin: calc(55 / 660 * 100%) 0 0 calc(120 / 660 * 100%); }
          #aboutArea .number .block#block18 .cont .textWrap .text5 .name {
            font-size: 1.1rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text5 .num {
            font-size: 3.3rem;
            line-height: 1; }
          #aboutArea .number .block#block18 .cont .textWrap .text5 .unit {
            font-size: 1.3rem;
            line-height: 1; }
      #aboutArea .number .block#block18 .cont .graphWrap {
        flex-basis: calc(220 / 660 * 100%);
        padding: calc(33 / 660 * 100%) calc(12 / 660 * 100%) calc(79 / 660 * 100%) 0;
        padding: 0; }
    #aboutArea .number .block#block19 {
      margin: 0 0 calc(100 / 1000 * 100%) 0; }
      #aboutArea .number .block#block19 .head {
        width: calc(963 / 1000 * 100%);
        padding: 1.8rem 0 1.4rem 0; }
      #aboutArea .number .block#block19 .cont {
        display: block;
        padding: calc(20 / 1000 * 100%) 0 calc(27 / 1000 * 100%) 0;
        aspect-ratio: 1000 / 292; }
        #aboutArea .number .block#block19 .cont .listWrap {
          display: flex;
          justify-content: space-between;
          width: calc(950 / 1000 * 100%);
          margin: auto;
          padding: 0 0 calc(19 / 1000 * 100%) 0; }
        #aboutArea .number .block#block19 .cont .list {
          flex-basis: calc(240 / 826 * 100%);
          position: relative; }
          #aboutArea .number .block#block19 .cont .list:first-child:before {
            display: none; }
          #aboutArea .number .block#block19 .cont .list:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 2px;
            background-image: radial-gradient(circle, #707070 0%, #707070 40%, transparent 40%, transparent 100%);
            background-repeat: repeat-y;
            background-size: 4px 4px;
            background-position: center center;
            margin: 0 0 0 calc(-32 / 235 * 100%); }
          #aboutArea .number .block#block19 .cont .list .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.1rem 1rem 1.1rem 0;
            border-bottom: 1px solid #BEBEBE; }
            #aboutArea .number .block#block19 .cont .list .item .name {
              display: flex;
              align-items: center;
              font-size: 1.4rem;
              line-height: 1; }
              #aboutArea .number .block#block19 .cont .list .item .name .mark:before {
                content: "";
                display: block;
                width: 0.8rem;
                height: 0.8rem;
                background-color: #F8B064;
                margin: 0 0.5rem 0 0;
                border-radius: 50%; }
            #aboutArea .number .block#block19 .cont .list .item .text .num {
              font-size: 2.2rem;
              line-height: 1;
              letter-spacing: -0.15rem; }
            #aboutArea .number .block#block19 .cont .list .item .text .unit {
              font-size: 1.3rem;
              line-height: 1;
              margin: 0 0 0 0.3rem; }
        #aboutArea .number .block#block19 .cont .image {
          position: absolute;
          bottom: 0;
          right: 0;
          width: calc(157 / 1000 * 100%);
          margin: 0 calc(86 / 1000 * 100%) calc(35 / 1000 * 100%) 0; }
    #aboutArea .number .block .head {
      width: calc(283 / 320 * 100%);
      font-size: 1.8rem;
      line-height: 1;
      padding: 2.3rem 0 1.6rem 0; }
      #aboutArea .number .block .head .small {
        font-size: 1.5rem;
        line-height: 1.2; }
    #aboutArea .number .block .cont {
      padding: 0;
      aspect-ratio: 320 / 130; }
      #aboutArea .number .block .cont .textWrap .text .name {
        margin: 0 0 0.7rem 0; }
      #aboutArea .number .block .cont .textWrap .text .unit {
        margin: 0 0 0 0.4rem; }
      #aboutArea .number .block .cont .text .num {
        font-size: 7.5rem;
        line-height: 1;
        letter-spacing: -0.1rem; }
      #aboutArea .number .block .cont .text .unit {
        font-size: 2rem;
        line-height: 1;
        margin: 0 0 0 0.7rem; }
      #aboutArea .number .block .cont .graphWrap {
        flex-basis: calc(180 / 320 * 100%); }
      #aboutArea .number .block .cont .note {
        margin: 0 0 calc(30 / 320 * 100%) calc(17 / 320 * 100%); }
  #aboutArea .number .etc {
    font-size: 1.2rem;
    line-height: 1.67; }
  #aboutArea .faq .title {
    padding: calc(90 / 1000 * 100%) 0 calc(37 / 1000 * 100%) 0; }
    #aboutArea .faq .title .ja {
      font-size: 3rem;
      line-height: 1.53;
      margin: 1.4rem 0 0 0; } }
@media screen and (min-width: 900px) {
  #aboutArea .number .block#block19 .cont .listWrap {
    width: calc(950 / 1000 * 100%); } }
@media screen and (min-width: 1200px) {
  #aboutArea .number .block#block19 .cont .listWrap {
    width: calc(860 / 1000 * 100%); } }
#careerArea .plan .title {
  padding: calc(51 / 345 * 100%) 0 calc(36 / 345 * 100%) 0; }
#careerArea .plan .textWrap {
  margin: 0 0 calc(47 / 345 * 100%) 0; }
  #careerArea .plan .textWrap .text {
    font-size: 1.5rem;
    line-height: 1.8; }
#careerArea .plan .list {
  margin: 0 0 calc(70 / 345 * 100%) 0; }
  #careerArea .plan .list .item:last-child:after {
    display: none; }
  #careerArea .plan .list .item:after {
    content: "";
    display: block;
    width: calc(91 / 345 * 100%);
    background: url(../img/common/arrow_down.svg) center center no-repeat;
    background-size: contain;
    margin: 1.5rem auto;
    aspect-ratio: 80 / 24; }
  #careerArea .plan .list .item .box {
    overflow: hidden;
    border: 1px solid #004F94;
    border-radius: 0.8rem; }
    #careerArea .plan .list .item .box .year {
      font-size: 1.8rem;
      line-height: 1.56;
      font-weight: 700;
      text-align: center;
      background-color: #FAF9F6;
      padding: 1.5rem 0; }
      #careerArea .plan .list .item .box .year .num {
        color: #004F94;
        font-size: 2.8rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0.3rem 0 0; }
    #careerArea .plan .list .item .box .inner {
      padding: calc(20 / 343 * 100%) 0 calc(24 / 343 * 100%) 0; }
      #careerArea .plan .list .item .box .inner .row {
        width: calc(305 / 343 * 100%);
        margin: 0 auto calc(20 / 343 * 100%) auto; }
        #careerArea .plan .list .item .box .inner .row .head {
          font-size: 1.5rem;
          line-height: 1.87;
          font-weight: 600;
          margin: 0 0 1.5rem 0;
          padding: 0 0 1rem 0;
          border-bottom: 1px solid #BEBEBE; }
        #careerArea .plan .list .item .box .inner .row .cont {
          font-size: 1.4rem;
          line-height: 1.6; }
      #careerArea .plan .list .item .box .inner .goal {
        overflow: hidden;
        width: calc(315 / 343 * 100%);
        margin: calc(28 / 343 * 100%) auto 0 auto;
        border: 1px solid #004F94;
        border-radius: 0.5rem; }
        #careerArea .plan .list .item .box .inner .goal .head {
          color: #004F94;
          font-size: 1.6rem;
          line-height: 1;
          font-weight: 600;
          text-align: center;
          background-color: #E1E9F1;
          padding: 1rem 0; }
        #careerArea .plan .list .item .box .inner .goal .cont {
          font-size: 1.4rem;
          line-height: 1.6;
          text-align: center;
          padding: 1.25rem 1rem; }
#careerArea .ecudation .content {
  background-color: #FAF9F6; }
#careerArea .ecudation .title {
  padding: calc(51 / 345 * 100%) 0 calc(41 / 345 * 100%) 0; }
#careerArea .ecudation .wrap {
  width: calc(275 / 345 * 100%);
  margin: auto;
  padding: 0 0 calc(54 / 275 * 100%) 0; }
  #careerArea .ecudation .wrap .box {
    margin: 0 0 calc(28 / 275 * 100%) 0; }
    #careerArea .ecudation .wrap .box .boxTitle {
      font-size: 1.6rem;
      line-height: 1.69;
      margin: 0 0 1rem 0;
      padding: 1rem 0 0.6rem 0;
      border-bottom: 1px solid #004F94; }
    #careerArea .ecudation .wrap .box .text {
      font-size: 1.3rem;
      line-height: 1.6;
      margin: 0 0 calc(22 / 345 * 100%) 0; }
    #careerArea .ecudation .wrap .box .row {
      margin: 0 0 calc(22 / 345 * 100%) 0; }
      #careerArea .ecudation .wrap .box .row .head {
        font-size: 1.3rem;
        line-height: 1.6;
        font-weight: 700; }
      #careerArea .ecudation .wrap .box .row .cont {
        font-size: 1.3rem;
        line-height: 1.6; }

@media screen and (min-width: 769px) {
  #careerArea .plan .title {
    padding: calc(93 / 1000 * 100%) 0 calc(32 / 1000 * 100%) 0; }
  #careerArea .plan .textWrap {
    text-align: center;
    margin: 0 0 calc(47 / 1000 * 100%) 0; }
  #careerArea .plan .list {
    margin: 0 0 calc(100 / 1000 * 100%) 0; }
    #careerArea .plan .list .item:last-child:after {
      display: none; }
    #careerArea .plan .list .item:after {
      width: calc(118 / 1000 * 100%);
      margin: 1.3rem auto; }
    #careerArea .plan .list .item .box {
      display: flex;
      border: 1px solid #004F94;
      border-radius: 0.8rem; }
      #careerArea .plan .list .item .box .year {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: calc(192 / 1000 * 100%);
        font-size: 2.8rem;
        line-height: 1.71;
        padding: 1.5rem 0; }
        #careerArea .plan .list .item .box .year .num {
          font-size: 4.8rem;
          line-height: 1;
          margin: 0 0.3rem 0 0; }
      #careerArea .plan .list .item .box .inner {
        flex-basis: calc(808 / 1000 * 100%);
        padding: calc(29 / 1000 * 100%) calc(40 / 1000 * 100%);
        box-sizing: border-box; }
        #careerArea .plan .list .item .box .inner .row {
          width: 100%;
          margin: 0 0 calc(26 / 728 * 100%) 0; }
          #careerArea .plan .list .item .box .inner .row .head {
            font-size: 1.8rem;
            line-height: 1.6;
            margin: 0 0 1.2rem 0;
            padding: 0 0 1rem 0; }
          #careerArea .plan .list .item .box .inner .row .cont {
            font-size: 1.5rem;
            line-height: 1.8; }
        #careerArea .plan .list .item .box .inner .goal {
          width: 100%;
          margin: calc(28 / 728 * 100%) 0 0 0;
          border-radius: 1rem; }
          #careerArea .plan .list .item .box .inner .goal .head {
            font-size: 2rem;
            line-height: 1;
            padding: 1rem 0; }
          #careerArea .plan .list .item .box .inner .goal .cont {
            font-size: 1.5rem;
            line-height: 1.8;
            padding: 1.25rem 1rem 1.5rem 1rem; }
  #careerArea .ecudation .title {
    padding: calc(93 / 1000 * 100%) 0 calc(59 / 1000 * 100%) 0; }
  #careerArea .ecudation .wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 calc(86 / 1000 * 100%) 0; }
    #careerArea .ecudation .wrap .box {
      flex-basis: calc(480 / 1000 * 100%);
      margin: 0; }
      #careerArea .ecudation .wrap .box .boxTitle {
        font-size: 2.4rem;
        line-height: 1.13;
        margin: 0 0 1.2rem 0;
        padding: 1.8rem 0 1.9rem 0; }
      #careerArea .ecudation .wrap .box .text {
        font-size: 1.5rem;
        line-height: 1.8;
        margin: 0 0 calc(22 / 1000 * 100%) 0; }
      #careerArea .ecudation .wrap .box .row {
        margin: 0 0 calc(22 / 1000 * 100%) 0; }
        #careerArea .ecudation .wrap .box .row .head {
          font-size: 1.5rem;
          line-height: 1.8; }
        #careerArea .ecudation .wrap .box .row .cont {
          font-size: 1.5rem;
          line-height: 1.8; } }
#crosstalkArea .member .content {
  background-color: #FAF9F6;
  margin: calc(92 / 375 * 100%) 0 calc(70 / 375 * 100%) 0; }
#crosstalkArea .member .title {
  padding: calc(21 / 345 * 100%) 0 calc(40 / 345 * 100%) 0; }
#crosstalkArea .member .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(305 / 345 * 100%);
  margin: auto;
  padding: 0 0 calc(20 / 345 * 100%) 0; }
  #crosstalkArea .member .list .item {
    flex-basis: calc(140 / 305 * 100%);
    text-align: center;
    margin: 0 0 calc(9 / 305 * 100%) calc(22 / 305 * 100%); }
    #crosstalkArea .member .list .item:nth-child(2n+1) {
      margin-left: 0; }
    #crosstalkArea .member .list .item .image {
      width: calc(97 / 140 * 100%);
      margin: auto; }
    #crosstalkArea .member .list .item .name {
      font-size: 1.4rem;
      line-height: 1.29;
      font-weight: 700;
      padding: 1rem 0 0.7rem 0;
      border-bottom: 1px solid #D6D6D6; }
    #crosstalkArea .member .list .item .join {
      font-size: 1.3rem;
      line-height: 1.38;
      padding: 1rem 0; }
#crosstalkArea .talk .block {
  margin: 0 0 calc(45 / 345 * 100%) 0; }
  #crosstalkArea .talk .block.blockType1 .wrap .image {
    margin-left: calc(-15 / 345 * 100%); }
  #crosstalkArea .talk .block.blockType2 .wrap .image {
    margin-right: calc(-15 / 345 * 100%); }
  #crosstalkArea .talk .block .wrap .image {
    width: calc(360 / 345 * 100%);
    margin: 0 0 calc(25 / 345 * 100%) 0; }
  #crosstalkArea .talk .block .wrap .textWrap .title {
    color: #004F94;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 0 calc(20 / 345 * 100%) 0; }
  #crosstalkArea .talk .block .wrap .textWrap .row {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(13 / 345 * 100%) 0; }
    #crosstalkArea .talk .block .wrap .textWrap .row .icon {
      flex-basis: calc(48 / 345 * 100%);
      flex-shrink: 0;
      text-align: center;
      padding: calc(3 / 345 * 100%) 0 0 0; }
      #crosstalkArea .talk .block .wrap .textWrap .row .icon .name {
        font-size: 1.3rem;
        line-height: 1.54;
        font-weight: 700;
        padding: 0.5rem 0;
        white-space: nowrap; }
    #crosstalkArea .talk .block .wrap .textWrap .row .text {
      flex-basis: calc(282 / 345 * 100%);
      font-size: 1.5rem;
      line-height: 1.8; }
#crosstalkArea .bottomImage .contentInner {
  width: 100%; }
#crosstalkArea .bottomImage .image {
  margin: 0 0 calc(70 / 370 * 100%) 0; }

@media screen and (min-width: 769px) {
  #crosstalkArea .member .content {
    margin: calc(100 / 1366 * 100%) 0 calc(100 / 1366 * 100%) 0; }
  #crosstalkArea .member .title {
    padding: calc(36 / 1000 * 100%) 0 calc(40 / 1000 * 100%) 0; }
  #crosstalkArea .member .list {
    justify-content: space-between;
    flex-wrap: nowrap;
    width: calc(880 / 1000 * 100%);
    padding: 0 0 calc(34 / 1000 * 100%) 0; }
    #crosstalkArea .member .list .item {
      flex-basis: calc(160 / 846 * 100%);
      margin: 0; }
      #crosstalkArea .member .list .item .image {
        width: calc(120 / 160 * 100%); }
      #crosstalkArea .member .list .item .name {
        font-size: 1.8rem;
        line-height: 1.33;
        padding: 1rem 0 0.7rem 0; }
      #crosstalkArea .member .list .item .join {
        font-size: 1.5rem;
        line-height: 1.33;
        padding: 1rem 0; }
  #crosstalkArea .talk .block {
    margin: 0 0 calc(57 / 1000 * 100%) 0; }
    #crosstalkArea .talk .block.blockType1 .wrap .image {
      margin-left: calc(-183 / 1000 * 100%); }
    #crosstalkArea .talk .block.blockType2 .wrap .image {
      order: 2;
      margin-right: calc(-183 / 1000 * 100%); }
    #crosstalkArea .talk .block.blockType2 .wrap .textWrap {
      order: 1; }
    #crosstalkArea .talk .block .wrap {
      display: flex;
      justify-content: space-between; }
      #crosstalkArea .talk .block .wrap .image {
        width: calc(667 / 1000 * 100%);
        margin: 0; }
        #crosstalkArea .talk .block .wrap .image picture {
          position: sticky;
          top: 98px; }
      #crosstalkArea .talk .block .wrap .textWrap {
        width: calc(460 / 1000 * 100%); }
        #crosstalkArea .talk .block .wrap .textWrap .title {
          font-size: 3rem;
          line-height: 1.4;
          margin: -0.5rem 0 calc(36 / 460 * 100%) 0; }
        #crosstalkArea .talk .block .wrap .textWrap .row {
          margin: 0 0 calc(22 / 460 * 100%) 0; }
          #crosstalkArea .talk .block .wrap .textWrap .row .icon {
            flex-basis: calc(66 / 460 * 100%);
            padding: calc(3 / 460 * 100%) 0 0 0; }
            #crosstalkArea .talk .block .wrap .textWrap .row .icon .name {
              font-size: 1.3rem;
              line-height: 1.54;
              font-weight: 700;
              padding: 0.3rem 0; }
          #crosstalkArea .talk .block .wrap .textWrap .row .text {
            flex-basis: calc(374 / 460 * 100%);
            font-size: 1.6rem;
            line-height: 1.88; }
  #crosstalkArea .bottomImage .image {
    margin: 0 0 calc(100 / 1000 * 100%) 0; } }
#guidelineArea .information .title {
  text-align: left;
  padding: calc(54 / 345 * 100%) 0 calc(41 / 345 * 100%) 0; }
#guidelineArea .information .box {
  margin: 0 0 calc(5 / 345 * 100%) 0;
  padding: calc(15 / 345 * 100%) calc(20 / 345 * 100%);
  border: 1px solid #004F94;
  border-radius: 0.8rem; }
  #guidelineArea .information .box .row {
    position: relative;
    padding: calc(15 / 305 * 100%) 0 calc(20 / 305 * 100%) 0; }
    #guidelineArea .information .box .row:last-child:before, #guidelineArea .information .box .row:last-child:after {
      display: none; }
    #guidelineArea .information .box .row:before, #guidelineArea .information .box .row:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #BEBEBE; }
    #guidelineArea .information .box .row:before {
      z-index: 2;
      width: 10rem;
      background-color: #004F94; }
    #guidelineArea .information .box .row .head {
      font-size: 1.5rem;
      line-height: 1.87;
      font-weight: 600;
      margin: 0 0 calc(10 / 305 * 100%) 0; }
    #guidelineArea .information .box .row .cont {
      font-size: 1.4rem;
      line-height: 1.6; }
      #guidelineArea .information .box .row .cont .etc {
        margin: 1.4rem 0 0 0; }
      #guidelineArea .information .box .row .cont ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 -0.5rem 0; }
        #guidelineArea .information .box .row .cont ul li {
          display: flex;
          align-items: center;
          margin: 0 1rem 0.5rem 0; }
          #guidelineArea .information .box .row .cont ul li:before {
            content: "";
            display: block;
            flex-shrink: 0;
            width: 0.8rem;
            height: 0.8rem;
            background-color: #F8B064;
            margin: 0 0.8rem 0 0;
            border-radius: 50%; }
      #guidelineArea .information .box .row .cont dl {
        display: flex;
        margin: 0 0 1.3rem 0; }
        #guidelineArea .information .box .row .cont dl:last-child {
          margin-bottom: 0; }
        #guidelineArea .information .box .row .cont dl dt {
          flex-shrink: 0;
          min-width: 7rem;
          margin: 0 1rem 0 0; }
#guidelineArea .flow .title {
  text-align: left;
  padding: calc(51 / 345 * 100%) 0 calc(39 / 345 * 100%) 0; }
#guidelineArea .flow .list {
  padding: 0 0 calc(68 / 345 * 100%) 0; }
  #guidelineArea .flow .list .item {
    position: relative;
    padding: 0 0 calc(57 / 345 * 100%) 0; }
    #guidelineArea .flow .list .item:last-child {
      padding: 0; }
      #guidelineArea .flow .list .item:last-child:after {
        display: none; }
    #guidelineArea .flow .list .item:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: calc(91 / 315 * 100%);
      background: url(../img/common/arrow_down.svg) center center no-repeat;
      background-size: contain;
      margin: 1.5rem auto;
      aspect-ratio: 80 / 24; }
    #guidelineArea .flow .list .item .box {
      padding: calc(15 / 345 * 100%) calc(20 / 345 * 100%) calc(11 / 345 * 100%) calc(20 / 345 * 100%);
      border: 1px solid #004F94;
      border-radius: 0.8rem; }
      #guidelineArea .flow .list .item .box .step {
        color: #004F94;
        font-size: 2rem;
        line-height: 1;
        font-weight: 600;
        text-align: center;
        padding: 0.7rem 0 1.6rem 0; }
        #guidelineArea .flow .list .item .box .step .num {
          display: inline-block;
          margin: 0 0 0 0.6rem; }
      #guidelineArea .flow .list .item .box .textWrap {
        position: relative;
        padding: 1rem 0 0 0; }
        #guidelineArea .flow .list .item .box .textWrap:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background-image: radial-gradient(circle, #004F94 0%, #004F94 40%, transparent 40%, transparent 100%);
          background-repeat: repeat-x;
          background-size: 6px 6px;
          background-position: center center; }
        #guidelineArea .flow .list .item .box .textWrap .row .head {
          font-size: 1.5rem;
          line-height: 1.87;
          font-weight: 600;
          padding: 1.5rem 0 0.9rem 0;
          border-bottom: 1px solid #BEBEBE; }
        #guidelineArea .flow .list .item .box .textWrap .row .cont {
          font-size: 1.4rem;
          line-height: 1.6;
          padding: 1.5rem 0 0.6rem 0; }
          #guidelineArea .flow .list .item .box .textWrap .row .cont > * {
            margin-top: 1.1rem; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont > *:first-child {
              margin-top: 0; }
          #guidelineArea .flow .list .item .box .textWrap .row .cont a {
            color: #004F94;
            text-decoration: underline;
            text-underline-offset: 2px; }
          #guidelineArea .flow .list .item .box .textWrap .row .cont ul {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: -0.5rem; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont ul li {
              display: flex;
              align-items: center;
              margin: 0 1rem 0.5rem 0; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont ul li:before {
                content: "";
                display: block;
                flex-shrink: 0;
                width: 0.8rem;
                height: 0.8rem;
                background-color: #F8B064;
                margin: 0 0.8rem 0 0;
                border-radius: 50%; }
          #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem {
            position: relative;
            margin: 0 0 3.5rem 0; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:first-child:before {
              display: none; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:last-child {
              margin: 0; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:before {
              content: "";
              display: block;
              position: absolute;
              bottom: 100%;
              left: 0;
              right: 0;
              width: 1.3rem;
              height: 0.9rem;
              background-color: #C7D5E4;
              margin: 1.3rem auto;
              clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
            #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .block {
              color: #004F94;
              font-size: 1.4rem;
              line-height: 1;
              font-weight: 500;
              text-align: center;
              padding: 1.85rem 0;
              border: 1px solid #004F94;
              border-radius: 0.5rem; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
              margin: 0 0 -0.5rem 0; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note li {
                display: flex;
                align-items: center;
                font-size: 1.3rem;
                line-height: 2.22;
                margin: 0 0.5rem 0.5rem 0.5rem; }
                #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note li:before {
                  content: "";
                  display: block;
                  flex-shrink: 0;
                  width: 0.8rem;
                  height: 0.8rem;
                  background-color: #F8B064;
                  margin: 0 0.8rem 0 0;
                  border-radius: 50%; }
#guidelineArea .faq .content {
  background-color: #FAF9F6; }
#guidelineArea .faq .title {
  text-align: left; }

@media screen and (min-width: 769px) {
  #guidelineArea .information .title {
    padding: calc(91 / 1000 * 100%) 0 calc(44 / 1000 * 100%) 0; }
  #guidelineArea .information .box {
    margin: 0 0 calc(5 / 1000 * 100%) 0;
    padding: calc(18 / 1000 * 100%) calc(69 / 1000 * 100%);
    border-radius: 1rem; }
    #guidelineArea .information .box .row {
      display: flex;
      padding: calc(30 / 860 * 100%) 0 calc(25 / 860 * 100%) 0; }
      #guidelineArea .information .box .row:before {
        width: 15rem; }
      #guidelineArea .information .box .row .head {
        flex-basis: 19rem;
        flex-shrink: 0;
        font-size: 1.6rem;
        line-height: 1.75;
        margin: 0; }
      #guidelineArea .information .box .row .cont {
        flex-basis: calc(100% - 19rem);
        font-size: 1.5rem;
        line-height: 1.92; }
        #guidelineArea .information .box .row .cont .etc {
          text-align: right;
          margin: 1.4rem 0 0 0; }
        #guidelineArea .information .box .row .cont ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 0 -0.5rem 0; }
          #guidelineArea .information .box .row .cont ul li {
            display: flex;
            align-items: center;
            margin: 0 1rem 0.5rem 0; }
            #guidelineArea .information .box .row .cont ul li:before {
              content: "";
              display: block;
              flex-shrink: 0;
              width: 0.8rem;
              height: 0.8rem;
              background-color: #F8B064;
              margin: 0 0.8rem 0 0;
              border-radius: 50%; }
        #guidelineArea .information .box .row .cont dl {
          margin: 0 0 1rem 0; }
          #guidelineArea .information .box .row .cont dl dt {
            min-width: 5.5rem; }
  #guidelineArea .flow .title {
    padding: calc(87 / 1000 * 100%) 0 calc(44 / 1000 * 100%) 0; }
  #guidelineArea .flow .list {
    padding: 0 0 calc(105 / 1000 * 100%) 0; }
    #guidelineArea .flow .list .item {
      padding: 0 0 calc(60 / 1000 * 100%) 0; }
      #guidelineArea .flow .list .item:last-child {
        padding: 0; }
        #guidelineArea .flow .list .item:last-child:after {
          display: none; }
      #guidelineArea .flow .list .item:after {
        width: calc(118 / 1000 * 100%);
        margin: 1.3rem auto; }
      #guidelineArea .flow .list .item .box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(29 / 1000 * 100%) 0 calc(17 / 1000 * 100%) 0;
        border-radius: 1rem; }
        #guidelineArea .flow .list .item .box .step {
          flex-basis: calc(190 / 1000 * 100%);
          font-size: 2.1rem;
          line-height: 1;
          font-weight: 600;
          padding: 0 0 1rem 0; }
          #guidelineArea .flow .list .item .box .step .num {
            display: block;
            font-size: 5rem;
            line-height: 1;
            margin: 0.8rem 0 0 0; }
        #guidelineArea .flow .list .item .box .textWrap {
          flex-basis: calc(810 / 1000 * 100%);
          padding: 0 calc(75 / 1000 * 100%) 0 calc(61 / 1000 * 100%);
          box-sizing: border-box; }
          #guidelineArea .flow .list .item .box .textWrap:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: auto;
            width: 3px;
            height: 100%;
            background-image: radial-gradient(circle, #004F94 0%, #004F94 40%, transparent 40%, transparent 100%);
            background-repeat: repeat-y;
            background-size: 6px 6px;
            background-position: center top; }
          #guidelineArea .flow .list .item .box .textWrap .row {
            margin-top: 1.9rem; }
            #guidelineArea .flow .list .item .box .textWrap .row:first-child {
              margin-top: 0; }
            #guidelineArea .flow .list .item .box .textWrap .row .head {
              font-size: 1.8rem;
              line-height: 1.6;
              font-weight: 600;
              padding: 0 0 1.1rem 0; }
            #guidelineArea .flow .list .item .box .textWrap .row .cont {
              font-size: 1.5rem;
              line-height: 1.92;
              padding: 1.2rem 0 0.6rem 0; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont > * {
                margin-top: 0.6rem; }
                #guidelineArea .flow .list .item .box .textWrap .row .cont > *:first-child {
                  margin-top: 0; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont a {
                color: #004F94;
                text-decoration: underline;
                text-underline-offset: 2px; }
                #guidelineArea .flow .list .item .box .textWrap .row .cont a.blank .icon {
                  width: 0.7em;
                  height: 0.7em;
                  margin: 0 0 0 0.3em; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont ul {
                display: block;
                margin: 0; }
                #guidelineArea .flow .list .item .box .textWrap .row .cont ul li {
                  display: flex;
                  align-items: center;
                  margin: 0; }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont ul li:before {
                    content: "";
                    display: block;
                    flex-shrink: 0;
                    width: 0.8rem;
                    height: 0.8rem;
                    background-color: #F8B064;
                    margin: 0 0.8rem 0 0;
                    border-radius: 50%; }
              #guidelineArea .flow .list .item .box .textWrap .row .cont .flow {
                display: flex;
                justify-content: space-between;
                padding: 1.5rem 0 0.6rem 0; }
                #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem {
                  display: flex;
                  align-items: center;
                  flex-wrap: wrap;
                  flex-basis: calc(180 / 670 * 100%);
                  position: relative;
                  height: 100%;
                  margin: 0; }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:first-child {
                    flex-basis: calc(214 / 670 * 100%); }
                    #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:first-child:before {
                      display: none; }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:last-child {
                    margin: 0; }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem:before {
                    top: 0;
                    bottom: 0;
                    left: auto;
                    right: 100%;
                    width: 1.3rem;
                    height: 1.1rem;
                    margin: auto calc(60 / 670 * 100%) auto 0;
                    clip-path: polygon(0% 0%, 0% 100%, 100% 50%); }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .block {
                    flex-basis: 100%;
                    height: 100%;
                    font-size: 1.6rem;
                    line-height: 1;
                    padding: 2.7rem 0; }
                  #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note {
                    justify-content: flex-start;
                    margin: 0.8rem 0 -0.5rem 0; }
                    #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note li {
                      font-size: 1.3rem;
                      line-height: 1.54;
                      margin: 0 0.8rem 0.5rem 0; }
                      #guidelineArea .flow .list .item .box .textWrap .row .cont .flow .flowItem .note li:before {
                        margin: 0 0.5rem 0 0; } }
#interviewArea .career.new .box .history .list:before {
  top: 1rem; }
#interviewArea .career .box {
  background-color: #FAF9F6;
  margin: 0 0 calc(70 / 345 * 100%) 0;
  padding: calc(21 / 345 * 100%) calc(20 / 345 * 100%) calc(18 / 345 * 100%) calc(20 / 345 * 100%);
  border-radius: 1rem; }
  #interviewArea .career .box .title {
    text-align: left;
    padding: 0 0 calc(31 / 305 * 100%) 0; }
  #interviewArea .career .box .history .list {
    position: relative;
    padding: 0 0 0 calc(25 / 305 * 100%); }
    #interviewArea .career .box .history .list:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0.4rem;
      width: 0.2rem;
      background-color: #B4B4B4; }
    #interviewArea .career .box .history .list .item {
      margin: 0 0 calc(19 / 305 * 100%) 0; }
      #interviewArea .career .box .history .list .item .periodWrap {
        display: flex;
        align-items: center; }
        #interviewArea .career .box .history .list .item .periodWrap:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          z-index: 5;
          width: 1rem;
          height: 1rem;
          background-color: #F8B064;
          border-radius: 50%; }
        #interviewArea .career .box .history .list .item .periodWrap:after {
          content: "";
          display: block;
          flex-basis: 100%;
          height: 1rem;
          background-image: radial-gradient(circle, #004F94 0%, #004F94 20%, transparent 20%, transparent 100%);
          background-repeat: repeat-x;
          background-size: 0.6rem 0.6rem;
          background-position: left center;
          margin: 0 0 0 1rem; }
        #interviewArea .career .box .history .list .item .periodWrap .period {
          flex-shrink: 0;
          color: #FFFFFF;
          font-size: 1.4rem;
          line-height: 1;
          font-weight: 600;
          background-color: #004F94;
          padding: 0.4rem 0.9rem;
          border-radius: 0.3rem; }
      #interviewArea .career .box .history .list .item .headline {
        font-size: 1.5rem;
        line-height: 1.6;
        font-weight: 700;
        padding: 1.2rem 0 0.9rem 0; }
      #interviewArea .career .box .history .list .item .text {
        font-size: 1.3rem;
        line-height: 1.77; }
#interviewArea .interview .block {
  overflow: hidden;
  margin: 0 0 calc(40 / 345 * 100%) 0; }
  #interviewArea .interview .block.blockType1 .wrap .image {
    margin-left: calc(-15 / 345 * 100%); }
  #interviewArea .interview .block.blockType3 .wrap .image {
    width: 100%; }
  #interviewArea .interview .block.blockType2 .wrap .image {
    margin-right: calc(-15 / 345 * 100%); }
  #interviewArea .interview .block .wrap .image {
    width: calc(360 / 345 * 100%);
    margin: 0 0 calc(25 / 345 * 100%) 0; }
  #interviewArea .interview .block .wrap .textWrap .title {
    color: #004F94;
    font-size: 2rem;
    line-height: 1.6;
    margin: 0 0 calc(10 / 345 * 100%) 0; }
  #interviewArea .interview .block .wrap .textWrap .text {
    font-size: 1.5rem;
    line-height: 1.8; }
#interviewArea .schedule .box {
  background-color: #FAF9F6;
  margin: 0 0 calc(70 / 345 * 100%) 0;
  padding: calc(21 / 345 * 100%) calc(15 / 345 * 100%) calc(18 / 345 * 100%) calc(15 / 345 * 100%);
  border-radius: 1rem; }
  #interviewArea .schedule .box .title {
    text-align: left;
    padding: 0 0 calc(31 / 315 * 100%) 0; }
  #interviewArea .schedule .box .listWrap .list {
    position: relative; }
    #interviewArea .schedule .box .listWrap .list:first-child .item:first-child:before {
      top: 1rem; }
    #interviewArea .schedule .box .listWrap .list:nth-child(2) .item:last-child:before {
      bottom: calc(100% - 1rem); }
    #interviewArea .schedule .box .listWrap .list .item {
      display: flex;
      align-items: flex-start;
      position: relative;
      padding: 0 0 calc(21 / 315 * 100%) calc(20 / 315 * 100%); }
      #interviewArea .schedule .box .listWrap .list .item:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0.4rem;
        width: 0.2rem;
        background-color: #B4B4B4; }
      #interviewArea .schedule .box .listWrap .list .item .time {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-shrink: 0;
        width: 3.2em;
        color: #004F94;
        font-size: 1.8rem;
        line-height: 1.44;
        font-weight: 700;
        text-align: right;
        margin: 0 2rem 0 0; }
        #interviewArea .schedule .box .listWrap .list .item .time:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          z-index: 5;
          width: 1rem;
          height: 1rem;
          background-color: #F8B064;
          border-radius: 50%; }
      #interviewArea .schedule .box .listWrap .list .item .text {
        font-size: 1.4rem;
        line-height: 1.64; }
#interviewArea .other .content {
  background-color: #FAF9F6; }
#interviewArea .other .title {
  padding: calc(73 / 345 * 100%) 0 calc(36 / 345 * 100%) 0; }
#interviewArea .other .slideWrap {
  overflow: hidden;
  position: relative;
  z-index: 5;
  padding: 0 0 calc(64 / 345 * 100%) 0; }
  #interviewArea .other .slideWrap:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(345 / 375 * 100%);
    margin: auto;
    border-bottom: 1px solid #004F94; }
  #interviewArea .other .slideWrap .slideNav {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    padding: calc(24 / 375 * 100%) 0 0 0; }
    #interviewArea .other .slideWrap .slideNav .slick-arrow {
      cursor: pointer;
      text-indent: -9999em;
      margin: 0;
      padding: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      position: relative;
      width: 4.2rem;
      height: 4.2rem;
      background-color: #FFFFFF;
      border: 1px solid #004F94;
      border-radius: 50%;
      transition: all 0.2s ease-out; }
      #interviewArea .other .slideWrap .slideNav .slick-arrow:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1.0rem;
        height: 1.0rem;
        margin: auto;
        transform: rotate(45deg);
        box-sizing: border-box;
        transition: all 0.2s ease-out; }
    #interviewArea .other .slideWrap .slideNav .slick-prev:after {
      left: 0.4rem;
      right: 0;
      transform: rotate(45deg);
      border-bottom: 2px solid #004F94;
      border-left: 2px solid #004F94; }
    #interviewArea .other .slideWrap .slideNav .slick-next:after {
      left: 0;
      right: 0.5rem;
      border-top: 2px solid #004F94;
      border-right: 2px solid #004F94; }
#interviewArea .other .list {
  position: relative;
  width: calc(227 / 375 * 100%);
  margin: auto; }
  #interviewArea .other .list .slick-list {
    overflow: visible; }
  #interviewArea .other .list .item {
    margin: 0 0.9rem;
    padding: 0 0 1.2rem 0;
    border-bottom: 1px solid #D6D6D6; }
    #interviewArea .other .list .item .image {
      position: relative;
      margin: 0 0 0.8rem 0; }
      #interviewArea .other .list .item .image .num {
        position: absolute;
        top: 0;
        right: 0;
        color: #FFFFFF;
        font-size: 1.5rem;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.02em;
        margin: 6rem -3.7rem 0 0;
        transform: rotate(90deg); }
      #interviewArea .other .list .item .image .copy {
        position: absolute;
        bottom: 1rem;
        left: 0;
        margin: 0 0.5rem; }
        #interviewArea .other .list .item .image .copy .marker {
          display: inline-block;
          position: relative;
          font-size: 1.8rem;
          line-height: 1.56;
          margin: 0.5rem 0 0 0;
          padding: 0 0.2rem; }
          #interviewArea .other .list .item .image .copy .marker:last-child {
            display: inline-block; }
          #interviewArea .other .list .item .image .copy .marker:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #FFFFFF;
            border-radius: 0.2rem; }
          #interviewArea .other .list .item .image .copy .marker .str {
            position: relative;
            z-index: 2; }
    #interviewArea .other .list .item .join {
      display: inline-block;
      color: #004F94;
      font-size: 1rem;
      line-height: 1;
      font-weight: 500;
      letter-spacing: 0.02em;
      margin: 0 0 1.5rem 0;
      padding: 0.4rem;
      border: 1px solid #004F94; }
    #interviewArea .other .list .item .name {
      display: flex;
      flex-wrap: wrap; }
      #interviewArea .other .list .item .name .initials {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em; }
      #interviewArea .other .list .item .name .place {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1.45;
        font-weight: 700;
        margin: 0 0 0 0.5rem; }
#interviewArea .crosstalk .content {
  background-color: #FAF9F6; }
#interviewArea .crosstalk .title {
  padding: calc(73 / 345 * 100%) 0 calc(36 / 345 * 100%) 0; }
#interviewArea .crosstalk .image {
  margin: 0 0 calc(25 / 345 * 100%) 0; }
#interviewArea .crosstalk .text {
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0 0 calc(22 / 345 * 100%) 0;
  padding: calc(16 / 345 * 100%) 0 0 0;
  border-top: 1px solid #D6D6D6; }
#interviewArea .crosstalk .buttonArea {
  padding: 0 0 calc(63 / 345 * 100%) 0; }

@media screen and (min-width: 769px) {
  #interviewArea .career .box {
    margin: 0 0 calc(100 / 1000 * 100%) 0;
    padding: calc(38 / 1000 * 100%) calc(60 / 1000 * 100%) calc(15 / 1000 * 100%) calc(60 / 1000 * 100%);
    border-radius: 1rem; }
    #interviewArea .career .box .title {
      padding: 0 0 calc(41 / 880 * 100%) 0; }
    #interviewArea .career .box .history .list {
      padding: 0 0 0 calc(40 / 880 * 100%); }
      #interviewArea .career .box .history .list:before {
        left: 4px;
        width: 2px; }
      #interviewArea .career .box .history .list .item {
        margin: 0 0 calc(28 / 840 * 100%) 0; }
        #interviewArea .career .box .history .list .item .periodWrap:before {
          width: 10px;
          height: 10px; }
        #interviewArea .career .box .history .list .item .periodWrap .period {
          font-size: 1.4rem;
          line-height: 1;
          font-weight: 700;
          padding: 0.5rem 2rem;
          border-radius: 0.5rem; }
        #interviewArea .career .box .history .list .item .headline {
          font-size: 1.5rem;
          line-height: 1.67;
          padding: 1.6rem 0 0.8rem 0; }
        #interviewArea .career .box .history .list .item .text {
          font-size: 1.3rem;
          line-height: 1.77; }
  #interviewArea .interview .block {
    margin: 0 0 calc(73 / 1000 * 100%) 0; }
    #interviewArea .interview .block.blockType1 .wrap .image {
      margin-left: calc(-183 / 1000 * 100%); }
    #interviewArea .interview .block.blockType2 .wrap .image {
      order: 2;
      margin-right: calc(-183 / 1000 * 100%); }
    #interviewArea .interview .block.blockType2 .wrap .textWrap {
      order: 1; }
    #interviewArea .interview .block.blockType3 .wrap {
      display: block; }
      #interviewArea .interview .block.blockType3 .wrap .image {
        width: 100%;
        margin: 0 0 calc(41 / 1000 * 100%) 0; }
      #interviewArea .interview .block.blockType3 .wrap .textWrap {
        width: 100%; }
        #interviewArea .interview .block.blockType3 .wrap .textWrap .title {
          margin: 0 0 calc(24 / 1000 * 100%) 0; }
    #interviewArea .interview .block .wrap {
      display: flex;
      justify-content: space-between; }
      #interviewArea .interview .block .wrap .image {
        width: calc(667 / 1000 * 100%);
        margin: 0; }
      #interviewArea .interview .block .wrap .textWrap {
        width: calc(460 / 1000 * 100%); }
        #interviewArea .interview .block .wrap .textWrap .title {
          font-size: 3rem;
          line-height: 1.4;
          margin: -0.5rem 0 calc(21 / 460 * 100%) 0; }
        #interviewArea .interview .block .wrap .textWrap .text {
          flex-basis: calc(374 / 460 * 100%);
          font-size: 1.6rem;
          line-height: 1.88; }
  #interviewArea .schedule .box {
    margin: 0 0 calc(100 / 1000 * 100%) 0;
    padding: calc(33 / 1000 * 100%) calc(40 / 1000 * 100%) calc(20 / 1000 * 100%) calc(40 / 1000 * 100%); }
    #interviewArea .schedule .box .boxInner {
      display: flex;
      justify-content: space-between;
      max-width: 815px;
      margin: auto; }
    #interviewArea .schedule .box .title {
      flex-basis: calc(200 / 815 * 100%);
      padding: 0; }
    #interviewArea .schedule .box .listWrap {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-basis: calc(590 / 815 * 100%);
      padding: calc(45 / 815 * 100%) 0 0 0; }
      #interviewArea .schedule .box .listWrap .list {
        flex-basis: calc(260 / 590 * 100%);
        box-sizing: border-box; }
        #interviewArea .schedule .box .listWrap .list:first-child {
          padding: 0 0 2.6rem 0; }
          #interviewArea .schedule .box .listWrap .list:first-child:after {
            top: 100%;
            bottom: -2rem; }
          #interviewArea .schedule .box .listWrap .list:first-child .item:first-child:before {
            top: 2.6rem; }
          #interviewArea .schedule .box .listWrap .list:first-child .item:last-child:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 4px;
            width: 2px;
            height: 2rem;
            background-image: radial-gradient(circle, #B4B4B4 0%, #B4B4B4 40%, transparent 40%, transparent 100%);
            background-repeat: repeat-y;
            background-size: 4px 4px;
            background-position: center center; }
        #interviewArea .schedule .box .listWrap .list:nth-child(2):after {
          top: 0;
          bottom: 3rem; }
        #interviewArea .schedule .box .listWrap .list:nth-child(2) .item:first-child:before {
          top: 2.6rem; }
        #interviewArea .schedule .box .listWrap .list:nth-child(2) .item:first-child:after {
          content: "";
          position: absolute;
          top: 0;
          left: 4px;
          width: 2px;
          height: 2.6rem;
          background-image: radial-gradient(circle, #B4B4B4 0%, #B4B4B4 40%, transparent 40%, transparent 100%);
          background-repeat: repeat-y;
          background-size: 4px 4px;
          background-position: center center; }
        #interviewArea .schedule .box .listWrap .list:nth-child(2) .item:last-child:before {
          bottom: calc(100% - 2.6rem); }
        #interviewArea .schedule .box .listWrap .list .item {
          margin: 0;
          padding: 1.6rem 0 1.6rem calc(25 / 590 * 100%); }
          #interviewArea .schedule .box .listWrap .list .item:before {
            left: 4px;
            width: 2px; }
          #interviewArea .schedule .box .listWrap .list .item .time {
            width: 3.2em;
            font-size: 1.9rem;
            line-height: 1.37;
            margin: 0 2rem 0 0; }
            #interviewArea .schedule .box .listWrap .list .item .time:before {
              width: 10px;
              height: 10px; }
          #interviewArea .schedule .box .listWrap .list .item .text {
            font-size: 1.5rem;
            line-height: 1.53; }
  #interviewArea .other .contentInner {
    max-width: 1140px; }
  #interviewArea .other .title {
    padding: calc(95 / 1100 * 100%) 0 calc(44 / 1100 * 100%) 0; }
  #interviewArea .other .slideWrap {
    overflow: visible;
    width: 100%;
    max-width: 1140px;
    margin: auto;
    padding: 0 20px;
    box-sizing: border-box; }
    #interviewArea .other .slideWrap:after {
      width: 100%;
      max-width: 1100px;
      margin: auto; }
    #interviewArea .other .slideWrap .slideNav {
      gap: 1rem;
      position: absolute;
      bottom: 100%;
      right: 0;
      z-index: 2;
      padding: 0 2rem 1.7rem 0; }
      #interviewArea .other .slideWrap .slideNav .slick-arrow {
        width: 3.5rem;
        height: 3.5rem; }
        #interviewArea .other .slideWrap .slideNav .slick-arrow:after {
          width: 1.0rem;
          height: 1.0rem; }
        #interviewArea .other .slideWrap .slideNav .slick-arrow:hover {
          background-color: #004F94; }
          #interviewArea .other .slideWrap .slideNav .slick-arrow:hover:after {
            border-color: #FFFFFF; }
      #interviewArea .other .slideWrap .slideNav .slick-prev:after {
        left: 0.4rem; }
      #interviewArea .other .slideWrap .slideNav .slick-next:after {
        right: 0.5rem; }
  #interviewArea .other .list {
    width: 100%;
    margin: 0;
    padding: 0 0 calc(70 / 1100 * 100%) 0; }
    #interviewArea .other .list .slick-list {
      overflow: hidden;
      margin: 0 -1rem; }
    #interviewArea .other .list .item {
      margin: 0 1rem;
      padding: 0 0 1.2rem 0; }
      #interviewArea .other .list .item .image {
        margin: 0 0 1.3rem 0; }
        #interviewArea .other .list .item .image .num {
          font-size: 2rem;
          line-height: 1;
          letter-spacing: 0.02em;
          margin: 7.5rem -4.9rem 0 0; }
        #interviewArea .other .list .item .image .copy {
          position: absolute;
          bottom: 1.5rem;
          left: 0;
          right: 0;
          margin: 0 0.9rem; }
          #interviewArea .other .list .item .image .copy .marker {
            font-size: 1.8rem;
            line-height: 1;
            margin: 0.5rem 0 0 0;
            padding: 0.4rem 0.6rem; }
      #interviewArea .other .list .item .join {
        font-size: 1.2rem;
        line-height: 1;
        margin: 0 0 1.3rem 0.8rem;
        padding: 0.4rem; }
      #interviewArea .other .list .item .name {
        margin: 0 0 0.3rem 0.8rem; }
        #interviewArea .other .list .item .name .initials {
          font-size: 2.2rem;
          line-height: 1; }
        #interviewArea .other .list .item .name .place {
          font-size: 1.4rem;
          line-height: 1.57;
          margin: 0 0 0 0.5rem; }
  #interviewArea .crosstalk .contentInner {
    max-width: 1140px; }
  #interviewArea .crosstalk .wrap {
    position: relative;
    width: calc(470 / 1100 * 100%);
    padding: 0 calc(640 / 1100 * 100%) 0 0;
    box-sizing: content-box; }
  #interviewArea .crosstalk .title {
    padding: calc(98 / 470 * 100%) 0 calc(17 / 470 * 100%) 0; }
  #interviewArea .crosstalk .image {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(560 / 1100 * 100%);
    margin: calc(73 / 1100 * 100%) 0 0 0; }
  #interviewArea .crosstalk .text {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0 0 calc(28 / 470 * 100%) 0;
    padding: calc(20 / 470 * 100%) 0 0 0; }
  #interviewArea .crosstalk .buttonArea {
    padding: 0 0 calc(112 / 470 * 100%) 0; } }
#workArea .control .content {
  overflow: hidden;
  position: relative; }
  #workArea .control .content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FAF9F6;
    aspect-ratio: 375 / 939; }
#workArea .control .contentInner {
  position: relative;
  z-index: 2; }
#workArea .control .title {
  padding: calc(51 / 345 * 100%) 0 calc(36 / 345 * 100%) 0; }
#workArea .control .textWrap {
  margin: 0 0 calc(48 / 345 * 100%) 0; }
  #workArea .control .textWrap .text {
    font-size: 1.5rem;
    line-height: 1.8;
    margin: 0 0 2.8rem 0; }
    #workArea .control .textWrap .text .em {
      color: #004F94;
      font-size: 1.7rem;
      line-height: 1.59;
      font-weight: 700; }
#workArea .control .guide {
  background-color: #FAF9F6;
  margin: 0 0 calc(54 / 345 * 100%) 0;
  border-radius: 1rem; }
  #workArea .control .guide .inner {
    padding: calc(40 / 345 * 100%) calc(15 / 345 * 100%); }
    #workArea .control .guide .inner .block {
      font-size: 1.5rem;
      line-height: 1.53;
      text-align: center;
      background-color: #FDE3C8;
      padding: 1rem 0;
      border-radius: 0.5rem; }
    #workArea .control .guide .inner .blockWrap {
      display: flex;
      justify-content: space-between;
      position: relative;
      padding: 0 0 calc(55 / 315 * 100%) 0; }
      #workArea .control .guide .inner .blockWrap:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: calc(91 / 315 * 100%);
        background: url(../img/common/arrow_down.svg) center center no-repeat;
        background-size: contain;
        margin: 1.5rem auto;
        aspect-ratio: 80 / 24; }
      #workArea .control .guide .inner .blockWrap .block {
        flex-basis: calc(150 / 315 * 100%);
        background-color: #E1E9F1; }
#workArea .control .wrap:after {
  content: "";
  display: block;
  width: calc(91 / 345 * 100%);
  background: url(../img/common/arrow_down.svg) center center no-repeat;
  background-size: contain;
  margin: 1.5rem auto;
  aspect-ratio: 80 / 24; }
#workArea .control .box {
  position: relative;
  background-color: #FFFFFF;
  margin: 0 0 calc(54 / 345 * 100%) 0;
  padding: calc(43 / 345 * 100%) calc(15 / 345 * 100%) calc(14 / 345 * 100%) calc(15 / 345 * 100%);
  border: 1px solid #004F94;
  border-radius: 1rem; }
  #workArea .control .box:nth-child(2) {
    margin: 0 0 calc(23 / 345 * 100%) 0; }
  #workArea .control .box .boxTitle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    margin: -0.9rem 0 0 0; }
    #workArea .control .box .boxTitle .str {
      display: block;
      position: relative;
      margin: 0 1.4rem; }
      #workArea .control .box .boxTitle .str:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFFFFF;
        margin-top: calc(0.9rem - 2px); }
      #workArea .control .box .boxTitle .str .strInner {
        position: relative;
        z-index: 2; }
  #workArea .control .box .image {
    margin: 0 0 calc(16 / 315 * 100%) 0; }
  #workArea .control .box .text {
    font-size: 1.5rem;
    line-height: 1.8;
    margin: 0 0 calc(17 / 315 * 100%) 0; }
  #workArea .control .box .example {
    margin: 0 0 calc(10 / 315 * 100%) 0; }
    #workArea .control .box .example .row {
      border: 1px solid #E1E9F1;
      border-radius: 0.5rem; }
      #workArea .control .box .example .row .head {
        color: #004F94;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 600;
        text-align: center;
        background-color: #E1E9F1;
        padding: 1rem 0; }
      #workArea .control .box .example .row .cont .list {
        width: calc(288 / 315 * 100%);
        margin: auto;
        padding: 1.4rem 0 0.8rem 0; }
        #workArea .control .box .example .row .cont .list .item {
          display: flex;
          font-size: 1.4rem;
          line-height: 1.6;
          margin: 0 0 0.5rem 0; }
          #workArea .control .box .example .row .cont .list .item:before {
            content: "";
            display: block;
            flex-shrink: 0;
            width: 0.8rem;
            height: 0.8rem;
            background-color: #F8B064;
            margin: 0.8rem 0.8rem 0 0;
            border-radius: 50%; }
#workArea .control .next {
  padding: calc(5 / 345 * 100%) 0 calc(51 / 345 * 100%) 0; }
  #workArea .control .next .text {
    font-size: 1.5rem;
    line-height: 1.8; }

@media screen and (min-width: 769px) {
  #workArea .control .content:before {
    padding: 0 0 calc(928 / 1366 * 100%) 0;
    aspect-ratio: auto; }
  #workArea .control .title {
    padding: calc(90 / 1000 * 100%) 0 calc(32 / 1000 * 100%) 0; }
  #workArea .control .textWrap {
    text-align: center;
    margin: 0 0 calc(70 / 1000 * 100%) 0; }
    #workArea .control .textWrap .text {
      font-size: 1.5rem;
      line-height: 1.8;
      margin: 0 0 2.8rem 0; }
      #workArea .control .textWrap .text .em {
        font-size: 1.8rem;
        line-height: 1.5; }
  #workArea .control .wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 0 calc(95 / 1000 * 100%) 0; }
    #workArea .control .wrap:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: calc(112 / 1000 * 100%);
      background: url(../img/common/arrow_down.svg) center center no-repeat;
      background-size: contain;
      margin: 1.5rem auto;
      aspect-ratio: 80 / 24; }
    #workArea .control .wrap .box {
      flex-basis: calc(490 / 1000 * 100%);
      margin: 0;
      padding: calc(55 / 1000 * 100%) calc(35 / 1000 * 100%) calc(20 / 1000 * 100%) calc(35 / 1000 * 100%);
      box-sizing: border-box; }
      #workArea .control .wrap .box .image {
        margin: 0 0 calc(23 / 420 * 100%) 0; }
      #workArea .control .wrap .box .text {
        margin: 0 0 calc(22 / 420 * 100%) 0; }
  #workArea .control .box {
    margin: 0 0 calc(73 / 1000 * 100%) 0;
    padding: calc(53 / 1000 * 100%) calc(35 / 1000 * 100%) calc(2 / 1000 * 100%) calc(35 / 1000 * 100%); }
    #workArea .control .box:nth-child(2) {
      margin: 0; }
    #workArea .control .box .boxTitle {
      font-size: 2.4rem;
      line-height: 1;
      margin: -1.4rem 0 0 0; }
      #workArea .control .box .boxTitle .str {
        display: inline-block;
        margin: 0 1.4rem;
        padding: 0 1.5rem; }
        #workArea .control .box .boxTitle .str:before {
          margin-top: calc(1.4rem - 2px); }
    #workArea .control .box .image {
      margin: 0 0 calc(23 / 1000 * 100%) 0; }
    #workArea .control .box .text {
      font-size: 1.5rem;
      line-height: 1.8;
      margin: 0 0 calc(22 / 1000 * 100%) 0; }
    #workArea .control .box .example {
      margin: 0 0 calc(10 / 1000 * 100%) 0; }
      #workArea .control .box .example .row .head {
        font-size: 1.8rem;
        line-height: 1;
        padding: 1rem 0; }
      #workArea .control .box .example .row .cont .list {
        width: calc(390 / 420 * 100%);
        padding: 2rem 0 1.4rem 0; }
        #workArea .control .box .example .row .cont .list .item {
          font-size: 1.5rem;
          line-height: 1.6;
          margin: 0 0 0.3rem 0; }
          #workArea .control .box .example .row .cont .list .item:before {
            margin: 0.8rem 0.8rem 0 0; }
  #workArea .control .next {
    text-align: center;
    padding: calc(25 / 1000 * 100%) 0 calc(66 / 1000 * 100%) 0; }
    #workArea .control .next .text {
      font-size: 1.8rem;
      line-height: 1.5; } }
@media screen and (min-width: 1100px) {
  #workArea .control .wrap .boxTitle .str {
    padding: 0.5rem 4.5rem; } }
@media screen and (min-width: 769px) {
  #workArea .control .content:before {
    padding: 0 0 928px 0; } }
#entryArea .form .inputTrue {
  display: none; }
#entryArea .form .confirmTrue {
  display: none; }
#entryArea .form .textWrap {
  margin: 0 0 calc(27 / 345 * 100%) 0;
  padding: calc(66 / 345 * 100%) 0 0 0; }
  #entryArea .form .textWrap .text {
    font-size: 1.5rem;
    line-height: 1.8; }
#entryArea .form .banner {
  margin: 0 0 calc(50 / 345 * 100%) 0; }
  #entryArea .form .banner .list {
    width: calc(149 / 345 * 100%);
    margin: auto; }
    #entryArea .form .banner .list .item {
      margin: 0 0 1.4rem 0; }
#entryArea .form .desc {
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: center;
  padding: calc(66 / 345 * 100%) 0 calc(47 / 345 * 100%) 0; }
#entryArea .form .snow-monkey-form {
  margin: 0 0 calc(74 / 345 * 100%) 0;
  padding: 3.9rem 2rem 3rem 2rem;
  border: 1px solid #004F94;
  border-radius: 0.8rem;
  box-sizing: border-box; }
#entryArea .form .wp-block-group {
  position: relative;
  margin: 0 0 4rem 0;
  padding: 0 0 1.5rem 0;
  border-bottom: 2px solid #BEBEBE; }
  #entryArea .form .wp-block-group:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 13rem;
    border-bottom: 2px solid #004F94; }
#entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item.confirm-hide {
  display: none; }
#entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item.privacy {
  display: none; }
#entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item .smf-item__label__text:after {
  display: none; }
#entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item .smf-placeholder {
  color: #000000; }
#entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5rem 0 0 0; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-action .smf-button-control {
    margin: 0 !important; }
    #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-action .smf-button-control .smf-button-control__control {
      width: auto; }
#entryArea .form .snow-monkey-form[data-screen="complete"] {
  border: 0; }
  #entryArea .form .snow-monkey-form[data-screen="complete"] .smf-form h2 {
    position: static;
    margin: 0 0 2.2rem 0; }
  #entryArea .form .snow-monkey-form[data-screen="complete"] .smf-action {
    display: none; }
#entryArea .form .smf-form h2 {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 3.7rem 0; }
#entryArea .form .smf-form .smf-item {
  margin: 0 0 2.3rem 0; }
  #entryArea .form .smf-form .smf-item.label-hide .smf-item__label {
    display: none; }
  #entryArea .form .smf-form .smf-item.optional .smf-item__label__text:after {
    display: none; }
  #entryArea .form .smf-form .smf-item.privacy {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
    gap: 10px; }
    #entryArea .form .smf-form .smf-item.privacy .smf-error-messages {
      position: absolute;
      margin-left: 26px; }
    #entryArea .form .smf-form .smf-item.privacy .smf-item__label .smf-item__label__text {
      display: block;
      font-size: 1.6rem;
      line-height: 1.5;
      margin: 0 !important; }
      #entryArea .form .smf-form .smf-item.privacy .smf-item__label .smf-item__label__text:after {
        display: none !important; }
    #entryArea .form .smf-form .smf-item.privacy .smf-item__label a {
      color: #004F94;
      transition: opacity 0.2s ease-out; }
      #entryArea .form .smf-form .smf-item.privacy .smf-item__label a:hover {
        opacity: 0.7; }
    #entryArea .form .smf-form .smf-item.privacy .smf-item__controls .smf-checkboxes-control__control .smf-checkbox-control__label {
      display: none; }
  #entryArea .form .smf-form .smf-item__label__text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 1rem 0; }
    #entryArea .form .smf-form .smf-item__label__text:after {
      content: "必須";
      display: block;
      color: #004F94;
      font-size: 1.2rem;
      line-height: 1;
      font-weight: 400;
      margin: 0 0 0 0.9rem;
      padding: 0.25em 0.3em;
      border: 1px solid #004F94;
      border-radius: 0.3rem; }
  #entryArea .form .smf-form .smf-item__controls .smf-placeholder {
    color: #9A9A9A; }
  #entryArea .form .smf-form .smf-item__controls .smf-text-control__control {
    width: 100%;
    color: #000000;
    font-size: 1.5rem;
    line-height: 1.67;
    background-color: #FFFFFF;
    padding: 0.85em 1em;
    border: 1px solid #959595;
    border-radius: 0.6rem;
    box-shadow: none;
    box-sizing: border-box; }
  #entryArea .form .smf-form .smf-item__controls .smf-textarea-control__control {
    width: 100%;
    max-width: 100%;
    height: 11em;
    color: #000000;
    font-size: 1.5rem;
    line-height: 1.67;
    background-color: #FFFFFF;
    padding: 0.85em 1em;
    border: 1px solid #959595;
    border-radius: 0.6rem;
    box-shadow: none;
    box-sizing: border-box; }
  #entryArea .form .smf-form .smf-item__controls .smf-control-description {
    color: #000000;
    font-size: 1.4rem;
    line-height: 1.43;
    margin: 0;
    padding: 0.5rem 0; }
#entryArea .form .smf-action .smf-button-control + .smf-button-control {
  margin-top: 2rem; }
#entryArea .form .smf-action .smf-button-control__control {
  color: inherit;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  width: 14.3rem;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 600;
  margin: auto;
  padding: 1.7rem 0;
  padding-right: 5.6rem;
  box-sizing: border-box;
  transition: all 0.2s ease-out; }
  #entryArea .form .smf-action .smf-button-control__control:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background-color: #FFFFFF;
    margin: auto;
    border: 1px solid #004F94;
    border-radius: 50%;
    transition: all 0.2s ease-out; }
  #entryArea .form .smf-action .smf-button-control__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.8rem;
    width: 1.0rem;
    height: 1.0rem;
    margin: auto;
    border-top: 2px solid #004F94;
    border-right: 2px solid #004F94;
    transform: rotate(45deg);
    box-sizing: border-box;
    transition: all 0.2s ease-out; }
  #entryArea .form .smf-action .smf-button-control__control[data-action="back"] {
    width: 10rem;
    padding-left: 5.6rem;
    padding-right: 0; }
    #entryArea .form .smf-action .smf-button-control__control[data-action="back"]:before {
      left: 0;
      right: auto; }
    #entryArea .form .smf-action .smf-button-control__control[data-action="back"]:after {
      left: 1.8rem;
      right: auto;
      transform: rotate(-135deg); }
  #entryArea .form .smf-action .smf-button-control__control .smf-sending {
    display: none; }
#entryArea .form .smf-complete-content {
  text-align: center; }
  #entryArea .form .smf-complete-content h2 {
    font-size: 2rem;
    line-height: 1.6;
    font-weight: 600; }
  #entryArea .form .smf-complete-content p {
    font-size: 1.5rem;
    line-height: 1.8; }

@media screen and (min-width: 769px) {
  #entryArea .form .textWrap {
    text-align: center;
    margin: 0 0 calc(37 / 1000 * 100%) 0;
    padding: calc(95 / 1000 * 100%) 0 0 0; }
  #entryArea .form .banner {
    margin: 0 0 calc(72 / 1000 * 100%) 0; }
    #entryArea .form .banner .list {
      display: flex;
      justify-content: center;
      gap: 2.5rem;
      width: 100%; }
      #entryArea .form .banner .list .item {
        flex-basis: calc(215 / 1000 * 100%);
        margin: 0; }
  #entryArea .form .desc {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: calc(96 / 1000 * 100%) 0 calc(47 / 1000 * 100%) 0; }
  #entryArea .form .snow-monkey-form {
    margin: 0 0 calc(100 / 1000 * 100%) 0;
    padding: calc(63 / 1000 * 100%) calc(135 / 1000 * 100%) calc(41 / 1000 * 100%) calc(135 / 1000 * 100%);
    border-radius: 2rem; }
  #entryArea .form .wp-block-group {
    margin: 0 0 calc(35 / 727 * 100%) 0;
    padding: 0 0 0 calc(167 / 727 * 100%); }
    #entryArea .form .wp-block-group:after {
      width: 15rem; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .wp-block-group {
    padding-left: 0 !important; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form h2 {
    position: static; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item.confirm-hide {
    display: none; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item .smf-item__label__text:after {
    display: none; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-form .smf-item .smf-placeholder {
    font-size: 1.5rem;
    line-height: 1.6; }
  #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-action {
    justify-content: center;
    margin: 0; }
    #entryArea .form .snow-monkey-form[data-screen="confirm"] .smf-action .smf-button-control {
      margin: 0 5rem !important; }
  #entryArea .form .snow-monkey-form[data-screen="complete"] {
    padding: calc(98 / 1000 * 100%) 0 0 0; }
    #entryArea .form .snow-monkey-form[data-screen="complete"] .smf-action {
      display: none; }
  #entryArea .form .smf-form h2 {
    position: absolute;
    top: 0;
    left: 0; }
  #entryArea .form .smf-form .smf-item {
    margin: 0 0 3.4rem 0; }
    #entryArea .form .smf-form .smf-item__label__text {
      margin: 0 0 0.7rem 0; }
      #entryArea .form .smf-form .smf-item__label__text:after {
        margin: 0 0 0 1.1rem; }
    #entryArea .form .smf-form .smf-item__controls .smf-text-control__control {
      font-size: 1.6rem;
      line-height: 1.5;
      padding: 1.05em 1.5em; }
    #entryArea .form .smf-form .smf-item__controls .smf-textarea-control__control {
      height: 21.3em;
      font-size: 1.6rem;
      line-height: 1.5;
      padding: 1.05em 1.5em; }
    #entryArea .form .smf-form .smf-item__controls .smf-control-description {
      font-size: 1.6rem;
      line-height: 1.5;
      padding: 0.5rem 0; }
  #entryArea .form .smf-action .smf-button-control + .smf-button-control {
    margin-top: 2rem; }
  #entryArea .form .smf-action .smf-button-control__control {
    width: 17rem;
    font-size: 2rem;
    line-height: 1;
    margin: auto;
    padding: 2.5rem 0;
    padding-right: 6.8rem; }
    #entryArea .form .smf-action .smf-button-control__control:before {
      width: 5rem;
      height: 5rem; }
    #entryArea .form .smf-action .smf-button-control__control:after {
      right: 2.2rem;
      width: 1.1rem;
      height: 1.1rem; }
    #entryArea .form .smf-action .smf-button-control__control[data-action="back"] {
      width: 13rem;
      padding-left: 6.8rem;
      padding-right: 0; }
      #entryArea .form .smf-action .smf-button-control__control[data-action="back"]:before {
        left: 0;
        right: auto; }
      #entryArea .form .smf-action .smf-button-control__control[data-action="back"]:after {
        left: 2.2rem;
        right: auto;
        transform: rotate(-135deg); }
      #entryArea .form .smf-action .smf-button-control__control[data-action="back"]:hover:after {
        left: 1.9rem;
        right: auto; }
    #entryArea .form .smf-action .smf-button-control__control[data-action="complete"] {
      width: 15rem; }
    #entryArea .form .smf-action .smf-button-control__control:hover {
      color: #004F94; }
      #entryArea .form .smf-action .smf-button-control__control:hover:before {
        background-color: #004F94; }
      #entryArea .form .smf-action .smf-button-control__control:hover:after {
        right: 1.9rem;
        border-top: 2px solid #FFFFFF;
        border-right: 2px solid #FFFFFF; }
  #entryArea .form .smf-complete-content h2 {
    font-size: 2.2rem;
    line-height: 1.55; }
  #entryArea .form .smf-complete-content p {
    font-size: 1.5rem;
    line-height: 1.6; } }