@charset "UTF-8";
/* ---------- setting ---------- ---------- */
@media print, screen and (min-width: 768px) {
  /* ----------------------------------------------------------
  block-common-mv
  ---------------------------------------------------------- */
  .block-common-mv {
    position: relative;
    background-color: #fff;
  }
  .block-common-mv img {
    width: 100%;
  }
  .block-common-mv ._image {
    position: relative;
  }
  .block-common-mv ._texts {
    position: relative;
    padding: 70px 0px 70px 0px;
  }
  .block-common-mv ._texts ._title {
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .block-common-mv ._texts ._title h1 {
    font-size: 24px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #333;
  }
  .block-common-mv ._texts ._title ._en {
    font-size: 12px;
  }
  .block-common-mv ._texts p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    color: #333;
    padding: 0 0 10px 0;
  }
  .block-common-mv ._names {
    position: absolute;
    top: 75px;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
  }
  .block-common-mv ._names b {
    font-size: 18px;
  }
  .mod-about-deco-grad {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 310px;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-new-deco-grad {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 310px;
    background: linear-gradient(#0565FF 0%, rgba(5, 101, 255, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-career-deco-grad {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 310px;
    background: linear-gradient(#0BB79D 0%, rgba(11, 183, 157, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-common-menu-items {
    display: flex;
    gap: 68px;
    flex-wrap: wrap;
    margin-top: 25px;
  }
  .mod-common-menu-items img {
    width: 100%;
  }
  .mod-common-menu-items > li {
    width: calc((100% - 70px) / 2);
  }
  .mod-common-menu-item {
    color: #333;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-common-menu-item:hover {
    filter: brightness(1.1);
  }
  .mod-common-menu-item ._image {
    border-radius: 5px;
    overflow: hidden;
  }
  .mod-common-menu-item ._image img {
    transition-duration: 0.2s;
  }
  .mod-common-menu-item:hover {
    opacity: 0.8;
  }
  .mod-common-menu-item:hover img {
    transform: scale(1.1);
  }
  .mod-common-menu-item ._texts {
    position: relative;
    padding: 15px 0px 0px 50px;
  }
  .mod-common-menu-item ._texts:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
  .mod-common-menu-item ._texts ._main {
    font-size: 24px;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-common-menu-item ._texts ._sub {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.85;
  }
  /* ----------------------------------------------------------
  block-common-next
  ---------------------------------------------------------- */
  .block-common-next {
    background-color: #fff;
    padding: 100px 0px 120px 0px;
  }
  .block-common-next img {
    width: 100%;
  }
  .block-common-next ._inner {
    width: 720px;
    margin: 0 auto;
  }
  .block-common-next ._row-head {
    text-align: center;
  }
  .block-common-next ._row-head .u-en {
    font-size: 14px;
    line-height: 1.71;
    color: #999;
  }
  .block-common-next ._row-body {
    margin-top: 20px;
  }
  .mod-index-next-items {
    display: flex;
    gap: 20px;
  }
  .mod-index-next-items img {
    width: 100%;
  }
  .mod-index-next-items > li {
    flex: 1;
  }
  .mod-index-next-item {
    display: block;
    color: #333;
    transition-duration: 0.2s;
    cursor: pointer;
  }
  .mod-index-next-item.is-active {
    opacity: 0.3;
  }
  .mod-index-next-item ._item-image {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
  }
  .mod-index-next-item ._item-image img {
    transition-duration: 0.2s;
  }
  .mod-index-next-item:hover {
    opacity: 0.8;
  }
  .mod-index-next-item:hover ._item-image img {
    transform: scale(1.1);
  }
  .mod-index-next-item ._item-texts {
    text-align: center;
    margin-top: 15px;
  }
  .mod-index-next-item p {
    font-size: 14px;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
  }
  .mod-index-next-item p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
  }
  .mod-list {
    display: flex;
    gap: 12px;
    flex-direction: column;
  }
  .mod-list li {
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding-left: 1.5em;
    line-height: 2;
    color: #666;
  }
  .mod-list li::before {
    content: ">";
    position: absolute;
    left: 3px;
    font-size: 12px;
    top: 5px;
  }
  .block-coming {
    padding: 200px 40px;
    background-color: #f8f8f8;
  }
  .block-coming p {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
  }
  /* ----------------------------------------------------------
  block-index-mv
  ---------------------------------------------------------- */
  .block-index-mv {
    position: relative;
    display: flex;
    gap: 35px;
    flex-direction: column;
  }
  .block-index-mv img {
    width: 100%;
  }
  .block-index-mv ._image {
    position: relative;
  }
  .block-index-mv ._image img {
    height: 352px;
    object-fit: cover;
  }
  .mod-bg-auto-scroll {
    height: 135px;
  }
  .mod-bg-auto-scroll div {
    background: url(/recruit/info/images/index/mv/p1.jpg) left top;
    background-size: 1510px auto;
    width: 6040px;
    height: 100%;
    animation: keyf_loc1 50s linear 0s infinite;
  }
  .mod-bg-auto-scroll2 {
    height: 184px;
  }
  .mod-bg-auto-scroll2 div {
    background: url(/recruit/info/images/index/mv/p2.jpg) left top;
    background-size: 1578px auto;
    width: 6312px;
    height: 100%;
    animation: keyf_loc2 50s linear 0s infinite;
  }
  @keyframes keyf_loc1 {
    0% {
      transform: translate3d(0%, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  @keyframes keyf_loc2 {
    0% {
      transform: translate3d(-50%, 0, 0);
    }
    100% {
      transform: translate3d(0%, 0, 0);
    }
  }
  .mod-scroll-text1 {
    overflow: hidden;
    height: 100px;
  }
  .mod-scroll-text1 div {
    background: url(/recruit/info/images/index/scroll-t1.png?) left top;
    background-size: 1150px auto;
    width: 4600px;
    height: 100%;
    animation: keyf_loc2 15s linear 0s infinite;
  }
  /* ----------------------------------------------------------
  block-index-intro
  ---------------------------------------------------------- */
  .block-index-intro {
    position: relative;
    padding: 100px 0px 110px 0px;
  }
  .block-index-intro img {
    width: 100%;
  }
  .block-index-intro ._deco {
    position: absolute;
    top: 100px;
    left: calc(50vw - 590px);
    width: 30px;
    height: 200px;
  }
  .block-index-intro .row1 {
    position: relative;
  }
  .block-index-intro .row1 ._inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
  }
  .block-index-intro .row1 ._title {
    position: relative;
  }
  .block-index-intro .row1 ._title img {
    width: 665px;
  }
  .block-index-intro .row2 {
    position: relative;
    margin-top: 70px;
    padding: 130px 0px 40px 0px;
    background: linear-gradient(#FFF2DF 0%, #fff 100%);
  }
  .block-index-intro .row2 ._image {
    position: absolute;
    top: -50px;
    left: calc(50vw + 260px);
    width: 342px;
  }
  .block-index-intro .row2 ._inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
  }
  .block-index-intro .row2 ._texts h2 span {
    display: inline-block;
    font-size: 12px;
    line-height: 2;
    letter-spacing: -0.01em;
    color: #333;
    border-bottom: 1px solid #000;
    padding: 0px 0px 5px 0px;
    font-style: italic;
  }
  .block-index-intro .row2 ._texts p {
    margin-top: 40px;
    font-size: 22px;
    line-height: 2.54;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #333;
  }
  .block-index-bg {
    background: url(/recruit/info/images/index/main/bg.jpg) center top no-repeat;
    background-size: 1920px auto;
  }
  .block-index-main {
    position: relative;
    width: 1366px;
    height: 920px;
    margin: 0 auto;
  }
  .block-index-main.is-b {
    height: 1040px;
  }
  .block-index-main ._deco {
    position: absolute;
    top: 0px;
    left: calc(50vw + 240px);
    width: 30px;
    height: 200px;
  }
  .block-index-main ._texts1 {
    position: absolute;
    top: 159px;
    left: 201px;
  }
  .block-index-main ._texts2 {
    position: absolute;
    top: 646px;
    left: 675px;
  }
  .mod-index-btns {
    padding: 10px 0 0 0;
  }
  .mod-index-btns ._name {
    font-size: 70px;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-style: italic;
  }
  .mod-index-btns ._name2 {
    margin-top: 15px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.12;
    letter-spacing: -0.02em;
  }
  .mod-index-btns ._lead {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.85;
  }
  .mod-index-btns ._btn {
    display: block;
    margin-top: 10px;
    padding: 30px 30px 30px 90px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.33;
    color: #333;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-index-btns ._btn:hover {
    opacity: 0.8;
  }
  .mod-index-btns ._btn:hover:after {
    transform: translate(10px, -50%);
  }
  .mod-index-btns ._btn:after {
    content: "";
    transition-duration: 0.2s;
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
  }
  .block-index-links {
    padding: 0 0 230px 0;
  }
  .block-index-links ._name {
    font-weight: 500;
    font-style: italic;
    font-size: 23px;
    letter-spacing: 0.1em;
    text-align: right;
    margin-bottom: 30px;
  }
  .block-index-links ._box + ._box {
    margin-top: 80px;
  }
  .block-index-links ._box {
    position: relative;
    background-color: #fff;
    padding: 70px 70px;
  }
  .block-index-links ._box ._deco {
    position: absolute;
    top: -50px;
    left: 240px;
    width: 30px;
    height: 200px;
  }
  .block-index-links ._cols {
    display: flex;
  }
  .block-index-links ._cols ._col-title {
    width: 280px;
  }
  .block-index-links ._cols ._col-title ._en {
    font-size: 57px;
    font-weight: 400;
    line-height: 1.12;
  }
  .block-index-links ._cols ._col-title ._ja {
    margin-top: 7px;
    font-size: 16px;
    line-height: 2.5;
  }
  .block-index-links ._cols ._col-texts {
    flex: 1;
  }
  .mod-index-menu-items {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .mod-index-menu-items img {
    width: 100%;
  }
  .mod-index-menu-items > li {
    width: calc((100% - 40px) / 2);
  }
  .mod-index-menu-item {
    color: #333;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-index-menu-item ._image {
    border-radius: 5px;
    overflow: hidden;
  }
  .mod-index-menu-item ._image img {
    transition-duration: 0.2s;
  }
  .mod-index-menu-item:hover {
    opacity: 0.8;
  }
  .mod-index-menu-item:hover img {
    transform: scale(1.1);
  }
  .mod-index-menu-item ._texts {
    position: relative;
    padding: 10px 0px 0px 30px;
  }
  .mod-index-menu-item ._texts:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .mod-index-menu-item ._texts ._main {
    font-size: 24px;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-index-menu-item ._texts ._sub {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.85;
  }
  /* ----------------------------------------------------------
  block-about-main
  ---------------------------------------------------------- */
  .block-about-main {
    position: relative;
    overflow: hidden;
    padding: 165px 0px 340px 0px;
    background: url(/recruit/info/images/about/about/bg1.jpg) left bottom no-repeat;
    background-size: 100% auto;
  }
  .block-about-main ._deco {
    top: 0px;
    left: calc(50vw - 460px);
  }
  .block-about-main img {
    width: 100%;
  }
  .block-about-main ._bg {
    position: absolute;
    top: 40px;
    left: -1000px;
    right: 100px;
    height: 762.8px;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
    transform: skew(25deg);
  }
  .block-about-main ._row-head h2 {
    position: relative;
    text-align: center;
  }
  .block-about-main ._row-head h2 ._t1 {
    font-size: 30px;
    line-height: 1.8;
    font-weight: bold;
  }
  .block-about-main ._row-head h2 ._t2 {
    font-size: 50px;
    line-height: 1.28;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-about-main ._row-body {
    margin-top: 100px;
  }
  .block-about-main ._row-body2 {
    margin-top: 50px;
  }
  .block-about-main ._row-body2 ._texts {
    text-align: center;
    margin-top: 50px;
  }
  .block-about-main ._row-body2 ._texts ._lead {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    line-height: 1.76;
  }
  .block-about-main ._row-body3 {
    margin-top: 125px;
  }
  .block-about-main ._row-body3 ._texts {
    text-align: center;
    margin-top: 30px;
  }
  .block-about-main ._row-body3 ._texts ._t1 {
    font-size: 16px;
    line-height: 1.62;
  }
  .block-about-main ._row-body3 ._texts ._t2 {
    margin-top: 50px;
    font-size: 26px;
    line-height: 1.19;
    font-weight: 400;
  }
  .block-about-main ._row-body3 ._keys {
    width: 900px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .block-about-main2 {
    position: relative;
  }
  .block-about-main2 ._deco {
    top: -280px;
    left: calc(50vw + 300px);
  }
  .mod-about-main-h2 {
    position: relative;
    text-align: center;
  }
  .mod-about-main-h2 ._t {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    padding: 0px 0px 8px 0px;
    border-bottom: 1px solid #333;
  }
  .mod-about-main-map {
    position: relative;
  }
  .mod-about-keys {
    display: flex;
    gap: 55px;
    flex-wrap: wrap;
  }
  .mod-about-keys img {
    width: 100%;
  }
  .mod-about-keys > li {
    width: calc((100% - 165px) / 4);
  }
  .mod-about-keys > li ._item-title {
    border-radius: 50%;
    width: 184px;
    height: 184px;
    background: #F4F4F4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-about-keys > li ._item-title ._in {
    position: relative;
    text-align: center;
    padding: 0 0 10px 0;
  }
  .mod-about-keys > li ._item-title ._in ._t1 {
    font-size: 50px;
    line-height: 1.2;
    font-weight: bold;
  }
  .mod-about-keys > li ._item-title ._in ._t2 {
    font-size: 16px;
    font-weight: bold;
  }
  .mod-about-keys > li ._item-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
  }
  .mod-about-keys > li p {
    font-size: 14px;
    line-height: 1.71;
  }
  /* ----------------------------------------------------------
  block-about-bpo
  ---------------------------------------------------------- */
  .block-about-bpo {
    margin-top: -180px;
    padding: 310px 0px 130px 0px;
    position: relative;
    overflow: hidden;
  }
  .block-about-bpo img {
    width: 100%;
  }
  .block-about-bpo ._cate {
    position: absolute;
    top: 15px;
    left: calc(50% - 400px);
    font-size: 23px;
    text-align: right;
    font-weight: 500;
    line-height: 2.39;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-style: italic;
    z-index: 10;
  }
  .block-about-bpo ._bg {
    position: absolute;
    top: 80px;
    left: 100px;
    right: -1000px;
    height: 762.8px;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
    transform: skew(-25deg);
  }
  .block-about-bpo ._row-head {
    position: relative;
    text-align: center;
  }
  .block-about-bpo ._row-head h2 {
    font-size: 50px;
    line-height: 1.28;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-about-bpo ._row-body2 {
    position: relative;
    margin-top: 70px;
  }
  .block-about-bpo ._texts {
    margin-top: 140px;
  }
  .mod-about-text-set {
    position: relative;
    margin: 0 auto;
    width: 510px;
  }
  .mod-about-text-set.is-w {
    width: 540px;
  }
  .mod-about-text-set h3 {
    margin-top: 45px;
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: center;
  }
  .mod-about-text-set h3 span {
    font-size: 26px;
    line-height: 1.8;
    font-weight: bold;
    background: #fff;
    text-align: center;
    padding: 0 10px;
  }
  .mod-about-text-set p {
    margin-top: 25px;
    font-size: 16px;
    line-height: 2;
  }
  .mod-about-text-set p.is-center {
    text-align: center;
  }
  .mod-about-text-set p._note {
    font-size: 14px;
    line-height: 1.85;
    color: #666;
  }
  /* ----------------------------------------------------------
  block-about-bpo
  ---------------------------------------------------------- */
  .block-about-bg {
    background-color: #FAF5F2;
  }
  .block-about-bpo2 {
    padding: 80px 0px 110px 0px;
  }
  .block-about-bpo2 img {
    width: 100%;
  }
  .block-about-bpo2 ._texts {
    margin-top: 130px;
  }
  .block-about-bpo2 ._image1 {
    margin-top: 80px;
  }
  .mod-about-bpo-numbers {
    display: flex;
    gap: 20px;
    justify-content: center;
  }
  .mod-about-bpo-numbers ._col {
    width: 300px;
  }
  .mod-about-bpo-numbers ._col ._ti {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
  }
  .mod-about-bpo-numbers ._col ._ti span {
    font-size: 20px;
    line-height: 1.4;
    background: #FAF5F1;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  .mod-about-bpo-numbers ._col ._cols ._t2 {
    font-size: 32px;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols ._t3 {
    font-size: 200px;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols ._t4 {
    font-size: 50px;
    font-weight: bold;
  }
  .block-about-pro {
    padding: 20px 0px 160px 0px;
  }
  .block-about-pro img {
    width: 100%;
  }
  .block-about-pro ._items {
    margin-top: 45px;
  }
  .block-about-pro ._texts2 {
    margin-top: 100px;
  }
  .mod-about-pros {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .mod-about-pros > li {
    background-color: #fff;
    width: 210px;
  }
  .mod-about-pros ._item {
    padding: 10px 20px 20px 20px;
    position: relative;
  }
  .mod-about-pros ._item img {
    width: 100%;
  }
  .mod-about-pros ._item img {
    margin-top: 10px;
  }
  .mod-about-pros ._item ._ti {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-about-persons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 35px;
  }
  .mod-about-persons > li {
    width: 300px;
  }
  .mod-about-persons ._item ._item-box {
    background-color: #fff;
    padding: 40px 40px 40px 40px;
    position: relative;
  }
  .mod-about-persons ._item ._ti {
    font-size: 18px;
    text-align: center;
    line-height: 1.44;
    font-weight: bold;
    margin: 0 -20px;
  }
  .mod-about-persons ._item ._item-image {
    margin-top: 20px;
  }
  .mod-about-persons ._item p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
  }
  .mod-about-deco-grad {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 310px;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-about-deco-grad.is-mini {
    width: 10px;
    height: 60px;
  }
  /* ----------------------------------------------------------
  block-message-mv
  ---------------------------------------------------------- */
  .block-message-mv img {
    width: 100%;
  }
  .block-message-mv ._image {
    position: relative;
  }
  .block-message-mv ._texts {
    position: relative;
    margin-top: -70px;
  }
  .block-message-mv ._texts ._names {
    background: #fff;
    padding: 30px 50px 0px 90px;
    display: inline-block;
  }
  .block-message-mv ._texts ._names ._in {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .block-message-mv ._texts ._names ._in ._en {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.75;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #707070;
  }
  .block-message-mv ._texts ._names ._in h1 {
    font-size: 12px;
    line-height: 1;
  }
  .block-message-mv ._texts ._message {
    padding: 50px 90px 50px 90px;
    display: flex;
    gap: 0px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .block-message-mv ._texts ._message ._message-left ._copy {
    font-size: 32px;
    line-height: 1.56;
    font-weight: bold;
  }
  .block-message-mv ._texts ._message ._message-right {
    padding-top: 10px;
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .block-message-mv ._texts ._message ._message-right ._job {
    font-size: 12px;
    line-height: 1.5;
  }
  .block-message-mv ._texts ._message ._message-right ._name {
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
  }
  /* ----------------------------------------------------------
  block-message-main
  ---------------------------------------------------------- */
  .block-message-main-items {
    display: flex;
    gap: 60px;
    flex-direction: column;
  }
  .block-message-main {
    position: relative;
    padding: 80px 0px 100px 0px;
    background: #FAF5F2;
  }
  .block-message-main img {
    width: 100%;
  }
  .block-message-main ._deco {
    position: absolute;
    top: 0px;
    left: calc(50vw - 470px);
  }
  .block-message-main ._image1 {
    display: block;
    position: absolute;
    top: 270px;
    left: -160px;
    background-size: contain;
    width: 648px;
  }
  .block-message-main ._image2 {
    display: block;
    position: absolute;
    top: 0px;
    right: -140px;
    background-size: contain;
    width: 648px;
  }
  .mod-message-main-cols {
    position: relative;
    display: flex;
    gap: 0px;
  }
  .mod-message-main-cols h2 {
    font-size: 26px;
    line-height: 1.53;
    font-weight: bold;
  }
  .mod-message-main-cols ._col-title {
    width: 360px;
    padding: 0px 0px 0px 50px;
  }
  .mod-message-main-cols ._col-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .mod-message-main-cols ._col-texts.is-mt {
    padding-top: 220px;
  }
  .mod-message-main-set {
    position: relative;
  }
  .mod-message-main-set h3 {
    display: inline-block;
    font-size: 18px;
    line-height: 1.66;
    background: #fff;
    padding: 10px 30px 10px 25px;
  }
  .mod-message-main-set p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
  }
  .mod-message-main-set p._note {
    margin-top: 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    color: #666;
  }
  body.page-about-business {
    background-color: #FAF5F1;
  }
  /* ----------------------------------------------------------
  .block-default
  ---------------------------------------------------------- */
  .block-about-business-main {
    padding: 80px 0 30px 0;
    position: relative;
  }
  .block-about-business-main img {
    width: 100%;
  }
  .block-about-business-main ._cols {
    margin-top: 40px;
    display: flex;
  }
  .block-about-business-main ._cols.is-r {
    flex-direction: row-reverse;
  }
  .block-about-business-main ._cols.is-r ._col-image div {
    margin-right: -140px;
    width: 715px;
    transform: translate(0, -40px);
  }
  .block-about-business-main ._cols.is-r ._col-texts ._in {
    padding: 0 100px 0 0;
  }
  .block-about-business-main ._cols.is-r ._col-texts::before {
    left: -1000px;
    right: -40px;
  }
  .block-about-business-main ._cols.is-l {
    margin-top: 80px;
  }
  .block-about-business-main ._cols.is-l ._col-image div {
    margin-left: -140px;
    width: 715px;
    transform: translate(0, -40px);
  }
  .block-about-business-main ._cols.is-l ._col-texts ._in {
    padding: 0 0 0 50px;
  }
  .block-about-business-main ._cols.is-l ._col-texts::before {
    left: -40px;
    right: -1000px;
  }
  .block-about-business-main ._cols ._col-image {
    flex: 1;
    z-index: 10;
  }
  .block-about-business-main ._cols ._col-texts {
    position: relative;
    flex: 1;
    background-color: #fff;
    padding: 50px 0;
  }
  .block-about-business-main ._cols ._col-texts ._in {
    position: relative;
    padding: 0 100px 0 0;
  }
  .block-about-business-main ._cols ._col-texts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: -40px;
    right: -40px;
    background: #fff;
  }
  .block-about-business-main h2 span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #333;
    font-style: italic;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #777;
  }
  .block-about-business-main ._btns2 {
    margin-top: 60px;
  }
  .block-about-business-main ._btns {
    margin-top: 60px;
    background-color: #fff;
    padding: 30px;
    display: flex;
    gap: 40px;
  }
  .block-about-business-main ._btns h4 {
    background-color: #333;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    width: 260px;
    line-height: 1.75;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block-about-business-main ._btns ul {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .block-about-business-main ._btns a {
    display: block;
    color: #333;
    text-decoration: underline;
    position: relative;
    padding-left: 20px;
  }
  .block-about-business-main ._btns a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a.png) left top no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .mod-about-business-texts h3 > span {
    background-color: #EAE4E1;
    padding: 8px 20px 12px 20px;
    border-radius: 5px;
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #333;
  }
  .mod-about-business-texts h3 > span > span {
    font-size: 24px;
  }
  .mod-about-business-texts ._copy {
    margin-top: 23px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.41;
    color: #333;
  }
  .mod-about-business-texts ._doc {
    margin-top: 18px;
    font-size: 16px;
    line-height: 2;
    color: #333;
  }
  .mod-about-business-texts h4 {
    border-top: 1px solid #D2D2D2;
    margin-top: 30px;
    padding-top: 30px;
    font-size: 14px;
    line-height: 1.71;
    font-weight: bold;
    color: #666;
  }
  .mod-about-business-texts ._ser {
    margin-top: 11px;
    font-size: 14px;
    line-height: 1.71;
    color: #666;
  }
  .mod-btn-about-business {
    display: block;
    width: 500px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.66;
    color: #fff;
    background-color: #333;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-about-business:hover {
    opacity: 0.8;
  }
  .mod-btn-about-business:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    background: url(/recruit/info/common/images/icon/arrow_a2_wh.png) left top no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
  /* ----------------------------------------------------------
  block-mission-main
  ---------------------------------------------------------- */
  .block-mission-main {
    position: relative;
    padding: 80px 0px 0 0px;
  }
  .block-mission-main img {
    width: 100%;
  }
  .block-mission-main ._bg {
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
  }
  .mod-mission-main-set {
    position: relative;
    height: 1740px;
  }
  .mod-mission-main-set ._p1 {
    position: absolute;
    top: -76px;
    left: -231px;
    width: 610px;
    height: 399px;
  }
  .mod-mission-main-set ._p3 {
    position: absolute;
    top: 1147px;
    left: -231px;
    width: 610px;
    height: 399px;
  }
  .mod-mission-main-set ._p2 {
    position: absolute;
    top: 472px;
    left: 725px;
    width: 610px;
    height: 399px;
  }
  .mod-mission-main-set ._deco1 {
    position: absolute;
    top: -106px;
    left: 1150px;
  }
  .mod-mission-main-set ._deco2 {
    position: absolute;
    top: 826px;
    left: 780px;
  }
  .mod-mission-main-set ._deco3 {
    position: absolute;
    top: 1377px;
    left: 26px;
    mix-blend-mode: multiply;
  }
  .mod-mission-main-set ._texts1 {
    position: absolute;
    top: -30px;
    left: 397px;
    width: 637px;
  }
  .mod-mission-main-set ._texts2 {
    position: absolute;
    top: 480px;
    left: -8px;
    width: 743px;
    height: 556px;
  }
  .mod-mission-main-set ._texts3 {
    position: absolute;
    top: 1179px;
    left: 453px;
    width: 733px;
    height: 435px;
  }
  .mod-mission-set h3 {
    font-size: 70px;
    letter-spacing: -0.05em;
    font-weight: 300;
    font-style: italic;
  }
  .mod-mission-set ._lead {
    margin-top: 30px;
    font-size: 34px;
    line-height: 1.5;
    font-weight: bold;
  }
  .mod-mission-set ._doc {
    margin-top: 26px;
    font-size: 16px;
    line-height: 2;
  }
  .mod-mission-set ._doc2 {
    margin-top: 30px;
  }
  /* ----------------------------------------------------------
  block-mission-concept
  ---------------------------------------------------------- */
  .block-mission-concept {
    margin-top: -200px;
    padding: 340px 0px 150px 0px;
    background: #FAF5F2;
  }
  .block-mission-concept img {
    width: 100%;
  }
  .block-mission-concept ._cols {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
  }
  .block-mission-concept ._cols h2 {
    font-size: 50px;
    font-weight: 400;
    color: #333;
    font-style: italic;
  }
  .block-mission-concept ._cols ._t2 {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    color: #333;
    padding: 10px 20px 10px 20px;
    background: #fff;
  }
  .block-mission-concept ._image {
    position: relative;
    margin-top: 70px;
  }
  .block-mission-concept ._texts {
    width: 570px;
    margin: 0 auto;
    margin-top: 70px;
  }
  .block-mission-concept ._texts p {
    font-size: 16px;
    line-height: 2;
    color: #333;
  }
  /* ----------------------------------------------------------
  block-training-main
  ---------------------------------------------------------- */
  .block-training-bg {
    background: #FAF5F1;
  }
  .block-training-main {
    padding: 80px 0px 50px 0px;
    position: relative;
  }
  .block-training-main img {
    width: 100%;
  }
  .block-training-main ._boxes {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .block-training-main ._bg {
    position: absolute;
    top: 130px;
    left: -1000px;
    right: -100px;
    height: 762.8px;
    background: linear-gradient(#FEEACD 0%, #FAF5F1 100%);
    transform: skew(25deg);
  }
  .block-training-main ._body {
    position: relative;
  }
  .block-training-main ._title {
    position: relative;
  }
  .block-training-main ._title h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    padding: 30px;
    text-align: center;
  }
  .block-training-main ._title ._lead {
    margin-top: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    line-height: 1.7;
    color: #333;
  }
  .block-training-main ._fig1 {
    margin: 0 auto;
    margin-top: 50px;
    width: 704px;
  }
  .block-training-main ._fig2 {
    margin: 0 auto;
    margin-top: 80px;
    width: 722px;
  }
  .block-training-main ._fig {
    margin: 0 auto;
    margin-top: 40px;
  }
  .block-training-main2 {
    padding: 20px 0 150px 0;
  }
  .block-training-main2 img {
    width: 100%;
  }
  .block-training-main2 .block-inner {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }
  .block-training-main2 ._cols {
    display: flex;
    gap: 50px;
  }
  .block-training-main2 ._cols > div:nth-child(1) {
    flex: 1;
  }
  .block-training-main2 ._cols > div:nth-child(2) {
    flex: 1;
  }
  .mod-training-box {
    padding: 60px 50px 50px 50px;
    background-color: #fff;
  }
  .mod-training-box h3 {
    text-align: center;
  }
  .mod-training-box h3 span {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    color: #333;
    padding: 10px 20px;
    border-bottom: 1px solid #333;
  }
  .mod-training-box ._title {
    margin-top: 45px;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    text-align: center;
    font-weight: bold;
  }
  .mod-training-box ._link {
    margin-top: 20px;
    line-height: 1.75;
    min-height: 70px;
    background-color: rgba(65, 50, 163, 0.05);
    padding: 10px;
  }
  .mod-training-box ._link.is-hide {
    background-color: transparent;
  }
  .mod-training-box ._link a {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #4132a3;
    text-decoration: underline;
  }
  .mod-training-box ._link a:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a.png) left top no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .mod-training-box ._doc {
    margin-top: 19px;
    font-size: 16px;
    line-height: 2;
    color: #333;
  }
  .mod-training-box ._doc.is-h1 {
    height: 700px;
  }
  .mod-training-box ._doc.is-h2 {
    height: 470px;
  }
  .mod-training-box ._image {
    margin-top: 20px;
  }
  /* ----------------------------------------------------------
  block-workplace-main
  ---------------------------------------------------------- */
  .block-workplace-main {
    padding: 130px 0px 120px 0px;
    background: #FAF5F1;
  }
  .block-workplace-main + .block-workplace-main {
    margin-top: 50px;
  }
  .block-workplace-main img {
    width: 100%;
  }
  .block-workplace-main ._inner {
    width: 670px;
    margin: 0 auto;
  }
  .block-workplace-main h2 {
    position: relative;
  }
  .block-workplace-main h2 ._deco {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 5px;
    height: 40px;
  }
  .block-workplace-main h2.is-center {
    text-align: center;
  }
  .block-workplace-main h2 span {
    font-size: 28px;
    line-height: 1.42;
    font-weight: bold;
    background: #fff;
    padding: 30px 60px 30px 60px;
  }
  .block-workplace-main p {
    margin-top: 50px;
    font-size: 16px;
    line-height: 2;
  }
  .block-workplace-main ._bg {
    margin-top: 90px;
    margin-right: calc(50vw - 300px);
  }
  .block-workplace-main ._bg2 {
    margin-top: 90px;
    margin-left: calc(50vw - 300px);
  }
  .block-workplace-main ._set {
    margin-top: -93px;
    position: relative;
  }
  .block-workplace-main ._set.is-mt {
    margin-top: 50px;
  }
  .block-workplace-main ._set h2 {
    display: block;
    font-size: 24px;
    line-height: 1.42;
    font-weight: bold;
    background: #fff;
    padding: 30px 0px 30px 50px;
  }
  .mod-workplace-main-cols2 {
    display: flex;
    gap: 10px;
    margin-top: 40px;
  }
  .mod-workplace-main-cols2 ._col2 {
    flex: 1;
  }
  .mod-workplace-main-cols {
    display: flex;
    gap: 10px;
    margin-top: 10px;
  }
  .mod-workplace-main-cols ._col {
    flex: 1;
    background: #fff;
    padding: 30px 60px 40px 60px;
    min-height: 260px;
  }
  .mod-workplace-main-cols h3 {
    font-size: 20px;
    line-height: 2;
  }
  .mod-workplace-main-cols p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
  }
  .block-workplace-images {
    display: flex;
    flex-wrap: wrap;
  }
  .block-workplace-images > img {
    width: 50%;
  }
  .block-new-index-bg {
    background: url(/recruit/info/images/new/index/mv.jpg?2) center top no-repeat;
    background-size: 1920px auto;
  }
  .block-career-index-bg {
    background: url(/recruit/info/images/career/index/mv.jpg?2) center top no-repeat;
    background-size: 1920px auto;
  }
  /* ----------------------------------------------------------
  block-new-index-main
  ---------------------------------------------------------- */
  .block-new-index-main {
    padding: 150px 0px 200px 0px;
  }
  .block-new-index-main.is-career {
    padding-top: 100px;
  }
  .block-new-index-main img {
    width: 100%;
  }
  .block-new-index-main .texts img {
    width: 600px;
  }
  .block-new-index-main .texts ._ja {
    margin-top: 20px;
    font-size: 18px;
    line-height: 2.22;
  }
  .block-new-index-main .texts ._n {
    margin-top: 20px;
    font-size: 10px;
    line-height: 2.4;
    letter-spacing: 0.1em;
  }
  .block-new-index-message {
    display: block;
    padding: 50px 0 50px 0;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-new-index-message img {
    width: 100%;
  }
  .block-new-index-message:hover {
    filter: brightness(1.1);
  }
  .block-new-index-message ._cols {
    display: flex;
  }
  .block-new-index-message ._image {
    flex: 1;
  }
  .block-new-index-message ._image div {
    width: 957px;
    margin-left: -310px;
  }
  .block-new-index-message ._texts {
    position: relative;
    padding: 50px 0 0 0;
    width: 450px;
  }
  .block-new-index-message ._texts:after {
    content: "";
    margin: 20px 0 0 0;
    display: block;
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
  }
  .block-new-index-message ._texts h2 {
    font-size: 70px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.12;
    color: #333;
  }
  .block-new-index-message ._texts ._title {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.66;
    color: #333;
  }
  .block-new-index-message ._texts ._lead {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.85;
    color: #333;
  }
  .block-new-index-people {
    display: block;
    padding: 50px 0 100px 0;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-new-index-people img {
    width: 100%;
  }
  .block-new-index-people:hover {
    filter: brightness(1.1);
  }
  .block-new-index-people.is-carrer {
    transform: translate(150px, 0);
    padding: 100px 0 50px 0;
  }
  .block-new-index-people.is-carrer ._image {
    flex: 1;
    padding: 140px 0 0 0;
  }
  .block-new-index-people.is-carrer ._image div {
    width: 500px;
    margin-right: 0px;
  }
  .block-new-index-people.is-carrer ._texts {
    position: relative;
  }
  .block-new-index-people ._cols {
    display: flex;
    flex-direction: row-reverse;
  }
  .block-new-index-people ._image {
    flex: 1;
  }
  .block-new-index-people ._image div {
    width: 957px;
    margin-right: -340px;
  }
  .block-new-index-people ._texts {
    position: relative;
    padding: 0 0 0 100px;
    width: 450px;
  }
  .block-new-index-people ._texts:after {
    content: "";
    margin: 20px 0 0 0;
    display: block;
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
  }
  .block-new-index-people ._texts h2 {
    font-size: 70px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.12;
    color: #333;
  }
  .block-new-index-people ._texts ._title {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.66;
    color: #333;
  }
  .block-new-index-people ._texts ._name {
    margin-top: 13px;
    font-size: 16px;
    color: #333;
  }
  .block-new-index-people ._texts ._lead {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.85;
    color: #333;
  }
  .block-new-index-talk {
    position: relative;
    padding: 10px 0 50px 0;
  }
  .block-new-index-talk.is-career:before {
    background: linear-gradient(rgba(5, 195, 165, 0.5) 0%, rgba(5, 195, 165, 0) 100%);
  }
  .block-new-index-talk.is-career .mod-new-index-talk-item h3 {
    background: linear-gradient(90deg, #05C3A5 0%, #fff 100%);
  }
  .block-new-index-talk:before {
    content: "";
    display: block;
    position: absolute;
    top: 90px;
    left: -100px;
    right: 100px;
    bottom: -50px;
    background: linear-gradient(rgba(0, 98, 255, 0.25) 0%, rgba(0, 98, 255, 0) 100%);
    transform: skew(-25deg);
    z-index: -1;
  }
  .block-new-index-talk img {
    width: 100%;
  }
  .block-new-index-talk h2 {
    font-size: 70px;
    font-weight: 500;
    line-height: 1.12;
    color: #333;
    font-style: italic;
    text-align: right;
    padding: 30px 60px;
  }
  .mod-new-index-talk-items {
    margin-top: 40px;
    display: flex;
  }
  .mod-new-index-talk-items > li {
    flex: 1;
  }
  .mod-new-index-talk-item {
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-new-index-talk-item h3 {
    position: absolute;
    top: -100px;
    left: 0px;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    padding: 10px 20px;
    line-height: 1.5;
    color: #033333;
    font-style: italic;
    background: linear-gradient(90deg, #0062ff 0%, #fff 100%);
    transform-origin: left bottom;
    transform: rotate(90deg);
    z-index: 10;
  }
  .mod-new-index-talk-item:hover img {
    transform: scale(1.05);
  }
  .mod-new-index-talk-item ._item-image {
    overflow: hidden;
  }
  .mod-new-index-talk-item ._item-image img {
    width: 100%;
    transition-duration: 0.2s;
  }
  .mod-new-index-talk-item ._item-texts {
    margin-top: 30px;
    text-align: center;
  }
  .mod-new-index-talk-item ._item-texts p {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.66;
    color: #333;
    position: relative;
    padding-left: 40px;
  }
  .mod-new-index-talk-item ._item-texts p:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
  /* ----------------------------------------------------------
  block-new-index-menu
  ---------------------------------------------------------- */
  .block-new-index-menu {
    margin-top: 140px;
    position: relative;
    background-color: rgba(112, 159, 246, 0.1);
  }
  .block-new-index-menu.is-career {
    background-color: rgba(5, 195, 165, 0.1);
  }
  .block-new-index-menu.is-career:before {
    background: linear-gradient(rgba(5, 195, 165, 0.5) 0%, rgba(5, 195, 165, 0) 100%);
  }
  .block-new-index-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: 90px;
    left: 0px;
    right: 60px;
    bottom: -50px;
    background: linear-gradient(rgba(0, 98, 255, 0.25) 0%, rgba(0, 98, 255, 0) 100%);
  }
  .block-new-index-menu ._box {
    padding: 140px 0px 140px 0px;
  }
  .block-new-index-menu img {
    width: 100%;
  }
  .block-new-index-menu .block-inner {
    position: relative;
  }
  .block-new-index-menu h2 {
    padding: 35px 0 0 0;
    font-size: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-style: italic;
  }
  /* ----------------------------------------------------------
  block-new-index-image
  ---------------------------------------------------------- */
  .mod-new-auto-scroll {
    margin-top: 200px;
    height: 292px;
  }
  .mod-new-auto-scroll div {
    background: url(/recruit/info/images/new/index/deco1.jpg) center top;
    background-size: 1510px auto;
    width: 3020px;
    height: 100%;
    animation: keyf_new_loc1 30s linear 0s infinite;
  }
  .mod-career-auto-scroll {
    margin-top: 200px;
    height: 292px;
  }
  .mod-career-auto-scroll div {
    background: url(/recruit/info/images/career/index/deco1.jpg?) center top;
    background-size: 1510px auto;
    width: 3020px;
    height: 100%;
    animation: keyf_new_loc1 30s linear 0s infinite;
  }
  @keyframes keyf_new_loc1 {
    0% {
      transform: translate3d(0%, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  /*
  .block{PID}{ID}// IMG100 h291 BD
    img[src=/recruit/info/images/new/index/deco1.jpg]//
  */
  /* ----------------------------------------------------------
  block-new-index-links
  ---------------------------------------------------------- */
  .block-new-index-links {
    position: relative;
    padding: 140px 0px 90px 0px;
    background: #F0F5FE;
    margin-top: 170px;
  }
  .block-new-index-links.is-career {
    background: #DAF6F2;
  }
  .block-new-index-links img {
    width: 100%;
  }
  .block-new-index-links ._deco {
    position: absolute;
    top: -100px;
    left: calc(50vw - 330px);
    width: 30px;
    height: 200px;
  }
  .block-new-index-links2 {
    position: relative;
    padding: 140px 0px 130px 0px;
  }
  .block-new-index-links2 img {
    width: 100%;
  }
  .block-new-index-links2 ._deco {
    position: absolute;
    top: -100px;
    left: calc(50vw - 330px);
    width: 30px;
    height: 200px;
  }
  .mod-new-index-links-cols {
    display: flex;
    gap: 0px;
  }
  .mod-new-index-links-cols ._col-title {
    width: 500px;
    padding: 0px 0px 0px 170px;
  }
  .mod-new-index-links-cols ._en {
    font-size: 70px;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 400;
  }
  .mod-new-index-links-cols h2 {
    margin-top: 7px;
    font-size: 24px;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-new-index-links-cols ._col-texts {
    flex: 1;
    padding: 10px 0;
  }
  .mod-common-menu-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .mod-common-menu-links.is-new a {
    background: #F0F5FE;
  }
  .mod-common-menu-links.is-career a {
    background: #E5F9F6;
  }
  .mod-common-menu-links a {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    background: #fff;
    padding: 23px 50px;
    border-radius: 5px;
    color: #333;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-common-menu-links a:hover {
    background-color: #DBE1EB;
  }
  .mod-common-menu-links a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
  .block-new-index-entry {
    margin-right: 100px;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-new-index-entry img {
    width: 100%;
  }
  .block-new-index-entry:hover {
    filter: brightness(1.1);
  }
  .block-new-index-entry ._t {
    font-style: italic;
    font-size: 23px;
    letter-spacing: 0.1em;
    line-height: 2.39;
    text-align: right;
    color: #333;
    font-weight: bold;
  }
  .block-new-message-mv {
    padding: 0 0 2px 0;
  }
  .block-new-message-mv img {
    width: 100%;
  }
  .block-new-message-mv ._image {
    margin: 0 100px 0 0;
  }
  .block-new-message-mv ._intro {
    position: relative;
    padding: 70px 0px 70px 0px;
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .block-new-message-mv ._intro ._title {
    flex: 1;
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .block-new-message-mv ._intro ._title h1 {
    font-size: 24px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #333;
  }
  .block-new-message-mv ._intro ._title ._ja {
    font-size: 12px;
  }
  .block-new-message-mv ._intro p {
    width: 800px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
  }
  .block-new-message-main {
    position: relative;
  }
  .block-new-message-main:before {
    content: "";
    display: block;
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #F0F5FE;
    z-index: -1;
  }
  .block-new-message-main ._main {
    margin-top: 50px;
  }
  .block-new-message-main ._main ._copy {
    position: relative;
    padding: 100px 0;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 1.35;
    color: #333;
  }
  .block-new-message-main ._main ._copy span {
    position: relative;
  }
  .block-new-message-main ._main ._copy:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: -1000px;
    background: #fff;
  }
  .block-new-message-main ._main ._copy2 {
    padding: 70px 0;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    color: #333;
  }
  .block-new-message-main ._main ._talk {
    padding: 0 0 50px 0;
  }
  .block-new-message-main img {
    width: 100%;
  }
  .block-new-message-main ._image-last {
    margin: 50px 50px 0 0;
  }
  .mod-new-message-prop-items {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-new-message-prop-items > li {
    width: 327px;
  }
  .mod-new-message-prop-item ._item-image img {
    width: 100%;
  }
  .mod-new-message-prop-item ._item-texts ._name {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    color: #333;
  }
  .mod-new-message-prop-item ._item-texts ._job {
    font-size: 14px;
    line-height: 1.71;
    color: #666;
  }
  .mod-new-message-items {
    display: flex;
    gap: 100px;
    flex-direction: column;
  }
  .mod-new-message-items ._note {
    position: relative;
    margin: 20px 0 0 200px;
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0.025em;
    color: #666;
  }
  .mod-new-message-items ._note + ._note {
    margin-top: 0;
  }
  .mod-new-message-items ._note:after {
    content: "＊";
    display: block;
    position: absolute;
    top: 0px;
    left: -20px;
    width: 20px;
  }
  .mod-new-message-item {
    display: flex;
    position: relative;
    gap: 30px;
  }
  .mod-new-message-item.is-l {
    padding: 50px 0 50px 200px;
    margin: 0 0 0 50px;
  }
  .mod-new-message-item.is-l:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: -1000px;
    background-color: #fff;
  }
  .mod-new-message-item.is-l ._item-image {
    position: absolute;
    top: -50px;
    left: -70px;
    width: 200px;
  }
  .mod-new-message-item.is-l ._item-image img {
    width: 100%;
  }
  .mod-new-message-item.is-l ._item-texts {
    position: relative;
  }
  .mod-new-message-item.is-l ._item-texts ._name {
    position: absolute;
    top: -95px;
    left: -50px;
    font-size: 12px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #DEE1E8;
    border-radius: 50px;
  }
  .mod-new-message-item.is-l ._item-texts ._doc {
    flex: 1;
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .mod-new-message-item.is-r {
    padding: 50px 200px 50px 0;
    margin: 0 0 0 50px;
  }
  .mod-new-message-item.is-r:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: -1000px;
    right: 0;
    background-color: #fff;
  }
  .mod-new-message-item.is-r ._item-image {
    position: absolute;
    top: -50px;
    right: -70px;
    width: 200px;
  }
  .mod-new-message-item.is-r ._item-image img {
    width: 100%;
  }
  .mod-new-message-item.is-r ._item-texts {
    position: relative;
  }
  .mod-new-message-item.is-r ._item-texts ._name {
    position: absolute;
    top: -95px;
    right: -90px;
    font-size: 12px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #DEE1E8;
    border-radius: 50px;
  }
  .mod-new-message-item.is-r ._item-texts ._doc {
    flex: 1;
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-new-faq-main {
    padding: 80px 0;
    position: relative;
    background-color: #F0F5FE;
  }
  .block-new-faq-main ._inner {
    width: 900px;
    margin: 0 auto;
  }
  .block-career-faq-main {
    padding: 80px 0;
    position: relative;
    background-color: #E5F9F6;
  }
  .block-career-faq-main ._inner {
    width: 900px;
    margin: 0 auto;
  }
  .mod-toggle-list {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }
  .mod-toggle-list.is-career .mod-toggle ._body:before {
    color: #05C3A5;
  }
  .mod-toggle {
    background: #fff;
    padding: 20px 25px;
    border-radius: 5px;
  }
  .mod-toggle ._head {
    position: relative;
    cursor: pointer;
    padding: 20px 20px 30px 65px;
    font-weight: 500;
    font-size: 18px;
    line-height: 3;
    text-align: left;
    color: #333;
  }
  .mod-toggle ._head .mod-toggle-icon {
    position: absolute;
    top: 30px;
    right: 20px;
  }
  .mod-toggle ._head:before {
    content: "Q";
    display: block;
    position: absolute;
    top: 45px;
    left: 10px;
    font-size: 48px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    transform: translate(0, -50%);
  }
  .mod-toggle ._body {
    border-top: 1px solid #aaa;
    padding: 30px 50px 30px 65px;
    position: relative;
    display: none;
  }
  .mod-toggle ._body p {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }
  .mod-toggle ._body:before {
    content: "A";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    font-size: 48px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #709FF6;
  }
  .mod-toggle a {
    color: #05C3A5;
  }
  .mod-toggle-icon {
    --boxW:30px;
    --boxH:30px;
    --bar:16px;
    --thick:1px;
    position: relative;
    width: var(--boxW);
    height: var(--boxH);
    background-color: #333;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-toggle-icon.is-fill {
    background-color: #333;
  }
  .mod-toggle-icon.is-fill:before, .mod-toggle-icon.is-fill:after {
    background: #fff;
  }
  .mod-toggle-icon.is-small {
    --boxW:30px;
    --boxH:30px;
    --bar:19px;
    --thick:1px;
  }
  .mod-toggle-icon:before, .mod-toggle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    /* transform: rotate(-45deg); */
  }
  .mod-toggle-icon:after {
    transform: rotate(90deg);
  }
  .js-toggle-open .mod-toggle-icon:after {
    display: none;
  }
  .mod-toggle-icon:hover {
    opacity: 0.8;
  }
  /* ----------------------------------------------------------
  block-career-info-fex3fy
  ---------------------------------------------------------- */
  .block-career-info-main {
    padding: 120px 0px 120px 0px;
    background: #E5F9F6;
  }
  .block-career-info-main img {
    width: 100%;
  }
  .block-career-info-main ._inner {
    width: 940px;
    margin: 0 auto;
  }
  .mod-career-info-items {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
  }
  .mod-career-info-items img {
    width: 100%;
  }
  .mod-career-info-items > li {
    width: calc((100% - 80px) / 3);
  }
  .mod-career-info-items a._item {
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-career-info-items a._item:hover {
    filter: brightness(1.1);
  }
  .mod-career-info-items a._item:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(/recruit/info/common/images/icon/blank.png) left top no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
  }
  .mod-career-info-items ._item {
    display: block;
    position: relative;
    padding: 40px 25px 25px 25px;
    background-color: #fff;
    color: #333;
  }
  .mod-career-info-items ._item ._image h3 {
    text-align: center;
    font-size: 18px;
    line-height: 1.77;
    font-weight: 400;
    margin: 0 -20px 10px -20px;
  }
  .mod-career-info-items ._item ._image p {
    text-align: center;
    font-size: 12px;
  }
  .mod-career-info-items ._item ._image img {
    margin-top: 15px;
  }
  body.page-career-massage {
    background-color: #E5F9F6;
  }
  .block-info-career-message-main {
    position: relative;
    padding: 70px 0 160px 0;
  }
  .block-info-career-message-main .block-inner {
    position: relative;
    display: flex;
    gap: 70px;
    flex-direction: column;
  }
  .block-info-career-message-main ._copy {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.56;
    color: #333;
    position: relative;
    padding: 60px 0;
  }
  .block-info-career-message-main ._copy span {
    position: relative;
  }
  .block-info-career-message-main ._copy:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -1000px;
    right: 200px;
    bottom: 0;
    background: #fff;
  }
  .block-info-career-message-main ._box {
    position: relative;
    padding: 100px 0;
  }
  .block-info-career-message-main ._box.is-left:before {
    right: -1000px;
  }
  .block-info-career-message-main ._box.is-right:before {
    left: -1000px;
  }
  .block-info-career-message-main ._box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: #fff;
  }
  .block-info-career-message-main ._box .mod-career-deco-grad {
    position: absolute;
    top: -100px;
    left: 0px;
    width: 10px;
    height: 70px;
  }
  .block-info-career-message-main ._box ._box-inner {
    position: relative;
    width: 720px;
    margin: 0 auto;
  }
  .block-info-career-message-main ._box ._copy2 {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .block-info-career-message-main ._box ._copy2 span {
    display: block;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    padding: 10px;
    color: #333;
    background-color: #E5F9F6;
  }
  .block-info-career-message-main ._box ._doc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    color: #333;
  }
  body.page-people {
    background-color: #FAF5F1;
  }
  .block-people-index {
    padding: 80px 0 160px 0;
  }
  .block-people-index .block-inner {
    display: flex;
    gap: 80px;
    flex-direction: column;
  }
  .block-people-index ._lead {
    font-size: 16px;
    text-align: center;
    line-height: 2;
    color: #333;
  }
  .mod-people-index-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    padding: 0 0 50px 0;
  }
  .mod-people-index-items:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 260px;
    background: #fff;
  }
  .mod-people-index-items.is-A:before {
    left: -1000px;
    right: 0;
  }
  .mod-people-index-items.is-B:before {
    left: -50px;
    right: -1000px;
  }
  .mod-people-index-items > li {
    min-height: 50px;
    width: calc((100% - 20px) / 2);
  }
  .mod-people-index-item {
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-people-index-item:hover {
    filter: brightness(1.1);
  }
  .mod-people-index-item ._item-image img {
    width: 100%;
  }
  .mod-people-index-item ._item-texts {
    margin-top: 20px;
  }
  .mod-people-index-item ._item-texts ._job {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.71;
    color: #333;
    position: relative;
    padding: 0 0 0 35px;
  }
  .mod-people-index-item ._item-texts ._job:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    background: url(/recruit/info/common/images/icon/arrow_b.png) left top no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .mod-people-index-item ._item-texts ._names {
    display: flex;
    gap: 10px;
    padding: 5px 0 0 40px;
  }
  .mod-people-index-item ._item-texts ._name {
    font-size: 20px;
    line-height: 1.5;
    color: #999;
    font-weight: bold;
  }
  .mod-people-index-item ._item-texts ._spec {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #999;
    opacity: 0.99;
  }
  /* ----------------------------------------------------------
  block-new-index-main
  ---------------------------------------------------------- */
  .block-pople-detail-mv {
    position: relative;
    height: 770px;
  }
  .block-pople-detail-mv .block-inner {
    position: relative;
  }
  .block-pople-detail-mv:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    height: 160px;
    background: #fff;
  }
  .block-pople-detail-mv img {
    width: 100%;
  }
  .block-pople-detail-mv ._image {
    position: absolute;
    top: 0px;
    left: -640px;
    width: 1312px;
  }
  .block-pople-detail-mv .texts {
    padding: 270px 0 0 570px;
    color: #333;
  }
  .block-pople-detail-mv .texts h1 {
    display: flex;
    align-items: center;
  }
  .block-pople-detail-mv .texts h1 span {
    display: block;
  }
  .block-pople-detail-mv .texts h1 span:nth-child(1) {
    font-size: 24px;
    line-height: 1.75;
    text-align: center;
    font-weight: bold;
    padding: 0 20px 0 0;
  }
  .block-pople-detail-mv .texts h1 span:nth-child(2) {
    border-left: 1px solid #707070;
    padding: 0 0 0 20px;
    font-size: 12px;
    line-height: 1.75;
    font-weight: 500;
  }
  .block-pople-detail-mv .texts ._copy {
    margin-top: 20px;
    font-size: 40px;
    margin-right: -50px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: -0.01em;
  }
  .block-pople-detail-mv .texts ._names {
    margin-top: 20px;
    padding: 0 0 0 40px;
    position: relative;
  }
  .block-pople-detail-mv .texts ._names:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 50px;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .block-pople-detail-mv .texts ._name {
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
  }
  .block-pople-detail-mv .texts ._job {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
  }
  .block-pople-detail-main {
    position: relative;
    padding: 0 0 60px 0;
  }
  .block-pople-detail-main ._deco {
    position: absolute;
    top: 0px;
    left: 60px;
  }
  .block-pople-detail-main .mod-about-deco-grad {
    width: 41px;
    height: 251px;
  }
  .block-pople-detail-main ._image {
    position: absolute;
    top: -20px;
    right: -320px;
    width: 750px;
  }
  .block-pople-detail-main ._box {
    padding: 170px 0 100px 0;
  }
  .block-pople-detail-main ._box:before {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: -1000px;
    right: -50px;
    bottom: 0;
    background: #fff;
  }
  .block-pople-detail-main ._inner {
    position: relative;
    width: 750px;
    margin: 0 auto;
    margin-top: 80px;
  }
  .block-pople-detail-main ._title {
    padding: 0 0 0 160px;
  }
  .block-pople-detail-main2 {
    padding: 0 0 20px 0;
  }
  .block-pople-detail-main2 ._deco {
    position: absolute;
    top: 0px;
    right: 20px;
  }
  .block-pople-detail-main2 .mod-about-deco-grad {
    width: 41px;
    height: 251px;
  }
  .block-pople-detail-main2 ._image {
    position: absolute;
    top: -60px;
    left: -380px;
    width: 870px;
  }
  .block-pople-detail-main2 ._box {
    padding: 170px 0 100px 0;
  }
  .block-pople-detail-main2 ._box:before {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: -50px;
    right: -1000px;
    bottom: 0;
    background: #fff;
  }
  .block-pople-detail-main2 ._inner {
    position: relative;
    width: 750px;
    margin: 0 auto;
    margin-top: 80px;
  }
  .block-pople-detail-main2 ._title {
    padding: 0 0 0 460px;
  }
  .block-pople-detail-main,
  .block-pople-detail-main2 {
    position: relative;
  }
  .block-pople-detail-main:before,
  .block-pople-detail-main2:before {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0;
    height: 500px;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-detail-main img,
  .block-pople-detail-main2 img {
    width: 100%;
  }
  .block-pople-detail-main .block-inner,
  .block-pople-detail-main2 .block-inner {
    position: relative;
  }
  .block-pople-detail-main ._title,
  .block-pople-detail-main2 ._title {
    position: relative;
  }
  .block-pople-detail-main ._title h2 span,
  .block-pople-detail-main2 ._title h2 span {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.27;
    color: #333;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
  }
  .block-pople-detail-main ._texts ._copy,
  .block-pople-detail-main2 ._texts ._copy {
    margin-top: 20px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
  }
  .block-pople-detail-main ._texts ._doc,
  .block-pople-detail-main2 ._texts ._doc {
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-pople-detail-day {
    margin-top: 60px;
    position: relative;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-detail-day img {
    width: 100%;
  }
  .block-pople-detail-day .block-inner {
    position: relative;
  }
  .block-pople-detail-day ._image {
    position: absolute;
    top: 0px;
    left: -220px;
    width: 607px;
  }
  .block-pople-detail-day ._title {
    padding: 110px 0 70px 0;
  }
  .block-pople-detail-day ._title h2 {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
    color: #333;
  }
  .block-pople-detail-day ._title h2 span {
    display: inline-block;
    border-bottom: 1px solid #777;
    padding: 0 0 5px 0;
  }
  .block-pople-detail-day ._title ._lead {
    padding: 15px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.025em;
    color: #333;
    font-weight: bold;
  }
  .block-pople-detail-day ._inner {
    width: 900px;
    margin: 0 auto;
  }
  .mod-pople-detail-day-items {
    display: flex;
    gap: 30px;
    flex-direction: column;
  }
  .mod-pople-detail-day-item {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 3px #d8d8d8;
    padding: 20px;
  }
  .mod-pople-detail-day-item ._item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mod-pople-detail-day-item ._item-date {
    width: 110px;
    padding: 0 0 0 20px;
  }
  .mod-pople-detail-day-item ._item-date img {
    width: 100%;
  }
  .mod-pople-detail-day-item ._item-texts {
    flex: 1;
    border-left: 1px solid #D4D4D4;
    padding: 10px 50px;
  }
  .mod-pople-detail-day-item ._date {
    font-size: 24px;
    font-style: italic;
  }
  .mod-pople-detail-day-item ._ti {
    font-size: 18px;
    letter-spacing: 0.025em;
    color: #333;
    font-weight: bold;
  }
  .mod-pople-detail-day-item ._doc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.025em;
    color: #666;
  }
  .block-pople-column {
    position: relative;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-column img {
    width: 100%;
  }
  .block-pople-column .block-inner {
    position: relative;
  }
  .block-pople-column ._image {
    position: absolute;
    top: 0px;
    right: -280px;
    width: 607px;
  }
  .block-pople-column ._title {
    padding: 60px 0 70px 0;
  }
  .block-pople-column ._title h2 {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
    color: #333;
  }
  .block-pople-column ._title h2 span {
    display: inline-block;
    border-bottom: 1px solid #777;
    padding: 0 0 5px 0;
  }
  .block-pople-column ._inner {
    width: 496px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
  }
  .block-pople-column ._logo {
    width: 260px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .block-pople-column ._doc {
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-pople-navi {
    padding: 60px 0 140px;
  }
  .block-pople-navi ._inner {
    width: 600px;
    margin: 0 auto;
  }
  .mod-pople-navis {
    display: flex;
    justify-content: space-between;
  }
  .mod-pople-navi-perv {
    width: 200px;
    display: inline-block;
    position: relative;
    padding: 0 0 0 90px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-pople-navi-perv:hover {
    opacity: 0.8;
  }
  .mod-pople-navi-perv:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/recruit/info/images/icon/arrow_a4png.png) left top no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    transform: scale(-1, 1);
  }
  .mod-pople-navi-perv span {
    font-size: 24px;
    line-height: 3;
    color: #333;
  }
  .mod-pople-navi-perv.is-negative {
    opacity: 0.5;
    pointer-events: none;
  }
  .mod-pople-navi-next {
    width: 200px;
    display: inline-block;
    position: relative;
    padding: 0 90px 0 0;
    text-align: right;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-pople-navi-next:hover {
    opacity: 0.8;
  }
  .mod-pople-navi-next:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/recruit/info/images/icon/arrow_a4png.png) left top no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
  }
  .mod-pople-navi-next span {
    font-size: 24px;
    line-height: 3;
    color: #333;
  }
  .mod-pople-navi-next.is-negative {
    opacity: 0.5;
    pointer-events: none;
  }
  .block-talk-mv {
    padding: 0 0 100px 0;
  }
  .block-talk-mv img {
    width: 100%;
  }
  .block-talk-mv ._image {
    margin: 0 100px 0 0;
  }
  .block-talk-mv ._intro {
    position: relative;
    padding: 70px 0px 70px 0px;
    margin-left: -40px;
    display: flex;
    align-items: flex-start;
  }
  .block-talk-mv ._intro ._title {
    flex: 1;
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .block-talk-mv ._intro ._title h1 {
    font-size: 24px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #333;
  }
  .block-talk-mv ._intro ._title ._ja {
    font-size: 12px;
  }
  .block-talk-mv ._intro p {
    width: 800px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
  }
  .block-talk-mv ._lead {
    border-top: 1px solid #707070;
    padding-top: 50px;
    width: 800px;
    margin-left: auto;
  }
  .block-talk-mv ._lead ._t1 {
    font-size: 20px;
    line-height: 2.2;
    color: #333;
    font-weight: bold;
  }
  .block-talk-mv ._lead ._t2 {
    margin-top: 12px;
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-talk-mv ._profs {
    position: relative;
    padding-top: 50px;
    width: 800px;
    margin-left: auto;
  }
  .block-talk-mv h2 {
    position: absolute;
    top: 40px;
    left: -150px;
  }
  .block-talk-mv h2 span {
    display: inline-block;
    padding: 0 0 5px 0;
    font-size: 12px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #333;
  }
  .mod-talk-prof-items {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .mod-talk-prof-item {
    border-top: 1px solid #707070;
    position: relative;
    padding: 10px 0 50px 230px;
  }
  .mod-talk-prof-item ._item-image {
    width: 250px;
    position: absolute;
    top: 0px;
    left: -80px;
  }
  .mod-talk-prof-item ._item-image img {
    width: 100%;
  }
  .mod-talk-prof-item ._item-texts {
    padding: 40px 0 0 0;
  }
  .mod-talk-prof-item ._item-texts ._names {
    display: flex;
    align-items: center;
  }
  .mod-talk-prof-item ._item-texts ._name {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._domain {
    border-left: 1px solid #333;
    padding-left: 20px;
    margin-left: 20px;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._spec {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.71;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._doc {
    margin-top: 21px;
    font-size: 14px;
    line-height: 1.71;
    color: #666;
  }
  .mod-talk-prof-item ._btns {
    margin-top: 20px;
  }
  .mod-btn-talk-prof {
    display: block;
    width: 180px;
    background-color: #333;
    padding: 15px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-talk-prof:hover {
    opacity: 0.8;
  }
  .mod-btn-talk-prof:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a2_wh.png) left top no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
  .block-talk-bg {
    background-color: #FAF5F2;
    padding: 50px 0 0 0;
    position: relative;
  }
  .block-talk-bg ._pagelink {
    position: absolute;
    top: -25px;
    left: 0px;
    right: 0px;
  }
  .block-talk-bg ._image {
    width: 75vw;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: auto;
  }
  .block-talk-bg ._image img {
    width: 100%;
  }
  .block-talk-bg ._image2 {
    width: 75vw;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-right: auto;
  }
  .block-talk-bg ._image2 img {
    width: 100%;
  }
  .mod-common-pagelinks {
    background-color: #333;
    width: 776px;
    margin: 0 auto;
    display: flex;
    border-radius: 50px;
    gap: 30px;
    justify-content: center;
  }
  .mod-common-pagelinks.is-center {
    justify-content: center;
  }
  .mod-common-pagelinks.is-center li {
    flex: none;
    min-width: 240px;
    text-align: center;
  }
  .mod-common-pagelinks li {
    text-align: center;
    line-height: 1;
    position: relative;
  }
  .mod-common-pagelinks li span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 30px 20px 0px;
    position: relative;
    color: #fff;
  }
  .mod-common-pagelinks li span:before {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: "";
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .block-talk-main ._title {
    border-bottom: 1px solid #707070;
    padding: 80px 0 80px 0;
    text-align: center;
  }
  .block-talk-main ._title ._t1 span {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.024em;
    color: #333;
    border-radius: 50px;
    background-color: #fff;
    font-style: italic;
    padding: 15px 40px;
  }
  .block-talk-main ._title ._t2 {
    margin-top: 15px;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    line-height: 1.56;
    color: #333;
  }
  .block-talk-main ._title ._t3 {
    font-size: 20px;
    line-height: 2.2;
    font-weight: bold;
    color: #333;
  }
  .block-talk-main ._talks {
    padding: 80px 0 0 0;
  }
  .mod-talk-items {
    display: flex;
    gap: 50px;
    flex-direction: column;
  }
  .mod-talk-items ._note {
    position: relative;
    margin: 20px 0 0 200px;
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0.025em;
    color: #666;
  }
  .mod-talk-items ._note + ._note {
    margin-top: 0;
  }
  .mod-talk-items ._note:after {
    content: "＊";
    display: block;
    position: absolute;
    top: 0px;
    left: -20px;
    width: 20px;
  }
  .mod-talk-item {
    display: flex;
    background-color: #fff;
    padding: 50px 80px 50px 100px;
    margin: 0 0 0 50px;
    gap: 30px;
    position: relative;
  }
  .mod-talk-item ._item-image {
    position: absolute;
    top: 0px;
    left: -70px;
    width: 160px;
  }
  .mod-talk-item ._item-image img {
    width: 100%;
  }
  .mod-talk-item ._item-texts {
    display: flex;
  }
  .mod-talk-item ._item-texts ._name {
    width: 60px;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
  }
  .mod-talk-item ._item-texts ._doc {
    flex: 1;
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  /* ----------------------------------------------------------
  .area-modal
  ---------------------------------------------------------- */
  .area-modal-talk {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .area-modal-talk.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .area-modal-talk .mod-modal-btn-close {
    position: absolute;
    top: -50px;
    right: 0px;
  }
  .area-modal-talk ._modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .area-modal-talk ._modal-box {
    position: absolute;
    background: #000;
    box-sizing: border-box;
    width: 820px;
    height: 400px;
  }
  .area-modal-talk ._modal-body {
    position: absolute;
    inset: 0;
  }
  .area-modal-talk iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .block-modal-talk {
    width: 720px;
    height: 400px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .block-modal-talk ._title {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
  }
  .block-modal-talk ._doc {
    margin-top: 25px;
    font-size: 16px;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #fff;
  }
  .block-modal-talk ._close {
    margin-top: 20px;
    width: 80px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-modal-talk ._close img {
    width: 100%;
  }
  .block-modal-talk ._close:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  /* ----------------------------------------------------------
  block-common-mv
  ---------------------------------------------------------- */
  .block-common-mv {
    position: relative;
    background-color: #fff;
  }
  .block-common-mv img {
    width: 100%;
  }
  .block-common-mv ._image {
    position: relative;
  }
  .block-common-mv ._image img {
    height: 100px;
    object-fit: cover;
  }
  .block-common-mv ._texts {
    position: relative;
    padding: 5.1282051282vw;
    text-align: center;
  }
  .block-common-mv ._texts ._title {
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .block-common-mv ._texts ._title h1 {
    font-size: 4.1025641026vw;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 2.5641025641vw 0 0;
  }
  .block-common-mv ._texts ._title ._en {
    font-size: 2.5641025641vw;
  }
  .block-common-mv ._texts p {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
    line-height: 2;
    color: #333;
  }
  .block-common-mv ._names {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
  }
  .block-common-mv ._names b {
    font-size: 3.5897435897vw;
  }
  .mod-about-deco-grad {
    position: absolute;
    z-index: 10;
    width: 3.2051282051vw;
    height: 19.8717948718vw;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-new-deco-grad {
    position: absolute;
    z-index: 10;
    width: 3.2051282051vw;
    height: 19.8717948718vw;
    background: linear-gradient(#0565FF 0%, rgba(5, 101, 255, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-career-deco-grad {
    position: absolute;
    z-index: 10;
    width: 3.2051282051vw;
    height: 19.8717948718vw;
    background: linear-gradient(#0BB79D 0%, rgba(11, 183, 157, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-common-menu-items {
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .mod-common-menu-items img {
    width: 100%;
  }
  .mod-common-menu-item {
    color: #333;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-common-menu-item:hover {
    filter: brightness(1.1);
  }
  .mod-common-menu-item ._image {
    border-radius: 0.3846153846vw;
    overflow: hidden;
  }
  .mod-common-menu-item ._image img {
    transition-duration: 0.2s;
  }
  .mod-common-menu-item:hover {
    opacity: 0.8;
  }
  .mod-common-menu-item:hover img {
    transform: scale(1.1);
  }
  .mod-common-menu-item ._texts {
    position: relative;
    padding: 1.0256410256vw 0 0 5.7692307692vw;
  }
  .mod-common-menu-item ._texts:after {
    content: "";
    display: block;
    position: absolute;
    top: 2.5641025641vw;
    left: 0;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
  .mod-common-menu-item ._texts ._main {
    font-size: 3.5897435897vw;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-common-menu-item ._texts ._sub {
    margin-top: 0.5128205128vw;
    font-size: 1.2820512821vw;
    line-height: 1.85;
  }
  /* ----------------------------------------------------------
  block-common-next
  ---------------------------------------------------------- */
  .block-common-next {
    padding: 10.2564102564vw 15.3846153846vw 10.2564102564vw 15.3846153846vw;
  }
  .block-common-next img {
    width: 100%;
  }
  .block-common-next ._row-head {
    text-align: center;
  }
  .block-common-next ._row-head .u-en {
    font-size: 4.1025641026vw;
    line-height: 1.71;
    color: #999;
  }
  .block-common-next ._row-body {
    margin-top: 5.1282051282vw;
  }
  .mod-index-next-items {
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .mod-index-next-items img {
    width: 100%;
  }
  .mod-index-next-item {
    display: block;
    color: #333;
    transition-duration: 0.2s;
    cursor: pointer;
  }
  .mod-index-next-item.is-active {
    opacity: 0.3;
  }
  .mod-index-next-item ._item-image {
    position: relative;
    border-radius: 0.3846153846vw;
    overflow: hidden;
  }
  .mod-index-next-item ._item-image img {
    transition-duration: 0.2s;
  }
  .mod-index-next-item:hover {
    opacity: 0.8;
  }
  .mod-index-next-item:hover ._item-image img {
    transform: scale(1.1);
  }
  .mod-index-next-item ._item-texts {
    text-align: center;
    margin-top: 3.8461538462vw;
  }
  .mod-index-next-item p {
    font-size: 3.5897435897vw;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding: 0 0 0 5.7692307692vw;
  }
  .mod-index-next-item p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
  .mod-list {
    display: flex;
    gap: 1.5384615385vw;
    flex-direction: column;
  }
  .mod-list li {
    font-weight: bold;
    font-size: 3.5897435897vw;
    position: relative;
    padding-left: 1.5em;
    line-height: 2;
  }
  .mod-list li::before {
    content: ">";
    position: absolute;
    left: 0.3846153846vw;
    font-size: 2.5641025641vw;
    top: 1.2820512821vw;
  }
  .block-coming {
    padding: 133px 27px;
    background-color: #f8f8f8;
  }
  .block-coming p {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    line-height: 1.75;
  }
  /* ----------------------------------------------------------
  block-index-mv
  ---------------------------------------------------------- */
  .block-index-mv {
    position: relative;
    display: flex;
    gap: 6.4102564103vw;
    flex-direction: column;
  }
  .block-index-mv img {
    width: 100%;
  }
  .block-index-mv ._image {
    position: relative;
  }
  .block-index-mv ._image img {
    height: 45.1282051282vw;
    object-fit: cover;
  }
  .mod-bg-auto-scroll {
    height: 17.3076923077vw;
  }
  .mod-bg-auto-scroll div {
    background: url(/recruit/info/images/index/mv/p1.jpg) left top;
    background-size: 193.5897435897vw auto;
    width: 774.358974359vw;
    height: 100%;
    animation: keyf_loc1 50s linear 0s infinite;
  }
  .mod-bg-auto-scroll2 {
    height: 23.5897435897vw;
  }
  .mod-bg-auto-scroll2 div {
    background: url(/recruit/info/images/index/mv/p2.jpg) left top;
    background-size: 202.3076923077vw auto;
    width: 809.2307692308vw;
    height: 100%;
    animation: keyf_loc2 50s linear 0s infinite;
  }
  @keyframes keyf_loc1 {
    0% {
      transform: translate3d(0%, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  @keyframes keyf_loc2 {
    0% {
      transform: translate3d(-50%, 0, 0);
    }
    100% {
      transform: translate3d(0%, 0, 0);
    }
  }
  .mod-scroll-text1 {
    overflow: hidden;
    height: 12.8205128205vw;
  }
  .mod-scroll-text1 div {
    background: url(/recruit/info/images/index/scroll-t1.png?) left top;
    background-size: 147.4358974359vw auto;
    width: 589.7435897436vw;
    height: 100%;
    animation: keyf_loc2 15s linear 0s infinite;
  }
  /* ----------------------------------------------------------
  block-index-intro
  ---------------------------------------------------------- */
  .block-index-intro {
    position: relative;
    padding: 28.2051282051vw 0 14.1025641026vw;
  }
  .block-index-intro img {
    width: 100%;
  }
  .block-index-intro ._deco {
    position: absolute;
    top: 6.4102564103vw;
    left: 15.3846153846vw;
    width: 2.5641025641vw;
    height: 19.2307692308vw;
  }
  .block-index-intro .row1 {
    padding-left: 10.2564102564vw;
    position: relative;
  }
  .block-index-intro .row1 ._inner {
    position: relative;
  }
  .block-index-intro .row1 ._title {
    position: relative;
  }
  .block-index-intro .row1 ._title img {
    width: 84.6153846154vw;
  }
  .block-index-intro .row2 {
    position: relative;
    margin-top: 25.641025641vw;
    padding: 15.3846153846vw 7.6923076923vw 6.4102564103vw 10.2564102564vw;
    background: linear-gradient(#FFF2DF 0%, #fff 100%);
  }
  .block-index-intro .row2 ._image {
    position: absolute;
    top: 0;
    right: 0;
    width: 61.5384615385vw;
  }
  .block-index-intro .row2 ._texts h2 span {
    display: inline-block;
    font-size: 3.5897435897vw;
    line-height: 2;
    letter-spacing: -0.01em;
    color: #333;
    border-bottom: 1px solid #333;
    padding: 0 0 0.2564102564vw 0;
    font-style: italic;
  }
  .block-index-intro .row2 ._texts p {
    margin-top: 3.8461538462vw;
    font-weight: bold;
    font-size: 4.1025641026vw;
    letter-spacing: 0.03em;
    line-height: 2.25;
    text-align: left;
  }
  .block-index-bg {
    background: url(/recruit/info/images/index/main/sp/bg.jpg?2) center top no-repeat;
    background-size: 100% auto;
  }
  .block-index-main {
    position: relative;
    height: 210vw;
  }
  .block-index-main ._deco {
    display: none;
  }
  .block-index-main ._texts1 {
    position: absolute;
    top: 60vw;
    left: 10.2564102564vw;
  }
  .block-index-main ._texts2 {
    position: absolute;
    top: 160vw;
    left: 10.2564102564vw;
  }
  .mod-index-btns {
    padding: 1.2820512821vw 0 0 0;
  }
  .mod-index-btns ._name {
    font-size: 8.9743589744vw;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-style: italic;
    margin-left: -1.2820512821vw;
  }
  .mod-index-btns ._lead {
    margin-top: 1.9230769231vw;
    font-size: 3.0769230769vw;
    font-weight: 500;
    line-height: 1.85;
  }
  .mod-index-btns ._btn {
    position: absolute;
    top: 2.5641025641vw;
    left: 69.2307692308vw;
    display: block;
    padding: 3.8461538462vw 3.8461538462vw 3.8461538462vw 11.5384615385vw;
    font-size: 5.1282051282vw;
    font-weight: bold;
    line-height: 1.33;
    color: #333;
  }
  .mod-index-btns ._btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
  .block-index-links {
    padding: 0 0 29.4871794872vw 0;
  }
  .block-index-links ._name {
    font-weight: 500;
    font-style: italic;
    font-size: 2.3076923077vw;
    letter-spacing: 0.1em;
    text-align: right;
    margin-right: 7.6923076923vw;
    margin-bottom: 3.8461538462vw;
  }
  .block-index-links ._box + ._box {
    margin-top: 10.2564102564vw;
    margin-left: 0;
    margin-right: 5.1282051282vw;
  }
  .block-index-links ._box {
    margin-left: 5.1282051282vw;
    position: relative;
    background-color: #fff;
    padding: 12.8205128205vw 8.9743589744vw;
  }
  .block-index-links ._box ._deco {
    position: absolute;
    top: -6.4102564103vw;
    left: 12.8205128205vw;
    width: 2.5641025641vw;
    height: 17.0512820513vw;
  }
  .block-index-links ._cols {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .block-index-links ._cols ._col-title ._en {
    font-size: 8.9743589744vw;
    font-weight: 400;
    line-height: 1.12;
  }
  .block-index-links ._cols ._col-title ._ja {
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .block-index-links ._cols ._col-texts {
    flex: 1;
  }
  .mod-index-menu-items {
    display: flex;
    gap: 7.6923076923vw;
    flex-direction: column;
  }
  .mod-index-menu-items img {
    width: 100%;
  }
  .mod-index-menu-item {
    color: #333;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-index-menu-item ._image {
    border-radius: 0.641025641vw;
    overflow: hidden;
  }
  .mod-index-menu-item ._image img {
    transition-duration: 0.2s;
  }
  .mod-index-menu-item ._texts {
    margin-top: 2.5641025641vw;
    position: relative;
    padding: 1.2820512821vw 0 0 15.3846153846vw;
  }
  .mod-index-menu-item ._texts:after {
    content: "";
    display: block;
    position: absolute;
    top: 2.8205128205vw;
    left: 5.7692307692vw;
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 5.8974358974vw;
    height: 5.8974358974vw;
  }
  .mod-index-menu-item ._texts ._main {
    font-size: 5.1282051282vw;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-index-menu-item ._texts ._sub {
    margin-top: 0.8974358974vw;
    font-size: 1.7948717949vw;
    line-height: 1.85;
  }
  /* ----------------------------------------------------------
  block-about-main
  ---------------------------------------------------------- */
  .block-about-main {
    position: relative;
    overflow: hidden;
    padding: 21.1538461538vw 0 43.5897435897vw 0;
    background: url(/recruit/info/images/about/about/bg1.jpg) left bottom no-repeat;
    background-size: 100% auto;
  }
  .block-about-main ._deco {
    top: 0;
    left: -8.9743589744vw;
  }
  .block-about-main img {
    width: 100%;
  }
  .block-about-main ._bg {
    position: absolute;
    top: 5.1282051282vw;
    left: -128.2051282051vw;
    right: 12.8205128205vw;
    height: 98.4615384615vw;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
    transform: skew(25deg);
  }
  .block-about-main ._row-head h2 {
    position: relative;
    text-align: center;
  }
  .block-about-main ._row-head h2 ._t1 {
    font-size: 3.8461538462vw;
    line-height: 1.8;
    font-weight: bold;
  }
  .block-about-main ._row-head h2 ._t2 {
    font-size: 6.4102564103vw;
    line-height: 1.28;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-about-main ._row-body {
    margin-top: 12.8205128205vw;
    margin-left: -12.8205128205vw;
    margin-right: -12.8205128205vw;
  }
  .block-about-main ._row-body2 {
    margin-top: 12.8205128205vw;
  }
  .block-about-main ._row-body2 ._texts {
    text-align: center;
    margin-top: 6.4102564103vw;
  }
  .block-about-main ._row-body2 ._texts img {
    width: 26.5384615385vw;
  }
  .block-about-main ._row-body2 ._lead {
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.75;
  }
  .block-about-main ._row-body3 {
    margin-top: 12.8205128205vw;
  }
  .block-about-main ._row-body3 ._texts {
    text-align: center;
    margin-top: 3.8461538462vw;
  }
  .block-about-main ._row-body3 ._texts ._t1 {
    font-size: 3.5897435897vw;
    line-height: 1.62;
  }
  .block-about-main ._row-body3 ._texts ._t2 {
    margin-top: 10.2564102564vw;
    font-size: 4.6153846154vw;
    line-height: 1.19;
    font-weight: 400;
  }
  .block-about-main ._row-body3 ._keys {
    margin-top: 7.6923076923vw;
  }
  .block-about-main2 {
    position: relative;
  }
  .block-about-main2 ._deco {
    top: -35.8974358974vw;
    left: 88.4615384615vw;
  }
  .mod-about-main-h2 {
    position: relative;
    text-align: center;
  }
  .mod-about-main-h2 ._t {
    display: inline-block;
    font-size: 4.1025641026vw;
    font-weight: bold;
    padding: 0 0 1.0256410256vw 0;
    border-bottom: 1px solid #333;
  }
  .mod-about-main-map {
    position: relative;
    height: 117.4358974359vw;
  }
  .mod-about-keys {
    padding: 0 7.6923076923vw;
    display: flex;
    flex-wrap: wrap;
  }
  .mod-about-keys img {
    width: 100%;
  }
  .mod-about-keys > li {
    width: 50%;
    padding: 0 2.5641025641vw;
  }
  .mod-about-keys > li ._item-title {
    border-radius: 50%;
    width: 28.4615384615vw;
    height: 28.4615384615vw;
    margin: 0 auto;
    background: #F4F4F4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-about-keys > li ._item-title ._in {
    position: relative;
    text-align: center;
    padding: 0 0 1.5384615385vw 0;
  }
  .mod-about-keys > li ._item-title ._in ._t1 {
    font-size: 7.8205128205vw;
    line-height: 1.2;
    font-weight: bold;
  }
  .mod-about-keys > li ._item-title ._in ._t2 {
    font-size: 2.5641025641vw;
    font-weight: bold;
  }
  .mod-about-keys > li ._item-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5384615385vw;
    margin-top: 4.6153846154vw;
  }
  .mod-about-keys > li p {
    font-size: 3.0769230769vw;
    line-height: 1.71;
  }
  /* ----------------------------------------------------------
  block-about-bpo
  ---------------------------------------------------------- */
  .block-about-bpo {
    margin-top: -23.0769230769vw;
    padding: 39.7435897436vw 0 16.6666666667vw 0;
    position: relative;
    overflow: hidden;
  }
  .block-about-bpo img {
    width: 100%;
  }
  .block-about-bpo ._cate {
    position: absolute;
    top: 1.9230769231vw;
    left: 37.1794871795vw;
    font-size: 2.5641025641vw;
    text-align: right;
    font-weight: 500;
    line-height: 2.39;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-style: italic;
    z-index: 10;
  }
  .block-about-bpo ._bg {
    position: absolute;
    top: 10.2564102564vw;
    left: 12.8205128205vw;
    right: -128.2051282051vw;
    height: 98.4615384615vw;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
    transform: skew(-25deg);
  }
  .block-about-bpo ._row-head {
    position: relative;
    text-align: center;
  }
  .block-about-bpo ._row-head h2 {
    font-size: 6.4102564103vw;
    line-height: 1.28;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-about-bpo ._row-body2 {
    position: relative;
    margin-top: 8.9743589744vw;
  }
  .block-about-bpo ._texts {
    margin-top: 17.9487179487vw;
  }
  .mod-about-text-set {
    position: relative;
    padding: 0 5.1282051282vw;
  }
  .mod-about-text-set h3 {
    margin-top: 5.7692307692vw;
    display: flex;
    gap: 0.641025641vw;
    flex-direction: column;
    align-items: center;
  }
  .mod-about-text-set h3 span {
    font-size: 4.1025641026vw;
    line-height: 1.8;
    font-weight: bold;
    background: #fff;
    text-align: center;
    padding: 0 1.2820512821vw;
  }
  .mod-about-text-set p {
    margin-top: 3.2051282051vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  /* ----------------------------------------------------------
  block-about-bpo
  ---------------------------------------------------------- */
  .block-about-image1 {
    position: relative;
    z-index: 10;
  }
  .block-about-image1 img {
    width: 100%;
  }
  .block-about-image2 {
    position: relative;
    z-index: 10;
  }
  .block-about-image2 img {
    width: 100%;
  }
  .block-about-bg {
    background-color: #FAF5F2;
  }
  .block-about-bpo2 {
    padding: 2.5641025641vw 0 14.1025641026vw 0;
  }
  .block-about-bpo2 img {
    width: 100%;
  }
  .block-about-bpo2 ._texts {
    margin-top: 16.6666666667vw;
  }
  .block-about-bpo2 ._image1 {
    margin-top: 10.2564102564vw;
  }
  .mod-about-bpo-numbers {
    display: flex;
    gap: 2.5641025641vw;
    justify-content: center;
  }
  .mod-about-bpo-numbers ._col {
    width: 38.4615384615vw;
  }
  .mod-about-bpo-numbers ._col ._ti {
    display: flex;
    flex-direction: column;
    gap: 1.2820512821vw;
    align-items: center;
    text-align: center;
  }
  .mod-about-bpo-numbers ._col ._ti span {
    font-size: 3.8461538462vw;
    line-height: 1.4;
    background: #FAF5F1;
    padding: 0 1.2820512821vw 0 1.2820512821vw;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols {
    display: flex;
    gap: 2.5641025641vw;
    justify-content: center;
    align-items: center;
  }
  .mod-about-bpo-numbers ._col ._cols ._t2 {
    font-size: 4.1025641026vw;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols ._t3 {
    font-size: 25.641025641vw;
    font-weight: bold;
  }
  .mod-about-bpo-numbers ._col ._cols ._t4 {
    font-size: 6.4102564103vw;
    font-weight: bold;
  }
  .block-about-pro {
    padding: 2.5641025641vw 0 20.5128205128vw 0;
  }
  .block-about-pro img {
    width: 100%;
  }
  .block-about-pro ._items {
    margin-top: 5.7692307692vw;
  }
  .block-about-pro ._texts2 {
    margin-top: 12.8205128205vw;
  }
  .mod-about-pros {
    margin: 0 5.1282051282vw;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
  }
  .mod-about-pros > li {
    background-color: #fff;
    width: calc(50% - 5px);
  }
  .mod-about-pros ._item {
    padding: 2.5641025641vw;
    position: relative;
  }
  .mod-about-pros ._item img {
    display: block;
    margin-top: 1.2820512821vw;
  }
  .mod-about-pros ._item ._ti {
    font-size: 3.5897435897vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    height: 10.2564102564vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-about-persons {
    margin: 0 5.1282051282vw;
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .mod-about-persons ._item ._item-box {
    background-color: #fff;
    padding: 5.1282051282vw 5.1282051282vw 5.1282051282vw 5.1282051282vw;
    position: relative;
  }
  .mod-about-persons ._item ._ti {
    font-size: 4.1025641026vw;
    text-align: center;
    line-height: 1.44;
    font-weight: bold;
  }
  .mod-about-persons ._item ._item-image {
    margin-top: 2.5641025641vw;
  }
  .mod-about-persons ._item p {
    margin-top: 1.2820512821vw;
    font-size: 2.0512820513vw;
    font-weight: 500;
    line-height: 2;
  }
  .mod-about-deco-grad {
    position: absolute;
    z-index: 10;
    width: 6.4102564103vw;
    height: 39.7435897436vw;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .mod-about-deco-grad.is-mini {
    width: 1.2820512821vw;
    height: 7.6923076923vw;
  }
  /* ----------------------------------------------------------
  block-message-mv
  ---------------------------------------------------------- */
  .block-message-mv img {
    width: 100%;
  }
  .block-message-mv ._image {
    position: relative;
  }
  .block-message-mv ._texts {
    position: relative;
    margin-top: -8.9743589744vw;
  }
  .block-message-mv ._texts ._names {
    background: #fff;
    padding: 3.8461538462vw 6.4102564103vw 0 5.1282051282vw;
    display: inline-block;
  }
  .block-message-mv ._texts ._names ._in {
    display: flex;
    gap: 2.5641025641vw;
    align-items: center;
  }
  .block-message-mv ._texts ._names ._in ._en {
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.75;
    padding: 0 2.5641025641vw 0 0;
    border-right: 1px solid #707070;
  }
  .block-message-mv ._texts ._names ._in h1 {
    font-size: 3.0769230769vw;
    line-height: 1;
  }
  .block-message-mv ._texts ._message {
    padding: 6.4102564103vw 5.1282051282vw 6.4102564103vw 5.1282051282vw;
  }
  .block-message-mv ._texts ._message ._message-left ._copy {
    font-size: 4.1025641026vw;
    line-height: 1.56;
    font-weight: bold;
  }
  .block-message-mv ._texts ._message ._message-right {
    padding-top: 1.2820512821vw;
    display: flex;
    gap: 2.5641025641vw;
    align-items: center;
  }
  .block-message-mv ._texts ._message ._message-right ._job {
    font-size: 2.5641025641vw;
    line-height: 1.5;
  }
  .block-message-mv ._texts ._message ._message-right ._name {
    font-size: 4.1025641026vw;
    line-height: 2;
    font-weight: bold;
  }
  /* ----------------------------------------------------------
  block-message-main
  ---------------------------------------------------------- */
  .block-message-main-items {
    gap: 7.6923076923vw;
    flex-direction: column;
  }
  .block-message-main {
    position: relative;
    padding: 10.2564102564vw 5.1282051282vw 12.8205128205vw 5.1282051282vw;
    background: #FAF5F2;
  }
  .block-message-main img {
    width: 100%;
  }
  .block-message-main ._deco {
    position: absolute;
    top: 0;
    left: -10.2564102564vw;
  }
  .block-message-main ._image1 {
    margin: -7.6923076923vw 0 6.4102564103vw 0;
  }
  .block-message-main ._image2 {
    margin: -7.6923076923vw 0 6.4102564103vw 0;
  }
  .mod-message-main-cols {
    display: flex;
    gap: 7.6923076923vw;
    flex-direction: column;
  }
  .mod-message-main-cols h2 {
    text-align: center;
    font-size: 4.6153846154vw;
    line-height: 1.53;
    font-weight: bold;
  }
  .mod-message-main-cols h2 br {
    display: none;
  }
  .mod-message-main-cols ._col-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10.2564102564vw;
  }
  .mod-message-main-set {
    position: relative;
  }
  .mod-message-main-set h3 {
    display: inline-block;
    font-size: 3.5897435897vw;
    line-height: 1.66;
    background: #fff;
    padding: 1.2820512821vw 3.8461538462vw 1.2820512821vw 3.2051282051vw;
  }
  .mod-message-main-set p {
    margin-top: 5.1282051282vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .mod-message-main-set p._note {
    margin-top: 5.1282051282vw;
    font-weight: normal;
    font-size: 3.0769230769vw;
    line-height: 2;
    text-align: left;
    color: #666;
  }
  body.page-about-business {
    background-color: #FAF5F1;
  }
  /* ----------------------------------------------------------
  .block-default
  ---------------------------------------------------------- */
  .block-about-business-main {
    padding: 10.2564102564vw 5.1282051282vw 3.8461538462vw 5.1282051282vw;
    position: relative;
  }
  .block-about-business-main img {
    width: 100%;
  }
  .block-about-business-main ._cols {
    margin-top: 5.1282051282vw;
  }
  .block-about-business-main ._cols ._col-image {
    z-index: 10;
  }
  .block-about-business-main ._cols ._col-texts {
    position: relative;
    background-color: #fff;
    padding: 5.1282051282vw;
  }
  .block-about-business-main ._cols ._col-texts ._in {
    position: relative;
  }
  .block-about-business-main h2 {
    text-align: center;
  }
  .block-about-business-main h2 span {
    display: inline-block;
    font-size: 3.8461538462vw;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #333;
    font-style: italic;
    padding: 0 0 0.641025641vw 0;
    border-bottom: 1px solid #777;
  }
  .block-about-business-main ._btns2 {
    margin-top: 3.8461538462vw;
  }
  .block-about-business-main ._btns {
    margin-top: 3.8461538462vw;
    background-color: #fff;
    padding: 3.8461538462vw;
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .block-about-business-main ._btns h4 {
    background-color: #333;
    color: #fff;
    padding: 2.5641025641vw;
    border-radius: 0.641025641vw;
    text-align: center;
    line-height: 1.75;
    font-size: 3.5897435897vw;
  }
  .block-about-business-main ._btns ul {
    margin-top: 2.5641025641vw;
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .block-about-business-main ._btns a {
    display: block;
    color: #333;
    font-size: 3.5897435897vw;
    text-decoration: underline;
    position: relative;
    padding-left: 5.1282051282vw;
  }
  .block-about-business-main ._btns a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/recruit/info/images/icon/arrow_a.png) left top no-repeat;
    background-size: contain;
    width: 4.6153846154vw;
    height: 4.6153846154vw;
  }
  .mod-about-business-texts h3 {
    text-align: center;
  }
  .mod-about-business-texts h3 > span {
    background-color: #EAE4E1;
    padding: 1.2820512821vw;
    display: inline-block;
    font-size: 5.3846153846vw;
    font-weight: bold;
    line-height: 1;
    color: #333;
  }
  .mod-about-business-texts h3 > span > span {
    font-size: 3.5897435897vw;
  }
  .mod-about-business-texts ._copy {
    text-align: center;
    margin-top: 2.9487179487vw;
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.41;
    color: #333;
  }
  .mod-about-business-texts ._doc {
    margin-top: 2.3076923077vw;
    font-size: 3.5897435897vw;
    line-height: 2;
    color: #333;
  }
  .mod-about-business-texts h4 {
    border-top: 1px solid #D2D2D2;
    margin-top: 3.8461538462vw;
    padding-top: 3.8461538462vw;
    font-size: 3.5897435897vw;
    line-height: 1.71;
    font-weight: bold;
    color: #666;
  }
  .mod-about-business-texts ._ser {
    margin-top: 1.4102564103vw;
    font-size: 3.5897435897vw;
    line-height: 1.71;
    color: #666;
  }
  .mod-btn-about-business {
    display: block;
    width: 64.1025641026vw;
    margin: 0 auto;
    font-size: 3.5897435897vw;
    line-height: 1.66;
    color: #fff;
    background-color: #333;
    text-align: center;
    font-weight: bold;
    padding: 2.5641025641vw 0;
    position: relative;
    border-radius: 0.641025641vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-about-business:hover {
    opacity: 0.8;
  }
  .mod-btn-about-business:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3.8461538462vw;
    transform: translate(0, -50%);
    background: url(/recruit/info/common/images/icon/arrow_a2_wh.png) left top no-repeat;
    background-size: contain;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
  /* ----------------------------------------------------------
  block-mission-main
  ---------------------------------------------------------- */
  .block-mission-main {
    position: relative;
    padding: 0 0 10.2564102564vw 0;
  }
  .block-mission-main img {
    width: 100%;
  }
  .block-mission-main ._bg {
    position: absolute;
    top: 10.2564102564vw;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(#FEEACD 0%, #fff 100%);
  }
  .mod-mission-main-set {
    position: relative;
  }
  .mod-mission-main-set ._p1,
  .mod-mission-main-set ._p2,
  .mod-mission-main-set ._p3 {
    margin-left: 46.1538461538vw;
    margin-right: -25.641025641vw;
  }
  .mod-mission-set {
    margin-top: -19.2307692308vw;
    padding: 7.6923076923vw 3.8461538462vw 7.6923076923vw 6.4102564103vw;
  }
  .mod-mission-set h3 {
    font-size: 8.9743589744vw;
    letter-spacing: -0.05em;
    font-weight: 300;
    font-style: italic;
  }
  .mod-mission-set ._lead {
    margin-top: 3.8461538462vw;
    font-size: 4.6153846154vw;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-mission-set ._doc {
    margin-top: 3.8461538462vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .mod-mission-set ._doc2 {
    margin-top: 3.8461538462vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .block-mission-image img {
    width: 100%;
  }
  /* ----------------------------------------------------------
  block-mission-concept
  ---------------------------------------------------------- */
  .block-mission-concept {
    background: #FAF5F2;
    padding: 10.2564102564vw 5.1282051282vw 15.3846153846vw 5.1282051282vw;
  }
  .block-mission-concept img {
    width: 100%;
  }
  .block-mission-concept ._cols {
    display: flex;
    gap: 20px;
    flex-direction: column;
    text-align: center;
  }
  .block-mission-concept ._cols h2 {
    font-size: 7.6923076923vw;
    font-weight: 400;
    color: #333;
    font-style: italic;
  }
  .block-mission-concept ._cols ._t2 {
    font-size: 4.1025641026vw;
    line-height: 1;
    font-weight: bold;
    color: #333;
    padding: 1.2820512821vw 2.5641025641vw 1.2820512821vw 2.5641025641vw;
    background: #fff;
  }
  .block-mission-concept ._image {
    margin-top: 7.6923076923vw;
  }
  .block-mission-concept ._texts {
    margin-top: 8.9743589744vw;
  }
  .block-mission-concept ._texts p {
    font-size: 3.5897435897vw;
    line-height: 2;
    color: #333;
  }
  /* ----------------------------------------------------------
  block-training-main
  ---------------------------------------------------------- */
  .block-training-bg {
    background: #FAF5F1;
  }
  .block-training-main {
    padding: 10.2564102564vw 5.1282051282vw 6.4102564103vw 5.1282051282vw;
    position: relative;
  }
  .block-training-main img {
    width: 100%;
  }
  .block-training-main ._boxes {
    display: flex;
    flex-direction: column;
    gap: 3.8461538462vw;
  }
  .block-training-main ._bg {
    position: absolute;
    top: 16.6666666667vw;
    left: -12.8205128205vw;
    right: -12.8205128205vw;
    height: 100vw;
    background: linear-gradient(#FEEACD 0%, #FAF5F1 100%);
    transform: skew(25deg);
  }
  .block-training-main ._body {
    position: relative;
  }
  .block-training-main ._title {
    position: relative;
  }
  .block-training-main ._title h2 {
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    padding: 3.8461538462vw;
    text-align: center;
  }
  .block-training-main ._title ._lead {
    margin-top: 6.4102564103vw;
    font-size: 3.5897435897vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.7;
    color: #333;
  }
  .block-training-main ._fig1 {
    margin: 0 auto;
    margin-top: 6.4102564103vw;
    width: 90.2564102564vw;
  }
  .block-training-main ._fig2 {
    margin: 0 auto;
    margin-top: 10.2564102564vw;
    width: 92.5641025641vw;
  }
  .block-training-main2 {
    padding: 5.1282051282vw 5.1282051282vw 12.8205128205vw 5.1282051282vw;
  }
  .block-training-main2 img {
    width: 100%;
  }
  .block-training-main2 .block-inner {
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .block-training-main2 ._cols {
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .mod-training-box {
    padding: 7.6923076923vw 6.4102564103vw 6.4102564103vw 6.4102564103vw;
    background-color: #fff;
  }
  .mod-training-box h3 {
    text-align: center;
  }
  .mod-training-box h3 span {
    display: inline-block;
    font-size: 4.6153846154vw;
    font-weight: bold;
    line-height: 1.25;
    color: #333;
    padding: 1.2820512821vw 2.5641025641vw;
    border-bottom: 1px solid #333;
  }
  .mod-training-box ._title {
    margin-top: 5.7692307692vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
    color: #333;
    text-align: center;
    font-weight: bold;
  }
  .mod-training-box ._link {
    margin-top: 2.5641025641vw;
    line-height: 1.75;
    background-color: rgba(65, 50, 163, 0.05);
    padding: 10px;
  }
  .mod-training-box ._link.is-hide {
    background-color: transparent;
  }
  .mod-training-box ._link a {
    display: block;
    padding-left: 4.6153846154vw;
    position: relative;
    color: #4132a3;
    text-decoration: underline;
  }
  .mod-training-box ._link a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.641025641vw;
    left: 0;
    background: url(/recruit/info/images/icon/arrow_a.png) left top no-repeat;
    background-size: contain;
    width: 4.6153846154vw;
    height: 4.6153846154vw;
  }
  .mod-training-box ._doc {
    margin-top: 2.4358974359vw;
    font-size: 3.5897435897vw;
    line-height: 2;
    color: #333;
  }
  .mod-training-box ._image {
    margin-top: 5.1282051282vw;
  }
  /* ----------------------------------------------------------
  block-workplace-main
  ---------------------------------------------------------- */
  .block-workplace-main {
    padding: 12.8205128205vw 5.1282051282vw 15.3846153846vw 5.1282051282vw;
    background: #FAF5F1;
  }
  .block-workplace-main + .block-workplace-main {
    margin-top: 6.4102564103vw;
  }
  .block-workplace-main img {
    width: 100%;
  }
  .block-workplace-main h2 {
    text-align: center;
    position: relative;
  }
  .block-workplace-main h2 ._deco {
    position: absolute;
    top: -2.5641025641vw;
    left: 50%;
    width: 0.641025641vw;
    height: 5.1282051282vw;
  }
  .block-workplace-main h2 span {
    display: block;
    font-size: 3.5897435897vw;
    line-height: 1.42;
    font-weight: bold;
    background: #fff;
    padding: 3.8461538462vw 0 3.8461538462vw 0;
  }
  .block-workplace-main p {
    margin-top: 6.4102564103vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .block-workplace-main ._bg {
    margin-top: 12.8205128205vw;
  }
  .block-workplace-main ._bg2 {
    margin-top: 12.8205128205vw;
  }
  .block-workplace-main ._set {
    position: relative;
  }
  .block-workplace-main ._set h2 {
    font-size: 4.1025641026vw;
    text-align: center;
    display: block;
    line-height: 1.42;
    font-weight: bold;
    background: #fff;
    padding: 3.8461538462vw 6.4102564103vw 3.8461538462vw 3.8461538462vw;
  }
  .mod-workplace-main-cols2 {
    margin-top: 5.1282051282vw;
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .mod-workplace-main-cols {
    display: flex;
    gap: 1.2820512821vw;
    margin-top: 1.2820512821vw;
  }
  .mod-workplace-main-cols ._col {
    flex: 1;
    background: #fff;
    padding: 3.8461538462vw 3.8461538462vw 5.1282051282vw 3.8461538462vw;
  }
  .mod-workplace-main-cols h3 {
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .mod-workplace-main-cols p {
    margin-top: 1.2820512821vw;
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .block-workplace-images {
    display: flex;
    flex-wrap: wrap;
  }
  .block-workplace-images > img {
    width: 50%;
  }
  .block-new-index-bg {
    background: url(/recruit/info/images/new/index/sp/mv.jpg?2) center top no-repeat;
    background-size: 100% auto;
  }
  .block-career-index-bg {
    background: url(/recruit/info/images/career/index/sp/mv.jpg?3) center top no-repeat;
    background-size: 100% auto;
  }
  /* ----------------------------------------------------------
  block-new-index-main
  ---------------------------------------------------------- */
  .block-new-index-main {
    padding: 70.5128205128vw 7.6923076923vw 7.6923076923vw 5.1282051282vw;
  }
  .block-new-index-main img {
    width: 100%;
  }
  .block-new-index-main .texts img {
    width: 64.1025641026vw;
  }
  .block-new-index-main .texts ._ja {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
    line-height: 2.22;
  }
  .block-new-index-main .texts ._n {
    margin-top: 2.5641025641vw;
    font-size: 3.0769230769vw;
    line-height: 2.4;
    letter-spacing: 0.1em;
  }
  .block-new-index-message {
    display: block;
    padding: 5.1282051282vw;
  }
  .block-new-index-message img {
    width: 100%;
  }
  .block-new-index-message ._texts {
    position: relative;
    padding: 3.8461538462vw 0 0 12.8205128205vw;
    color: #333;
  }
  .block-new-index-message ._texts:after {
    content: "";
    margin: 2.5641025641vw 0 0 0;
    display: block;
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 8.9743589744vw;
    height: 8.9743589744vw;
    position: absolute;
    top: 5.1282051282vw;
    right: 5.1282051282vw;
  }
  .block-new-index-message ._texts h2 {
    font-size: 8.9743589744vw;
    font-weight: 400;
    font-style: italic;
    line-height: 1.12;
    color: #333;
  }
  .block-new-index-message ._texts ._title {
    margin-top: 1.5384615385vw;
    font-size: 4.1025641026vw;
    font-weight: 500;
    line-height: 1.66;
    color: #333;
  }
  .block-new-index-message ._texts ._lead {
    margin-top: 1.6666666667vw;
    font-size: 3.5897435897vw;
    line-height: 1.85;
    color: #333;
  }
  .block-new-index-people {
    display: block;
    padding: 5.1282051282vw;
  }
  .block-new-index-people img {
    width: 100%;
  }
  .block-new-index-people ._texts {
    position: relative;
    padding: 3.8461538462vw 0 0 12.8205128205vw;
    color: #333;
  }
  .block-new-index-people ._texts:after {
    content: "";
    margin: 2.5641025641vw 0 0 0;
    display: block;
    background: url(/recruit/info/images/icon/arrow_a4.png) left top no-repeat;
    background-size: contain;
    width: 8.9743589744vw;
    height: 8.9743589744vw;
    position: absolute;
    top: 5.1282051282vw;
    right: 5.1282051282vw;
  }
  .block-new-index-people ._texts h2 {
    font-size: 8.9743589744vw;
    font-weight: 400;
    font-style: italic;
    line-height: 1.12;
    color: #333;
  }
  .block-new-index-people ._texts ._title {
    margin-top: 1.2820512821vw;
    font-size: 4.1025641026vw;
    font-weight: 500;
    line-height: 1.66;
    color: #333;
  }
  .block-new-index-people ._texts ._name {
    margin-top: 1.2820512821vw;
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 1.66;
    color: #333;
  }
  .block-new-index-people ._texts ._lead {
    margin-top: 1.6666666667vw;
    font-size: 3.5897435897vw;
    line-height: 1.85;
    color: #333;
  }
  .block-new-index-talk {
    position: relative;
    padding: 5.1282051282vw 12.8205128205vw;
  }
  .block-new-index-talk.is-career:before {
    background: linear-gradient(rgba(5, 195, 165, 0.5) 0%, rgba(5, 195, 165, 0) 100%);
  }
  .block-new-index-talk.is-career .mod-new-index-talk-item h3 {
    background: linear-gradient(90deg, #05C3A5 0%, #fff 100%);
  }
  .block-new-index-talk:before {
    content: "";
    display: block;
    position: absolute;
    top: 11.5384615385vw;
    left: -12.8205128205vw;
    right: 12.8205128205vw;
    bottom: -6.4102564103vw;
    background: linear-gradient(rgba(0, 98, 255, 0.25) 0%, rgba(0, 98, 255, 0) 100%);
    transform: skew(-25deg);
    z-index: -1;
  }
  .block-new-index-talk img {
    width: 100%;
  }
  .block-new-index-talk h2 {
    font-size: 8.9743589744vw;
    font-weight: 500;
    line-height: 1.12;
    color: #333;
    font-style: italic;
    text-align: right;
    padding: 3.8461538462vw 7.6923076923vw;
  }
  .mod-new-index-talk-items {
    margin-top: 5.1282051282vw;
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .mod-new-index-talk-item {
    position: relative;
  }
  .mod-new-index-talk-item h3 {
    position: absolute;
    top: -12.8205128205vw;
    left: 0;
    display: inline-block;
    font-size: 3.8461538462vw;
    font-weight: 500;
    padding: 1.2820512821vw 2.5641025641vw;
    line-height: 1.5;
    color: #033333;
    font-style: italic;
    background: linear-gradient(90deg, #0062ff 0%, #fff 100%);
    transform-origin: left bottom;
    transform: rotate(90deg);
    z-index: 10;
  }
  .mod-new-index-talk-item ._item-image {
    overflow: hidden;
  }
  .mod-new-index-talk-item ._item-image img {
    width: 100%;
    transition-duration: 0.2s;
  }
  .mod-new-index-talk-item ._item-texts {
    margin-top: 3.8461538462vw;
    text-align: center;
  }
  .mod-new-index-talk-item ._item-texts p {
    display: inline-block;
    font-size: 3.5897435897vw;
    font-weight: 700;
    line-height: 1.66;
    color: #333;
    position: relative;
    padding-left: 5.1282051282vw;
  }
  .mod-new-index-talk-item ._item-texts p:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
  /* ----------------------------------------------------------
  block-new-index-menu
  ---------------------------------------------------------- */
  .block-new-index-menu {
    padding: 5.1282051282vw 12.8205128205vw 5.1282051282vw 12.8205128205vw;
  }
  .block-new-index-menu img {
    width: 100%;
  }
  .block-new-index-menu h2 {
    font-size: 5.1282051282vw;
    line-height: 2.75;
    letter-spacing: 0.1em;
    text-align: center;
  }
  /* ----------------------------------------------------------
  block-new-index-image
  ---------------------------------------------------------- */
  @keyframes keyf_new_loc1 {
    0% {
      transform: translate3d(0%, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  /*
  .block{PID}{ID}// IMG100 h291 BD
    img[src=/recruit/info/images/new/index/deco1.jpg]//
  */
  /* ----------------------------------------------------------
  block-new-index-links
  ---------------------------------------------------------- */
  .block-new-index-links {
    position: relative;
    padding: 10.2564102564vw 12.8205128205vw 11.5384615385vw 12.8205128205vw;
    background: #F0F5FE;
    margin-top: 21.7948717949vw;
  }
  .block-new-index-links.is-career {
    background: #DAF6F2;
  }
  .block-new-index-links img {
    width: 100%;
  }
  .block-new-index-links ._deco {
    position: absolute;
    top: -8.5897435897vw;
    left: 8.5897435897vw;
    width: 2.5641025641vw;
    height: 17.0512820513vw;
  }
  .block-new-index-links2 {
    position: relative;
    padding: 10.2564102564vw 12.8205128205vw 11.5384615385vw 12.8205128205vw;
  }
  .block-new-index-links2 img {
    width: 100%;
  }
  .block-new-index-links2 ._deco {
    position: absolute;
    top: -8.5897435897vw;
    left: 8.5897435897vw;
    width: 2.5641025641vw;
    height: 17.0512820513vw;
  }
  .mod-new-index-links-cols {
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .mod-new-index-links-cols ._en {
    font-size: 8.9743589744vw;
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 400;
  }
  .mod-new-index-links-cols h2 {
    margin-top: 0.8974358974vw;
    font-size: 3.0769230769vw;
    line-height: 1.66;
    font-weight: bold;
  }
  .mod-new-index-links-cols ._col-texts {
    flex: 1;
    padding: 1.2820512821vw 0;
  }
  .mod-common-menu-links {
    display: flex;
    flex-direction: column;
    gap: 2.5641025641vw;
  }
  .mod-common-menu-links.is-new a {
    background: #F0F5FE;
  }
  .mod-common-menu-links.is-career a {
    background: #E5F9F6;
  }
  .mod-common-menu-links a {
    display: block;
    font-size: 3.5897435897vw;
    line-height: 1.5;
    font-weight: bold;
    background: #fff;
    padding: 2.9487179487vw 3.8461538462vw;
    border-radius: 0.641025641vw;
    color: #333;
    position: relative;
    cursor: pointer;
  }
  .mod-common-menu-links a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3.8461538462vw;
    transition-duration: 0.2s;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a3.png) left top no-repeat;
    background-size: contain;
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
  .block-new-index-entry {
    margin-right: 5.1282051282vw;
    position: relative;
    cursor: pointer;
  }
  .block-new-index-entry img {
    width: 100%;
  }
  .block-new-index-entry ._t {
    font-style: italic;
    font-size: 4.1025641026vw;
    letter-spacing: 0.1em;
    line-height: 2.39;
    text-align: right;
    color: #333;
    font-weight: bold;
  }
  .block-new-message-mv img {
    width: 100%;
  }
  .block-new-message-mv ._intro {
    position: relative;
    padding: 5.1282051282vw;
    display: flex;
    gap: 3.8461538462vw;
    flex-direction: column;
  }
  .block-new-message-mv ._intro ._title {
    flex: 1;
    display: flex;
    gap: 5.7692307692vw;
    align-items: center;
  }
  .block-new-message-mv ._intro ._title h1 {
    font-size: 4.6153846154vw;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 3.8461538462vw 0 0;
    border-right: 0.2564102564vw solid #333;
  }
  .block-new-message-mv ._intro ._title ._ja {
    font-size: 2.3076923077vw;
  }
  .block-new-message-mv ._intro p {
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.5;
  }
  .block-new-message-main {
    background-color: #F0F5FE;
    position: relative;
  }
  .block-new-message-main ._profs {
    padding: 3.8461538462vw 3.8461538462vw 0 3.8461538462vw;
  }
  .block-new-message-main ._main {
    margin-top: 9.6153846154vw;
  }
  .block-new-message-main ._main ._copy {
    position: relative;
    padding: 10.2564102564vw 0;
    font-size: 4.6153846154vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.35;
    color: #333;
    background: #fff;
  }
  .block-new-message-main ._main ._copy span {
    position: relative;
  }
  .block-new-message-main ._main ._copy2 {
    padding: 13.4615384615vw 0;
    font-size: 4.1025641026vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    color: #333;
  }
  .block-new-message-main img {
    width: 100%;
  }
  .mod-new-message-prop-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mod-new-message-prop-items > li {
    width: 30%;
  }
  .mod-new-message-prop-item ._item-image img {
    width: 100%;
  }
  .mod-new-message-prop-item ._item-texts ._name {
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 2;
    color: #333;
  }
  .mod-new-message-prop-item ._item-texts ._job {
    font-size: 3.0769230769vw;
    line-height: 1.71;
    color: #666;
  }
  .mod-new-message-items {
    display: flex;
    gap: 12.8205128205vw;
    flex-direction: column;
    margin: 0 5.1282051282vw 0 17.9487179487vw;
  }
  .mod-new-message-items ._note {
    position: relative;
    margin: 3.8461538462vw 0 0 12.8205128205vw;
    font-size: 3.0769230769vw;
    line-height: 1.85;
    letter-spacing: 0.025em;
    color: #666;
  }
  .mod-new-message-items ._note + ._note {
    margin-top: 0;
  }
  .mod-new-message-items ._note:after {
    content: "＊";
    display: block;
    position: absolute;
    top: 0;
    left: -3.8461538462vw;
    width: 3.8461538462vw;
  }
  .mod-new-message-item {
    display: flex;
    position: relative;
    gap: 5.1282051282vw;
    padding: 5.1282051282vw;
    background-color: #fff;
  }
  .mod-new-message-item ._item-image {
    position: absolute;
    top: -9.6153846154vw;
    left: -16.0256410256vw;
    width: 25.641025641vw;
  }
  .mod-new-message-item ._item-image img {
    width: 100%;
  }
  .mod-new-message-item ._item-texts {
    position: relative;
  }
  .mod-new-message-item ._item-texts ._name {
    position: absolute;
    top: -14.1025641026vw;
    left: 7.6923076923vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    padding: 0.5128205128vw 3.8461538462vw;
    background-color: #DEE1E8;
    border-radius: 9.6153846154vw;
  }
  .mod-new-message-item ._item-texts ._doc {
    flex: 1;
    font-size: 3.5897435897vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-new-faq-main {
    padding: 10.2564102564vw 5.1282051282vw;
    position: relative;
    background-color: #F0F5FE;
  }
  .block-career-faq-main {
    padding: 10.2564102564vw 5.1282051282vw;
    position: relative;
    background-color: #E5F9F6;
  }
  .mod-toggle-list {
    display: flex;
    flex-direction: column;
  }
  .mod-toggle-list.is-career .mod-toggle ._body:before {
    color: #05C3A5;
  }
  .mod-toggle {
    background: #fff;
    padding: 2.5641025641vw 3.2051282051vw;
    border-radius: 0.641025641vw;
  }
  .mod-toggle ._head {
    position: relative;
    cursor: pointer;
    padding: 2.5641025641vw 2.5641025641vw 3.8461538462vw 11.5384615385vw;
    font-weight: 500;
    font-size: 3.5897435897vw;
    line-height: 2;
    text-align: left;
    color: #333;
  }
  .mod-toggle ._head .mod-toggle-icon {
    position: absolute;
    top: 3.8461538462vw;
    right: 2.5641025641vw;
  }
  .mod-toggle ._head:before {
    content: "Q";
    display: block;
    position: absolute;
    top: 6.4102564103vw;
    left: 1.9230769231vw;
    font-size: 9.2307692308vw;
    font-family: "Roboto Condensed";
    font-weight: bold;
    transform: translate(0, -50%);
  }
  .mod-toggle ._body {
    border-top: 1px solid #aaa;
    padding: 3.8461538462vw 6.4102564103vw 3.8461538462vw 11.5384615385vw;
    position: relative;
    display: none;
  }
  .mod-toggle ._body p {
    font-size: 3.5897435897vw;
    line-height: 2;
    text-align: left;
  }
  .mod-toggle ._body:before {
    content: "A";
    display: block;
    position: absolute;
    top: 50%;
    left: 1.9230769231vw;
    transform: translate(0, -50%);
    font-size: 9.2307692308vw;
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #709FF6;
  }
  .mod-toggle a {
    color: #05C3A5;
  }
  .mod-toggle-icon {
    --boxW:$w30;
    --boxH:$w30;
    --bar:$w16;
    --thick:1px;
    position: relative;
    width: var(--boxW);
    height: var(--boxH);
    background-color: #333;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-toggle-icon.is-fill {
    background-color: #333;
  }
  .mod-toggle-icon.is-fill:before, .mod-toggle-icon.is-fill:after {
    background: #fff;
  }
  .mod-toggle-icon.is-small {
    --boxW:$w30;
    --boxH:$w30;
    --bar:$w19;
    --thick:1px;
  }
  .mod-toggle-icon:before, .mod-toggle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    /* transform: rotate(-45deg); */
  }
  .mod-toggle-icon:after {
    transform: rotate(90deg);
  }
  .js-toggle-open .mod-toggle-icon:after {
    display: none;
  }
  .mod-toggle-icon:hover {
    opacity: 0.8;
  }
  /* ----------------------------------------------------------
  block-career-info-fex3fy
  ---------------------------------------------------------- */
  .block-career-info-main {
    padding: 12.8205128205vw 5.1282051282vw 15.3846153846vw 5.1282051282vw;
    background: #E5F9F6;
  }
  .block-career-info-main img {
    width: 100%;
  }
  .mod-career-info-items {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .mod-career-info-items img {
    width: 100%;
  }
  .mod-career-info-items > li {
    width: calc(50% - 5px);
  }
  .mod-career-info-items a._item:before {
    content: "";
    display: block;
    position: absolute;
    top: 2.5641025641vw;
    right: 2.5641025641vw;
    background: url(/recruit/info/common/images/icon/blank.png) left top no-repeat;
    background-size: contain;
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
  .mod-career-info-items ._item {
    display: block;
    position: relative;
    background: #fff;
    text-align: center;
    padding: 6.4102564103vw 2.5641025641vw 2.5641025641vw 2.5641025641vw;
    color: #333;
  }
  .mod-career-info-items ._item:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.5641025641vw;
    right: 2.5641025641vw;
    background: url(/recruit/info/common/images/icon/blank.png) left top no-repeat;
    background-size: contain;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
  .mod-career-info-items ._item h3 {
    margin: 0 0 2.5641025641vw 0;
    font-size: 3.5897435897vw;
    line-height: 1.3;
    font-weight: 400;
  }
  .mod-career-info-items ._item p {
    text-align: center;
    font-size: 2.8205128205vw;
  }
  .mod-career-info-items ._item img {
    margin-top: 10px;
  }
  body.page-career-massage {
    background-color: #E5F9F6;
  }
  .block-info-career-message-main {
    position: relative;
    padding: 5.1282051282vw;
  }
  .block-info-career-message-main .block-inner {
    position: relative;
    display: flex;
    gap: 5.1282051282vw;
    flex-direction: column;
  }
  .block-info-career-message-main ._copy {
    font-size: 5.3846153846vw;
    font-weight: bold;
    line-height: 1.56;
    color: #333;
    text-align: center;
    position: relative;
    padding: 7.6923076923vw 2.5641025641vw;
    background: #fff;
  }
  .block-info-career-message-main ._copy span {
    position: relative;
  }
  .block-info-career-message-main ._box {
    position: relative;
    background: #fff;
    padding: 12.8205128205vw 5.1282051282vw;
  }
  .block-info-career-message-main ._box .mod-career-deco-grad {
    position: absolute;
    top: -12.8205128205vw;
    left: 0;
    width: 2.5641025641vw;
    height: 17.9487179487vw;
  }
  .block-info-career-message-main ._box ._box-inner {
    position: relative;
    margin: 0 auto;
  }
  .block-info-career-message-main ._box ._copy2 {
    display: flex;
    gap: 1.2820512821vw;
    margin-left: 5.1282051282vw;
    flex-direction: column;
    align-items: flex-start;
  }
  .block-info-career-message-main ._box ._copy2 span {
    display: block;
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1;
    padding: 1.2820512821vw;
    color: #333;
    background-color: #E5F9F6;
  }
  .block-info-career-message-main ._box ._doc {
    margin-top: 5.1282051282vw;
    font-size: 3.5897435897vw;
    line-height: 2;
    color: #333;
  }
  body.page-people {
    background-color: #FAF5F1;
  }
  .block-people-index {
    padding: 5.1282051282vw 5.1282051282vw 23.0769230769vw 5.1282051282vw;
  }
  .block-people-index ._lead {
    font-size: 3.5897435897vw;
    text-align: center;
    line-height: 2;
    color: #333;
    margin-bottom: 5.1282051282vw;
  }
  .mod-people-index-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5.1282051282vw;
    position: relative;
    padding: 5.1282051282vw;
    background: #fff;
  }
  .mod-people-index-item {
    position: relative;
  }
  .mod-people-index-item ._item-image img {
    width: 100%;
  }
  .mod-people-index-item ._item-texts {
    margin-top: 2.5641025641vw;
  }
  .mod-people-index-item ._item-texts ._job {
    font-size: 3.5897435897vw;
    font-weight: bold;
    line-height: 1.71;
    color: #333;
    position: relative;
    padding: 0 0 0 5.7692307692vw;
  }
  .mod-people-index-item ._item-texts ._job:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2820512821vw;
    left: 0;
    background: url(/recruit/info/common/images/icon/arrow_b.png) left top no-repeat;
    background-size: contain;
    width: 3.5897435897vw;
    height: 3.5897435897vw;
  }
  .mod-people-index-item ._item-texts ._names {
    display: flex;
    gap: 1.2820512821vw;
    padding: 0.641025641vw 0 0 5.1282051282vw;
  }
  .mod-people-index-item ._item-texts ._name {
    font-size: 3.5897435897vw;
    line-height: 1.5;
    color: #999;
    font-weight: bold;
  }
  .mod-people-index-item ._item-texts ._spec {
    font-size: 3.0769230769vw;
    font-weight: 500;
    line-height: 1.5;
    color: #999;
    opacity: 0.99;
  }
  /* ----------------------------------------------------------
  block-new-index-main
  ---------------------------------------------------------- */
  .block-pople-detail-mv {
    position: relative;
    padding: 0 0 12.8205128205vw 0;
  }
  .block-pople-detail-mv .block-inner {
    position: relative;
  }
  .block-pople-detail-mv:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 12.8205128205vw;
    background: #fff;
  }
  .block-pople-detail-mv img {
    width: 100%;
  }
  .block-pople-detail-mv ._image {
    position: absolute;
    top: 0;
    left: 5vw;
    width: 125vw;
  }
  .block-pople-detail-mv .texts {
    padding: 60vw 0 0 5vw;
    color: #333;
  }
  .block-pople-detail-mv .texts h1 {
    display: flex;
    align-items: center;
  }
  .block-pople-detail-mv .texts h1 span {
    display: block;
  }
  .block-pople-detail-mv .texts h1 span:nth-child(1) {
    font-size: 4.6153846154vw;
    line-height: 1.75;
    text-align: center;
    font-weight: bold;
    padding: 0 3.8461538462vw 0 0;
  }
  .block-pople-detail-mv .texts h1 span:nth-child(2) {
    border-left: 0.2564102564vw solid #707070;
    padding: 0 0 0 3.8461538462vw;
    font-size: 3.0769230769vw;
    line-height: 1.75;
    font-weight: 500;
  }
  .block-pople-detail-mv .texts ._copy {
    margin-top: 2.5641025641vw;
    padding-left: 7.6923076923vw;
    font-size: 5.1282051282vw;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: -0.01em;
  }
  .block-pople-detail-mv .texts ._names {
    margin-top: 2.5641025641vw;
    padding: 0 0 0 7.6923076923vw;
    position: relative;
  }
  .block-pople-detail-mv .texts ._names:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.6666666667vw;
    left: 0.8974358974vw;
    width: 1.6666666667vw;
    height: 8.5897435897vw;
    background: linear-gradient(#ffa326 0%, rgba(255, 165, 38, 0) 100%);
    transform: skew(-28deg);
  }
  .block-pople-detail-mv .texts ._name {
    font-size: 4.6153846154vw;
    font-weight: bold;
    line-height: 2;
  }
  .block-pople-detail-mv .texts ._job {
    font-size: 2.8205128205vw;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
  }
  .block-pople-detail-main,
  .block-pople-detail-main2 {
    position: relative;
    padding: 0 0 7.6923076923vw 0;
  }
  .block-pople-detail-main:before,
  .block-pople-detail-main2:before {
    content: "";
    display: block;
    position: absolute;
    top: 12.8205128205vw;
    left: 0;
    right: 0;
    height: 64.1025641026vw;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-detail-main img,
  .block-pople-detail-main2 img {
    width: 100%;
  }
  .block-pople-detail-main .block-inner,
  .block-pople-detail-main2 .block-inner {
    position: relative;
  }
  .block-pople-detail-main ._deco,
  .block-pople-detail-main2 ._deco {
    position: absolute;
    top: -7.6923076923vw;
    left: 10.2564102564vw;
  }
  .block-pople-detail-main .mod-about-deco-grad,
  .block-pople-detail-main2 .mod-about-deco-grad {
    width: 3.2051282051vw;
    height: 18.9743589744vw;
  }
  .block-pople-detail-main ._image,
  .block-pople-detail-main2 ._image {
    position: absolute;
    top: -5.1282051282vw;
    left: 5vw;
    width: 80vw;
  }
  .block-pople-detail-main ._box,
  .block-pople-detail-main2 ._box {
    padding: 33.3333333333vw 0 12.8205128205vw 0;
  }
  .block-pople-detail-main ._box:before,
  .block-pople-detail-main2 ._box:before {
    content: "";
    display: block;
    position: absolute;
    top: 12.8205128205vw;
    bottom: 0;
    background: #fff;
  }
  .block-pople-detail-main ._inner,
  .block-pople-detail-main2 ._inner {
    position: relative;
    margin: 0 5.1282051282vw;
  }
  .block-pople-detail-main ._title,
  .block-pople-detail-main2 ._title {
    text-align: center;
  }
  .block-pople-detail-main ._title h2 span,
  .block-pople-detail-main2 ._title h2 span {
    display: inline-block;
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.27;
    color: #333;
    padding: 0 0 1.2820512821vw 0;
    border-bottom: 0.2564102564vw solid #000;
  }
  .block-pople-detail-main ._texts ._copy,
  .block-pople-detail-main2 ._texts ._copy {
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
  }
  .block-pople-detail-main ._texts ._doc,
  .block-pople-detail-main2 ._texts ._doc {
    margin-top: 20px;
    font-size: 3.5897435897vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-pople-detail-day {
    position: relative;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-detail-day img {
    width: 100%;
  }
  .block-pople-detail-day .block-inner {
    position: relative;
  }
  .block-pople-detail-day ._image {
    position: absolute;
    top: 0;
    left: -10vw;
    width: 80vw;
  }
  .block-pople-detail-day ._title {
    padding: 41.0256410256vw 0 5.1282051282vw 0;
  }
  .block-pople-detail-day ._title h2 {
    font-size: 6.1538461538vw;
    text-align: center;
    font-weight: normal;
    color: #333;
  }
  .block-pople-detail-day ._title h2 span {
    display: inline-block;
    border-bottom: 0.2564102564vw solid #777;
    padding: 0 0 1.2820512821vw 0;
  }
  .block-pople-detail-day ._title ._lead {
    padding: 3.8461538462vw;
    font-size: 3.3333333333vw;
    text-align: center;
    letter-spacing: 0.025em;
    color: #333;
    font-weight: bold;
  }
  .block-pople-detail-day ._inner {
    margin: 0 5.1282051282vw;
  }
  .mod-pople-detail-day-items {
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .mod-pople-detail-day-item {
    border-radius: 1.2820512821vw;
    background: #fff;
    box-shadow: 0 0.7692307692vw 0.7692307692vw #d8d8d8;
    padding: 2.5641025641vw;
  }
  .mod-pople-detail-day-item ._item-date {
    padding: 3.8461538462vw 5.1282051282vw;
    text-align: center;
  }
  .mod-pople-detail-day-item ._item-date img {
    width: 100%;
  }
  .mod-pople-detail-day-item ._item-texts {
    border-top: 0.2564102564vw solid #D4D4D4;
    padding: 3.8461538462vw 5.1282051282vw;
  }
  .mod-pople-detail-day-item ._date {
    font-size: 4.6153846154vw;
    font-style: italic;
  }
  .mod-pople-detail-day-item ._ti {
    text-align: center;
    font-size: 4.1025641026vw;
    letter-spacing: 0.025em;
    color: #333;
    font-weight: bold;
  }
  .mod-pople-detail-day-item ._doc {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
    line-height: 1.71;
    letter-spacing: 0.025em;
    color: #666;
  }
  .block-pople-column {
    position: relative;
    background: linear-gradient(rgba(255, 163, 38, 0.3) 0%, #FAF5F1 100%);
  }
  .block-pople-column img {
    width: 100%;
  }
  .block-pople-column .block-inner {
    position: relative;
    padding: 0 5.1282051282vw;
  }
  .block-pople-column ._image {
    position: absolute;
    top: 0;
    right: -10.2564102564vw;
    width: 80vw;
  }
  .block-pople-column ._title {
    padding: 41.0256410256vw 0 8.9743589744vw 0;
  }
  .block-pople-column ._title h2 {
    font-size: 4.6153846154vw;
    text-align: center;
    font-weight: normal;
    color: #333;
  }
  .block-pople-column ._title h2 span {
    display: inline-block;
    border-bottom: 1px solid #777;
    padding: 0 0 0.641025641vw 0;
  }
  .block-pople-column ._inner {
    margin: 0 auto;
    display: flex;
    gap: 3.8461538462vw;
    flex-direction: column;
  }
  .block-pople-column ._logo {
    width: 33.3333333333vw;
    margin: 0 auto;
    margin-bottom: 6.4102564103vw;
  }
  .block-pople-column ._doc {
    font-size: 3.0769230769vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-pople-navi {
    margin: 5.1282051282vw 10.2564102564vw 25.641025641vw 10.2564102564vw;
  }
  .mod-pople-navis {
    display: flex;
    justify-content: space-between;
  }
  .mod-pople-navi-perv {
    width: 34.1025641026vw;
    display: inline-block;
    position: relative;
    padding: 0 0 0 15.3846153846vw;
  }
  .mod-pople-navi-perv:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/recruit/info/images/icon/arrow_a4png.png) left top no-repeat;
    background-size: contain;
    width: 11.9230769231vw;
    height: 11.9230769231vw;
    transform: scale(-1, 1);
  }
  .mod-pople-navi-perv span {
    font-size: 4.1025641026vw;
    line-height: 3;
    color: #333;
  }
  .mod-pople-navi-perv.is-negative {
    opacity: 0.5;
    pointer-events: none;
  }
  .mod-pople-navi-next {
    width: 34.1025641026vw;
    display: inline-block;
    position: relative;
    padding: 0 15.3846153846vw 0 0;
    text-align: right;
  }
  .mod-pople-navi-next:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/recruit/info/images/icon/arrow_a4png.png) left top no-repeat;
    background-size: contain;
    width: 11.9230769231vw;
    height: 11.9230769231vw;
  }
  .mod-pople-navi-next span {
    font-size: 4.1025641026vw;
    line-height: 3;
    color: #333;
  }
  .mod-pople-navi-next.is-negative {
    opacity: 0.5;
    pointer-events: none;
  }
  .block-talk-mv img {
    width: 100%;
  }
  .block-talk-mv ._intro {
    position: relative;
    padding: 5.1282051282vw;
  }
  .block-talk-mv ._intro ._title {
    flex: 1;
    display: flex;
    gap: 5.7692307692vw;
    align-items: center;
  }
  .block-talk-mv ._intro ._title h1 {
    font-size: 4.6153846154vw;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 3.8461538462vw 0 0;
    border-right: 0.2564102564vw solid #333;
  }
  .block-talk-mv ._intro ._title ._ja {
    font-size: 2.3076923077vw;
  }
  .block-talk-mv ._intro p {
    margin-top: 2.5641025641vw;
    font-size: 4.1025641026vw;
    font-weight: bold;
    line-height: 1.5;
  }
  .block-talk-mv ._lead {
    border-top: 0.2564102564vw solid #707070;
    padding: 5.1282051282vw;
    margin-left: auto;
  }
  .block-talk-mv ._lead ._t1 {
    font-size: 4.1025641026vw;
    line-height: 1.7;
    color: #333;
    font-weight: bold;
  }
  .block-talk-mv ._lead ._t2 {
    margin-top: 2.3076923077vw;
    font-size: 3.5897435897vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  .block-talk-mv ._profs {
    position: relative;
    padding: 5.1282051282vw;
    margin-left: auto;
  }
  .block-talk-mv h2 {
    text-align: center;
  }
  .block-talk-mv h2 span {
    display: inline-block;
    padding: 0 0 1.0256410256vw 0;
    font-size: 4.6153846154vw;
    text-align: center;
    color: #333;
    border-bottom: 0.2564102564vw solid #333;
  }
  .mod-talk-prof-items {
    margin-top: 20px;
    display: flex;
    gap: 3.8461538462vw;
    flex-direction: column;
  }
  .mod-talk-prof-item {
    border-top: 0.2564102564vw solid #707070;
    position: relative;
    padding: 1.9230769231vw 0 9.6153846154vw 35.8974358974vw;
  }
  .mod-talk-prof-item ._item-image {
    width: 48.0769230769vw;
    position: absolute;
    top: 0;
    left: -15.3846153846vw;
  }
  .mod-talk-prof-item ._item-image img {
    width: 100%;
  }
  .mod-talk-prof-item ._item-texts {
    padding: 5.1282051282vw 0 0 0;
  }
  .mod-talk-prof-item ._item-texts ._names {
    display: flex;
    align-items: center;
  }
  .mod-talk-prof-item ._item-texts ._name {
    font-size: 4.2307692308vw;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._domain {
    border-left: 0.2564102564vw solid #333;
    padding-left: 3.8461538462vw;
    margin-left: 3.8461538462vw;
    font-size: 3.5897435897vw;
    line-height: 1;
    font-weight: bold;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._spec {
    margin-top: 2.5641025641vw;
    font-size: 3.0769230769vw;
    line-height: 1.71;
    color: #333;
  }
  .mod-talk-prof-item ._item-texts ._doc {
    margin-top: 4.1025641026vw;
    font-size: 3.0769230769vw;
    line-height: 1.71;
    color: #666;
  }
  .mod-talk-prof-item ._btns {
    margin-top: 3.8461538462vw;
  }
  .mod-btn-talk-prof {
    display: block;
    background-color: #333;
    padding: 2.9487179487vw;
    font-size: 3.5897435897vw;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 1.0256410256vw;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-talk-prof:hover {
    opacity: 0.8;
  }
  .mod-btn-talk-prof:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.0256410256vw;
    transform: translate(0, -50%);
    background: url(/recruit/info/images/icon/arrow_a2_wh.png) left top no-repeat;
    background-size: contain;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .block-talk-bg {
    background-color: #FAF5F2;
    padding: 9.6153846154vw 0 0 0;
    position: relative;
  }
  .block-talk-bg ._pagelink {
    position: absolute;
    top: -4.8717948718vw;
    left: 0;
    right: 0;
  }
  .block-talk-bg ._image {
    margin-top: 7.6923076923vw;
    margin-bottom: 7.6923076923vw;
    margin-left: auto;
  }
  .block-talk-bg ._image img {
    width: 100%;
  }
  .block-talk-bg ._image2 {
    margin-top: 7.6923076923vw;
    margin-bottom: 7.6923076923vw;
    margin-right: auto;
  }
  .block-talk-bg ._image2 img {
    width: 100%;
  }
  .mod-common-pagelinks {
    background-color: #333;
    margin: 0 auto;
    display: flex;
    gap: 1.9230769231vw;
    justify-content: center;
  }
  .mod-common-pagelinks.is-center {
    justify-content: center;
  }
  .mod-common-pagelinks.is-center li {
    flex: none;
    text-align: center;
  }
  .mod-common-pagelinks li {
    text-align: center;
    line-height: 1;
    position: relative;
  }
  .mod-common-pagelinks li span {
    display: block;
    font-size: 3.0769230769vw;
    font-weight: bold;
    padding: 3.8461538462vw 3.8461538462vw 3.8461538462vw 0;
    position: relative;
    color: #fff;
  }
  .mod-common-pagelinks li span:before {
    position: absolute;
    top: 50%;
    right: 1.2820512821vw;
    display: block;
    content: "";
    height: 1.0256410256vw;
    width: 1.0256410256vw;
    border: 0.2564102564vw solid #fff;
    border-right-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .block-talk-main ._title {
    border-bottom: 0.2564102564vw solid #707070;
    padding: 7.6923076923vw 2.5641025641vw 7.6923076923vw 2.5641025641vw;
    text-align: center;
  }
  .block-talk-main ._title ._t1 span {
    display: inline-block;
    font-size: 4.1025641026vw;
    text-align: center;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.024em;
    color: #333;
    border-radius: 9.6153846154vw;
    background-color: #fff;
    font-style: italic;
    padding: 2.9487179487vw 7.6923076923vw;
  }
  .block-talk-main ._title ._t2 {
    margin-top: 2.9487179487vw;
    font-size: 4.1025641026vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.56;
    color: #333;
  }
  .block-talk-main ._title ._t3 {
    margin-top: 2.5641025641vw;
    font-size: 3.8461538462vw;
    line-height: 1.7;
    font-weight: bold;
    color: #333;
  }
  .block-talk-main ._talks {
    padding: 7.6923076923vw 5.1282051282vw 0 0;
  }
  .mod-talk-items {
    display: flex;
    gap: 2.5641025641vw;
    flex-direction: column;
  }
  .mod-talk-items ._note {
    position: relative;
    font-size: 2.8205128205vw;
    margin: 2.5641025641vw 0 2.5641025641vw 12.8205128205vw;
    line-height: 1.85;
    letter-spacing: 0.025em;
    color: #666;
  }
  .mod-talk-items ._note + ._note {
    margin-top: 0;
  }
  .mod-talk-items ._note:after {
    content: "＊";
    display: block;
    position: absolute;
    top: 0;
    left: -3.8461538462vw;
    width: 3.8461538462vw;
  }
  .mod-talk-item {
    display: flex;
    background-color: #fff;
    padding: 5.1282051282vw;
    margin: 0 0 0 9.6153846154vw;
    gap: 5.7692307692vw;
    min-height: 25.641025641vw;
    position: relative;
  }
  .mod-talk-item ._item-image {
    position: absolute;
    top: 12.8205128205vw;
    left: -5.1282051282vw;
    width: 15.3846153846vw;
  }
  .mod-talk-item ._item-image img {
    width: 100%;
  }
  .mod-talk-item ._item-texts {
    display: flex;
  }
  .mod-talk-item ._item-texts ._name {
    width: 11.5384615385vw;
    font-size: 3.8461538462vw;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
  }
  .mod-talk-item ._item-texts ._doc {
    flex: 1;
    font-size: 3.5897435897vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #333;
  }
  /* ----------------------------------------------------------
  .area-modal
  ---------------------------------------------------------- */
  .area-modal-talk {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .area-modal-talk.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .area-modal-talk .mod-modal-btn-close {
    position: absolute;
    top: -9.6153846154vw;
    right: 0;
  }
  .area-modal-talk ._modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .area-modal-talk ._modal-box {
    background-color: #333;
    width: 90vw;
    position: relative;
  }
  .area-modal-talk iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .block-modal-talk {
    padding: 10.2564102564vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .block-modal-talk ._title {
    font-size: 4.1025641026vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
  }
  .block-modal-talk ._doc {
    margin-top: 4.8717948718vw;
    font-size: 3.5897435897vw;
    line-height: 2.12;
    letter-spacing: 0.025em;
    color: #fff;
  }
  .block-modal-talk ._close {
    margin-top: 3.8461538462vw;
    width: 15.3846153846vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-modal-talk ._close img {
    width: 100%;
  }
  .block-modal-talk ._close:hover {
    opacity: 0.8;
  }
}