@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */
#page_title .container {
  position: relative;
}
#page_title .container:after {
  content: "";
  z-index: -1;
  background: url(../img/bg_circle02.png) no-repeat center / 100%;
  position: absolute;
}
#wrapper_sp #page_title .container:after {
  display: none;
}
#page_title .heading {
  display: block;
  position: relative;
  z-index: 2;
}
#page_title .heading .heading-jp {
  margin-left: 0;
}
#breadcrumbs {
  color: var(--mainColor);
  position: relative;
  z-index: 2;
}
#breadcrumbs a {
  color: var(--mainColor);
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs [property="itemListElement"]:first-of-type {
  margin-left: 0;
}
#breadcrumbs [property="itemListElement"]:last-of-type {
  margin-right: 0;
}
.title {
  position: relative;
  color: var(--mainColor);
  letter-spacing: .05em;
}
.title:before,
.title:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.title:before {
  background: var(--subColor);
  left: 0;
}
.title:after {
  background: var(--mainColor);
}
#main_content,
#main_content .container {
  position: relative;
}
#main_content .container:after {
  content: "";
  background: url(../img/bg_circle.png) no-repeat center / 100%;
  position: absolute;
  z-index: -1;
}
.circle_bg,
.circle_bg02 {
  position: relative;
}
.circle_bg:after,
.circle_bg02:before {
  content: "";
  position: absolute;
  z-index: -1;
}
.circle_bg:after {
  background: url(../img/bg_circle.png) no-repeat center / 100%;
}
.circle_bg02:before {
  background: url(../img/bg_circle02.png) no-repeat center / 100%;
}
@media only screen and ( max-width : 767px ) {
  #main {
    margin-top: 12rem;
  }
  #page_title {
    margin-top: 4rem;
    margin-bottom: 5rem;
  }
  #page_title .container:after {
    width: 36rem;
    height: 36.1rem;
    right: -8.8rem; 
    bottom: -22rem;
  }
  #page_title .heading .heading-jp {
    margin-top: .5rem;
  }
  #breadcrumbs {
    font-size: 1.2rem;
    margin-bottom: 3.6rem;
  }
  #breadcrumbs [property="itemListElement"] {
    margin: 0 .5rem;
  }
  .round_img {
    border-radius: 1.5rem;
  }
  #main_content {
    margin-bottom: 10rem;
  }
  #footer_anime {
    bottom: 80rem;
  }
  .title {
    padding-left: 2.5rem;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .title:before {
    width: 1.5rem;
    height: 1.5rem;
  }
  .title:after {
    width: .7rem;
    height: .7rem;
    left: .4rem;
  }
  #main_content .container:after {
    width: 41.1rem;
    height: 41.1rem;
    right: -17.6rem;
    bottom: -8.1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #main {
    margin-top: 17rem;
  }
  #page_title {
    margin-top: 7rem;
    margin-bottom: 15rem;
  }
  #page_title .container:after {
    width: 71.3rem;
    height: 71.3rem;
    right: -28.2rem; 
    bottom: -71.3rem;
  }
  #page_title .heading .heading-jp {
    margin-top: 2rem;
  }
  #breadcrumbs {
    display: flex;
    justify-content: flex-end;
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  #breadcrumbs [property="itemListElement"] {
    margin: 0 1.5rem;
  }
  .round_img {
    border-radius: 2rem;
  }
  #main_content {
    margin-bottom: 20rem;
  }
  #footer_anime {
    bottom: 6rem;
  }
  .title {
    padding-left: 4rem;
    font-size: 4rem;
    margin-bottom: 5rem;
  }
  .title:before {
    width: 2rem;
    height: 2rem;
  }
  .title:after {
    width: .8rem;
    height: .8rem;
    left: .6rem;
  }
  #main_content .container:after {
    width: 72.6rem;
    height: 72.6rem;
    right: -12rem;
    bottom: -36rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   CEO MESSAGE

--------------------------------------------------------------------------------------------- */
#message_mainPhoto {
  position: relative;
}
#lifestyle_anime {
  opacity: .4;
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  z-index: -1;
}
#message_mainPhoto h2 {
  color: var(--mainColor);
}
#message_mainPhoto p,
#message_content p {
  line-height: 2.5em;
}
.ceo_name {
  font-weight: 700;
}
.ceo_name span {
  color: var(--mainColor);
  font-style: italic;
}
.message_content_txt {
  position: relative;
}
.message_content_txt ul {
  position: relative;
}
.message_content_txt ul:before,
.message_content_txt ul:after {
  content: "";
  position: absolute;
  background: url(../img/deco.svg) no-repeat center / 100%;
}
.message_content_txt ul:before {
  top: 0;
  left: 0;
}
.message_content_txt ul:after {
  bottom: 0;
  right: 0;
}
.message_content_txt li {
  position: relative;
  font-weight: 700;
}
.message_content_txt li:last-child {
  margin-bottom: 0;
}
.message_content_txt li:before {
  content: "";
  position: absolute;
  left: 0;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  background: var(--mainColor);
}
.message_content_txt p:last-of-type {
  margin-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
  #message_mainPhoto {
    margin-bottom: 5rem;
  }
  #message_mainPhoto h2 {
    font-size: 2.4rem;
    margin: 2.5rem 0;
  }
  .message_content_ph {
    margin-bottom: 3rem;
  }
  .ceo_name {
    margin-top: 1.5rem;
    font-size: 1.2rem;
  }
  .ceo_name span {
    font-size: 2rem;
    margin-left: 1rem;
  }
  #lifestyle_anime {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 70rem !important;
  }
  .message_content_txt ul {
    padding: 3.4rem 2.4rem;
    margin: 1.2rem 0;
  }
  .message_content_txt ul:before,
  .message_content_txt ul:after {
    width: 2.4rem;
    height: 2.4rem;
  }
  .message_content_txt li {
    padding-left: 1.8rem;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
  .message_content_txt li:before {
    top: .7rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #message_mainPhoto {
    margin-bottom: 10rem;
  }
  #message_mainPhoto h2 {
    font-size: 5.2rem;
    margin: 5rem 0;
  }
  .message_content_ph {
    width: 46.4rem;
  }
  .ceo_name {
    margin-top: 3.5rem;
  }
  .ceo_name span {
    font-size: 3.6rem;
    margin-left: 2rem;
  }
  .message_content_txt {
    width: 61.2rem;
  }
  .message_content_txt ul {
    padding: 3rem 3.6rem;
    margin: 7rem 0;
  }
  .message_content_txt ul:before,
  .message_content_txt ul:after {
    width: 3.6rem;
    height: 3.6rem;
  }
  .message_content_txt li:before {
    top: 50%;
    transform: translateY(-50%);
  }
  .message_content_txt li {
    padding-left: 1.8rem;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .message_content_txt p {
    margin-bottom: 5rem;
  }
  #lifestyle_anime {
    right: -12rem;
    width: 77.6rem !important;
    bottom: -51.4rem;
  }
}
/* ---------------------------------------------------------------------------------------------

　   FAQ

--------------------------------------------------------------------------------------------- */

