@charset "UTF-8";
.people_guide .comm-tab {
  margin-bottom: 3.6458333333vw;
}

.people_guide .page_view {
  width: 70.8333333333vw;
  margin: 0 auto;
  padding-top: 6.25vw;
  padding-bottom: 10.4166666667vw; /* margin-bottom:vw(200);*/
}

.page_top_dl {
  text-align: center;
}
.page_top_dl dt {
  font-size: 2.0833333333vw;
  font-weight: 700;
  margin-bottom: 1.3541666667vw;
}
.page_top_dl dd {
  font-size: 0.9375vw;
  font-weight: 300;
  line-height: 1.6;
}
.page_top_dl dd span {
  display: block;
}

.picture_txt-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5.2083333333vw;
}
.picture_txt-grid img {
  width: 50%;
}
.picture_txt-grid .txt_info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  background-color: #ebebeb;
  padding: 3.125vw 3.125vw 0 3.125vw;
}
.picture_txt-grid .txt_info h6 {
  font-size: 2.0833333333vw;
}
.picture_txt-grid .txt_info strong {
  font-size: 1.1458333333vw;
  display: block;
  margin: 1.25vw 0 1.5625vw;
}
.picture_txt-grid .txt_info li {
  padding-left: 1.0416666667vw;
  position: relative;
  font-size: 0.9375vw;
  color: #636363;
}
.picture_txt-grid .txt_info li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.46875vw;
  border-radius: 50%;
  background-color: #06377b;
  width: 0.3125vw;
  height: 0.3125vw;
}
.picture_txt-grid .txt_info li + li {
  margin-top: 0.3125vw;
}

.people_btn-wid {
  margin-top: 3.125vw;
}
.people_btn-wid span.arrw button {
  width: 16.6666666667vw;
}
.people_btn-wid span.arrw button.walfare {
  width: 14.5833333333vw;
}
.people_btn-wid span.arrw a {
  width: 19.7916666667vw;
}

.middle_title-people {
  display: block;
  font-size: 1.4583333333vw;
  text-align: center;
  line-height: 1.4;
  margin-top: 5.2083333333vw;
}

.separation_four-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.6875vw;
}
.separation_four-box li {
  width: 25%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.separation_four-box li strong {
  display: block;
  position: relative;
  font-size: 1.1458333333vw;
  font-weight: 600;
  margin-bottom: 1.6666666667vw;
}
.separation_four-box li strong em {
  display: block;
  font-size: 2.0833333333vw;
  color: #00307b;
  margin-bottom: 0.5208333333vw;
  font-weight: 700;
}
.separation_four-box li strong::after {
  content: "";
  display: block;
  width: 2.6041666667vw;
  height: 1px;
  background-color: #000;
  margin: 0.8333333333vw auto 0;
}
.separation_four-box li p {
  font-size: 0.9375vw;
  color: #636363;
  line-height: 1.6;
}
.separation_four-box li + li {
  border-left: 1px solid #e5e5e5;
}
.separation_four-box.other_type {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.separation_four-box.other_type li {
  width: 33.3%;
}
.separation_four-box.other_type strong {
  font-weight: 300;
  font-size: 1.0416666667vw;
  color: #636363;
}
.separation_four-box.other_type strong em {
  font-size: 1.6666666667vw;
  margin-top: 0.5208333333vw;
}
.separation_four-box.other_type strong::after {
  background-color: transparent;
  margin-top: 2.0833333333vw;
  width: 4.0625vw;
  height: 4.0625vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.separation_four-box.other_type .comm_btn {
  margin-top: 2.8125vw;
}
.separation_four-box.other_type .comm_btn span.arrw button {
  width: 14.5833333333vw;
  font-size: 0.8333333333vw;
  height: 2.6041666667vw;
}
.separation_four-box.other_type li:nth-child(1) strong::after {
  background-image: url(../img/ico_welfare01.png);
}
.separation_four-box.other_type li:nth-child(2) strong::after {
  background-image: url(../img/ico_welfare02.png);
}
.separation_four-box.other_type li:nth-child(3) strong::after {
  background-image: url(../img/ico_welfare03.png);
}

.upbringing_item {
  position: relative;
  margin-top: 5.7291666667vw;
}
.upbringing_item > dl {
  margin-bottom: 2.6041666667vw;
}
.upbringing_item > dl dt {
  font-size: 1.7708333333vw;
  font-weight: 700;
  margin-bottom: 0.4166666667vw;
}
.upbringing_item > dl dd {
  font-size: 0.9375vw;
  font-weight: 300;
  color: #636363;
}
.upbringing_item > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.upbringing_item > ul li {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #e5e5e5;
  padding: 0.5208333333vw 1.875vw;
}
.upbringing_item > ul li strong {
  display: block;
  font-size: 1.1458333333vw;
  color: #00307b;
}
.upbringing_item > ul li p {
  font-weight: 300;
  font-size: 0.9375vw;
  color: #636363;
  line-height: 1.5;
}
.upbringing_item > ul li p::before {
  content: "";
  display: block;
  width: 1.6666666667vw;
  height: 1px;
  background-color: #00307b;
  margin: 0.9375vw 0;
}
.upbringing_item .comm_btn {
  position: absolute;
  right: 0;
  top: 0;
}
.upbringing_item .comm_btn span.arrw button {
  width: 12.5vw;
  font-size: 0.8333333333vw;
  height: 2.5vw;
}
.upbringing_item .graph_each_guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.upbringing_item .graph_each_guide .graph_item {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3.6458333333vw;
  text-align: center;
}
.upbringing_item .graph_each_guide .graph_item + .graph_item {
  border-left: 1px solid #e5e5e5;
}
.upbringing_item .graph_each_guide .graph_item strong {
  display: block;
  font-size: 1.4583333333vw;
  margin-bottom: 1.0416666667vw;
}
.upbringing_item .graph_each_guide .graph_item strong span {
  display: block;
  font-size: 0.9375vw;
  color: #636363;
  font-weight: 300;
}
.upbringing_item .graph_each_guide .graph_item ul {
  border-bottom: 1px solid #c2c2c2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.6666666667vw;
}
.upbringing_item .graph_each_guide .graph_item ul li {
  position: relative;
  width: 5.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upbringing_item .graph_each_guide .graph_item ul li em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  color: #c2c2c2;
  font-size: 1.25vw;
  font-weight: 600;
}
.upbringing_item .graph_each_guide .graph_item ul li em::after {
  content: "";
  display: block;
  width: 2.6041666667vw;
  height: 100%; /* height:vw(84);*/
  background-color: #c2c2c2;
  margin: 0.5208333333vw auto 0;
}
.upbringing_item .graph_each_guide .graph_item ul li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1.6666666667vw;
  color: #c2c2c2;
  font-size: 0.9375vw;
  width: 100%;
}
.upbringing_item .graph_each_guide .graph_item ul li:last-child em {
  color: #06377b;
}
.upbringing_item .graph_each_guide .graph_item ul li:last-child em::after {
  background-color: #06377b;
  height: 8.5416666667vw;
}
.upbringing_item .graph_each_guide .graph_item p {
  font-size: 0.9375vw;
  font-weight: 600;
  padding-top: 1.25vw;
}

/* popup CSS! */
#peoplePopup01 {
  width: 60.4166666667vw;
}

#peoplePopup02 {
  width: 60.4166666667vw;
}