#faq_side li a {
  display: block;
  font-weight: 700;
}
#faq_content {
  position: relative;
}
#faq_content:before {
  content: "";
  background: url(../img/bg_circle.png) no-repeat center / 100%;
  position: absolute;
  z-index: -1;
}
#faq_content section:last-of-type {
  margin-bottom: 0;
}
.faq_box:last-child {
  margin-bottom: 0;
}
.faq_q {
  border: .2rem solid #fff;
  background: rgba(255,255,255,.3);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: relative;
}
.faq_q .en {
  color: var(--mainColor);
  font-weight: 700;
  position: absolute;
  line-height: 1;
}
.faq_a p {
  line-height: 2.5em;
}
@media only screen and ( max-width : 767px ) {
  #faq_content:before {
    width: 41.1rem;
    height: 41.1rem;
    top: 122.8rem;
    left: -30rem;
  }
  #faq_side {
    margin-bottom: 5rem;
  }
  #faq_side ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #faq_side li {
    width: 48.5%;
    border-bottom: .2rem solid var(--subColor);
  }
  #faq_side li:nth-child(-n+2) {
    border-top: .2rem solid var(--subColor);
  }
  #faq_side li a {
    color: var(--mainColor);
    padding: 1rem 0;
  }
  #faq_content section {
    margin-bottom: 5rem;
  }
  .faq_box {
    margin-bottom: 3rem;
  }
  .faq_q {
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    border-radius: 1.5rem;
  }
  .faq_q .en {
    left: 1rem;
    font-size: 2rem;
    top: 1.7rem;
  }
  .faq_a {
    padding: 0 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #faq_side {
    width: 24.6rem;
    position: relative;
  }
  .faq_side_inner {
    position: sticky;
    top: 11rem;
    left: 0;
  }
  #faq_side li {
    border-bottom: .2rem solid var(--subColor);
  }
  #faq_side li:first-of-type {
    border-top: .2rem solid var(--subColor);
  }
  #faq_side li a {
    font-size: 2rem;
    padding: 2rem 0;
    color: var(--subColor);
  }
  #faq_side li.current a {
    color: var(--mainColor);
  }
  #faq_content {
    width: 78rem;
  }
  #faq_content:before {
    width: 72.6rem;
    height: 72.6rem;
    top: 51rem;
    left: -51rem;
  }
  #faq_content section {
    margin-bottom: 15rem;
  }
  .faq_box {
    margin-bottom: 5rem;
  }
  .faq_q {
    padding: 3rem 3rem 3rem 8.5rem;
    font-size: 2.4rem;
    margin-bottom: 3rem;
    border-radius: 2rem;
  }
  .faq_q .en {
    left: 3rem;
    font-size: 4rem;
    top: 2.8rem;
  }
  .faq_a {
    padding: 0 8.5rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   404

--------------------------------------------------------------------------------------------- */
#notfound h2 {
  color: var(--mainColor);
}
#notfound p {
  line-height: 2.5em;
}
@media only screen and ( max-width : 767px ) {
  #notfound h2 {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
  }
  #notfound p {
    margin-bottom: 5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #notfound h2 {
    font-size: 4rem;
    margin-bottom: 5rem;
    text-align: center;
  }
  #notfound p {
    text-align: center;
    margin-bottom: 7rem;
  }
  #notfound .btn {
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------------------------------------------

　   社員インタビュー アーカイブ

--------------------------------------------------------------------------------------------- */
.interview_list_box {
  border-bottom: .2rem solid var(--subColor);
}
.interview_list_thumb a {
  display: block;
  overflow: hidden;
}
.interview_list_thumb a img {
  transition: .3s;
}
.interview_list_thumb a:hover img {
  transform: scale(1.1);
}
.interview_title {
  font-weight: 700;
  position: relative;
}
.interview_title a {
  color: var(--mainColor);
  display: block;
}
.interview_title:after {
  content: "";
  background: url(../img/arrow.svg) no-repeat center / 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: -1;
}
.interview_list_box .interview_member_info {
  display: flex;
  align-items: center;
  margin: 2rem 0 1rem;
}
.interview_list_box .interview_member_joining {
  margin-right: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.interview_member_jobtype {
  background: var(--subColor);
  color: #fff;
  display: inline-block;
  padding: 0 1.5rem;
}


@media only screen and ( max-width : 767px ) {
  .interview_list_box {
    margin-top: 5rem;
    padding-bottom: 2rem;
  }
  .interview_title:after {
    width: 4.5rem;
    height: 4.5rem;
  }
  .interview_member_jobtype {
    font-size: 1.2rem;
  }
  .interview_list_thumb a {
    border-radius: 1.5rem;
    height: 18.68rem;
  }
  .interview_title {
    font-size: 1.6rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .interview_list_box {
    width: 53.8rem;
    padding-bottom: 3rem;
  }
  .interview_list_archive .interview_list_box {
    margin-top: 7rem;
  }
  .interview_list_archive .interview_list_box:nth-child(-n+2) {
    margin-top: 0; 
  }
  .interview_list_thumb a {
    border-radius: 2rem;
    width: 53.8rem;
    height: 30rem;
  }
  .interview_title {
    font-size: 2.4rem;
  }
  .interview_title:after {
    width: 5rem;
    height: 5rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   社員インタビュー詳細

--------------------------------------------------------------------------------------------- */
#interview_title {
  position: relative;
}
.interview_member_profile {
  border-radius: 2rem;
  background: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 2rem;
  border: .2rem solid #fff;
  color: #fff;
}
.interview_member_profile_title {
  font-weight: 700;
  letter-spacing: .2em;
}
.interview_member_profile h1 {
  color: var(--mainColor);
  font-weight: 700;
  line-height: 1;
}
.interview_member_academic_bg {
  position: relative;
  color: #212121;
}
.interview_member_academic_bg:before {
  content: "";
  display: block;
  background: url(../img/interview/line.png) repeat-x left center / auto 100%;
  width: 100%;
}
.interview_copy_txt span {
  box-decoration-break: clone;  
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: .3em;
  line-height: 2.5;
  background-color: #fff;
  color: var(--mainColor);
  font-weight: 700;
}
.interview_main_ph img {
  border-radius: 2rem;
}
.interview_question {
  color: var(--mainColor);
}
.interview_question .interview_questionNum {
  font-weight: 700;
  letter-spacing: .2em;
}
.interview_question h2 {
  letter-spacing: .05em;
}
.interview_content_box p {
  line-height: 2.5;
}
.interview_content_col img,
.interview_content_col_fw img {
  border-radius: 2rem;
}
#other_interview .other_interview_container {
  border-top: .2rem solid var(--subColor);
}
.other_interview_title {
  color: var(--mainColor);
  font-weight: 700;
}
@media only screen and ( max-width : 767px ) {
  #interview_title {
    margin-bottom: 5rem;
  }
  .interview_copy_txt {
    font-size: 2rem;
    margin-top: 2rem;
  }
  .interview_member_profile {
    z-index: 2;
    padding: 1.5rem;
    width: 59.13%;
    margin-top: -7rem;
  }
  .interview_member_profile_title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .interview_member_joining {
    margin-bottom: .5rem;
    font-size: 1.2rem;
  }
  .interview_member_profile h1 {
    font-size: 2rem;
    margin-bottom: .7rem;
  }
  .interview_member_academic_bg {
    margin-top: .8rem;
    font-size: 1.2rem;
  }
  .interview_member_academic_bg:before {
    height: .8rem;
    margin-bottom: 1rem;
  }
  .interview_member_profile .interview_member_jobtype {
    font-size: 1rem;
  }
  .interview_question {
    margin-bottom: 2.5rem;
  }
  .interview_question .interview_questionNum {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .interview_question h2 {
    font-size: 1.6rem;
  }
  .interview_content_box {
    margin-bottom: 5rem;
  }
  .interview_content_colWrap {
  }
  .interview_content_col {
    margin-bottom: 5rem;
  }
  .interview_content_col_fw {
    width: 100%;
    margin-top: 5rem;
  }
  #other_interview .other_interview_container {
    margin-top: 5rem;
    padding-top: 5rem;
  }
  .other_interview_title {
    font-size: 2.4rem;
    margin-bottom: 3.5rem;
  }
  .back_btn {
    margin-top: 5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #interview_title {
    margin-bottom: 10rem;
  }
  .interview_copy_txt {
    font-size: 5.2rem;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .interview_member_profile {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 34rem;
    padding: 3rem;
  }
  .interview_member_profile_title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .interview_member_joining {
    margin-bottom: .8rem;
  }
  .interview_member_profile h1 {
    font-size: 3.6rem;
    margin-bottom: .8rem;
  }
  .interview_member_academic_bg {
    margin-top: 2rem;
  }
  .interview_member_academic_bg:before {
    height: 1rem;
    margin-bottom: 2rem;
  }
  .interview_member_profile .interview_member_jobtype {
    font-size: 1.4rem;
  }
  .interview_main_ph {
    padding: 4rem 6rem;
  }
  .interview_question {
    margin-bottom: 5rem;
  }
  .interview_question .interview_questionNum {
    margin-bottom: 1rem;
  }
  .interview_question h2 {
    font-size: 4rem;
  }
  /*.interview_content_box {
    margin-bottom: 10rem;
  }*/
  .interview_content_colWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .interview_content_colWrap:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .interview_content_col {
    width: 50rem;
    margin-top: 10rem;
  }
  .interview_content_col_fw {
    width: 100%;
    margin-top: 10rem;
  }
  #other_interview .other_interview_container {
    margin-top: 10rem;
    padding-top: 10rem;
  }
  .other_interview_title {
    font-size: 5.2rem;
    margin-bottom: 5rem;
  }
  .back_btn {
    margin-top: 10rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   その他のインタビュー

--------------------------------------------------------------------------------------------- */

#other_interview {
  overflow: hidden;
}
.other_interview_container {
  max-width: 112.6rem;
  margin: 0 auto;
  position: relative;
}
#other_interview [class*=swiper]:focus {
  outline: none;
}

#other_interview .swiper-button-prev, #other_interview .swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.3rem;
  height: 6.3rem;
  cursor: pointer;
  -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
  transition: .8s cubic-bezier(.2, 1, .2, 1);
}
#other_interview .swiper-button-prev::before, #other_interview .swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
#other_interview .swiper-button-prev img, #other_interview .swiper-button-next img {
  position: relative;
  z-index: 2;
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.card02 .swiper {
  overflow: visible;
}
.card02 .swiper-controller {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -11rem;
  top: 0;
  height: 100%;
  z-index: 91;
}