#peoplePopup03 {
  width: 60.4166666667vw;
}

#peoplePopup04 {
  width: 60.4166666667vw;
}

#peoplePopup05 {
  width: 60.4166666667vw;
}

#peoplePopup06 {
  width: 60.4166666667vw;
}

#peoplePopup01 .popup_mid {
  height: 100%;
}
#peoplePopup01 img {
  max-width: 33.8541666667vw;
  height: auto;
}

.family-certification {
  max-width: 45.8333333333vw;
}

.in_house-event {
  border-top: 1px solid #e1e1e1;
}
.in_house-event li {
  border-bottom: 1px solid #e1e1e1;
  padding: 1.9791666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.in_house-event li * {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.in_house-event li:hover { /* cursor:pointer;*/ }
.in_house-event li:hover b {
  background-color: #00307b;
  color: #fff;
}
.in_house-event b {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border: 1px solid #00307b;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.0416666667vw;
  color: #00307b;
  margin-right: 1.5625vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.in_house-event strong {
  font-size: 1.1458333333vw;
  width: 19.7916666667vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.in_house-event span {
  font-weight: 300;
  color: #636363;
  font-size: 0.9375vw;
}

.welfare_type-list > strong {
  display: block;
  font-weight: 600;
  font-size: 1.25vw;
  margin-bottom: 1.0416666667vw;
}
.welfare_type-list ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #e1e1e1;
  width: 99.9%;
  position: relative;
}
.welfare_type-list ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 33.3%;
  min-height: 6.25vw;
  padding: 0.78125vw 0.2604166667vw 0.78125vw 0;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  font-size: 1.0416666667vw;
}
.welfare_type-list ol li em {
  text-align: center;
  line-height: 1;
  border-right: 1px solid #b2b2b2;
  font-size: 1.1458333333vw;
  color: #898989;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 3.125vw;
  margin-right: 1.0416666667vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.welfare_type-list ol li::before {
  content: "";
  width: 1px;
  height: 3.125vw;
  background-color: #e1e1e1;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.welfare_type-list ol li:nth-child(3n+1) {
  border-left-width: 0;
}
.welfare_type-list ol li:nth-child(3n+3)::before {
  display: none;
}
.welfare_type-list ol::after {
  content: "";
  width: 99.9%;
  height: 1px;
  background-color: #e1e1e1;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.welfare_type-list + .welfare_type-list {
  margin-top: 3.6458333333vw;
}

.yearly_performance-wrap > p {
  font-weight: 600;
  font-size: 1.25vw;
  margin-bottom: 1.5625vw;
}
.yearly_performance-wrap .yearly_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5625vw;
}
.yearly_performance-wrap .yearly_select span {
  display: block;
  font-weight: 600;
  font-size: 1.4583333333vw;
  width: 9.375vw;
  text-align: center;
}
.yearly_performance-wrap .yearly_select button {
  display: block;
  text-indent: -99999em;
  width: 1.1458333333vw;
  height: 0.7291666667vw;
  background: url(../img/arrw_3_bold-up.png) no-repeat center/100% auto;
  overflow: hidden;
}
.yearly_performance-wrap .yearly_select button:nth-child(1) {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.yearly_performance-wrap .yearly_select button:nth-child(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.yearly_performance-wrap .yearly_select button.off {
  opacity: 0;
  cursor: default;
}
.yearly_performance-wrap .performance_join {
  display: none;
}
.yearly_performance-wrap .performance_join.open {
  display: block;
}
.yearly_performance-wrap .performance_join .top_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.0416666667vw;
}
.yearly_performance-wrap .performance_join .top_title strong {
  font-weight: 600;
  font-size: 1.25vw;
}
.yearly_performance-wrap .performance_join .top_title p {
  font-size: 0.9375vw;
  color: #636363;
  font-weight: 300;
}
.yearly_performance-wrap .performance_join .mid_info {
  background-color: #f1f1f1;
  border-radius: 1.0416666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 1.5625vw 0;
}
.yearly_performance-wrap .performance_join .mid_info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.yearly_performance-wrap .performance_join .mid_info ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 300;
  color: #636363;
  font-size: 0.9375vw;
  padding: 0.625vw 0;
}
.yearly_performance-wrap .performance_join .mid_info ul li strong {
  display: block;
  font-weight: 600;
  color: #00307b;
  font-size: 2.0833333333vw;
}
.yearly_performance-wrap .performance_join .mid_info ul li + li {
  border-left: 1px solid #ccc;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table {
  margin-top: 2.0833333333vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table:first-child {
  margin-top: 2.0833333333vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table .dv {
  font-weight: 600;
  color: #000;
  font-size: 1.0416666667vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table .ex {
  font-weight: 600;
  color: #00307b;
  font-size: 1.0416666667vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table ul li {
  position: relative;
  padding-left: 0.8333333333vw;
  text-align: left;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.3125vw;
  border-radius: 50%;
  background-color: #636363;
  width: 0.3125vw;
  height: 0.3125vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table ul li + li {
  margin-top: 0.4166666667vw;
}
.yearly_performance-wrap .performance_join .botm_table .comm-table .last_sum td {
  background-color: #f1f1f1;
}

.introduction_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6.25vw;
}
.introduction_list .item {
  width: 22.9166666667vw;
  margin-left: 1.0416666667vw;
}
.introduction_list .item + .item {
  margin-top: 5.2083333333vw;
}
.introduction_list .item:nth-child(3n+1) {
  margin-left: 0;
}
.introduction_list .item:nth-child(-n+3) {
  margin-top: 0;
}
.introduction_list .item a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.introduction_list .item a:hover {
  -webkit-box-shadow: 0px 7px 11px 2px rgba(0, 0, 0, 0.2117647059);
          box-shadow: 0px 7px 11px 2px rgba(0, 0, 0, 0.2117647059);
}
.introduction_list .item a:hover .item_cont {
  border-color: #00307b;
}
.introduction_list .item a:hover .item_cont_img img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.introduction_list .item_cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 22.3958333333vw;
  padding: 2.0833333333vw;
  border: solid #e1e1e1;
  border-width: 1px 1px 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.introduction_list .item_cont .top_txt {
  height: 100%;
}
.introduction_list .item_cont .top_txt em {
  font-size: 0.9375vw;
  font-weight: bold;
}
.introduction_list .item_cont .top_txt em::after {
  content: "";
  display: block;
  width: 1.71875vw;
  height: 1px;
  margin: 0.9375vw 0;
  background-color: #00307b;
}
.introduction_list .item_cont .top_txt p {
  font-size: 1.25vw;
  font-weight: 600;
  color: #00307b;
}
.introduction_list .item_cont .btm_txt span {
  font-size: 0.8333333333vw;
  font-weight: 300;
  color: #636363;
}
.introduction_list .item_cont .btm_txt p {
  margin-top: 0.3125vw;
  font-size: 1.0416666667vw;
  font-weight: 600;
}
.introduction_list .item_cont_img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13.6979166667vw;
  z-index: -1;
}
.introduction_list .item_cont_img img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.introduction_list .item_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 3.125vw;
  padding-right: 2.0833333333vw;
  background-color: #00307b;
}
.introduction_list .item_logo .img {
  width: 4.9479166667vw;
}

.jobs_popup {
  width: 60.4166666667vw;
}
.jobs_popup_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 3.125vw;
  border-bottom: 1px solid #e1e1e1;
}
.jobs_popup_top .img {
  width: 12.5vw;
}
.jobs_popup_top .txt {
  margin-left: 3.125vw;
  padding-top: 1.9270833333vw;
}
.jobs_popup_top .txt strong {
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #00307b;
}
.jobs_popup_top .txt .profile {
  margin-top: 3.59375vw;
}
.jobs_popup_top .txt .profile span {
  font-size: 0.8333333333vw;
  font-weight: 300;
  color: #636363;
}
.jobs_popup_top .txt .profile p {
  margin-top: 0.2604166667vw;
  font-size: 1.0416666667vw;
  font-weight: 600;
}
.jobs_popup_btm {
  padding: 2.8125vw 0 0 3.125vw;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .jobs_popup_btm {
    padding-left: 2.6041666667vw;
  }
}
.jobs_popup_btm dl dt b {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 2.0833333333vw;
  background-color: #00307b;
  font-size: 1.25vw;
  font-weight: 600;
  color: #fff;
}
.jobs_popup_btm dl dt strong {
  margin-left: 0.78125vw;
  font-size: 1.1458333333vw;
  font-weight: 600;
}
.jobs_popup_btm dl dd {
  margin-top: 1.0416666667vw;
  padding: 0 1.0416666667vw 0 3.125vw;
  font-size: 0.9375vw;
  line-height: 1.68;
  color: #636363;
}
.jobs_popup_btm dl + dl {
  margin-top: 5.2083333333vw;
}
.jobs_popup_btm .img {
  width: 50vw;
  margin: 5.2083333333vw 0 6.25vw;
}
.jobs_popup_btm .img .mo {
  display: none;
}

.process {
  margin-top: 5.9895833333vw;
}
.process_tit {
  display: block;
  margin-bottom: 1.5625vw;
  font-size: 1.7708333333vw;
}
.process_sub_tit {
  font-size: 1.0416666667vw;
  color: #000;
}
.process_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.0833333333vw 1.0416666667vw;
  border-top: 1px solid #e1e1e1;
}
.process_cont.type01 b {
  margin-right: 3.2291666667vw;
}
.process_cont.type02 b {
  margin-right: 2.6041666667vw;
}
.process_cont.pt60 {
  padding-top: 3.125vw;
}
.process_cont .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  font-size: 0.9375vw;
  color: #636363;
}
.process_cont .text-box p {
  line-height: 1.67;
}
.process_list {
  width: 24.0625vw;
}
.process_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 0.9895833333vw;
  line-height: 1.67;
}
.process_list li::before {
  content: "";
  position: absolute;
  top: 0.625vw;
  left: 0;
  width: 0.3125vw;
  height: 0.3125vw;
  border-radius: 6px;
  background-color: #06377b;
}
.process_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.process_step .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30.2083333333vw;
  height: 12.5vw;
  padding: 1.0416666667vw 1.0416666667vw 1.0416666667vw 2.1875vw;
  border-radius: 20px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.process_step .item + .item {
  margin-top: 1.0416666667vw;
  margin-left: 1.0416666667vw;
}
.process_step .item:nth-child(2n+1) {
  margin-left: 0;
}
.process_step .item:nth-child(-n+2) {
  margin-top: 0;
}
.process_step em {
  font-size: 3.125vw;
  font-weight: 600;
  color: #00307b;
}
.process_step .info {
  margin-left: 2.0833333333vw;
}
.process_step .info p {
  margin-top: 0.5208333333vw;
  line-height: 1.67;
}
.process_step .process_step_fot {
  display: block;
  margin: 1.5625vw 0 1.0416666667vw;
  font-size: 0.8333333333vw;
  color: #636363;
}