.card02 .swiper-button-prev, .card02 .swiper-button-next {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
}
.card02 .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.card02 .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and ( max-width : 767px ) {
  .other_interview_container {
    padding: 0 2rem;
  }
  .other_interview_inner .interview_list_box {
    margin: 0 2rem;
    width: calc(100% - 4rem);
  }
  .other_interview_inner .interview_list {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .other_interview_inner .swiper-wrapper {
    overflow: auto;
  }
}
@media print, screen and ( min-width : 768px ) {
  .other_interview_inner .scroll-hint-icon-wrap {
    display: none;
  }
  .other_interview_inner .swiper-wrapper {
    overflow: visible !important;
  }
  .other_interview_inner .swiper {
    margin-left: 11rem;
    position: relative;
    z-index: 89;
  }
  .other_interview_inner .swiper:before {
    content: "";
    width: 2000%;
    background: url(../img/bg.jpg) repeat-y top left / 100% fixed;
    height: 100%;
    position: absolute;
    left: -2000%;
    z-index: 90;
  }
  .swiper-button-prev::before, .swiper-button-next::before {
    -webkit-transition: .8s cubic-bezier(.2, 1, .2, 1);
    transition: .8s cubic-bezier(.2, 1, .2, 1);
  }
  .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}


/* ---------------------------------------------------------------------------------------------

　   POSITION

--------------------------------------------------------------------------------------------- */
.position_lead_txt {
  line-height: 2.5em;
}
.position_list {
  position: relative;
}
.position_list:before,
.position_list:after {
  content: "";
  background: url(../img/deco.svg) no-repeat center / 100%;
  position: absolute;
}
.position_list_box {
  background: #fff;
  cursor: pointer;
  transition: .3s;
}
.position_list_box:hover {
  opacity: .6;
}
.position_list_title {
  padding-bottom: 1.5rem;
  border-bottom: .2rem solid var(--subColor);
  position: relative;
}
.position_list_title:after {
  content: "";
  background: url(../img/arrow02.svg) no-repeat center / 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.position_list_title span {
  display: block;
  color: var(--mainColor);
}
.position_list_title .en {
  margin-bottom: .5rem;
  font-weight: 700;
  letter-spacing: .2em;
}
.position_list_content p {
  line-height: 2.5em;
}
#privacy {
  position: relative;
}
#privacy:before {
  content: "";
  background: #C6C1E2;
  height: .2rem;
  position: absolute;
  top: 0;
}
#privacy h3 {
  color: var(--mainColor);
}
#privacy p {
  line-height: 1.8em;
}
.personalInfoManager {
  background: #fff;
  text-align: center;
  padding: 2.5rem;
}
.personalInfoManager span {
  font-weight: 700;
}

.privacy_contact {
  border-radius: 2rem;
  border: .2rem solid #fff;
}
.privacy_contact h4 {
  color: var(--mainColor);
}
.privacy_contact h5 {
  position: relative;
  padding-left: 1em;
  margin-bottom: 1.5rem;
}
.privacy_contact h5:before {
  content: '';
  border-radius: 50%;
  background: var(--black);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .7em;
  height: .7em;
}
.privacy_contact a {
  color: var(--mainColor);
  text-decoration: underline;
}


@media only screen and ( max-width : 767px ) {
  .position_lead_txt {
    margin-bottom: 8.4rem;
  }
  .position_list:before,
  .position_list:after {
    width: 2.4rem;
    height: 2.4rem;
  }
  .position_list_title {
    margin-bottom: 2rem;
    padding-right: 7rem;
  }
  .position_list_title:after {
    width: 4.5rem;
    height: 4.5rem;
  }
  .position_list:before {
    left: 0;
    top: -3.4rem;
  }
  .position_list:after {
    right: 0;
    bottom: -3.4rem;
  }
  .position_list_title .en {
    font-size: 1.2rem;
  }
  .position_list_title .jp {
    font-size: 2rem;
  }
  .position_list_box {
    border-radius: 1.5rem;
    padding: 2.5rem 1.5rem;
    margin-bottom: 2.5rem;
  }
  .position_list_box:last-child {
    margin-bottom: 0;
  }
  #privacy {
    margin-top: 5rem;
    padding-top: 5rem;
  }
  #privacy:before {
    left: -1.5rem;
    right: -1.5rem;
  }
  #privacy h3 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
  }
  #privacy .text-right {
    margin-top: 3rem;
  }
  .privacy_contact {
    margin-top: 5rem;
    padding: 2rem;
  }
  .privacy_contact h4 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .position_lead_txt {
    margin-bottom: 14rem;
  }
  .position_list:before,
  .position_list:after {
    width: 3.6rem;
    height: 3.6rem;
  }
  .position_list:before {
    left: -6rem;
    top: 0;
  }
  .position_list:after {
    right: -6rem;
    bottom: -5rem;
  }
  .position_list_title {
    margin-bottom: 3rem;
    padding-right: 7rem;
  }
  .position_list_title:after {
    width: 5rem;
    height: 5rem;
  }
  .position_list_title .en {
    font-size: 1.4rem;
  }
  .position_list_title .jp {
    font-size: 2.7rem;
  }
  .position_list_box {
    width: 53.8rem;
    border-radius: 2rem;
    padding: 5rem 3.5rem;
    margin-top: 5rem;
  }
  #privacy {
    margin-top: 10rem;
    padding-top: 10rem;
  }
  #privacy:before {
    left: -6rem;
    right: -6rem;
  }
  #privacy h3 {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
  }
  .privacy_contact {
    margin-top: 10rem;
    padding: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .privacy_contact h4 {
    font-size: 2.8rem;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  .privacy_contact p {
    text-align: center;
  }
  .personalInfoManager {
    margin-top: 5rem;
  }
}
/* ---------------------------------------------------------------------------------------------

　   募集要項モーダル

--------------------------------------------------------------------------------------------- */
.modal {
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0s 0.3s;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.modal.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s 0s;
}

.modal_container {
  display: flex;
  min-height: 100%;
  justify-content: center;
  align-items: center;
}

.modal_inner {
  margin: 2rem auto;
  width: 100%;
  max-width: 112.6rem;
  margin: 0 auto;
}
.modal_content_inner {
  background: rgba(255,255,255,.5);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: .2rem solid #fff;
  border-radius: 2rem;
  position: relative;
  color: #fff;
}

.modal_content {
  display: none;
  /*overflow: hidden;*/
  position: relative;
}
.is-active .modal_content {
  display: block;
}

.modalClose {
  position: absolute;
  z-index: 99;
}
.modal_content_inner .modal_heading-en {
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 1.6;
}
.modal_heading-jp {
  letter-spacing: .05em;
}
.modal_inner_box h3 {
  position: relative;
  letter-spacing: .05em;
}
.modal_inner_box h3:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  background: #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal_inner_box .disc li {
  margin-left: 1.2em;
  list-style: disc;
}
.modal_ability_experience dl dt {
  font-weight: 700;
}
.modal_requirements dt {
  font-weight: 700;
}

.notes_list li {
  position: relative;
  padding-left: 1em;
}
.notes_list li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.circle_list li {
  position: relative;
  padding-left: 1.2em;
}
.circle_list li:before {
  content: "";
  width: 1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .8em;
}
@media only screen and ( max-width : 767px ) {
  .modal {
    padding: 10rem 1.5rem 5rem;
  }
  .modalClose {
    width: 3rem;
    right: 0;
    top: -7rem;
  }
  .modal_content_inner {
    padding: 5rem 1.5rem;
  }
  .modal_heading {
    margin-bottom: 3.5rem;
  }
  .modal_heading-jp {
    font-size: 2.4rem;
    margin-top: .5rem;
  }
  .modal_lead_txt {
    margin-bottom: 5rem;
  }
  .modal_inner_box {
    margin-bottom: 5rem;
  }
  .modal_inner_box h3 {
    padding-left: 2rem;
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
  .modal_inner_box h3:before {
    width: 1rem;
    height: 1rem;
  }
  .modal_ability_experience dt {
    font-size: 1.6rem;
  }
  .modal_ability_experience dd {
    margin-bottom: 2.5rem;
  }
  .modal_ability_experience dd:last-of-type {
    margin-bottom: 0;
  }
  .modal_content_inner p,
  .modal_inner_box li,
  .modal_inner_box dt,
  .modal_inner_box dd {
    line-height: 2.14;
  }
  .modal_requirements dt,
  .modal_requirements dd {
  }
  .modal_requirements dt {
    padding-top: 1.5rem;
    font-size: 1.6rem;
  }
  .modal_requirements dd {
    border-bottom: .1rem dashed #fff;
    padding-bottom: 1.5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .modal {
    padding: 10rem 12rem;
  }
  .modalClose {
    width: 3.4rem;
    right: -6rem;
    top: 0;
  }
  .modal_content_inner {
    padding: 10rem 6rem;
  }
  .modal_heading {
    margin-bottom: 5rem;
  }
  .modal_heading-jp {
    font-size: 5.2rem;
    margin-top: 2rem;
  }
  .modal_lead_txt {
    margin-bottom: 10rem;
  }
  .modal_inner_box {
    margin-bottom: 10rem;
  }
  .modal_inner_box h3 {
    padding-left: 3rem;
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
  }
  .modal_inner_box h3:before {
    width: 2rem;
    height: 2rem;
  }
  .modal_content_inner p,
  .modal_inner_box li,
  .modal_inner_box dt,
  .modal_inner_box dd {
    line-height: 2.5;
  }
  .modal_ability_experience dl {
    display: flex;
    flex-wrap: wrap;
  }
  .modal_ability_experience dt,
  .modal_ability_experience dd {
    margin-bottom: 2rem;
  }
  .modal_ability_experience dt:last-of-type,
  .modal_ability_experience dd:last-of-type {
    margin-bottom: 0;
  }
  .modal_ability_experience dt {
    width: 9rem;
    font-size: 2rem;
  }
  .modal_ability_experience dd {
    width: calc(100% - 9rem);
  }
  .modal_requirements dl {
    display: flex;
    flex-wrap: wrap;
  }
  .modal_requirements dt,
  .modal_requirements dd {
    padding: 3rem 0;
    border-bottom: .1rem dashed #fff;
  }
  .modal_requirements dt {
    width: 20rem;
    padding-left: 6rem;
  }
  .modal_requirements dd {
    width: calc(100% - 20rem);
    padding-left: 9rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   CAREER PASS

--------------------------------------------------------------------------------------------- */
.careerpass_lead_txt,
.training_system_txt {
  line-height: 2.5em;
}
#careerup_image {
  border-bottom: .2rem solid var(--subColor);
  position: relative;
}
.careerup_flow {
  position: relative;
}
.careerup_flow:before {
  content: "";
  width: .3rem;
  background: var(--mainColor);
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
}
.careerup_flow:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(../img/careerpass/flow_arrow.svg) no-repeat center / 100%;
}
.careerup_step_right {
  border: .2rem solid #fff;
  background: rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 2rem;
  position: relative;
}
.careerup_step_left {
  position: relative;
  background: #fff;
}
.careerup_step_age {
  font-weight: 700;
  margin-bottom: .5rem;
}
.careerup_step_annualIncome {
  font-weight: 700;
  color: var(--mainColor);
}
.careerup_step_annualIncome .en {
  font-weight: 700;
  line-height: 1;
}
.careerup_step_box {
  position: relative;
}
.careerup_step_box:last-child {
  margin-bottom: 0;
}
.careerup_step_right p {
  line-height: 1.8em;
}
.training_system_box p {
  line-height: 2.5em;
}
.careerup_point--box {
  background: rgba(255,255,255,.6);
  border-radius: 2rem;
  border: .2rem solid #fff;
  position: relative;
}
.careerup_point_num {
  position: absolute;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  font-size: 8rem;
  letter-spacing: .1em;
}
.careerup_point--box h3 {
  color: var(--mainColor);
  position: relative;
  z-index: 2;
}
.careerup_point--box p {
  position: relative;
  z-index: 2;
  line-height: 2.2em;
}
@media only screen and ( max-width : 767px ) {
  .careerpass_lead_txt {
    margin-bottom: 10rem;
  }
  #careerup_point {
    margin-bottom: 10rem;
  }
  .careerup_point--box {
    padding: 2rem 2rem 7rem;
    margin-bottom: 2rem;
  }
  .careerup_point--box:last-child {
    margin-bottom: 0;
  }
  .careerup_point--box h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  #careerup_point .careerup_point_num {
    right: 1rem;
    bottom: .5rem;
  }
  #careerup_image {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
  }
  .careerup_image_img.circle_bg02:before {
    width: 36.6rem;
    height: 36.6rem;
    right: -12.4rem;
    top: -6.4rem;
  }
  .careerup_image_img.circle_bg:after {
    width: 37.2rem;
    height: 37.2rem;
    left: -9.6rem;
    bottom: -18.6rem;
  }
  #careerup_image.circle_bg:after {
    width: 37rem;
    height: 37rem;
    bottom: -29.6rem;
    right: -18.5rem;
  }
  .careerup_image_img {
    margin-bottom: 3.5rem;
  }
  .careerup_step_box {
    position: relative;
    margin-bottom: 4.6rem;
  }
  .careerup_step_box:first-of-type {
    margin-top: 3.5rem;
    padding-top: 4.5rem;
  }
  .careerup_flow:before {
    left: 2.2rem;
  }
  .careerup_flow:after {
    width: 2.3rem;
    height: 1.6rem;
    left: 1.2rem;
    bottom: -.1rem;
  }
  .careerup_step_left {
    width: 15rem;
    padding: 1.5rem;
    position: absolute;
    z-index: 2;
    top: -2.5rem;
  }
  .careerup_step_box:first-of-type .careerup_step_left {
    top: 1.5rem;
  }
  .careerup_step_right {
    padding: 7.5rem 2rem 3.5rem;
    margin-left: 4.5rem;
  }
  .careerup_step_right h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .careerup_step_annualIncome .en {
    font-size: 2.4rem;
  }
  .training_system_box {
    margin-bottom: 5rem;
  }
  .training_system_box:last-child {
    margin-bottom: 0;
  }
  .training_system_box h3 {
    font-size: 2rem;
    margin: 2rem 0;
  }
  .training_system_box h3 span {
    font-size: 1.2rem;
  }
  .training_system_box__img img {
    width: 100%;
  }
}
@media print, screen and ( min-width : 768px ) {
  .careerpass_lead_txt {
    margin-bottom: 14rem;
  }
  #careerup_image .title {
    margin-bottom: 6rem;
  }
  .training_system_txt {
    margin-bottom: 5rem;
  }
  #careerup_point {
    margin-bottom: 15rem;
  }
  .careerup_point--box {
    padding: 3.5rem 2.5rem 8.5rem;
    width: 34.2rem;
  }
  .careerup_point--box h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  #careerup_point .careerup_point_num {
    right: 1.5rem;
    bottom: 1rem;
  }
  #careerup_image {
    padding-bottom: 10rem;
    margin-bottom: 10rem;
  }
  .careerup_image_img.circle_bg02:before {
    width: 71.3rem;
    height: 71.3rem;
    right: -23.7rem;
    top: -4rem;
  }
  .careerup_image_img.circle_bg:after {
    width: 55.7rem;
    height: 55.7rem;
    left: -7rem;
    bottom: -19.4rem;
  }
  #careerup_image.circle_bg:after {
    width: 55.7rem;
    height: 55.7rem;
    bottom: -3rem;
    right: -24.7rem;
  }
  .careerup_image_img {
    margin-bottom: 10.6rem;
  }
  .careerup_flow:before {
    left: 12.3rem;
  }
  .careerup_flow:after {
    width: 2.5rem;
    height: 1.2rem;
    left: 11.2rem;
  }
  .careerup_step_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
  }
  .careerup_step_left {
    width: 25rem;
    padding: 1.6rem 3.4rem;
  }
  .careerup_step_right {
    width: 82.6rem;
    font-size: 1.4rem;
    padding: 3.5rem 5rem;
  }
  .careerup_step_right h3 {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .careerup_step_annualIncome .en {
    font-size: 3.2rem;
  }
  .training_system_box {
    width: 34.2rem;
  }
  .training_system_box h3 {
    font-size: 2.8rem;
    margin: 3rem 0 2rem;
  }
  .training_system_box h3 span {
    font-size: 1.6rem;
    display: block;
  }
}