/* 태블릿 */
@media all and (max-width: 1400px) and (min-width: 721px), ((orientation: landscape) and (max-width: 720px)) {
  .people_guide .comm-tab {
    margin-bottom: 5vw;
  }
  .people_guide .page_view {
    width: 85.7142857143vw;
    padding-top: 8.5714285714vw;
    padding-bottom: 14.2857142857vw;
  }
  .page_top_dl dt {
    font-size: 2.8571428571vw;
    margin-bottom: 1.8571428571vw;
  }
  .page_top_dl dd {
    font-size: 1.2857142857vw;
    line-height: 1.6;
  }
  .picture_txt-grid {
    margin-top: 7.1428571429vw;
  }
  .picture_txt-grid .txt_info {
    padding: 4.2857142857vw 4.2857142857vw 0 4.2857142857vw;
  }
  .picture_txt-grid .txt_info h6 {
    font-size: 2.8571428571vw;
  }
  .picture_txt-grid .txt_info strong {
    font-size: 1.5714285714vw;
    margin: 1.7142857143vw 0 2.1428571429vw;
  }
  .picture_txt-grid .txt_info li {
    padding-left: 1.4285714286vw;
    font-size: 1.2857142857vw;
  }
  .picture_txt-grid .txt_info li::after {
    top: 0.6428571429vw;
    width: 0.4285714286vw;
    height: 0.4285714286vw;
  }
  .picture_txt-grid .txt_info li + li {
    margin-top: 0.4285714286vw;
  }
  .people_btn-wid {
    margin-top: 4.2857142857vw;
  }
  .people_btn-wid span.arrw button {
    width: 22.8571428571vw;
  }
  .people_btn-wid span.arrw button.walfare {
    width: 20vw;
  }
  .people_btn-wid span.arrw a {
    width: 27.1428571429vw;
  }
  .middle_title-people {
    font-size: 2vw;
    line-height: 1.4;
    margin-top: 7.1428571429vw;
  }
  .separation_four-box {
    margin-top: 6.4285714286vw;
  }
  .separation_four-box li strong {
    font-size: 1.5714285714vw;
    margin-bottom: 2.2857142857vw;
  }
  .separation_four-box li strong em {
    font-size: 2.8571428571vw;
    margin-bottom: 0.7142857143vw;
  }
  .separation_four-box li strong::after {
    width: 3.5714285714vw;
    margin: 1.1428571429vw auto 0;
  }
  .separation_four-box li p {
    font-size: 1.2857142857vw;
    line-height: 1.6;
  }
  .separation_four-box.other_type strong {
    font-size: 1.4285714286vw;
  }
  .separation_four-box.other_type strong em {
    font-size: 2.2857142857vw;
    margin-top: 0.7142857143vw;
  }
  .separation_four-box.other_type strong::after {
    margin-top: 2.8571428571vw;
    width: 5.5714285714vw;
    height: 5.5714285714vw;
  }
  .separation_four-box.other_type .comm_btn {
    margin-top: 3.8571428571vw;
  }
  .separation_four-box.other_type .comm_btn span.arrw button {
    width: 20vw;
    font-size: 1.1428571429vw;
    height: 3.5714285714vw;
  }
  .upbringing_item {
    margin-top: 7.8571428571vw;
  }
  .upbringing_item > dl {
    margin-bottom: 3.5714285714vw;
  }
  .upbringing_item > dl dt {
    font-size: 2.4285714286vw;
    margin-bottom: 0.5714285714vw;
  }
  .upbringing_item > dl dd {
    font-size: 1.2857142857vw;
  }
  .upbringing_item > ul li {
    padding: 0.7142857143vw 2.5714285714vw;
  }
  .upbringing_item > ul li strong {
    font-size: 1.5714285714vw;
  }
  .upbringing_item > ul li p {
    font-size: 1.2857142857vw;
    line-height: 1.5;
  }
  .upbringing_item > ul li p::before {
    width: 2.2857142857vw;
    margin: 1.2857142857vw 0;
  }
  .upbringing_item .comm_btn span.arrw button {
    width: 17.1428571429vw;
    font-size: 1.1428571429vw;
    height: 3.4285714286vw;
  }
  .upbringing_item .graph_each_guide .graph_item {
    padding: 0 5vw;
  }
  .upbringing_item .graph_each_guide .graph_item strong {
    font-size: 2vw;
    margin-bottom: 1.4285714286vw;
  }
  .upbringing_item .graph_each_guide .graph_item strong span {
    font-size: 1.2857142857vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul {
    margin-bottom: 2.2857142857vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li {
    width: 7.1428571429vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li em {
    font-size: 1.7142857143vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li em::after {
    width: 3.5714285714vw; /* height:vwt(84); */
    margin: 0.7142857143vw auto 0;
  }
  .upbringing_item .graph_each_guide .graph_item ul li span {
    bottom: -2.2857142857vw;
    font-size: 1.2857142857vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li:last-child em::after {
    height: 11.7142857143vw;
  }
  .upbringing_item .graph_each_guide .graph_item p {
    font-size: 1.2857142857vw;
    padding-top: 1.7142857143vw;
  }
  /* popup CSS! */
  #peoplePopup01 {
    width: 82.8571428571vw;
  }
  #peoplePopup02 {
    width: 82.8571428571vw;
  }
  #peoplePopup03 {
    width: 82.8571428571vw;
  }
  #peoplePopup04 {
    width: 82.8571428571vw;
  }
  #peoplePopup05 {
    width: 82.8571428571vw;
  }
  #peoplePopup06 {
    width: 82.8571428571vw;
  }
  #peoplePopup01 img {
    max-width: 46.4285714286vw;
  }
  .family-certification {
    max-width: 42.1428571429vw;
  }
  .in_house-event li {
    padding: 2.7142857143vw 0;
  }
  .in_house-event b {
    width: 2.8571428571vw;
    height: 2.8571428571vw;
    font-size: 1.4285714286vw;
    margin-right: 2.1428571429vw;
  }
  .in_house-event strong {
    font-size: 1.5714285714vw;
    width: 27.1428571429vw;
  }
  .in_house-event span {
    font-size: 1.2857142857vw;
  }
  .welfare_type-list > strong {
    font-size: 1.7142857143vw;
    margin-bottom: 1.4285714286vw;
  }
  .welfare_type-list ol li {
    height: auto;
    min-height: 8.5714285714vw;
    padding: 1.0714285714vw 1.0714285714vw 1.0714285714vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.4285714286vw;
  }
  .welfare_type-list ol li em {
    font-size: 1.5714285714vw;
    width: 4.2857142857vw;
    margin-right: 1.4285714286vw;
  }
  .welfare_type-list ol li::before {
    height: 4.2857142857vw;
  }
  .welfare_type-list + .welfare_type-list {
    margin-top: 5vw;
  }
  .yearly_performance-wrap > p {
    font-size: 1.7142857143vw;
    margin-bottom: 2.1428571429vw;
  }
  .yearly_performance-wrap .yearly_select {
    margin-bottom: 2.1428571429vw;
  }
  .yearly_performance-wrap .yearly_select span {
    font-size: 2vw;
    width: 12.8571428571vw;
  }
  .yearly_performance-wrap .yearly_select button {
    width: 1.5714285714vw;
    height: 1vw;
  }
  .yearly_performance-wrap .performance_join .top_title {
    margin-bottom: 1.4285714286vw;
  }
  .yearly_performance-wrap .performance_join .top_title strong {
    font-size: 1.7142857143vw;
  }
  .yearly_performance-wrap .performance_join .top_title p {
    font-size: 1.2857142857vw;
  }
  .yearly_performance-wrap .performance_join .mid_info {
    border-radius: 1.4285714286vw;
    padding: 2.1428571429vw 0;
  }
  .yearly_performance-wrap .performance_join .mid_info ul li {
    font-size: 1.2857142857vw;
    padding: 0.8571428571vw 0;
  }
  .yearly_performance-wrap .performance_join .mid_info ul li strong {
    font-size: 2.8571428571vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table {
    margin-top: 2.8571428571vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table:first-child {
    margin-top: 2.8571428571vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table .dv {
    font-size: 1.4285714286vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table .ex {
    font-size: 1.4285714286vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li {
    padding-left: 1.1428571429vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li::before {
    top: 0.4285714286vw;
    width: 0.4285714286vw;
    height: 0.4285714286vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li + li {
    margin-top: 0.5714285714vw;
  }
  .introduction_list {
    margin-top: 8.5714285714vw;
  }
  .introduction_list .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 32%;
            flex: 1 1 32%;
    width: auto;
    margin-left: 1%;
  }
  .introduction_list .item + .item:not(:nth-child(-n+3)) {
    margin-top: 7.1428571429vw;
  }
  .introduction_list .item_cont {
    height: 30.7142857143vw;
    padding: 1.7142857143vw;
  }
  .introduction_list .item_cont .top_txt em {
    font-size: 1.2857142857vw;
  }
  .introduction_list .item_cont .top_txt em::after {
    width: 2.3571428571vw;
    margin: 1.2857142857vw 0;
  }
  .introduction_list .item_cont .top_txt p {
    font-size: 1.7142857143vw;
  }
  .introduction_list .item_cont .btm_txt span {
    font-size: 1.1428571429vw;
  }
  .introduction_list .item_cont .btm_txt p {
    margin-top: 0.4285714286vw;
    font-size: 1.4285714286vw;
  }
  .introduction_list .item_cont_img {
    width: 18.7857142857vw;
  }
  .introduction_list .item_logo {
    height: 4.2857142857vw;
    padding-right: 2.8571428571vw;
  }
  .introduction_list .item_logo .img {
    width: 6.7857142857vw;
  }
  .jobs_popup {
    width: 82.8571428571vw;
  }
  .jobs_popup_top {
    padding-bottom: 4.2857142857vw;
  }
  .jobs_popup_top .img {
    width: 17.1428571429vw;
  }
  .jobs_popup_top .txt {
    margin-left: 4.2857142857vw;
    padding-top: 2.6428571429vw;
  }
  .jobs_popup_top .txt strong {
    font-size: 2vw;
  }
  .jobs_popup_top .txt .profile {
    margin-top: 4.9285714286vw;
  }
  .jobs_popup_top .txt .profile span {
    font-size: 1.1428571429vw;
  }
  .jobs_popup_top .txt .profile p {
    margin-top: 0.3571428571vw;
    font-size: 1.4285714286vw;
  }
  .jobs_popup_btm {
    padding: 3.8571428571vw 0 0 4.2857142857vw;
  }
}
@media all and (max-width: 1400px) and (min-width: 721px) and (-ms-high-contrast: none), (max-width: 1400px) and (min-width: 721px) and (-ms-high-contrast: active), ((orientation: landscape) and (max-width: 720px)) and (-ms-high-contrast: none), ((orientation: landscape) and (max-width: 720px)) and (-ms-high-contrast: active) {
  .jobs_popup_btm {
    padding-left: 3.5714285714vw;
  }
}
@media all and (max-width: 1400px) and (min-width: 721px), ((orientation: landscape) and (max-width: 720px)) {
  .jobs_popup_btm dl dt b {
    width: 2.8571428571vw;
    height: 2.8571428571vw;
    border-radius: 2.8571428571vw;
    font-size: 1.7142857143vw;
  }
  .jobs_popup_btm dl dt strong {
    margin-left: 1.0714285714vw;
    font-size: 1.5714285714vw;
  }
  .jobs_popup_btm dl dd {
    margin-top: 1.4285714286vw;
    padding: 0 1.4285714286vw 0 4.2857142857vw;
    font-size: 1.2857142857vw;
    line-height: 1.68;
  }
  .jobs_popup_btm dl + dl {
    margin-top: 7.1428571429vw;
  }
  .jobs_popup_btm .img {
    width: 68.5714285714vw;
    margin: 7.1428571429vw 0 8.5714285714vw;
  }
  .process {
    margin-top: 8.2142857143vw;
  }
  .process_tit {
    margin-bottom: 2.1428571429vw;
    font-size: 2.4285714286vw;
  }
  .process_sub_tit {
    font-size: 1.4285714286vw;
  }
  .process_cont {
    padding: 2.8571428571vw 1.4285714286vw;
  }
  .process_cont.type01 b {
    margin-right: 4.4285714286vw;
  }
  .process_cont.type02 b {
    margin-right: 3.5714285714vw;
  }
  .process_cont.pt60 {
    padding-top: 4.2857142857vw;
  }
  .process_cont .item {
    font-size: 1.2857142857vw;
  }
  .process_cont .text-box p {
    line-height: 1.67;
  }
  .process_list {
    width: 33vw;
  }
  .process_list li {
    padding-left: 1.3571428571vw;
  }
  .process_list li::before {
    top: 0.8571428571vw;
    left: 0;
    width: 0.4285714286vw;
    height: 0.4285714286vw;
  }
  .process_step .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 49%;
            flex: 1 1 49%;
    width: auto;
    height: 17.1428571429vw;
    padding: 1.4285714286vw 1.4285714286vw 1.4285714286vw 3vw;
  }
  .process_step .item + .item:not(:nth-child(2)) {
    margin-top: 1.4285714286vw;
  }
  .process_step .item + .item:not(:nth-child(2)):nth-child(even) {
    margin-left: 1.4285714286vw;
  }
  .process_step em {
    font-size: 4.2857142857vw;
  }
  .process_step .info {
    margin-left: 2.8571428571vw;
  }
  .process_step .info p {
    margin-top: 0.7142857143vw;
    line-height: 1.67;
  }
  .process_step .process_step_fot {
    margin: 2.1428571429vw 0 1.4285714286vw;
    font-size: 1.1428571429vw;
  }
}
/* 모바일 */
@media all and (max-width: 720px) and (not (orientation: landscape)) {
  .people_guide .comm-tab {
    margin-bottom: 4.8611111111vw;
  }
  .people_guide .comm-tab li + li {
    margin-left: 10.2777777778vw;
  }
  .people_guide .page_view {
    margin: 0 5.5555555556vw 27.7777777778vw;
    width: auto;
    overflow: hidden;
  }
  .page_top_dl {
    width: 77.7777777778vw;
    margin: 0 auto;
  }
  .page_top_dl dt {
    font-size: 5.5555555556vw;
    margin-bottom: 3.6111111111vw;
  }
  .page_top_dl dd {
    font-size: 3.8888888889vw;
  }
  .page_top_dl dd span {
    display: block;
    margin-top: 3.6111111111vw;
  }
  .picture_txt-grid {
    display: block;
    margin-top: 13.8888888889vw;
  }
  .picture_txt-grid img {
    width: 100%;
  }
  .picture_txt-grid .txt_info {
    width: 100%;
    padding: 5.5555555556vw 8.3333333333vw;
  }
  .picture_txt-grid .txt_info h6 {
    font-size: 6.6666666667vw;
  }
  .picture_txt-grid .txt_info strong {
    font-size: 4.4444444444vw;
    margin: 3.3333333333vw 0 4.1666666667vw;
  }
  .picture_txt-grid .txt_info li {
    padding-left: 2.7777777778vw;
    font-size: 3.8888888889vw;
  }
  .picture_txt-grid .txt_info li::after {
    top: 1.9444444444vw;
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    background-color: #636363;
  }
  .picture_txt-grid .txt_info li + li {
    margin-top: 0.8333333333vw;
  }
  .picture_txt-grid:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .people_btn-wid {
    margin-top: 8.3333333333vw;
  }
  .people_btn-wid span.arrw button {
    width: 66.6666666667vw;
  }
  .people_btn-wid span.arrw button.walfare {
    width: 50vw;
  }
  .people_btn-wid span.arrw a {
    width: 80.5555555556vw;
  }
  .middle_title-people {
    font-size: 4.7222222222vw;
    margin-top: 13.8888888889vw;
    line-height: 1.6;
  }
  .separation_four-box {
    display: block;
    margin-top: 8.3333333333vw;
  }
  .separation_four-box li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 6.9444444444vw 0;
  }
  .separation_four-box li strong {
    font-size: 4.4444444444vw;
    margin-bottom: 4.4444444444vw;
  }
  .separation_four-box li strong em {
    font-size: 6.6666666667vw;
    margin-bottom: 1.3888888889vw;
  }
  .separation_four-box li strong::after {
    width: 6.9444444444vw;
    margin: 2.2222222222vw auto 0;
  }
  .separation_four-box li p {
    font-size: 3.8888888889vw;
  }
  .separation_four-box li + li {
    border-left-width: 0;
  }
  .separation_four-box.other_type li {
    width: auto;
  }
  .separation_four-box.other_type strong {
    font-size: 4.4444444444vw;
    font-weight: 600;
  }
  .separation_four-box.other_type strong em {
    font-size: 6.6666666667vw;
    margin-top: 1.3888888889vw;
  }
  .separation_four-box.other_type strong::after {
    margin-top: 5.5555555556vw;
    width: 10.8333333333vw;
    height: 10.8333333333vw;
  }
  .separation_four-box.other_type .comm_btn {
    margin-top: 5.5555555556vw;
  }
  .separation_four-box.other_type .comm_btn span.arrw button {
    width: 66.6666666667vw;
    font-size: 4.4444444444vw;
    height: 11.1111111111vw;
  }
  .separation_four-box.other_type .comm_btn span.arrw button::after {
    width: 4.1666666667vw;
    height: 2.7777777778vw;
  }
  .upbringing_item {
    margin-top: 15.2777777778vw;
  }
  .upbringing_item > dl {
    margin-bottom: 2.7777777778vw;
  }
  .upbringing_item > dl dt {
    font-size: 5vw;
    margin-bottom: 1.3888888889vw;
  }
  .upbringing_item > dl dd {
    font-size: 3.8888888889vw;
    line-height: 1.4;
  }
  .upbringing_item > ul {
    display: block;
  }
  .upbringing_item > ul li {
    padding: 4.7222222222vw 0;
    width: auto;
    border-left-width: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .upbringing_item > ul li strong {
    font-size: 4.4444444444vw;
  }
  .upbringing_item > ul li p {
    font-size: 3.8888888889vw;
  }
  .upbringing_item > ul li p::before {
    width: 4.7222222222vw;
    margin: 2.5vw 0;
  }
  .upbringing_item > ul li p br {
    display: none;
  }
  .upbringing_item .comm_btn {
    top: -2.7777777778vw;
  }
  .upbringing_item .comm_btn span.arrw button {
    width: 47.2222222222vw;
    font-size: 3.6111111111vw;
    height: 8.3333333333vw;
  }
  .upbringing_item .graph_each_guide {
    display: block;
  }
  .upbringing_item .graph_each_guide .graph_item {
    padding: 8.3333333333vw 12.5vw;
  }
  .upbringing_item .graph_each_guide .graph_item strong {
    font-size: 5.5555555556vw;
    margin-bottom: 2.7777777778vw;
  }
  .upbringing_item .graph_each_guide .graph_item strong span {
    font-size: 3.8888888889vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul {
    margin-bottom: 6.9444444444vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li {
    width: 23.6111111111vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li em {
    font-size: 5vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li em::after {
    width: 10.2777777778vw; /* height:vwm(132); */
    margin: 1.3888888889vw auto 0;
  }
  .upbringing_item .graph_each_guide .graph_item ul li span {
    bottom: -6.9444444444vw;
    font-size: 3.8888888889vw;
  }
  .upbringing_item .graph_each_guide .graph_item ul li:last-child em::after {
    background-color: #06377b;
    height: 34.7222222222vw;
  }
  .upbringing_item .graph_each_guide .graph_item p {
    font-size: 3.8888888889vw;
    padding-top: 4.1666666667vw;
  }
  .upbringing_item .graph_each_guide .graph_item + .graph_item {
    border-top: 1px solid #e5e5e5;
    border-left-width: 0;
  }
  /* popup CSS! */
  #peoplePopup01 {
    width: 100%;
  }
  #peoplePopup02 {
    width: 100%;
  }
  #peoplePopup03 {
    width: 100%;
  }
  #peoplePopup04 {
    width: 100%;
  }
  #peoplePopup05 {
    width: 100%;
  }
  #peoplePopup06 {
    width: 100%;
  }
  #peoplePopup01 img {
    max-width: 96%;
  }
  .family-certification {
    max-width: 96%;
  }
  .in_house-event li {
    display: block;
    padding: 5.2777777778vw 0;
    position: relative;
  }
  .in_house-event b {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
    font-size: 3.3333333333vw;
    margin-right: 0;
  }
  .in_house-event strong {
    font-size: 4.4444444444vw;
    width: auto;
    position: absolute;
    left: 9.7222222222vw;
    top: 5.2777777778vw;
    line-height: 6.9444444444vw;
  }
  .in_house-event span {
    font-size: 3.8888888889vw;
    padding-left: 9.7222222222vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 1.3888888889vw;
  }
  .welfare_type-list > strong {
    font-size: 5vw;
    margin-bottom: 2.7777777778vw;
  }
  .welfare_type-list ol {
    display: block;
  }
  .welfare_type-list ol li {
    height: 16.6666666667vw;
    font-size: 3.8888888889vw;
    width: auto;
  }
  .welfare_type-list ol li em {
    font-size: 4.4444444444vw;
    width: 8.3333333333vw;
    margin-right: 2.7777777778vw;
  }
  .welfare_type-list ol li::before {
    display: none;
  }
  .welfare_type-list ol li br {
    display: none;
  }
  .welfare_type-list + .welfare_type-list {
    margin-top: 12.5vw;
  }
  .yearly_performance-wrap > p {
    font-size: 4.4444444444vw;
    margin-bottom: 4.1666666667vw;
  }
  .yearly_performance-wrap .yearly_select {
    margin-bottom: 4.1666666667vw;
  }
  .yearly_performance-wrap .yearly_select span {
    font-size: 5.5555555556vw;
    width: 33.3333333333vw;
  }
  .yearly_performance-wrap .yearly_select button {
    width: 3.0555555556vw;
    height: 1.9444444444vw;
  }
  .yearly_performance-wrap .performance_join .top_title {
    margin-bottom: 4.1666666667vw;
    display: block;
  }
  .yearly_performance-wrap .performance_join .top_title strong {
    font-size: 4.4444444444vw;
  }
  .yearly_performance-wrap .performance_join .top_title p {
    font-size: 3.3333333333vw;
    margin-top: 1.1111111111vw;
  }
  .yearly_performance-wrap .performance_join .mid_info {
    border-radius: 2.7777777778vw;
    padding: 5.5555555556vw 0;
  }
  .yearly_performance-wrap .performance_join .mid_info ul li {
    font-size: 3.3333333333vw;
    padding: 1.6666666667vw 0;
  }
  .yearly_performance-wrap .performance_join .mid_info ul li strong {
    font-size: 5.5555555556vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table {
    margin-top: 5.5555555556vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table:first-child {
    margin-top: 5.5555555556vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table .dv {
    font-size: 3.3333333333vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table .ex {
    font-size: 3.8888888889vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li {
    padding-left: 2.7777777778vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li::before {
    top: 1.5277777778vw;
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
  .yearly_performance-wrap .performance_join .botm_table .comm-table ul li + li {
    margin-top: 0.5555555556vw;
  }
  .introduction_list {
    margin-top: 13.75vw;
  }
  .introduction_list .item {
    width: 88.8888888889vw;
    margin-left: 0;
  }
  .introduction_list .item + .item {
    margin-top: 8.3333333333vw;
  }
  .introduction_list .item:nth-child(-n+3) {
    margin-top: 8.3333333333vw;
  }
  .introduction_list .item_cont {
    height: 83.3333333333vw;
    padding: 5.5555555556vw;
  }
  .introduction_list .item_cont .top_txt em {
    font-size: 3.8888888889vw;
  }
  .introduction_list .item_cont .top_txt em::after {
    width: 6.9444444444vw;
    margin: 5.2777777778vw 0;
  }
  .introduction_list .item_cont .top_txt p {
    font-size: 5vw;
  }
  .introduction_list .item_cont .btm_txt span {
    font-size: 3.3333333333vw;
  }
  .introduction_list .item_cont .btm_txt p {
    margin-top: 0.8333333333vw;
    font-size: 4.4444444444vw;
  }
  .introduction_list .item_cont_img {
    width: 52.5vw;
  }
  .introduction_list .item_logo {
    height: 11.1111111111vw;
    padding-right: 5.5555555556vw;
  }
  .introduction_list .item_logo .img {
    width: 17.5vw;
  }
  .jobs_popup_top {
    padding-bottom: 11.6666666667vw;
  }
  .jobs_popup_top .img {
    width: 33.3333333333vw;
  }
  .jobs_popup_top .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 5.5555555556vw;
    padding-top: 2.7777777778vw;
  }
  .jobs_popup_top .txt strong {
    font-size: 4.4444444444vw;
  }
  .jobs_popup_top .txt .profile {
    margin-top: 8.3333333333vw;
  }
  .jobs_popup_top .txt .profile span {
    font-size: 3.3333333333vw;
  }
  .jobs_popup_top .txt .profile p {
    margin-top: 0.8333333333vw;
    font-size: 4.4444444444vw;
  }
  .jobs_popup_btm {
    padding: 8.3333333333vw 0 0;
  }
  .jobs_popup_btm dl {
    padding: 0 2.7777777778vw;
  }
  .jobs_popup_btm dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .jobs_popup_btm dl dt b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 6.6666666667vw;
    font-size: 3.8888888889vw;
  }
  .jobs_popup_btm dl dt strong {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 2.0833333333vw;
    font-size: 3.8888888889vw;
  }
  .jobs_popup_btm dl dd {
    margin-top: 5.5555555556vw;
    padding-left: 8.6111111111vw;
    font-size: 3.8888888889vw;
    line-height: 1.43;
  }
  .jobs_popup_btm dl + dl {
    margin-top: 8.3333333333vw;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 8.3333333333vw;
  }
  .jobs_popup_btm .img {
    width: 83.3333333333vw;
    margin: 11.1111111111vw 0;
  }
  .jobs_popup_btm .img img.pc {
    display: none;
  }
  .jobs_popup_btm .img img.mo {
    display: block;
  }
  .process {
    margin-top: 13.8888888889vw;
  }
  .process_tit {
    margin-bottom: 4.1666666667vw;
    font-size: 5vw;
  }
  .process_sub_tit {
    font-size: 4.4444444444vw;
  }
  .process_cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5.5555555556vw 0 4.7222222222vw;
  }
  .process_cont.type01 b, .process_cont.type02 b {
    margin-right: 0;
    margin-bottom: 1.6666666667vw;
  }
  .process_cont.pt60 {
    padding-top: 5.5555555556vw;
  }
  .process_cont .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    font-size: 3.8888888889vw;
  }
  .process_cont .item + .item {
    margin-top: 4.7222222222vw;
    padding-top: 5.5555555556vw;
  }
  .process_cont .text-box p {
    line-height: 1.43;
  }
  .process_list {
    width: 100%;
  }
  .process_list li {
    padding-left: 2.9166666667vw;
    line-height: 1.43;
  }
  .process_list li::before {
    top: 2.2222222222vw;
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 8px;
  }
  .process_step .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: auto;
    padding: 5.5555555556vw 6.25vw 6.25vw;
  }
  .process_step .item + .item {
    margin-top: 5.5555555556vw;
    margin-left: 0;
  }
  .process_step .item:nth-child(-n+2) {
    margin-top: 5.5555555556vw;
  }
  .process_step em {
    font-size: 8.3333333333vw;
  }
  .process_step .info {
    margin-left: 5.5555555556vw;
  }
  .process_step .info p {
    margin-top: 1.3888888889vw;
    line-height: 1.43;
  }
  .process_step .process_step_fot {
    margin: 5.5555555556vw 0 0;
    font-size: 3.3333333333vw;
  }
}