/* ---------------------------------------------------------------------------------------------

　   社員クロストーク

--------------------------------------------------------------------------------------------- */
#crosstalk_main,
.crosstalk_main_ph {
  position: relative;
}
.crosstalk_main_ph_en {
  position: absolute;
  z-index: 2;
  flex-direction: row-reverse;
}
.crosstalk_main_ph_en picture,
.crosstalk_main_ph_en img {
  display: block;
}
.crosstalk_main_ph_en02 picture {
  background-image: url(../img/bg_circle02.png),url(../img/bg.jpg);
  background-position: center,top left;
  background-repeat: no-repeat repeat;
  height: 6.2rem;
  overflow: hidden;
}
.crosstalk_main_ph_en02 img {
  mix-blend-mode: color-burn;
}
.crosstalk_main_ph_img {
  position: relative;
  z-index: 1;
}
.crosstalk_main_profile {
  border: .2rem solid #fff;
  background: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 3;
  position: relative;
}
.crosstalk_main_ph_img:after {
  content: "";
  position: absolute;
  z-index: 10;
  mix-blend-mode: color-burn;
}
.crosstalk_main_profile_title {
  font-weight: 700;
  color: #fff;
  letter-spacing: .2em;
}
.crosstalk_main_member_ph {
  position: relative;
}
.crosstalk_main_member_ph:after {
  content: "";
  background: url(../img/crosstalk/cross.svg) no-repeat center / 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.crosstalk_main_member_box:last-child .crosstalk_main_member_ph:after {
  content: none;
}
.crosstalk_main_member_ph img {
  border: .2rem solid #fff;
  border-radius: 1rem;
}
.crosstalk_main_member_joining {
  color: #9B9B9B;
  font-weight: 700;
}
.crosstalk_main_member_name {
  font-weight: 700;
  color: var(--mainColor);
  letter-spacing: .05rem;
}
.crosstalk_main_member_box .crosstalk_main_member_jobtype {
  line-height: 1.4;
}
.crosstalk_main_member_box .crosstalk_main_member_jobtype span {
  box-decoration-break: clone;  
  -webkit-box-decoration-break: clone;
  background: var(--subColor);
  color: #fff;
}
.crosstalk_sec_title h2 {
  background-image: url(../img/crosstalk/kakko_top.png),url(../img/crosstalk/kakko_bottom.png);
  background-repeat: no-repeat;
  background-position: top left,bottom right;
}
.crosstalk_sec_title span {
  box-decoration-break: clone;  
  -webkit-box-decoration-break: clone;
  background: #fff;
  color: var(--mainColor);
  padding: 0 .2em;
  line-height: 1.8;
  letter-spacing: .05em;
}
.crosstalk_sec:last-child {
  margin-bottom: 0;
}
.crosstalk_sec h3 {
  color: var(--mainColor);
  position: relative;
  letter-spacing: .05em;
}
.crosstalk_sec h3:before {
  content: "";
  background: var(--subColor);
  position: absolute;
  left: 0;
}
.crosstalk_sec_member_name {
  font-weight: 700;
  color: var(--mainColor);
  letter-spacing: .05em;
}
.crosstalk_sec_member_name span {
  line-height: 1;
  display: inline-block;
}

.crosstalk_sec_member_comment:last-of-type {
  margin-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
  #crosstalk_main {
    margin-bottom: 3.5rem;
  }
  .crosstalk_main_ph_en {
    right: 0;
    top: -4.4rem;
  }
  .crosstalk_main_ph_en02 {
    width: 3.2rem;
    height: 14.4rem;
    position: relative;
    top: .6rem;
  }
  .crosstalk_main_ph_en02 picture {
    height: .8rem;
    background-size: 500%,38rem;
  }
  .crosstalk_main_ph_img:after {
    width: 3.2rem;
    height: 14.4rem;
    right: 4.4rem;
    top: -1rem;
    background: url(../img/crosstalk/en_talk_sp.svg) no-repeat center bottom / 100%;
  }
  .crosstalk_main_ph_en .crosstalk_main_ph_en01 {
    margin-left: 1.2rem;
    width: 3.2rem;
  }
  .crosstalk_main_profile {
    padding: 1.5rem;
    border-radius: 1.5rem;
    margin-top: -5rem;
  }
  .crosstalk_main_profile_title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .crosstalk_main_member_box {
    width: 9.2rem;
  }
  .crosstalk_main_member_ph {
    margin-bottom: .5rem;
  }
  .crosstalk_main_member_ph:after {
    width: 1.2rem;
    height: 1.2rem;
    right: -1.2rem;
  }
  .crosstalk_main_member_joining {
    font-size: 1.1rem;
  }
  .crosstalk_main_member_name {
    font-size: 1.6rem;
  }
  .crosstalk_main_member_box .crosstalk_main_member_jobtype span {
    font-size: .9rem;
    padding: .1em .3rem;
  }
  .crosstalk_sec_title {
    margin-bottom: 3.5rem;
  }
  .crosstalk_sec_title h2 {
    background-size: 3rem;
    font-size: 2rem;
    padding: 2rem 1.8rem;
  }
  .crosstalk_sec {
    margin-bottom: 3.5rem;
  }
  .crosstalk_sec h3 {
    padding-left: 3rem;
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
  }
  .crosstalk_sec h3:before {
    height: .3rem;
    width: 2rem;
    top: 1.1rem;
  }
  .crosstalk_sec_member_name,
  .crosstalk_sec_member_comment {
    line-height: 2.1429em;
  }
  .crosstalk_sec_member_name {
    margin-bottom: 1rem;
  }
  .crosstalk_sec_member_comment {
    margin-bottom: 3.5rem;
  }
  .crosstalk_sec figure {
    margin-top: 5rem;
  }
  .crosstalk_sec figure img {
    border-radius: 1.5rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #crosstalk_main {
    margin-bottom: 7rem;
  }
  .crosstalk_main_ph {
    padding-left: 6rem;
  }
  .crosstalk_main_ph_en {
    right: 1.5rem;
    top: -14rem;
  }
  .crosstalk_main_ph_en02 {
    width: 6.6rem;
    height: 29.7rem;
  }
  .crosstalk_main_ph_en02 picture {
    height: 6.2rem;
    background-size: 200%,90rem;
  } 
  .crosstalk_main_ph_img:after {
    width: 6.6rem;
    height: 24.2rem;
    right: 12.2rem;
    top: 0;
    background: url(../img/crosstalk/en_talk.svg) no-repeat center bottom / 100%;
  }
  .crosstalk_main_ph_en .crosstalk_main_ph_en01 {
    margin-left: 4rem;
  }
  .crosstalk_main_profile {
    width: 80rem;
    border-radius: 2rem;
    padding: 5rem 4rem;
    margin-top: -22.4rem;
  }
  .crosstalk_main_profile_title {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
  .crosstalk_main_member_box {
    width: 20rem;
  }
  .crosstalk_main_member_ph {
    margin-bottom: 1.5rem;
  }
  .crosstalk_main_member_ph:after {
    width: 2rem;
    height: 2rem;
    right: -3.8rem;
  }
  .crosstalk_main_member_joining {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .crosstalk_main_member_name {
    font-size: 2.4rem;
    margin-bottom: .9rem;
  }
  .crosstalk_main_member_box .crosstalk_main_member_jobtype span {
    font-size: 1.2rem;
    padding: .1em .5rem;
  }
  .crosstalk_sec_title {
    margin-bottom: 7rem;
  }
  .crosstalk_sec_title h2 {
    background-size: 5rem;
    font-size: 5.2rem;
    padding: 3.2rem 4.6rem;
  }
  .crosstalk_sec {
    margin-bottom: 10rem;
  }
  .crosstalk_sec h3 {
    padding-left: 8.8rem;
    font-size: 4rem;
    margin-bottom: 7rem;
  }
  .crosstalk_sec h3:before {
    height: .5rem;
    width: 6rem;
    top: 2.8rem;
  }
  .crosstalk_sec_member_name,
  .crosstalk_sec_member_comment {
    margin-bottom: 7rem;
    line-height: 2.5;
  }
  .crosstalk_sec_member_name {
    width: 9rem;
    padding-right: 1em;
    font-size: 2rem;
  }
  .crosstalk_sec_member_comment {
    width: calc(100% - 9rem);
  }
  .crosstalk_sec figure {
    margin-top: 7rem;
  }
  .crosstalk_sec figure img {
    border-radius: 2rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   DATA

--------------------------------------------------------------------------------------------- */

#scsk-hokkaido:before,
#work_style:before {
  content: "";
  background: url(../img/bg_circle.png) no-repeat center / 100%;
  position: absolute;
  z-index: -1;
}
.data_sec {
  position: relative;
}
.data_sec__item {
  background: rgba(255,255,255,.7);
  border-radius: 2rem;
  border: .2rem solid #fff;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.data-num {
  font-weight: 700;
  color: var(--mainColor);
  line-height: 1;
}
.data-smalltxt {
  font-weight: 700;
  color: var(--mainColor);
  line-height: 1;
}
.scsk-hokkaido__item-note {
  font-size: 1.4rem;
  margin-top: 1rem;
}
.scsk-hokkaido__gender {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.scsk-hokkaido__gender-details {
  display: flex;
}
.scsk-hokkaido__gender .scsk-hokkaido__item-note {
  width: 100%;
}
.scsk-hokkaido__gender-details {
  position: relative;
}
.scsk-hokkaido__gender-item dt {
  font-weight: 700;
}
.scsk-hokkaido__gender-item dd:after {
  content: ":";
  color: var(--mainColor);
  font-weight: 700;
  line-height: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.scsk-hokkaido__gender-item:last-child dd:after {
  content: none;
}
.scsk-hokkaido__age-tit {
  font-weight: 700;
}
.scsk-hokkaido__age-num {
  color: var(--subColor);
  font-weight: 700;
}
.scsk-hokkaido__age-bar {
  position: relative;
}
.scsk-hokkaido__age-bar:after {
  content: "";
  position: absolute;
  background: var(--subColor);
}
.scsk-hokkaido__tenure {
  display: flex;
  align-items: center;
  width: 100%;
}
.scsk-hokkaido__recruitment {
  display: flex;
}
.scsk-hokkaido__recruitment-value {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scsk-hokkaido__recruitment-item01 {
  width: 53.2%;
}
.scsk-hokkaido__recruitment-item02 {
  width: 46.8%;
}
.scsk-hokkaido__recruitment-item01 .scsk-hokkaido__recruitment-value {
  background: #8980D5;
  border-radius: 3.4rem 0 0 3.4rem;
}
.scsk-hokkaido__recruitment-item01 .scsk-hokkaido__recruitment-value span {
  color: #fff;
}
.scsk-hokkaido__recruitment-item02 .scsk-hokkaido__recruitment-value {
  background: #DAD8E5;
  border-radius: 0 3.4rem 3.4rem 0;
}
.scsk-hokkaido__gender-details {
  display: flex;
  justify-content: space-between;
}
.scsk-hokkaido__col--demographics .scsk-hokkaido__col_vertical .data_sec__title {
  width: 15rem;
  margin-bottom: 0;
}
.scsk-hokkaido__col--demographics .scsk-hokkaido__col_vertical .scsk-hokkaido__gender-details,
.scsk-hokkaido__col--demographics .scsk-hokkaido__col_vertical .scsk-hokkaido__tenure-item {
  width: calc(100% - 15rem);
  text-align: center;
}
.data_disc_list li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1em;
  font-weight: 700;
}
.data_disc_list li:last-child {
  margin-bottom: 0;
}
.data_disc_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .6em;
  width: .8rem;
  height: .8rem;
  background: var(--mainColor);
  border-radius: 50%;
}
.emp-survey__tool-title {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.emp-survey__tool-title .emp-survey__tool-icon {
  margin-right: 1rem;
}
.emp-survey__tool-title .emp-survey__tool-icon img {
  display: block;
  width: 4rem;
}
.emp-survey__benefit-title,
.emp-survey__improvement-title {
  color: var(--mainColor);
}
.emp-survey__benefit,
.emp-survey__improvement {
  border-bottom: 1px solid var(--subColor);
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}
.emp-survey__benefit:last-child,
.emp-survey__improvement:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.emp-survey__list,
.rank_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.emp-survey__section--frequency .emp-survey__list dt {
  width: 14.8rem;
  font-weight: 700;
  font-size: 2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.emp-survey__section--frequency .emp-survey__list dt:after {
  content: "";
  width: 4.4rem;
  height: .8rem;
  position: absolute;
  background: url(../img/data/dot.png) no-repeat center / 100%;
  right: 0;
}
.emp-survey__section--frequency .emp-survey__list dd {
  width: calc(100% - 16rem);
  font-size: 2.4rem;
  color: var(--mainColor);
}
.emp-survey__section--frequency .emp-survey__list .emp-survey__list-detail span {
  font-weight: 700;
}
.emp-survey__section--frequency .emp-survey__list .emp-survey__list-detail .emp-survey__list-detail_num {
  font-size: 4rem;
}
.rank_list dt,
.rank_list dd {
  margin-bottom: 1.5rem;
}
.rank_list dt:last-of-type,
.rank_list dd:last-of-type {
  margin-bottom: 0;
}
.rank_list dt {
  width: 5rem;
  color: var(--mainColor);
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
.rank_list dt .en {
  font-weight: 700;
  line-height: 1;
  font-size: 2.4rem;
}
.rank_list dt:nth-of-type(1),
.rank_list dt:nth-of-type(2),
.rank_list dt:nth-of-type(3) {
  font-size: 2rem;
}
.rank_list dt:nth-of-type(1) .en,
.rank_list dt:nth-of-type(2) .en,
.rank_list dt:nth-of-type(3) .en {
  font-size: 3.2rem;
}
.rank_list dd {
  width: calc(100% - 7.5rem);
  font-weight: 700;
  font-size: 1.6rem;
}
.rank_list dd:nth-of-type(1),
.rank_list dd:nth-of-type(2),
.rank_list dd:nth-of-type(3) {
  font-size: 2rem;
}
.emp-survey__section--reason dt {
  font-weight: 700;
  color: var(--mainColor);
}
.emp-survey__section--reason dt .en {
  font-weight: 700;
  line-height: 1;
}
.emp-survey__section--reason dd {
  font-weight: 700;
}
.fashion--graf__txt .en {
  color: var(--mainColor);
  text-align: center;
}
.fashion--graf__caption {
  font-size: 1.4rem;
  text-align: center;
}
.fashion--graf__num {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
}
.fashion--graf__small {
  font-size: 2rem;
  font-weight: 700;
}
.scsk-hokkaido__terework {
  max-width: 60rem;
}
.scsk-hokkaido__terework_inner {
  border-bottom: 1px solid var(--black);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding: 0 3.5rem;
}
.scsk-hokkaido__terework-item {
  position: relative;
  width: 5.3rem;
}
.scsk-hokkaido__terework-bar {
  position: relative;
  font-size: 1.2rem;
  text-align: center;
}
.scsk-hokkaido__terework-bar span {
  font-weight: 700;
  color: var(--mainColor);
}
.scsk-hokkaido__terework-bar .scsk-hokkaido__terework-num {
  font-size: 2rem;
  line-height: 1;
}
.scsk-hokkaido__terework-tit {
  font-size: 1.4rem;
  position: absolute;
  bottom: -2em;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
.scsk-hokkaido__terework01 .scsk-hokkaido__terework-bar {
  height: 14.4rem;
}
.scsk-hokkaido__terework02 .scsk-hokkaido__terework-bar {
  height: 5.4rem;
}
.scsk-hokkaido__terework03 .scsk-hokkaido__terework-bar {
  height: 6.6rem;
}
.scsk-hokkaido__terework04 .scsk-hokkaido__terework-bar {
  height: 6.7rem;
}
.scsk-hokkaido__terework05 .scsk-hokkaido__terework-bar {
  height: 6rem;
}
.scsk-hokkaido__terework06 .scsk-hokkaido__terework-bar {
  height: 4.6rem;
}
.scsk-hokkaido__terework-bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: var(--subColor);
}
.scsk-hokkaido__terework01 .scsk-hokkaido__terework-bar:after {
  height: 11.8rem;
}
.scsk-hokkaido__terework02 .scsk-hokkaido__terework-bar:after {
  height: 2.7rem;
}
.scsk-hokkaido__terework03 .scsk-hokkaido__terework-bar:after {
  height: 3.7rem;
}
.scsk-hokkaido__terework04 .scsk-hokkaido__terework-bar:after {
  height: 4.1rem;
}
.scsk-hokkaido__terework05 .scsk-hokkaido__terework-bar:after {
  height: 3.3rem;
}
.scsk-hokkaido__terework06 .scsk-hokkaido__terework-bar:after {
  height: 1.9rem;
}

.scsk-hokkaido__item-value .data-img {
  display: inline-block;
  margin-right: 1rem;
}
.scsk-hokkaido__item-value .data-img {
  width: 7.3rem;
  display: inline-block;
}
@media only screen and ( max-width : 767px ) {
  #scsk-hokkaido:before {
    width: 41.1rem;
    height: 41.1rem;
    top: 122.8rem;
    left: -30rem;
  }
  #work_style:before {
    width: 41.1rem;
    height: 41.1rem;
    top: 50%;
    right: -30rem;
    transform: translateY(-50%);
  }
  .data_sec {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
    border-bottom: 1px solid var(--subColor);
  }
  .data_sec:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .data_sec__title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  .data-num {
    font-size: 6.4rem;
  }
  .data-smalltxt {
    font-size: 2.4rem;
    margin-left: 1rem;
  }
  .data-smalltxt.en {
    font-size: 1.6rem;
  }
  .scsk-hokkaido__recruitment-value .data-num {
    font-size: 2.8rem;
  }
  .data_sec__item  {
    margin-bottom: 2rem;
    padding: 2rem;
  }
  .scsk-hokkaido__recruitment-value {
    height: 4.3rem;
  }
  .scsk-hokkaido__recruitment-item h4 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .scsk-hokkaido__recruitment .data_sec__title {
    margin-bottom: 2rem;
  }
  .scsk-hokkaido__recruitment .data-smalltxt {
    margin-left: .5rem;
  }
  .scsk-hokkaido__age {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .scsk-hokkaido__age-item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
  }
  .scsk-hokkaido__age-num {
    font-size: 1.4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .scsk-hokkaido__age20 .scsk-hokkaido__age-num {
    bottom: calc((27.8% * 3) + 1rem);
  }
  .scsk-hokkaido__age30 .scsk-hokkaido__age-num {
    bottom: calc((30.7% * 3) + 1rem);
  }
  .scsk-hokkaido__age40 .scsk-hokkaido__age-num {
    bottom: calc((29.8% * 3) + 1rem);
  }
  .scsk-hokkaido__age50 .scsk-hokkaido__age-num {
    bottom: calc((7.8% * 3) + 2.5rem);
  }
  .scsk-hokkaido__age60 .scsk-hokkaido__age-num {
    bottom: calc((3.9% * 3) + 2.5rem);
  }
  .scsk-hokkaido__age-tit {
    font-size: 1.6rem;
  }
  .scsk-hokkaido__age-bar {
    height: 13rem;
    width: 100%;
  }
  .scsk-hokkaido__age-bar:after {
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .scsk-hokkaido__age20 .scsk-hokkaido__age-bar:after {
    height: calc(27.8% * 3);
  }
  .scsk-hokkaido__age30 .scsk-hokkaido__age-bar:after {
    height: calc(30.7% * 3);
  }
  .scsk-hokkaido__age40 .scsk-hokkaido__age-bar:after {
    height: calc(29.8% * 3);
  }
  .scsk-hokkaido__age50 .scsk-hokkaido__age-bar:after {
    height: calc(7.8% * 3);
  }
  .scsk-hokkaido__age60 .scsk-hokkaido__age-bar:after {
    height: calc(3.9% * 3);
  }
  .scsk-hokkaido__col--demographics .data_sec__title {
    margin-bottom: 4.5rem;
  }
  .data_disc_list li {
    font-size: 1.6rem;
  }
  .emp-survey__section--tools .data_disc_list li {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .emp-survey__benefit-title,
  .emp-survey__improvement-title {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
  }
  .emp-survey__tool {
    margin-bottom: 3.5rem;
  }
  .emp-survey__tool:last-child {
    margin-bottom: 0;
  }
  .emp-survey__picture {
    max-width: 18.5rem;
    margin: 0 auto;
  }


  .rank_list dt {
    width: 4.4rem;
  }
  .rank_list dd {
    width: calc(100% - 6.5rem);
  }

  .emp-survey__section--reason dt,
  .emp-survey__section--reason dd {
    margin-bottom: 1.5rem;
  }
  .emp-survey__section--reason dt:last-of-type,
  .emp-survey__section--reason dd:last-of-type {
    margin-bottom: 0;
  }
  .emp-survey__section--reason dt {
    width: 4.4rem;
    color: var(--mainColor);
    font-weight: 700;
    font-size: 1.6rem;
    text-align: right;
  }
  .emp-survey__section--reason dt .en {
    font-weight: 700;
    line-height: 1;
    font-size: 2.4rem;
  }
  .emp-survey__section--reason dt:nth-of-type(1),
  .emp-survey__section--reason dt:nth-of-type(2),
  .emp-survey__section--reason dt:nth-of-type(3) {
    font-size: 2rem;
  }
  .emp-survey__section--reason dt:nth-of-type(1) .en,
  .emp-survey__section--reason dt:nth-of-type(2) .en,
  .emp-survey__section--reason dt:nth-of-type(3) .en {
    font-size: 3.2rem;
  }
  .emp-survey__section--reason dd {
    width: calc(100% - 6.5rem);
    font-weight: 700;
    font-size: 1.6rem;
  }
  .emp-survey__section--reason dd:nth-of-type(1),
  .emp-survey__section--reason dd:nth-of-type(2),
  .emp-survey__section--reason dd:nth-of-type(3) {
    font-size: 2rem;
  }
  .scsk-hokkaido__terework {
    overflow: auto;
    padding-bottom: 3.5rem;
  }
  .scsk-hokkaido__terework_inner {
    width: 52rem;
    padding: 0 1rem;
  }
  .scsk-hokkaido__terework-tit {
    bottom: -1.8em;
  }
  .scsk-hokkaido__fashion--graf {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  .scsk-hokkaido__fashion--graf:last-child {
    margin-bottom: 0;
  }
  .scsk-hokkaido__fashion--graf figure {
    width: 13rem;
    margin-right: 2.5rem;
  }
  .fashion--graf__txt {
    width: calc(100% - 15.5rem);
  }
  .fashion--graf__caption {
    margin-bottom: .5rem;
  }
  .afterwork__img-wrapper {
    max-width: 18.5rem;
    margin: 0 auto 2rem;
  }

  .data_sec .scroll__inner {
    padding: 0 0 1.8rem 0;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }
  .data_sec .scroll__inner::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }
  .data_sec .simplebar-scrollbar::before {
    background: var(--mainColor);
    border-radius: 0;
    height: .4rem !important;
  }
  .data_sec .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
  }
  .data_sec .simplebar-track {
    background: #DAD8E5;
  }

  .data_sec .simplebar-track.simplebar-horizontal {
    height: .4rem;
    border-radius: 1rem;
  }
  .data_sec .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: .4rem;
  }
  .data_sec .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    left: 0;
    right: 0;
  }
  .data_sec .scroll-hint.is-right-scrollable {
    background: none;
  }
  .emp-survey__more {
    width: 100%;
    display: block;
    background: none;
    text-align: center;
    border: none;
    font-family: inherit;
  }
  .emp-survey__more span {
    color: var(--mainColor);
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    padding-right: 2.4rem;
  }
  .emp-survey__more span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: .9rem;
    background: url(../img/data/arrow.png) no-repeat center / 100%;
  }
}
@media print, screen and ( min-width : 768px ) {
  #scsk-hokkaido:before {
    width: 72.6rem;
    height: 72.6rem;
    top: 30rem;
    left: -51rem;
  }
  #work_style:before {
    width: 67.8rem;
    height: 67.8rem;
    bottom: -20rem;
    right: -51rem;
  }
  .data_sec {
    padding-bottom: 10rem;
    margin-bottom: 10rem;
  }
  .data_sec:after {
    content: "";
    height: 1px;
    width: calc(100% + 12rem);
    position: absolute;
    left: -6rem;
    right: -6rem;
    bottom: 0;
    background: var(--subColor);
  }
  .data_sec:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .data_sec:last-child:after {
    content: none;
  }
  .data_sec__title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .data-num {
    font-size: 8rem;
  }
  .data-smalltxt {
    font-size: 2.4rem;
    margin-left: 1rem;
  }
  .data-smalltxt.en {
    font-size: 2.8rem;
  }
  .scsk-hokkaido__col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .data_sec__item  {
    margin-bottom: 3.5rem;
    padding: 2.5rem 2rem;
  }
  .emp-survey__section {
    padding: 3.5rem 6rem;
  }
  .emp-survey__section--frequency {
    padding: 3.5rem 3rem 3.5rem 4rem;
  }
  .scsk-hokkaido__col--sales .data_sec__item,
  .scsk-hokkaido__col--demographics .data_sec__item {
    width: 31.28%;
  }
  .scsk-hokkaido__col--demographics .scsk-hokkaido__col_vertical {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 31.28%;
  }
  .scsk-hokkaido__col--demographics .scsk-hokkaido__col_vertical .data_sec__item {
    width: 100%;
    height: 48.4%;
    display: flex;
    align-items: center;
  }
  .scsk-hokkaido__col--employment .data_sec__item {
    width: 48.4%;
  }
  .scsk-hokkaido__age {
    margin-top: 4rem;
  }
  .scsk-hokkaido__age-item {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  .scsk-hokkaido__age-item:last-child {
    margin-bottom: 0;
  }
  .scsk-hokkaido__age-tit,
  .scsk-hokkaido__age-num {
    width: 5rem;
  }
  .scsk-hokkaido__age-num {
    text-align: right;
    font-size: 1.4rem;
  }
  .scsk-hokkaido__age-bar {
    width: calc(100% - 10rem);
    height: 4.2rem;
  }
  .scsk-hokkaido__age-bar:after {
    height: 100%;
    top: 0;
    left: 0;
  }
  .scsk-hokkaido__age20 .scsk-hokkaido__age-bar:after {
    width: calc(27.8% * 3);
  }
  .scsk-hokkaido__age30 .scsk-hokkaido__age-bar:after {
    width: calc(30.7% * 3);
  }
  .scsk-hokkaido__age40 .scsk-hokkaido__age-bar:after {
    width: calc(29.8% * 3);
  }
  .scsk-hokkaido__age50 .scsk-hokkaido__age-bar:after {
    width: calc(7.8% * 3);
  }
  .scsk-hokkaido__age60 .scsk-hokkaido__age-bar:after {
    width: calc(3.9% * 3);
  }
  .scsk-hokkaido__recruitment-value .data-num {
    font-size: 4rem;
  }
  .scsk-hokkaido__recruitment-value .data-smalltxt {
    font-size: 2.4rem;
  }
  .scsk-hokkaido__recruitment-item h4 {
    margin-bottom: 1.5rem;
  }
  .scsk-hokkaido__recruitment {
    margin-top: 7rem;
  }
  .scsk-hokkaido__recruitment-value {
    height: 7rem;
  }
  .emp-survey__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .emp-survey__section {
    width: 100%;
  }
  .emp-survey__section--frequency,
  .emp-survey__section--impression {
    width: 48.4%;
  }
  .emp-survey__item-content,
  .afterwork__item-content {
    display: flex;
    justify-content: space-between;
  }
  .afterwork__item-content {
    padding: 0 6rem 0 2rem;
  }
  .emp-survey__img-wrapper,
  .afterwork__img-wrapper {
    width: 18.5rem;
  }
  .emp-survey__data {
    width: 27rem;
  }
  .emp-survey__section--impression .emp-survey__data {
    width: 22rem;
  }
  .afterwork__data {
    width: 20rem;
  }
  .emp-survey__tools {
    display: flex;
    justify-content: space-between;
  }
  .emp-survey__tool {
    flex: auto;
  }
  .data_disc_list li {
    font-size: 2rem;
  }
  .emp-survey__benefit-title,
  .emp-survey__improvement-title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .emp-survey__section--reason dl {
    align-items: flex-end;
  }
  .emp-survey__section--reason dt,
  .emp-survey__section--reason dd {
    margin-top: 3rem;
  }
  .emp-survey__section--reason dt:nth-of-type(1),
  .emp-survey__section--reason dt:nth-of-type(2),
  .emp-survey__section--reason dt:nth-of-type(3),
  .emp-survey__section--reason dd:nth-of-type(1),
  .emp-survey__section--reason dd:nth-of-type(2),
  .emp-survey__section--reason dd:nth-of-type(3) {
    margin-top: 0;
  }
  .emp-survey__section--reason dt {
    width: 9.4rem;
    font-size: 2rem;
  }
  .emp-survey__section--reason dt .en {
    font-size: 4rem;
    margin-right: .8rem;
  }
  .emp-survey__section--reason dt:nth-of-type(1),
  .emp-survey__section--reason dt:nth-of-type(2),
  .emp-survey__section--reason dt:nth-of-type(3) {
    font-size: 2.4rem;
  }
  .emp-survey__section--reason dt:nth-of-type(1) .en,
  .emp-survey__section--reason dt:nth-of-type(2) .en,
  .emp-survey__section--reason dt:nth-of-type(3) .en {
    font-size: 6.4rem;
    margin-right: 1rem;
  }
  .emp-survey__section--reason dd {
    width: calc(100% - 9.4rem);
    font-size: 2rem;
  }
  .emp-survey__section--reason dd:nth-of-type(1) {
    width: 18rem;
  }
  .emp-survey__section--reason dd:nth-of-type(2) {
    width: 28rem;
  }
  .emp-survey__section--reason dd:nth-of-type(3) {
    width: 25.8rem;
  }
  .scsk-hokkaido__fashion--wrapper {
    display: flex;
    justify-content: space-between;
  }
  .scsk-hokkaido__fashion--graf {
    width: 13rem;
  }
  .fashion--graf__caption {
    margin-top: 1rem;
    margin-bottom: .5rem;
  }
  .scsk-hokkaido__item--terework {
    padding-bottom: 5rem;
  }
  .scsk-hokkaido__col--terework .scsk-hokkaido__item--terework {
    width: 65.6%;
  }
  .scsk-hokkaido__col--terework .scsk-hokkaido__item--pl-return {
    width: 31.3%;
  }
  .scsk-hokkaido__terework {
    margin: 0 auto;
  }
  .scsk-hokkaido__item--pl-return .data_sec__title {
    margin-bottom: 5rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}