@charset "UTF-8";
/* ======================= VARIABLE ====== */
/*
$gray-light:#AAAAAA;
$gray-disabled:#DBDBDB;
*/
/*
$border-form:#D6D6D6;
$bg-gray-light:#F4F4F4;
*/
/* placeholder color */
:placeholder-shown {
  color: #9F9F9F;
}

::-webkit-input-placeholder {
  color: #9F9F9F;
}

:-moz-placeholder {
  color: #9F9F9F;
  opacity: 1;
}

::-moz-placeholder {
  color: #9F9F9F;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #9F9F9F;
}

/* ======================= IMPORT ====== */
/*=================

    basic.scss

=======================*/
.common_main {
  padding: 138px 0 0;
}
@media only screen and (max-width: 1400px) {
  .common_main {
    padding: 90px 0 0;
  }
}

.common_main_textarea {
  padding: 100px 15px;
}
@media only screen and (max-width: 960px) {
  .common_main_textarea {
    padding: 80px 15px;
  }
}
.common_main_textarea.culture {
  padding: 100px 15px 40px;
}
@media only screen and (max-width: 960px) {
  .common_main_textarea.culture {
    padding: 80px 15px 40px;
  }
}

.common_info_wrap .common_info_list {
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .common_info_wrap .common_info_list {
    display: block;
  }
}
.common_info_wrap .common_info_list .common_info_item {
  display: block;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .common_info_wrap .common_info_list .common_info_item {
    width: 100%;
  }
}
.common_info_wrap .common_info_list .common_info_link {
  display: block;
  width: 100%;
  position: relative;
  height: 300px;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .common_info_wrap .common_info_list .common_info_link {
    height: 240px;
  }
}
.common_info_wrap .common_info_list .common_info_link:hover .common_info_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.common_info_wrap .common_info_list .common_info_link:hover .common_info_main img {
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.common_info_wrap .common_info_list .common_info_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_info_wrap .common_info_list .common_info_pic.bg_interview {
  background-image: url("../images/common/interview_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_business {
  background-image: url("../images/common/business_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_project {
  background-image: url("../images/common/project_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_work {
  background-image: url("../images/common/work_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_data {
  background-image: url("../images/common/data_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_traning {
  background-image: url("../images/common/traning_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic.bg_hr {
  background-image: url("../images/common/hr_bg.jpg");
}
.common_info_wrap .common_info_list .common_info_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  background: #8A8A8A;
  mix-blend-mode: multiply;
}
.common_info_wrap .common_info_list .common_info_main {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 0 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .common_info_wrap .common_info_list .common_info_main {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .common_info_wrap .common_info_list .common_info_main {
    padding: 0 15px;
  }
}
.common_info_wrap .common_info_list .common_info_main .common_info_text {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 320px;
  height: 75px;
  background: #fff;
  color: #3A3A3A;
  padding: 0 30px;
  font-size: 24px;
  font-weight: bold;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
@media only screen and (max-width: 960px) {
  .common_info_wrap .common_info_list .common_info_main .common_info_text {
    min-width: 240px;
    height: 60px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .common_info_wrap .common_info_list .common_info_main .common_info_text {
    display: inline-block;
    height: auto;
    padding: 10px 30px;
  }
}
.common_info_wrap .common_info_list .common_info_main .common_info_text span {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .common_info_wrap .common_info_list .common_info_main .common_info_text span {
    font-size: 14px;
    margin: 0 0 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .common_info_wrap .common_info_list .common_info_main .common_info_text span {
    display: block;
    margin: 10px 0 0;
  }
}
.common_info_wrap .common_info_list .common_info_main img {
  display: block;
  width: 30px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 960px) {
  .common_info_wrap .common_info_list .common_info_main img {
    width: 24px;
  }
}
.common_info_wrap .common_info_column {
  background: url("../images/common/column_bg.png") center bottom no-repeat;
  background-size: 100%;
  padding: 80px 15px 100px;
}
@media only screen and (max-width: 768px) {
  .common_info_wrap .common_info_column {
    background-size: cover;
  }
}
.common_info_wrap .common_info_column .common_title01 {
  text-align: center;
  margin: 0 0 60px;
}
@media only screen and (max-width: 960px) {
  .common_info_wrap .common_info_column .common_title01 {
    margin: 0 0 40px;
  }
}
.common_info_wrap .common_info_column .common_title01 span {
  margin: 10px auto 0;
}

.common_search_block {
  background: #FBFBFB;
  padding: 40px 15px;
}
.common_search_block.column_detail {
  padding: 80px 15px;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  .common_search_block.column_detail {
    padding: 60px 15px;
  }
}
.common_search_block .common_search_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 960px) {
  .common_search_block .common_search_inner {
    display: block;
  }
}
.common_search_block .common_search_inner .common_search_sub {
  width: 240px;
}
@media only screen and (max-width: 960px) {
  .common_search_block .common_search_inner .common_search_sub {
    width: 100%;
    margin: 0 0 20px;
  }
}
.common_search_block .common_search_inner .common_search_form {
  width: calc( 100% - 240px );
}
@media only screen and (max-width: 960px) {
  .common_search_block .common_search_inner .common_search_form {
    width: 100%;
  }
}
.common_search_block .common_search_list .common_search_item {
  padding: 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-bottom: 1px #D2D2D2 solid;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_list .common_search_item {
    display: block;
    padding: 10px 0;
  }
}
.common_search_block .common_search_list .common_search_item:last-of-type {
  padding: 20px 0 0;
  border-bottom: none;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_list .common_search_item:last-of-type {
    padding: 10px 0 0;
  }
}
.common_search_block .common_search_list .common_search_item.center {
  -webkit-align-items: center;
  align-items: center;
}
.common_search_block .common_search_list .common_search_title {
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 3px 0;
}
@media only screen and (max-width: 960px) {
  .common_search_block .common_search_list .common_search_title {
    font-size: 14px;
    margin: 4.5px 0;
  }
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_list .common_search_title {
    margin: 0 0 10px;
  }
}
.common_search_block .common_search_list .common_search_title.w80 {
  width: 80px;
  min-width: 80px;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_list .common_search_title.w80 {
    width: 100%;
    min-width: inherit;
  }
}
.common_search_block .common_search_list .common_search_title.w150 {
  width: 150px;
  min-width: 150px;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_list .common_search_title.w150 {
    width: 100%;
    min-width: inherit;
  }
}
.common_search_block .common_search_list .common_search_main {
  width: 100%;
}
.common_search_block .common_search_sublist {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -10px 0;
}
.common_search_block .common_search_sublist .common_search_subitem {
  margin: 0 10px 10px 0;
}
.common_search_block .common_search_time_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -10px 0;
}
.common_search_block .common_search_time_list .common_search_time_item {
  margin: 0 30px 10px 0;
  padding: 4.5px 0;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_time_list .common_search_time_item {
    padding: 0;
  }
}
.common_search_block .common_search_label input {
  display: none;
}
.common_search_block .common_search_label span {
  display: inline-block;
  font-size: 12px;
  color: #40AAEB;
  border: 1px #40AAEB solid;
  background: #fff;
  line-height: 1.5;
  padding: 5px;
  letter-spacing: 1px;
  min-width: 120px;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_label span {
    min-width: 100px;
  }
}
.common_search_block .common_search_label input:checked + span {
  background: #40AAEB;
  color: #fff;
}
.common_search_block .common_search_cat_link {
  display: inline-block;
  font-size: 12px;
  min-width: 120px;
  padding: 5px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #40AAEB;
  border: 1px #40AAEB solid;
  background: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.common_search_block .common_search_cat_link.active {
  background: #40AAEB;
  color: #fff;
}
.common_search_block .common_search_time_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  color: #9F9F9F;
}
.common_search_block .common_search_time_link.active {
  color: #40AAEB;
}
.common_search_block .common_search_keyword {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.common_search_block .common_search_keyword .common_search_input {
  outline: none;
  display: block;
  height: 40px;
  width: calc( 100% - 140px );
  max-width: 400px;
  margin: 0 20px 0 0;
  border: 1px #9F9F9F solid;
  padding: 0 15px;
  font-weight: bold;
  font-size: 14px;
  color: #3A3A3A;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_keyword .common_search_input {
    width: calc( 100% - 70px );
    margin: 0 10px 0 0;
  }
}
.common_search_block .common_search_keyword .common_search_btn {
  display: block;
  font-size: 12px;
  width: 120px;
  height: 30px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #fff;
  background: #40AAEB;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .common_search_block .common_search_keyword .common_search_btn {
    width: 60px;
  }
}

/* 余白 */
.mb150 {
  margin: 0 0 150px;
}
@media only screen and (max-width: 960px) {
  .mb150 {
    margin: 0 0 75px;
  }
}

.mb80 {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .mb80 {
    margin: 0 0 60px;
  }
}

.mb60 {
  margin: 0 0 60px;
}
@media only screen and (max-width: 960px) {
  .mb60 {
    margin: 0 0 40px;
  }
}

.mb50 {
  margin: 0 0 50px;
}
@media only screen and (max-width: 960px) {
  .mb50 {
    margin: 0 0 30px;
  }
}

.mb40 {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .mb40 {
    margin: 0 0 30px;
  }
}

.mb32 {
  margin: 0 0 32px;
}

.mb30 {
  margin: 0 0 30px;
}

.mb25 {
  margin: 0 0 25px;
}

.mb24 {
  margin: 0 0 24px;
}

.mb20 {
  margin: 0 0 20px;
}

.mb15 {
  margin: 0 0 15px;
}

.mb12 {
  margin: 0 0 12px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb8 {
  margin: 0 0 8px;
}

/* LINK */
/* ALIGN */
.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

/* WEIGHT */
.fw_bold {
  font-weight: bold;
}

/* EDITOR */
.marker {
  font-weight: bold;
  color: black;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 0, 0, 0.3) 70%);
}

.ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}

.ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}

.rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}

.rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}

.bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}

.bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

/*=================
     
    button.scss

=======================*/
.common_more_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  font-weight: 500;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_more_btn.center {
  margin: 0 auto;
}
.common_more_btn.w250 {
  min-width: 250px;
  max-width: 250px;
}
.common_more_btn.w300 {
  max-width: 300px;
}
.common_more_btn img {
  display: block;
  width: 10px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.common_more_btn:hover {
  background: #fff !important;
  color: #3A3A3A;
}
.common_more_btn:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -moz-animation: more_arrow 0.4s ease forwards;
  -webkit-animation: more_arrow 0.4s ease forwards;
  animation: more_arrow 0.4s ease forwards;
}
.common_more_btn.color_red {
  color: #FF4848;
  background: #fff;
  border: 1px #fff solid;
}
.common_more_btn.color_red:hover {
  color: #fff;
  background: #FF4848;
}

.common_submit_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  font-weight: bold;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_submit_btn.center {
  margin: 0 auto;
}
.common_submit_btn.w250 {
  max-width: 250px;
}
.common_submit_btn.w300 {
  max-width: 300px;
}
.common_submit_btn img {
  display: block;
  width: 10px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.common_submit_btn:hover {
  background: #fff;
  color: #3A3A3A;
}
.common_submit_btn:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -moz-animation: more_arrow 0.4s ease forwards;
  -webkit-animation: more_arrow 0.4s ease forwards;
  animation: more_arrow 0.4s ease forwards;
}

.common_back_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #707070;
  border: 1px #707070 solid;
  font-weight: bold;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_back_btn.center {
  margin: 0 auto;
}
.common_back_btn.w250 {
  max-width: 250px;
}
.common_back_btn.w300 {
  max-width: 300px;
}
.common_back_btn:hover {
  background: #fff;
  color: #707070;
}

/*=================

    footer.scss

=======================*/
.footer_wrap {
  padding: 68px 15px;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  .footer_wrap {
    padding: 40px 15px;
  }
}
.footer_wrap .footer_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -40px;
}
.footer_wrap .footer_list .footer_item {
  width: 25%;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_list .footer_item {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_list .footer_item {
    width: inherit;
    margin: 0 30px 40px 0;
  }
}
.footer_wrap .footer_list .footer_title_link {
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_list .footer_title_link {
    font-size: 14px;
  }
}
.footer_wrap .footer_list .footer_link_list {
  margin: 20px 0 0;
}
.footer_wrap .footer_list .footer_link_list .footer_link_item {
  margin: 0 0 20px;
}
.footer_wrap .footer_list .footer_link_list .footer_link_item:last-of-type {
  margin: 0;
}
.footer_wrap .footer_list .footer_link_list .footer_link {
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_list .footer_link_list .footer_link {
    font-size: 14px;
  }
}
.footer_wrap .footer_sub {
  margin: 40px 0 0;
  padding: 40px 0 60px;
  border-top: 1px #3A3A3A solid;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub {
    display: block;
  }
}
.footer_wrap .footer_sub .footer_logo_block {
  display: block;
  width: 400px;
  min-width: 400px;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_logo_block {
    width: 300px;
    min-width: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_logo_block {
    width: 100%;
    min-width: inherit;
    margin: 0 0 30px;
  }
}
.footer_wrap .footer_sub .footer_menu_block {
  width: calc( 100% - 400px );
  padding: 17px 0 0;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_menu_block {
    width: calc( 100% - 300px );
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_menu_block {
    width: 100%;
  }
}
.footer_wrap .footer_sub .footer_logo {
  display: block;
  width: 240px;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_logo {
    width: 200px;
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_logo {
    margin: 0 auto;
  }
}
.footer_wrap .footer_sub .footer_logo img {
  display: block;
  width: 100%;
}
.footer_wrap .footer_sub .footer_sns_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 30px 0 0;
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_sns_list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.footer_wrap .footer_sub .footer_sns_list .footer_sns_item {
  display: block;
  width: 34px;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_sns_list .footer_sns_item {
    width: 30px;
  }
}
.footer_wrap .footer_sub .footer_sns_list .footer_sns_item:last-of-type {
  margin: 0;
}
.footer_wrap .footer_sub .footer_sns_list .footer_sns_link {
  display: block;
  width: 100%;
}
.footer_wrap .footer_sub .footer_sns_list .footer_sns_link img {
  display: block;
  width: 100%;
}
.footer_wrap .footer_sub .footer_menu_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -20px;
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_menu_list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.footer_wrap .footer_sub .footer_menu_list .footer_menu_item {
  margin: 0 120px 20px 0;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_menu_list .footer_menu_item {
    margin: 0 60px 20px 0;
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sub .footer_menu_list .footer_menu_item {
    margin: 0 20px 20px 0;
  }
}
.footer_wrap .footer_sub .footer_menu_list .footer_menu_item:last-of-type {
  margin: 0 0 20px;
}
.footer_wrap .footer_sub .footer_menu_list .footer_menu_link {
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sub .footer_menu_list .footer_menu_link {
    font-size: 14px;
  }
}
.footer_wrap .footer_copyright {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #3A3A3A;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_copyright {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .footer_wrap .footer_copyright {
    line-height: 1.5;
  }
}

/*=================
     
    form.scss

=======================*/
.form_input {
  display: block;
  width: 100%;
  height: 50px;
  color: #3A3A3A;
  background: #F2F2F2;
  outline: none;
  font-weight: bold;
  font-size: 20px;
  border: none;
  padding: 0 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 960px) {
  .form_input {
    font-size: 16px;
    padding: 0 15px;
  }
}

.form_textarea {
  display: block;
  width: 100%;
  height: 220px;
  color: #3A3A3A;
  background: #F2F2F2;
  outline: none;
  font-weight: bold;
  font-size: 20px;
  border: none;
  padding: 20px;
  resize: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 960px) {
  .form_textarea {
    font-size: 16px;
    padding: 15px;
  }
}

.form_subtext {
  font-size: 16px;
  margin: 10px 0 0;
  line-height: 1.5;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .form_subtext {
    font-size: 14px;
  }
}

.form_error_text {
  font-size: 16px;
  margin: 10px 0 0;
  line-height: 1.5;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .form_error_text {
    font-size: 14px;
  }
}

.form_list {
  width: 100%;
}
.form_list.confirm .form_item {
  padding: 0 0 20px;
  margin: 0 0 50px;
  border-bottom: 1px #D2D2D2 solid;
}
.form_list.confirm .form_title {
  line-height: 1.5;
  color: #535353;
}
.form_list .form_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 30px;
}
@media only screen and (max-width: 640px) {
  .form_list .form_item {
    display: block;
  }
}
.form_list .form_item:last-of-type {
  margin: 0;
}
.form_list .form_title {
  width: 240px;
  min-width: 240px;
  font-size: 20px;
  line-height: 50px;
  color: #3A3A3A;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .form_list .form_title {
    width: 200px;
    min-width: 200px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .form_list .form_title {
    width: 100%;
    min-width: inherit;
    line-height: 1.5;
    margin: 0 0 15px;
  }
}
.form_list .form_title span {
  color: #FF4848;
}
.form_list .form_main {
  width: 100%;
}
.form_list .form_text {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .form_list .form_text {
    font-size: 16px;
  }
}

.form_checked_text {
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  color: #40AAEB;
  font-weight: bold;
  margin: 40px 0;
}
@media only screen and (max-width: 960px) {
  .form_checked_text {
    font-size: 16px;
  }
}

.form_check_block {
  margin: 40px 0;
  text-align: center;
}
.form_check_block .form_check_label {
  display: inline-block;
}
.form_check_block .form_check_label input {
  display: none;
}
.form_check_block .form_check_label .form_check_text {
  display: inline-block;
  padding: 0 0 0 45px;
  text-align: left;
  font-size: 18px;
  color: #3A3A3A;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .form_check_block .form_check_label .form_check_text {
    font-size: 16px;
  }
}
.form_check_block .form_check_label .form_check_text a {
  color: #3A3A3A;
  text-decoration: underline;
}
.form_check_block .form_check_label .form_check_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  background: #F2F2F2;
  -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 960px) {
  .form_check_block .form_check_label .form_check_text::before {
    top: 0;
  }
}
.form_check_block .form_check_label input:checked + .form_check_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 8px;
  height: 13px;
  border-bottom: 3px solid #40AAEB;
  border-right: 3px solid #40AAEB;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
@media only screen and (max-width: 960px) {
  .form_check_block .form_check_label input:checked + .form_check_text::after {
    top: 3px;
  }
}

.form_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .form_btnarea {
    display: block;
  }
}
.form_btnarea .common_back_btn {
  width: calc( 50% - 15px );
}
@media only screen and (max-width: 640px) {
  .form_btnarea .common_back_btn {
    width: 100%;
  }
}
.form_btnarea .common_submit_btn {
  width: calc( 50% - 15px );
}
@media only screen and (max-width: 640px) {
  .form_btnarea .common_submit_btn {
    width: 100%;
    margin: 0 auto 10px;
  }
}

.form_wrap {
  padding: 80px 15px;
}
@media only screen and (max-width: 960px) {
  .form_wrap {
    padding: 60px 15px;
  }
}
.form_wrap .common_title01 {
  margin: 0 0 40px;
}
.form_wrap .form_block {
  background: #FBFBFB;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .form_wrap .form_block {
    padding: 20px;
  }
}

/*=================

    header.scss

=======================*/
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: 138px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 1400px) {
  .header_wrap {
    height: 90px;
  }
}
.header_wrap.active {
  background: #fff;
}
.header_wrap .header_inner {
  padding: 0 0 0 70px;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 1400px) {
  .header_wrap .header_inner {
    padding: 0 0 0 15px;
  }
}
.header_wrap .header_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: calc( 100% - 180px );
}
.header_wrap .header_sub {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.header_wrap .header_logo {
  display: block;
  margin: 0 70px 0 0;
}
@media only screen and (max-width: 1400px) {
  .header_wrap .header_logo {
    margin: 0;
  }
}
.header_wrap .header_logo img {
  display: block;
  width: 200px;
}
@media only screen and (max-width: 1400px) {
  .header_wrap .header_logo img {
    width: 100px;
  }
}
.header_wrap .header_logo .header_logo_text {
  font-size: 18px;
  font-weight: bold;
  color: #3A3A3A;
  line-height: 1.3;
  margin: 4px 0 0 0;
}
@media only screen and (max-width: 1400px) {
  .header_wrap .header_logo .header_logo_text {
    font-size: 14px;
  }
}
.header_wrap .header_nav {
  width: calc( 100% - 600px );
  height: 100%;
}
@media only screen and (max-width: 1400px) {
  .header_wrap .header_nav {
    display: none;
  }
}
.header_wrap .header_menu_list {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.header_wrap .header_menu_list .header_menu_item {
  cursor: pointer;
  height: 100%;
  margin: 0 60px 0 0;
}
.header_wrap .header_menu_list .header_menu_item:last-of-type {
  margin: 0;
}
.header_wrap .header_menu_list .header_menu_item:hover .header_menu_box_wrap {
  -moz-animation: fade 0.3s ease forwards;
  -webkit-animation: fade 0.3s ease forwards;
  animation: fade 0.3s ease forwards;
  display: block;
}
.header_wrap .header_menu_list .header_menu_item .header_menu_title {
  white-space: nowrap;
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 128px;
}
.header_wrap .header_menu_list .header_menu_item .header_menu_link {
  white-space: nowrap;
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 128px;
}
.header_wrap .header_menu_list .header_menu_box_wrap {
  display: none;
  position: absolute;
  top: 148px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
.header_wrap .header_menu_list .header_menu_box_wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_box {
  width: calc( 100% - 30px );
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block {
  display: block;
  width: 240px;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle {
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle:after {
  content: "";
  display: block;
  width: 30px;
  height: 6px;
  background: url("../images/top/title_line.svg") center center no-repeat;
  background-size: contain;
  margin: 10px 0 10px 7px;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en.color_red {
  color: #FF4848;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en.color_yellow {
  color: #FFDF41;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en.color_blue {
  color: #40AAEB;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en.color_green {
  color: #48EF90;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist {
  width: calc( 100% - 240px );
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 0 0;
  margin: 0 0 -20px;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_subitem {
  width: calc( ( 100% - 20px ) / 3 );
  margin: 0 10px 20px 0;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_subitem:nth-of-type(3n) {
  margin: 0 0 20px;
}
.header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_sublink {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 20px 10px 0;
  background: url("../images/common/arrow-right-black.svg") right 5px top 7px no-repeat;
  background-size: 8px;
  border-bottom: 1px #3A3A3A solid;
}

.header_menu_btn {
  display: none;
  width: 50px;
}
@media only screen and (max-width: 1400px) {
  .header_menu_btn {
    display: block;
    width: 80px;
    height: 80px;
  }
}
.header_menu_btn .top {
  display: block;
  width: 40px;
  height: 8px;
  margin: 0 0 6px;
  background: #FF4848;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  .header_menu_btn .top {
    width: 30px;
    height: 4px;
    margin: 0 0 6px 20px;
  }
}
.header_menu_btn .middle {
  display: block;
  width: 50px;
  height: 8px;
  margin: 0 0 6px;
  background: #40AAEB;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  .header_menu_btn .middle {
    width: 40px;
    height: 4px;
    margin: 0 auto 6px;
  }
}
.header_menu_btn .bottom {
  display: block;
  width: 40px;
  height: 8px;
  margin: 0 0 0 10px;
  background: #FFDF41;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  .header_menu_btn .bottom {
    width: 30px;
    height: 4px;
    margin: 0 0 0 30px;
  }
}

.header_recruit_btn {
  position: relative;
  display: block;
  width: 180px;
  height: 100%;
  border: 1px #707070 solid;
  background: #3A3A3A;
}
@media only screen and (max-width: 1400px) {
  .header_recruit_btn {
    display: none;
  }
}
.header_recruit_btn span {
  display: inline-block;
  padding: 0 20px 0 0;
  background: url("../images/common/arrow-right-white.svg") right center no-repeat;
  background-size: 9px;
  white-space: nowrap;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.header_filter {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  width: 100%;
  height: 100vh;
}

.header_side_wrap {
  display: block;
  width: calc( 100% - 50px );
  max-width: 315px;
  height: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 65;
  background: #fff;
  padding: 80px 0 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_side_wrap.active {
  right: 0;
}
.header_side_wrap .header_side_close_btn {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.header_side_wrap .header_side_close_btn .top {
  display: block;
  width: 40px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: #3A3A3A;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  .header_side_wrap .header_side_close_btn .top {
    width: 30px;
    height: 4px;
  }
}
.header_side_wrap .header_side_close_btn .bottom {
  display: block;
  width: 40px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  background: #3A3A3A;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  .header_side_wrap .header_side_close_btn .bottom {
    width: 30px;
    height: 4px;
  }
}
.header_side_wrap .header_side_inner {
  height: 100%;
  overflow: scroll;
  padding: 0 15px 15px;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.header_side_wrap .header_side_inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.header_side_wrap .header_menu_list {
  margin: 0 0 30px;
}
.header_side_wrap .header_menu_list .header_menu_item {
  margin: 0 0 20px;
}
.header_side_wrap .header_menu_list .header_menu_item:last-of-type {
  margin: 0;
}
.header_side_wrap .header_menu_list a.header_menu_subtitle_block:after {
  content: none;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block {
  cursor: pointer;
  display: block;
  position: relative;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block:after {
  content: "";
  display: block;
  background: url("../images/common/arrow-down-black.svg") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 8px;
  position: absolute;
  top: 12px;
  right: 0;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block.active:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle {
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle:after {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background: url("../images/top/title_line.svg") center center no-repeat;
  background-size: contain;
  margin: 5px 0;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  color: #3A3A3A;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en.color_red {
  color: #FF4848;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en.color_yellow {
  color: #FFDF41;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en.color_blue {
  color: #40AAEB;
}
.header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en.color_green {
  color: #48EF90;
}
.header_side_wrap .header_menu_list .header_menu_sublist {
  display: none;
  margin: 10px 0 0;
}
.header_side_wrap .header_menu_list .header_menu_sublist .header_menu_subitem {
  margin: 0 0 10px;
}
.header_side_wrap .header_menu_list .header_menu_sublist .header_menu_subitem:last-of-type {
  margin: 0;
}
.header_side_wrap .header_menu_list .header_menu_sublist .header_menu_sublink {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 0 10px;
  border-bottom: 1px #D2D2D2 solid;
}
.header_side_wrap .header_side_menu_list {
  margin: 0 0 30px;
}
.header_side_wrap .header_side_menu_list .header_side_menu_item {
  border-bottom: 1px #D2D2D2 solid;
}
.header_side_wrap .header_side_menu_list .header_side_menu_item:last-of-type {
  border-bottom: none;
}
.header_side_wrap .header_side_menu_list .header_side_menu_link {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.7;
  padding: 20px 40px 20px 0;
  position: relative;
}
.header_side_wrap .header_side_recruit_btn {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #3A3A3A;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.header_side_wrap .header_side_recruit_btn:hover {
  background: #444;
}
.header_side_wrap .header_side_recruit_btn span {
  display: inline-block;
  padding: 0 20px 0 0;
  background: url("../images/common/arrow-right-white.svg") right center no-repeat;
  background-size: 9px;
  white-space: nowrap;
}

/*=================
     
    pager.scss

=======================*/
.pager_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 40px 0 0;
}
.pager_block .pager_prev {
  position: relative;
  display: block;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  width: 48px;
  min-width: 48px;
  height: 48px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 640px) {
  .pager_block .pager_prev {
    width: 40px;
    min-width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
.pager_block .pager_prev:hover {
  background: #fff;
}
.pager_block .pager_prev:hover img {
  filter: invert(1);
}
.pager_block .pager_prev img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 24px;
}
@media only screen and (max-width: 640px) {
  .pager_block .pager_prev img {
    width: 16px;
  }
}
.pager_block .pager_prev.disabled {
  background: #999;
  border: 1px #999 solid;
}
.pager_block .pager_prev.disabled:hover img {
  filter: invert(0);
}
.pager_block .pager_next {
  position: relative;
  display: block;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  width: 48px;
  min-width: 48px;
  height: 48px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 640px) {
  .pager_block .pager_next {
    width: 40px;
    min-width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
.pager_block .pager_next:hover {
  background: #fff;
}
.pager_block .pager_next:hover img {
  filter: invert(1);
}
.pager_block .pager_next img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 24px;
}
@media only screen and (max-width: 640px) {
  .pager_block .pager_next img {
    width: 16px;
  }
}
.pager_block .pager_next.disabled {
  background: #999;
  border: 1px #999 solid;
}
.pager_block .pager_next.disabled:hover img {
  filter: invert(0);
}
.pager_block .pager_text {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 40px;
}
@media only screen and (max-width: 640px) {
  .pager_block .pager_text {
    font-size: 16px;
  }
}

/*=================
     
    pankuzu.scss

=======================*/
.pankuzu_block {
  width: 100%;
  padding: 0 15px;
}

.pankuzu_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pankuzu_list::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 640px) {
  .pankuzu_list {
    height: 40px;
  }
}
.pankuzu_list .pankuzu_item {
  white-space: nowrap;
  line-height: 1.6;
  color: #3A3A3A;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 640px) {
  .pankuzu_list .pankuzu_item {
    font-size: 12px;
  }
}
.pankuzu_list .pankuzu_item:after {
  content: "/";
  display: inline-block;
  margin: 0 5px;
}
.pankuzu_list .pankuzu_item:last-of-type:after {
  content: none;
}
.pankuzu_list .pankuzu_link {
  display: inline-block;
  color: #3A3A3A;
}

/*=================
     
    popup.scss

=======================*/
/*
.popup_filter{
	display: none;
	position: fixed;
	z-index: 70;
	top: 0;
	left: 0;
	right: 0;
	background: rgba($deep-black,.5);
	width: 100%;
	height: 100vh;
}
.popup_wrap{
	display: none;
	position: fixed;
	top:50%;
	left: 50%;
	z-index: 75;
	@include transform(translateX(-50%) translateY(-50%));
	max-width: 540px;
	width: calc( 100% - 30px );
	@include border-radius(10px);
	background: $white;
	padding: 40px 50px;
	@media only screen and (max-width:960px){
		padding: 30px 15px;
	}
	.popup_close_btn{
		display: block;
		width: 70px;
		height: 70px;
		padding: 0;
		background: none;
		border: none;
		position: absolute;
		top: -35px;
		right: -35px;
		@extend %common_a_transition;
		@media only screen and (max-width:960px){
			width: 40px;
			height: 40px;
			top:-10px;
			right: -10px;
		}
		img{
			display: block;
			width: 100%;
		}
	}
	.popup_inner{
		max-height: calc( 100vh - 160px );
		overflow-y: scroll;
		&.btn_fixed{
			max-height: calc( 100vh - 210px );
			@media only screen and (max-width:960px){
				max-height: calc( 100vh - 215px );
			}
		}
	}
}
*/
/*=================
     
    title.scss

=======================*/
.common_page_title_block {
  background: url("../images/common/fv_bg.png") center top no-repeat;
  background-size: 100%;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .common_page_title_block {
    background: url("../images/common/fv_bg_sp.png") center top no-repeat;
    background-size: contain;
  }
}
.common_page_title_block:after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: 1;
  background: url("../images/common/fv_line.png") center center repeat;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .common_page_title_block:after {
    height: 4px;
    bottom: -4px;
  }
}
.common_page_title_block .common_page_title_main {
  min-height: 430px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 128px 15px 15px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 1400px) {
  .common_page_title_block .common_page_title_main {
    min-height: 300px;
    padding: 80px 15px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .common_page_title_block .common_page_title_main {
    min-height: 240px;
  }
}
.common_page_title_block .common_page_title_main .common_page_title_box {
  width: 100%;
}
.common_page_title_block .common_page_title_main .common_page_title {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 40px;
  line-height: 1.5;
  color: #666;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .common_page_title_block .common_page_title_main .common_page_title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 350px) {
  .common_page_title_block .common_page_title_main .common_page_title {
    font-size: 26px;
  }
}
.common_page_title_block .common_page_title_main .common_page_title.color_white {
  color: #fff;
}
.common_page_title_block .common_page_title_main .common_page_title.color_black {
  color: #3A3A3A;
}
.common_page_title_block .common_page_title_main .common_page_title span {
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
}
.common_page_title_block .common_page_title_main .common_page_subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .common_page_title_block .common_page_title_main .common_page_subtitle {
    font-size: 14px;
  }
}
.common_page_title_block .common_page_title_main .common_page_subtitle:before {
  content: "";
  display: block;
  width: 40px;
  height: 8px;
  background: url("../images/common/fv_title_line.svg") center center no-repeat;
  background-size: contain;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 640px) {
  .common_page_title_block .common_page_title_main .common_page_subtitle:before {
    width: 30px;
    height: 6px;
  }
}
.common_page_title_block .common_page_title_main .common_page_subtitle.color_red {
  color: #FF4848;
}
.common_page_title_block .common_page_title_main .common_page_subtitle.color_yellow {
  color: #FFDF41;
}
.common_page_title_block .common_page_title_main .common_page_subtitle.color_blue {
  color: #40AAEB;
}
.common_page_title_block .common_page_title_main .common_page_subtitle.color_green {
  color: #48EF90;
}
.common_page_title_block .common_page_title_main .common_page_subtitle.color_white {
  color: #fff;
}

.common_title01 {
  font-size: 28px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  letter-spacing: 5px;
}
@media only screen and (max-width: 960px) {
  .common_title01 {
    font-size: 24px;
  }
}
.common_title01.active span {
  -moz-animation: showline 1s ease forwards;
  -webkit-animation: showline 1s ease forwards;
  animation: showline 1s ease forwards;
}
.common_title01.active span:before {
  animation-delay: 1.3s;
  -moz-animation: showdot 1s ease forwards;
  -webkit-animation: showdot 1s ease forwards;
  animation: showdot 1s ease forwards;
}
.common_title01.active span:after {
  animation-delay: 1.5s;
  -moz-animation: showdot 1s ease forwards;
  -webkit-animation: showdot 1s ease forwards;
  animation: showdot 1s ease forwards;
}
.common_title01 span {
  position: relative;
  display: block;
  width: 0;
  height: 8px;
  margin: 10px 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.common_title01 span.color_red {
  background: #FF4848;
}
.common_title01 span.color_red:before {
  background: #FF4848;
}
.common_title01 span.color_red:after {
  background: #FF4848;
}
.common_title01 span.color_yellow {
  background: #FFDF41;
}
.common_title01 span.color_yellow:before {
  background: #FFDF41;
}
.common_title01 span.color_yellow:after {
  background: #FFDF41;
}
.common_title01 span.color_blue {
  background: #40AAEB;
}
.common_title01 span.color_blue:before {
  background: #40AAEB;
}
.common_title01 span.color_blue:after {
  background: #40AAEB;
}
.common_title01 span.color_green {
  background: #48EF90;
}
.common_title01 span.color_green:before {
  background: #48EF90;
}
.common_title01 span.color_green:after {
  background: #48EF90;
}
.common_title01 span:before {
  content: "";
  display: block;
  width: 0;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -11px;
}
.common_title01 span:after {
  content: "";
  display: block;
  width: 0;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -23px;
}

/*=================
     
    text.scss

=======================*/
.common_text_xl {
  font-size: 32px;
  font-weight: bold;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .common_text_xl {
    font-size: 28px;
  }
}
@media only screen and (max-width: 640px) {
  .common_text_xl {
    font-size: 24px;
  }
}

.common_text_l {
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .common_text_l {
    font-size: 20px;
  }
}

.common_text_m {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .common_text_m {
    font-size: 16px;
  }
}

.common_text_s {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .common_text_s {
    font-size: 12px;
  }
}

/*=================
     
    animation.scss

=======================*/
.top_title.active span:nth-child(0) {
  -webkit-animation: fadeIn 0.3s ease 0s 1 forwards;
  animation: fadeIn 0.3s ease 0s 1 forwards;
}

.top_title.active span:nth-child(1) {
  -webkit-animation: fadeIn 0.3s ease 0.1s 1 forwards;
  animation: fadeIn 0.3s ease 0.1s 1 forwards;
}

.top_title.active span:nth-child(2) {
  -webkit-animation: fadeIn 0.3s ease 0.2s 1 forwards;
  animation: fadeIn 0.3s ease 0.2s 1 forwards;
}

.top_title.active span:nth-child(3) {
  -webkit-animation: fadeIn 0.3s ease 0.3s 1 forwards;
  animation: fadeIn 0.3s ease 0.3s 1 forwards;
}

.top_title.active span:nth-child(4) {
  -webkit-animation: fadeIn 0.3s ease 0.4s 1 forwards;
  animation: fadeIn 0.3s ease 0.4s 1 forwards;
}

.top_title.active span:nth-child(5) {
  -webkit-animation: fadeIn 0.3s ease 0.5s 1 forwards;
  animation: fadeIn 0.3s ease 0.5s 1 forwards;
}

.top_title.active span:nth-child(6) {
  -webkit-animation: fadeIn 0.3s ease 0.6s 1 forwards;
  animation: fadeIn 0.3s ease 0.6s 1 forwards;
}

.top_title.active span:nth-child(7) {
  -webkit-animation: fadeIn 0.3s ease 0.7s 1 forwards;
  animation: fadeIn 0.3s ease 0.7s 1 forwards;
}

.top_title.active span:nth-child(8) {
  -webkit-animation: fadeIn 0.3s ease 0.8s 1 forwards;
  animation: fadeIn 0.3s ease 0.8s 1 forwards;
}

.top_title.active span:nth-child(9) {
  -webkit-animation: fadeIn 0.3s ease 0.9s 1 forwards;
  animation: fadeIn 0.3s ease 0.9s 1 forwards;
}

.top_title.active span:nth-child(10) {
  -webkit-animation: fadeIn 0.3s ease 1s 1 forwards;
  animation: fadeIn 0.3s ease 1s 1 forwards;
}

.top_title.active span:nth-child(11) {
  -webkit-animation: fadeIn 0.3s ease 1.1s 1 forwards;
  animation: fadeIn 0.3s ease 1.1s 1 forwards;
}

.top_title.active span:nth-child(12) {
  -webkit-animation: fadeIn 0.3s ease 1.2s 1 forwards;
  animation: fadeIn 0.3s ease 1.2s 1 forwards;
}

.top_title.active span:nth-child(13) {
  -webkit-animation: fadeIn 0.3s ease 1.3s 1 forwards;
  animation: fadeIn 0.3s ease 1.3s 1 forwards;
}

.top_title.active span:nth-child(14) {
  -webkit-animation: fadeIn 0.3s ease 1.4s 1 forwards;
  animation: fadeIn 0.3s ease 1.4s 1 forwards;
}

.top_title.active span:nth-child(15) {
  -webkit-animation: fadeIn 0.3s ease 1.5s 1 forwards;
  animation: fadeIn 0.3s ease 1.5s 1 forwards;
}

.top_title.active span:nth-child(16) {
  -webkit-animation: fadeIn 0.3s ease 1.6s 1 forwards;
  animation: fadeIn 0.3s ease 1.6s 1 forwards;
}

.top_title.active span:nth-child(17) {
  -webkit-animation: fadeIn 0.3s ease 1.7s 1 forwards;
  animation: fadeIn 0.3s ease 1.7s 1 forwards;
}

.top_title.active span:nth-child(18) {
  -webkit-animation: fadeIn 0.3s ease 1.8s 1 forwards;
  animation: fadeIn 0.3s ease 1.8s 1 forwards;
}

.top_title.active span:nth-child(19) {
  -webkit-animation: fadeIn 0.3s ease 1.9s 1 forwards;
  animation: fadeIn 0.3s ease 1.9s 1 forwards;
}

.top_title.active span:nth-child(20) {
  -webkit-animation: fadeIn 0.3s ease 2s 1 forwards;
  animation: fadeIn 0.3s ease 2s 1 forwards;
}

.top_title.active span:nth-child(21) {
  -webkit-animation: fadeIn 0.3s ease 2.1s 1 forwards;
  animation: fadeIn 0.3s ease 2.1s 1 forwards;
}

.top_title.active span:nth-child(22) {
  -webkit-animation: fadeIn 0.3s ease 2.2s 1 forwards;
  animation: fadeIn 0.3s ease 2.2s 1 forwards;
}

.top_title.active span:nth-child(23) {
  -webkit-animation: fadeIn 0.3s ease 2.3s 1 forwards;
  animation: fadeIn 0.3s ease 2.3s 1 forwards;
}

.top_title.active span:nth-child(24) {
  -webkit-animation: fadeIn 0.3s ease 2.4s 1 forwards;
  animation: fadeIn 0.3s ease 2.4s 1 forwards;
}

.top_title.active span:nth-child(25) {
  -webkit-animation: fadeIn 0.3s ease 2.5s 1 forwards;
  animation: fadeIn 0.3s ease 2.5s 1 forwards;
}

.top_title.active span:nth-child(26) {
  -webkit-animation: fadeIn 0.3s ease 2.6s 1 forwards;
  animation: fadeIn 0.3s ease 2.6s 1 forwards;
}

.top_title.active span:nth-child(27) {
  -webkit-animation: fadeIn 0.3s ease 2.7s 1 forwards;
  animation: fadeIn 0.3s ease 2.7s 1 forwards;
}

.top_title.active span:nth-child(28) {
  -webkit-animation: fadeIn 0.3s ease 2.8s 1 forwards;
  animation: fadeIn 0.3s ease 2.8s 1 forwards;
}

.top_title.active span:nth-child(29) {
  -webkit-animation: fadeIn 0.3s ease 2.9s 1 forwards;
  animation: fadeIn 0.3s ease 2.9s 1 forwards;
}

.top_title.active span:nth-child(30) {
  -webkit-animation: fadeIn 0.3s ease 3s 1 forwards;
  animation: fadeIn 0.3s ease 3s 1 forwards;
}

.top_title.active span:nth-child(31) {
  -webkit-animation: fadeIn 0.3s ease 3.1s 1 forwards;
  animation: fadeIn 0.3s ease 3.1s 1 forwards;
}

.top_title.active span:nth-child(32) {
  -webkit-animation: fadeIn 0.3s ease 3.2s 1 forwards;
  animation: fadeIn 0.3s ease 3.2s 1 forwards;
}

.top_title.active span:nth-child(33) {
  -webkit-animation: fadeIn 0.3s ease 3.3s 1 forwards;
  animation: fadeIn 0.3s ease 3.3s 1 forwards;
}

.top_title.active span:nth-child(34) {
  -webkit-animation: fadeIn 0.3s ease 3.4s 1 forwards;
  animation: fadeIn 0.3s ease 3.4s 1 forwards;
}

.top_title.active span:nth-child(35) {
  -webkit-animation: fadeIn 0.3s ease 3.5s 1 forwards;
  animation: fadeIn 0.3s ease 3.5s 1 forwards;
}

.top_title.active span:nth-child(36) {
  -webkit-animation: fadeIn 0.3s ease 3.6s 1 forwards;
  animation: fadeIn 0.3s ease 3.6s 1 forwards;
}

.top_title.active span:nth-child(37) {
  -webkit-animation: fadeIn 0.3s ease 3.7s 1 forwards;
  animation: fadeIn 0.3s ease 3.7s 1 forwards;
}

.top_title.active span:nth-child(38) {
  -webkit-animation: fadeIn 0.3s ease 3.8s 1 forwards;
  animation: fadeIn 0.3s ease 3.8s 1 forwards;
}

.top_title.active span:nth-child(39) {
  -webkit-animation: fadeIn 0.3s ease 3.9s 1 forwards;
  animation: fadeIn 0.3s ease 3.9s 1 forwards;
}

.top_title.active span:nth-child(40) {
  -webkit-animation: fadeIn 0.3s ease 4s 1 forwards;
  animation: fadeIn 0.3s ease 4s 1 forwards;
}

.top_title.active span:nth-child(41) {
  -webkit-animation: fadeIn 0.3s ease 4.1s 1 forwards;
  animation: fadeIn 0.3s ease 4.1s 1 forwards;
}

.top_title.active span:nth-child(42) {
  -webkit-animation: fadeIn 0.3s ease 4.2s 1 forwards;
  animation: fadeIn 0.3s ease 4.2s 1 forwards;
}

.top_title.active span:nth-child(43) {
  -webkit-animation: fadeIn 0.3s ease 4.3s 1 forwards;
  animation: fadeIn 0.3s ease 4.3s 1 forwards;
}

.top_title.active span:nth-child(44) {
  -webkit-animation: fadeIn 0.3s ease 4.4s 1 forwards;
  animation: fadeIn 0.3s ease 4.4s 1 forwards;
}

.top_title.active span:nth-child(45) {
  -webkit-animation: fadeIn 0.3s ease 4.5s 1 forwards;
  animation: fadeIn 0.3s ease 4.5s 1 forwards;
}

.top_title.active span:nth-child(46) {
  -webkit-animation: fadeIn 0.3s ease 4.6s 1 forwards;
  animation: fadeIn 0.3s ease 4.6s 1 forwards;
}

.top_title.active span:nth-child(47) {
  -webkit-animation: fadeIn 0.3s ease 4.7s 1 forwards;
  animation: fadeIn 0.3s ease 4.7s 1 forwards;
}

.top_title.active span:nth-child(48) {
  -webkit-animation: fadeIn 0.3s ease 4.8s 1 forwards;
  animation: fadeIn 0.3s ease 4.8s 1 forwards;
}

.top_title.active span:nth-child(49) {
  -webkit-animation: fadeIn 0.3s ease 4.9s 1 forwards;
  animation: fadeIn 0.3s ease 4.9s 1 forwards;
}

.top_title.active span:nth-child(50) {
  -webkit-animation: fadeIn 0.3s ease 5s 1 forwards;
  animation: fadeIn 0.3s ease 5s 1 forwards;
}

.top_title.active span:nth-child(51) {
  -webkit-animation: fadeIn 0.3s ease 5.1s 1 forwards;
  animation: fadeIn 0.3s ease 5.1s 1 forwards;
}

.top_title.active span:nth-child(52) {
  -webkit-animation: fadeIn 0.3s ease 5.2s 1 forwards;
  animation: fadeIn 0.3s ease 5.2s 1 forwards;
}

.top_title.active span:nth-child(53) {
  -webkit-animation: fadeIn 0.3s ease 5.3s 1 forwards;
  animation: fadeIn 0.3s ease 5.3s 1 forwards;
}

.top_title.active span:nth-child(54) {
  -webkit-animation: fadeIn 0.3s ease 5.4s 1 forwards;
  animation: fadeIn 0.3s ease 5.4s 1 forwards;
}

.top_title.active span:nth-child(55) {
  -webkit-animation: fadeIn 0.3s ease 5.5s 1 forwards;
  animation: fadeIn 0.3s ease 5.5s 1 forwards;
}

.top_title.active span:nth-child(56) {
  -webkit-animation: fadeIn 0.3s ease 5.6s 1 forwards;
  animation: fadeIn 0.3s ease 5.6s 1 forwards;
}

.top_title.active span:nth-child(57) {
  -webkit-animation: fadeIn 0.3s ease 5.7s 1 forwards;
  animation: fadeIn 0.3s ease 5.7s 1 forwards;
}

.top_title.active span:nth-child(58) {
  -webkit-animation: fadeIn 0.3s ease 5.8s 1 forwards;
  animation: fadeIn 0.3s ease 5.8s 1 forwards;
}

.top_title.active span:nth-child(59) {
  -webkit-animation: fadeIn 0.3s ease 5.9s 1 forwards;
  animation: fadeIn 0.3s ease 5.9s 1 forwards;
}

.top_title.active span:nth-child(60) {
  -webkit-animation: fadeIn 0.3s ease 6s 1 forwards;
  animation: fadeIn 0.3s ease 6s 1 forwards;
}

.top_title.active span:nth-child(61) {
  -webkit-animation: fadeIn 0.3s ease 6.1s 1 forwards;
  animation: fadeIn 0.3s ease 6.1s 1 forwards;
}

.top_title.active span:nth-child(62) {
  -webkit-animation: fadeIn 0.3s ease 6.2s 1 forwards;
  animation: fadeIn 0.3s ease 6.2s 1 forwards;
}

.top_title.active span:nth-child(63) {
  -webkit-animation: fadeIn 0.3s ease 6.3s 1 forwards;
  animation: fadeIn 0.3s ease 6.3s 1 forwards;
}

.top_title.active span:nth-child(64) {
  -webkit-animation: fadeIn 0.3s ease 6.4s 1 forwards;
  animation: fadeIn 0.3s ease 6.4s 1 forwards;
}

.top_title.active span:nth-child(65) {
  -webkit-animation: fadeIn 0.3s ease 6.5s 1 forwards;
  animation: fadeIn 0.3s ease 6.5s 1 forwards;
}

.top_title.active span:nth-child(66) {
  -webkit-animation: fadeIn 0.3s ease 6.6s 1 forwards;
  animation: fadeIn 0.3s ease 6.6s 1 forwards;
}

.top_title.active span:nth-child(67) {
  -webkit-animation: fadeIn 0.3s ease 6.7s 1 forwards;
  animation: fadeIn 0.3s ease 6.7s 1 forwards;
}

.top_title.active span:nth-child(68) {
  -webkit-animation: fadeIn 0.3s ease 6.8s 1 forwards;
  animation: fadeIn 0.3s ease 6.8s 1 forwards;
}

.top_title.active span:nth-child(69) {
  -webkit-animation: fadeIn 0.3s ease 6.9s 1 forwards;
  animation: fadeIn 0.3s ease 6.9s 1 forwards;
}

.top_title.active span:nth-child(70) {
  -webkit-animation: fadeIn 0.3s ease 7s 1 forwards;
  animation: fadeIn 0.3s ease 7s 1 forwards;
}

.top_title.active span:nth-child(71) {
  -webkit-animation: fadeIn 0.3s ease 7.1s 1 forwards;
  animation: fadeIn 0.3s ease 7.1s 1 forwards;
}

.top_title.active span:nth-child(72) {
  -webkit-animation: fadeIn 0.3s ease 7.2s 1 forwards;
  animation: fadeIn 0.3s ease 7.2s 1 forwards;
}

.top_title.active span:nth-child(73) {
  -webkit-animation: fadeIn 0.3s ease 7.3s 1 forwards;
  animation: fadeIn 0.3s ease 7.3s 1 forwards;
}

.top_title.active span:nth-child(74) {
  -webkit-animation: fadeIn 0.3s ease 7.4s 1 forwards;
  animation: fadeIn 0.3s ease 7.4s 1 forwards;
}

.top_title.active span:nth-child(75) {
  -webkit-animation: fadeIn 0.3s ease 7.5s 1 forwards;
  animation: fadeIn 0.3s ease 7.5s 1 forwards;
}

.top_title.active span:nth-child(76) {
  -webkit-animation: fadeIn 0.3s ease 7.6s 1 forwards;
  animation: fadeIn 0.3s ease 7.6s 1 forwards;
}

.top_title.active span:nth-child(77) {
  -webkit-animation: fadeIn 0.3s ease 7.7s 1 forwards;
  animation: fadeIn 0.3s ease 7.7s 1 forwards;
}

.top_title.active span:nth-child(78) {
  -webkit-animation: fadeIn 0.3s ease 7.8s 1 forwards;
  animation: fadeIn 0.3s ease 7.8s 1 forwards;
}

.top_title.active span:nth-child(79) {
  -webkit-animation: fadeIn 0.3s ease 7.9s 1 forwards;
  animation: fadeIn 0.3s ease 7.9s 1 forwards;
}

.top_title.active span:nth-child(80) {
  -webkit-animation: fadeIn 0.3s ease 8s 1 forwards;
  animation: fadeIn 0.3s ease 8s 1 forwards;
}

.top_title.active span:nth-child(81) {
  -webkit-animation: fadeIn 0.3s ease 8.1s 1 forwards;
  animation: fadeIn 0.3s ease 8.1s 1 forwards;
}

.top_title.active span:nth-child(82) {
  -webkit-animation: fadeIn 0.3s ease 8.2s 1 forwards;
  animation: fadeIn 0.3s ease 8.2s 1 forwards;
}

.top_title.active span:nth-child(83) {
  -webkit-animation: fadeIn 0.3s ease 8.3s 1 forwards;
  animation: fadeIn 0.3s ease 8.3s 1 forwards;
}

.top_title.active span:nth-child(84) {
  -webkit-animation: fadeIn 0.3s ease 8.4s 1 forwards;
  animation: fadeIn 0.3s ease 8.4s 1 forwards;
}

.top_title.active span:nth-child(85) {
  -webkit-animation: fadeIn 0.3s ease 8.5s 1 forwards;
  animation: fadeIn 0.3s ease 8.5s 1 forwards;
}

.top_title.active span:nth-child(86) {
  -webkit-animation: fadeIn 0.3s ease 8.6s 1 forwards;
  animation: fadeIn 0.3s ease 8.6s 1 forwards;
}

.top_title.active span:nth-child(87) {
  -webkit-animation: fadeIn 0.3s ease 8.7s 1 forwards;
  animation: fadeIn 0.3s ease 8.7s 1 forwards;
}

.top_title.active span:nth-child(88) {
  -webkit-animation: fadeIn 0.3s ease 8.8s 1 forwards;
  animation: fadeIn 0.3s ease 8.8s 1 forwards;
}

.top_title.active span:nth-child(89) {
  -webkit-animation: fadeIn 0.3s ease 8.9s 1 forwards;
  animation: fadeIn 0.3s ease 8.9s 1 forwards;
}

.top_title.active span:nth-child(90) {
  -webkit-animation: fadeIn 0.3s ease 9s 1 forwards;
  animation: fadeIn 0.3s ease 9s 1 forwards;
}

.top_title.active span:nth-child(91) {
  -webkit-animation: fadeIn 0.3s ease 9.1s 1 forwards;
  animation: fadeIn 0.3s ease 9.1s 1 forwards;
}

.top_title.active span:nth-child(92) {
  -webkit-animation: fadeIn 0.3s ease 9.2s 1 forwards;
  animation: fadeIn 0.3s ease 9.2s 1 forwards;
}

.top_title.active span:nth-child(93) {
  -webkit-animation: fadeIn 0.3s ease 9.3s 1 forwards;
  animation: fadeIn 0.3s ease 9.3s 1 forwards;
}

.top_title.active span:nth-child(94) {
  -webkit-animation: fadeIn 0.3s ease 9.4s 1 forwards;
  animation: fadeIn 0.3s ease 9.4s 1 forwards;
}

.top_title.active span:nth-child(95) {
  -webkit-animation: fadeIn 0.3s ease 9.5s 1 forwards;
  animation: fadeIn 0.3s ease 9.5s 1 forwards;
}

.top_title.active span:nth-child(96) {
  -webkit-animation: fadeIn 0.3s ease 9.6s 1 forwards;
  animation: fadeIn 0.3s ease 9.6s 1 forwards;
}

.top_title.active span:nth-child(97) {
  -webkit-animation: fadeIn 0.3s ease 9.7s 1 forwards;
  animation: fadeIn 0.3s ease 9.7s 1 forwards;
}

.top_title.active span:nth-child(98) {
  -webkit-animation: fadeIn 0.3s ease 9.8s 1 forwards;
  animation: fadeIn 0.3s ease 9.8s 1 forwards;
}

.top_title.active span:nth-child(99) {
  -webkit-animation: fadeIn 0.3s ease 9.9s 1 forwards;
  animation: fadeIn 0.3s ease 9.9s 1 forwards;
}

.top_title.active span:nth-child(100) {
  -webkit-animation: fadeIn 0.3s ease 10s 1 forwards;
  animation: fadeIn 0.3s ease 10s 1 forwards;
}

.common_page_title span:nth-child(0) {
  -webkit-animation: fadeIn 0.3s ease 0s 1 forwards;
  animation: fadeIn 0.3s ease 0s 1 forwards;
}

.common_page_title span:nth-child(1) {
  -webkit-animation: fadeIn 0.3s ease 0.1s 1 forwards;
  animation: fadeIn 0.3s ease 0.1s 1 forwards;
}

.common_page_title span:nth-child(2) {
  -webkit-animation: fadeIn 0.3s ease 0.2s 1 forwards;
  animation: fadeIn 0.3s ease 0.2s 1 forwards;
}

.common_page_title span:nth-child(3) {
  -webkit-animation: fadeIn 0.3s ease 0.3s 1 forwards;
  animation: fadeIn 0.3s ease 0.3s 1 forwards;
}

.common_page_title span:nth-child(4) {
  -webkit-animation: fadeIn 0.3s ease 0.4s 1 forwards;
  animation: fadeIn 0.3s ease 0.4s 1 forwards;
}

.common_page_title span:nth-child(5) {
  -webkit-animation: fadeIn 0.3s ease 0.5s 1 forwards;
  animation: fadeIn 0.3s ease 0.5s 1 forwards;
}

.common_page_title span:nth-child(6) {
  -webkit-animation: fadeIn 0.3s ease 0.6s 1 forwards;
  animation: fadeIn 0.3s ease 0.6s 1 forwards;
}

.common_page_title span:nth-child(7) {
  -webkit-animation: fadeIn 0.3s ease 0.7s 1 forwards;
  animation: fadeIn 0.3s ease 0.7s 1 forwards;
}

.common_page_title span:nth-child(8) {
  -webkit-animation: fadeIn 0.3s ease 0.8s 1 forwards;
  animation: fadeIn 0.3s ease 0.8s 1 forwards;
}

.common_page_title span:nth-child(9) {
  -webkit-animation: fadeIn 0.3s ease 0.9s 1 forwards;
  animation: fadeIn 0.3s ease 0.9s 1 forwards;
}

.common_page_title span:nth-child(10) {
  -webkit-animation: fadeIn 0.3s ease 1s 1 forwards;
  animation: fadeIn 0.3s ease 1s 1 forwards;
}

.common_page_title span:nth-child(11) {
  -webkit-animation: fadeIn 0.3s ease 1.1s 1 forwards;
  animation: fadeIn 0.3s ease 1.1s 1 forwards;
}

.common_page_title span:nth-child(12) {
  -webkit-animation: fadeIn 0.3s ease 1.2s 1 forwards;
  animation: fadeIn 0.3s ease 1.2s 1 forwards;
}

.common_page_title span:nth-child(13) {
  -webkit-animation: fadeIn 0.3s ease 1.3s 1 forwards;
  animation: fadeIn 0.3s ease 1.3s 1 forwards;
}

.common_page_title span:nth-child(14) {
  -webkit-animation: fadeIn 0.3s ease 1.4s 1 forwards;
  animation: fadeIn 0.3s ease 1.4s 1 forwards;
}

.common_page_title span:nth-child(15) {
  -webkit-animation: fadeIn 0.3s ease 1.5s 1 forwards;
  animation: fadeIn 0.3s ease 1.5s 1 forwards;
}

.common_page_title span:nth-child(16) {
  -webkit-animation: fadeIn 0.3s ease 1.6s 1 forwards;
  animation: fadeIn 0.3s ease 1.6s 1 forwards;
}

.common_page_title span:nth-child(17) {
  -webkit-animation: fadeIn 0.3s ease 1.7s 1 forwards;
  animation: fadeIn 0.3s ease 1.7s 1 forwards;
}

.common_page_title span:nth-child(18) {
  -webkit-animation: fadeIn 0.3s ease 1.8s 1 forwards;
  animation: fadeIn 0.3s ease 1.8s 1 forwards;
}

.common_page_title span:nth-child(19) {
  -webkit-animation: fadeIn 0.3s ease 1.9s 1 forwards;
  animation: fadeIn 0.3s ease 1.9s 1 forwards;
}

.common_page_title span:nth-child(20) {
  -webkit-animation: fadeIn 0.3s ease 2s 1 forwards;
  animation: fadeIn 0.3s ease 2s 1 forwards;
}

.common_page_title span:nth-child(21) {
  -webkit-animation: fadeIn 0.3s ease 2.1s 1 forwards;
  animation: fadeIn 0.3s ease 2.1s 1 forwards;
}

.common_page_title span:nth-child(22) {
  -webkit-animation: fadeIn 0.3s ease 2.2s 1 forwards;
  animation: fadeIn 0.3s ease 2.2s 1 forwards;
}

.common_page_title span:nth-child(23) {
  -webkit-animation: fadeIn 0.3s ease 2.3s 1 forwards;
  animation: fadeIn 0.3s ease 2.3s 1 forwards;
}

.common_page_title span:nth-child(24) {
  -webkit-animation: fadeIn 0.3s ease 2.4s 1 forwards;
  animation: fadeIn 0.3s ease 2.4s 1 forwards;
}

.common_page_title span:nth-child(25) {
  -webkit-animation: fadeIn 0.3s ease 2.5s 1 forwards;
  animation: fadeIn 0.3s ease 2.5s 1 forwards;
}

.common_page_title span:nth-child(26) {
  -webkit-animation: fadeIn 0.3s ease 2.6s 1 forwards;
  animation: fadeIn 0.3s ease 2.6s 1 forwards;
}

.common_page_title span:nth-child(27) {
  -webkit-animation: fadeIn 0.3s ease 2.7s 1 forwards;
  animation: fadeIn 0.3s ease 2.7s 1 forwards;
}

.common_page_title span:nth-child(28) {
  -webkit-animation: fadeIn 0.3s ease 2.8s 1 forwards;
  animation: fadeIn 0.3s ease 2.8s 1 forwards;
}

.common_page_title span:nth-child(29) {
  -webkit-animation: fadeIn 0.3s ease 2.9s 1 forwards;
  animation: fadeIn 0.3s ease 2.9s 1 forwards;
}

.common_page_title span:nth-child(30) {
  -webkit-animation: fadeIn 0.3s ease 3s 1 forwards;
  animation: fadeIn 0.3s ease 3s 1 forwards;
}

.common_page_title span:nth-child(31) {
  -webkit-animation: fadeIn 0.3s ease 3.1s 1 forwards;
  animation: fadeIn 0.3s ease 3.1s 1 forwards;
}

.common_page_title span:nth-child(32) {
  -webkit-animation: fadeIn 0.3s ease 3.2s 1 forwards;
  animation: fadeIn 0.3s ease 3.2s 1 forwards;
}

.common_page_title span:nth-child(33) {
  -webkit-animation: fadeIn 0.3s ease 3.3s 1 forwards;
  animation: fadeIn 0.3s ease 3.3s 1 forwards;
}

.common_page_title span:nth-child(34) {
  -webkit-animation: fadeIn 0.3s ease 3.4s 1 forwards;
  animation: fadeIn 0.3s ease 3.4s 1 forwards;
}

.common_page_title span:nth-child(35) {
  -webkit-animation: fadeIn 0.3s ease 3.5s 1 forwards;
  animation: fadeIn 0.3s ease 3.5s 1 forwards;
}

.common_page_title span:nth-child(36) {
  -webkit-animation: fadeIn 0.3s ease 3.6s 1 forwards;
  animation: fadeIn 0.3s ease 3.6s 1 forwards;
}

.common_page_title span:nth-child(37) {
  -webkit-animation: fadeIn 0.3s ease 3.7s 1 forwards;
  animation: fadeIn 0.3s ease 3.7s 1 forwards;
}

.common_page_title span:nth-child(38) {
  -webkit-animation: fadeIn 0.3s ease 3.8s 1 forwards;
  animation: fadeIn 0.3s ease 3.8s 1 forwards;
}

.common_page_title span:nth-child(39) {
  -webkit-animation: fadeIn 0.3s ease 3.9s 1 forwards;
  animation: fadeIn 0.3s ease 3.9s 1 forwards;
}

.common_page_title span:nth-child(40) {
  -webkit-animation: fadeIn 0.3s ease 4s 1 forwards;
  animation: fadeIn 0.3s ease 4s 1 forwards;
}

.common_page_title span:nth-child(41) {
  -webkit-animation: fadeIn 0.3s ease 4.1s 1 forwards;
  animation: fadeIn 0.3s ease 4.1s 1 forwards;
}

.common_page_title span:nth-child(42) {
  -webkit-animation: fadeIn 0.3s ease 4.2s 1 forwards;
  animation: fadeIn 0.3s ease 4.2s 1 forwards;
}

.common_page_title span:nth-child(43) {
  -webkit-animation: fadeIn 0.3s ease 4.3s 1 forwards;
  animation: fadeIn 0.3s ease 4.3s 1 forwards;
}

.common_page_title span:nth-child(44) {
  -webkit-animation: fadeIn 0.3s ease 4.4s 1 forwards;
  animation: fadeIn 0.3s ease 4.4s 1 forwards;
}

.common_page_title span:nth-child(45) {
  -webkit-animation: fadeIn 0.3s ease 4.5s 1 forwards;
  animation: fadeIn 0.3s ease 4.5s 1 forwards;
}

.common_page_title span:nth-child(46) {
  -webkit-animation: fadeIn 0.3s ease 4.6s 1 forwards;
  animation: fadeIn 0.3s ease 4.6s 1 forwards;
}

.common_page_title span:nth-child(47) {
  -webkit-animation: fadeIn 0.3s ease 4.7s 1 forwards;
  animation: fadeIn 0.3s ease 4.7s 1 forwards;
}

.common_page_title span:nth-child(48) {
  -webkit-animation: fadeIn 0.3s ease 4.8s 1 forwards;
  animation: fadeIn 0.3s ease 4.8s 1 forwards;
}

.common_page_title span:nth-child(49) {
  -webkit-animation: fadeIn 0.3s ease 4.9s 1 forwards;
  animation: fadeIn 0.3s ease 4.9s 1 forwards;
}

.common_page_title span:nth-child(50) {
  -webkit-animation: fadeIn 0.3s ease 5s 1 forwards;
  animation: fadeIn 0.3s ease 5s 1 forwards;
}

.common_page_title span:nth-child(51) {
  -webkit-animation: fadeIn 0.3s ease 5.1s 1 forwards;
  animation: fadeIn 0.3s ease 5.1s 1 forwards;
}

.common_page_title span:nth-child(52) {
  -webkit-animation: fadeIn 0.3s ease 5.2s 1 forwards;
  animation: fadeIn 0.3s ease 5.2s 1 forwards;
}

.common_page_title span:nth-child(53) {
  -webkit-animation: fadeIn 0.3s ease 5.3s 1 forwards;
  animation: fadeIn 0.3s ease 5.3s 1 forwards;
}

.common_page_title span:nth-child(54) {
  -webkit-animation: fadeIn 0.3s ease 5.4s 1 forwards;
  animation: fadeIn 0.3s ease 5.4s 1 forwards;
}

.common_page_title span:nth-child(55) {
  -webkit-animation: fadeIn 0.3s ease 5.5s 1 forwards;
  animation: fadeIn 0.3s ease 5.5s 1 forwards;
}

.common_page_title span:nth-child(56) {
  -webkit-animation: fadeIn 0.3s ease 5.6s 1 forwards;
  animation: fadeIn 0.3s ease 5.6s 1 forwards;
}

.common_page_title span:nth-child(57) {
  -webkit-animation: fadeIn 0.3s ease 5.7s 1 forwards;
  animation: fadeIn 0.3s ease 5.7s 1 forwards;
}

.common_page_title span:nth-child(58) {
  -webkit-animation: fadeIn 0.3s ease 5.8s 1 forwards;
  animation: fadeIn 0.3s ease 5.8s 1 forwards;
}

.common_page_title span:nth-child(59) {
  -webkit-animation: fadeIn 0.3s ease 5.9s 1 forwards;
  animation: fadeIn 0.3s ease 5.9s 1 forwards;
}

.common_page_title span:nth-child(60) {
  -webkit-animation: fadeIn 0.3s ease 6s 1 forwards;
  animation: fadeIn 0.3s ease 6s 1 forwards;
}

.common_page_title span:nth-child(61) {
  -webkit-animation: fadeIn 0.3s ease 6.1s 1 forwards;
  animation: fadeIn 0.3s ease 6.1s 1 forwards;
}

.common_page_title span:nth-child(62) {
  -webkit-animation: fadeIn 0.3s ease 6.2s 1 forwards;
  animation: fadeIn 0.3s ease 6.2s 1 forwards;
}

.common_page_title span:nth-child(63) {
  -webkit-animation: fadeIn 0.3s ease 6.3s 1 forwards;
  animation: fadeIn 0.3s ease 6.3s 1 forwards;
}

.common_page_title span:nth-child(64) {
  -webkit-animation: fadeIn 0.3s ease 6.4s 1 forwards;
  animation: fadeIn 0.3s ease 6.4s 1 forwards;
}

.common_page_title span:nth-child(65) {
  -webkit-animation: fadeIn 0.3s ease 6.5s 1 forwards;
  animation: fadeIn 0.3s ease 6.5s 1 forwards;
}

.common_page_title span:nth-child(66) {
  -webkit-animation: fadeIn 0.3s ease 6.6s 1 forwards;
  animation: fadeIn 0.3s ease 6.6s 1 forwards;
}

.common_page_title span:nth-child(67) {
  -webkit-animation: fadeIn 0.3s ease 6.7s 1 forwards;
  animation: fadeIn 0.3s ease 6.7s 1 forwards;
}

.common_page_title span:nth-child(68) {
  -webkit-animation: fadeIn 0.3s ease 6.8s 1 forwards;
  animation: fadeIn 0.3s ease 6.8s 1 forwards;
}

.common_page_title span:nth-child(69) {
  -webkit-animation: fadeIn 0.3s ease 6.9s 1 forwards;
  animation: fadeIn 0.3s ease 6.9s 1 forwards;
}

.common_page_title span:nth-child(70) {
  -webkit-animation: fadeIn 0.3s ease 7s 1 forwards;
  animation: fadeIn 0.3s ease 7s 1 forwards;
}

.common_page_title span:nth-child(71) {
  -webkit-animation: fadeIn 0.3s ease 7.1s 1 forwards;
  animation: fadeIn 0.3s ease 7.1s 1 forwards;
}

.common_page_title span:nth-child(72) {
  -webkit-animation: fadeIn 0.3s ease 7.2s 1 forwards;
  animation: fadeIn 0.3s ease 7.2s 1 forwards;
}

.common_page_title span:nth-child(73) {
  -webkit-animation: fadeIn 0.3s ease 7.3s 1 forwards;
  animation: fadeIn 0.3s ease 7.3s 1 forwards;
}

.common_page_title span:nth-child(74) {
  -webkit-animation: fadeIn 0.3s ease 7.4s 1 forwards;
  animation: fadeIn 0.3s ease 7.4s 1 forwards;
}

.common_page_title span:nth-child(75) {
  -webkit-animation: fadeIn 0.3s ease 7.5s 1 forwards;
  animation: fadeIn 0.3s ease 7.5s 1 forwards;
}

.common_page_title span:nth-child(76) {
  -webkit-animation: fadeIn 0.3s ease 7.6s 1 forwards;
  animation: fadeIn 0.3s ease 7.6s 1 forwards;
}

.common_page_title span:nth-child(77) {
  -webkit-animation: fadeIn 0.3s ease 7.7s 1 forwards;
  animation: fadeIn 0.3s ease 7.7s 1 forwards;
}

.common_page_title span:nth-child(78) {
  -webkit-animation: fadeIn 0.3s ease 7.8s 1 forwards;
  animation: fadeIn 0.3s ease 7.8s 1 forwards;
}

.common_page_title span:nth-child(79) {
  -webkit-animation: fadeIn 0.3s ease 7.9s 1 forwards;
  animation: fadeIn 0.3s ease 7.9s 1 forwards;
}

.common_page_title span:nth-child(80) {
  -webkit-animation: fadeIn 0.3s ease 8s 1 forwards;
  animation: fadeIn 0.3s ease 8s 1 forwards;
}

.common_page_title span:nth-child(81) {
  -webkit-animation: fadeIn 0.3s ease 8.1s 1 forwards;
  animation: fadeIn 0.3s ease 8.1s 1 forwards;
}

.common_page_title span:nth-child(82) {
  -webkit-animation: fadeIn 0.3s ease 8.2s 1 forwards;
  animation: fadeIn 0.3s ease 8.2s 1 forwards;
}

.common_page_title span:nth-child(83) {
  -webkit-animation: fadeIn 0.3s ease 8.3s 1 forwards;
  animation: fadeIn 0.3s ease 8.3s 1 forwards;
}

.common_page_title span:nth-child(84) {
  -webkit-animation: fadeIn 0.3s ease 8.4s 1 forwards;
  animation: fadeIn 0.3s ease 8.4s 1 forwards;
}

.common_page_title span:nth-child(85) {
  -webkit-animation: fadeIn 0.3s ease 8.5s 1 forwards;
  animation: fadeIn 0.3s ease 8.5s 1 forwards;
}

.common_page_title span:nth-child(86) {
  -webkit-animation: fadeIn 0.3s ease 8.6s 1 forwards;
  animation: fadeIn 0.3s ease 8.6s 1 forwards;
}

.common_page_title span:nth-child(87) {
  -webkit-animation: fadeIn 0.3s ease 8.7s 1 forwards;
  animation: fadeIn 0.3s ease 8.7s 1 forwards;
}

.common_page_title span:nth-child(88) {
  -webkit-animation: fadeIn 0.3s ease 8.8s 1 forwards;
  animation: fadeIn 0.3s ease 8.8s 1 forwards;
}

.common_page_title span:nth-child(89) {
  -webkit-animation: fadeIn 0.3s ease 8.9s 1 forwards;
  animation: fadeIn 0.3s ease 8.9s 1 forwards;
}

.common_page_title span:nth-child(90) {
  -webkit-animation: fadeIn 0.3s ease 9s 1 forwards;
  animation: fadeIn 0.3s ease 9s 1 forwards;
}

.common_page_title span:nth-child(91) {
  -webkit-animation: fadeIn 0.3s ease 9.1s 1 forwards;
  animation: fadeIn 0.3s ease 9.1s 1 forwards;
}

.common_page_title span:nth-child(92) {
  -webkit-animation: fadeIn 0.3s ease 9.2s 1 forwards;
  animation: fadeIn 0.3s ease 9.2s 1 forwards;
}

.common_page_title span:nth-child(93) {
  -webkit-animation: fadeIn 0.3s ease 9.3s 1 forwards;
  animation: fadeIn 0.3s ease 9.3s 1 forwards;
}

.common_page_title span:nth-child(94) {
  -webkit-animation: fadeIn 0.3s ease 9.4s 1 forwards;
  animation: fadeIn 0.3s ease 9.4s 1 forwards;
}

.common_page_title span:nth-child(95) {
  -webkit-animation: fadeIn 0.3s ease 9.5s 1 forwards;
  animation: fadeIn 0.3s ease 9.5s 1 forwards;
}

.common_page_title span:nth-child(96) {
  -webkit-animation: fadeIn 0.3s ease 9.6s 1 forwards;
  animation: fadeIn 0.3s ease 9.6s 1 forwards;
}

.common_page_title span:nth-child(97) {
  -webkit-animation: fadeIn 0.3s ease 9.7s 1 forwards;
  animation: fadeIn 0.3s ease 9.7s 1 forwards;
}

.common_page_title span:nth-child(98) {
  -webkit-animation: fadeIn 0.3s ease 9.8s 1 forwards;
  animation: fadeIn 0.3s ease 9.8s 1 forwards;
}

.common_page_title span:nth-child(99) {
  -webkit-animation: fadeIn 0.3s ease 9.9s 1 forwards;
  animation: fadeIn 0.3s ease 9.9s 1 forwards;
}

.common_page_title span:nth-child(100) {
  -webkit-animation: fadeIn 0.3s ease 10s 1 forwards;
  animation: fadeIn 0.3s ease 10s 1 forwards;
}

@-moz-keyframes fadeIn {
  0% {
    -moz-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@-moz-keyframes more_arrow {
  0% {
    -moz-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  70% {
    -moz-transform: translateY(-50%) translateX(20px);
    transform: translateY(-50%) translateX(20px);
    opacity: 0;
  }
  75% {
    -moz-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
}
@-webkit-keyframes more_arrow {
  0% {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  70% {
    -webkit-transform: translateY(-50%) translateX(20px);
    transform: translateY(-50%) translateX(20px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
}
@keyframes more_arrow {
  0% {
    -moz-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  70% {
    -moz-transform: translateY(-50%) translateX(20px);
    -ms-transform: translateY(-50%) translateX(20px);
    -webkit-transform: translateY(-50%) translateX(20px);
    transform: translateY(-50%) translateX(20px);
    opacity: 0;
  }
  75% {
    -moz-transform: translateY(-50%) translateX(-10px);
    -ms-transform: translateY(-50%) translateX(-10px);
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
}
@-moz-keyframes fade {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes showline {
  0% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
@-webkit-keyframes showline {
  0% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
@keyframes showline {
  0% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
@-moz-keyframes showdot {
  0% {
    width: 0;
  }
  100% {
    width: 8px;
  }
}
@-webkit-keyframes showdot {
  0% {
    width: 0;
  }
  100% {
    width: 8px;
  }
}
@keyframes showdot {
  0% {
    width: 0;
  }
  100% {
    width: 8px;
  }
}
.InviewFadeIn {
  opacity: 0;
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.InviewFadeIn.active {
  -moz-animation: inviewfadeIn 2s ease forwards;
  -webkit-animation: inviewfadeIn 2s ease forwards;
  animation: inviewfadeIn 2s ease forwards;
}

@-moz-keyframes inviewfadeIn {
  0% {
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes inviewfadeIn {
  0% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes inviewfadeIn {
  0% {
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/*=================
     
    editor.scss

=======================*/
.editor_main_pic {
  display: block;
  width: 100%;
  padding-top: 59.7%;
  margin: 0 0 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.editor_wrap {
  color: black;
  line-height: 2;
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap {
    font-size: 14px;
  }
}
.editor_wrap h2 {
  font-size: 28px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h2 {
    font-size: 24px;
    margin: 0 0 30px;
  }
}
.editor_wrap h2:after {
  content: "";
  display: block;
  width: 80px;
  height: 8px;
  background: #FF4848;
  margin: 10px 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h2:after {
    width: 60px;
    height: 6px;
  }
}
.editor_wrap h3 {
  line-height: 1.6;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 24px;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h3 {
    font-size: 20px;
  }
}
.editor_wrap h4 {
  line-height: 1.6;
  margin: 0 0 20px;
  color: #3A3A3A;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h4 {
    font-size: 18px;
  }
}
.editor_wrap p {
  font-weight: bold;
  margin: 0 0 40px;
}
.editor_wrap p a {
  display: inline;
  margin: 0;
}
.editor_wrap img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 0 20px;
}
.editor_wrap big {
  font-size: larger;
}
.editor_wrap small {
  font-size: smaller;
}
.editor_wrap i, .editor_wrap dfn, .editor_wrap em {
  font-style: italic;
}
.editor_wrap strong, .editor_wrap b {
  font-weight: bold;
}
.editor_wrap ins {
  text-decoration: underline;
}
.editor_wrap sup {
  vertical-align: super;
  font-size: smaller;
}
.editor_wrap a {
  display: block;
  color: blue;
  text-decoration: underline;
  font-weight: bold;
  margin: 0 0 24px;
}
.editor_wrap .huto {
  font-weight: bold;
}
.editor_wrap .hutoaka {
  font-weight: bold;
  color: red;
}
.editor_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}
.editor_wrap .italic {
  font-style: italic;
}
.editor_wrap .komozi {
  font-size: 12px;
}
.editor_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}
.editor_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}
.editor_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}
.editor_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: .9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.editor_wrap .marker {
  font-weight: bold;
  color: black;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 0, 0, 0.3) 70%);
}
.editor_wrap .ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}
.editor_wrap .ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}
.editor_wrap .rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}
.editor_wrap .rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}
.editor_wrap .bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}
.editor_wrap .bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

/*=================

    top.scss

=======================*/
.top_anchor {
  padding: 128px 0 0;
  margin: -128px 0 0;
}
@media only screen and (max-width: 1400px) {
  .top_anchor {
    padding: 80px 0 0;
    margin: -80px 0 0;
  }
}

/*fv*/
.fv {
  position: relative;
  width: 100%;
  min-height: 580px;
  margin: 0 0 180px;
}
@media only screen and (max-width: 960px) {
  .fv {
    min-height: 400px;
  }
}
@media only screen and (max-width: 640px) {
  .fv {
    min-height: 300px;
    margin: 0 0 80px;
  }
}
.fv .fv_slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 8px #3A3A3A solid;
}
@media only screen and (max-width: 1200px) {
  .fv .fv_slider {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
  }
}
.fv .fv_slider:after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: 1;
  background: url("../images/top/line.png") left center repeat;
  background-size: contain;
}
.fv .fv_bg {
  width: 100%;
  height: 580px;
}
@media only screen and (max-width: 960px) {
  .fv .fv_bg {
    height: 400px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_bg {
    height: 300px;
  }
}
.fv .fv_content {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .fv .fv_content {
    /*
        	position: relative;
        	bottom: inherit;
        	left: inherit;
    */
    margin: -100px 0 50px;
  }
}
@media only screen and (max-width: 960px) {
  .fv .fv_content {
    margin: -70px 0 50px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_content {
    margin: 20px 0 30px;
  }
}
.fv .fv_content .fv_content_inner {
  padding: 256px 50px 0;
  width: calc( 100% - 420px );
}
@media only screen and (max-width: 1400px) {
  .fv .fv_content .fv_content_inner {
    padding: 250px 20px 0;
  }
}
@media only screen and (max-width: 1200px) {
  .fv .fv_content .fv_content_inner {
    width: 100%;
    padding: 0 20px;
  }
}
.fv .fv_content .fv_content_inner .fv_content_title .fv_title {
  font-weight: bold;
  font-size: 68px;
  color: #3A3A3A;
  line-height: 1.3;
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .fv .fv_content .fv_content_inner .fv_content_title .fv_title {
    font-size: 40px;
    margin: 0 0 10px;
  }
}
.fv .fv_content .fv_content_inner .fv_content_title .fv_title span {
  display: inline-block;
  background: #fff;
  padding: 12px 60px 12px 60px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
@media only screen and (max-width: 640px) {
  .fv .fv_content .fv_content_inner .fv_content_title .fv_title span {
    padding: 0;
    background: none;
    border-radius: none;
  }
}
.fv .fv_content .fv_content_inner .fv_content_title .fv_sub_title {
  font-weight: bold;
  font-size: 68px;
  color: #3A3A3A;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  .fv .fv_content .fv_content_inner .fv_content_title .fv_sub_title {
    font-size: 40px;
  }
}
.fv .fv_content .fv_content_inner .fv_content_title .fv_sub_title span {
  display: inline-block;
  background: #fff;
  padding: 12px 60px 12px 60px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
@media only screen and (max-width: 640px) {
  .fv .fv_content .fv_content_inner .fv_content_title .fv_sub_title span {
    padding: 0;
    background: none;
    border-radius: none;
  }
}
.fv .fv_content_seminar {
  position: absolute;
  top: 374px;
  right: 40px;
  min-width: 410px;
  z-index: 2;
  background: url("../images/top/bg_seminar.png") center center no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 35px 56px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 1400px) {
  .fv .fv_content_seminar {
    right: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .fv .fv_content_seminar {
    position: relative;
    top: inherit;
    right: inherit;
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
@media only screen and (max-width: 960px) {
  .fv .fv_content_seminar {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_content_seminar {
    padding: 20px 20px;
  }
}
.fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_text {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #3A3A3A;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_text {
    font-size: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_text {
    font-size: 20px;
  }
}
.fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_date {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #3A3A3A;
  line-height: 1.5;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_date {
    font-size: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_date {
    font-size: 20px;
  }
}
.fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link {
  display: block;
  max-width: 300px;
  width: 100%;
  height: 58px;
  line-height: 58px;
  background-color: #48EF90;
  font-size: 20px;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 0 auto;
  font-weight: bold;
  -moz-border-radius: 58px;
  -webkit-border-radius: 58px;
  border-radius: 58px;
}
@media only screen and (max-width: 960px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link {
    height: 48px;
    line-height: 48px;
  }
}

.top_title_block {
  text-align: center;
}
.top_title_block .top_title {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 50px;
  line-height: 1.5;
  color: #666;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .top_title_block .top_title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 350px) {
  .top_title_block .top_title {
    font-size: 26px;
  }
}
.top_title_block .top_title.color_white {
  color: #fff;
}
.top_title_block .top_title span {
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
}
.top_title_block .top_title_en {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .top_title_block .top_title_en {
    font-size: 14px;
  }
}
.top_title_block .top_title_en:before {
  content: "";
  display: block;
  width: 40px;
  height: 8px;
  background: url("../images/top/title_line.svg") center center no-repeat;
  background-size: contain;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 640px) {
  .top_title_block .top_title_en:before {
    width: 30px;
    height: 6px;
  }
}
.top_title_block .top_title_en.color_red {
  color: #FF4848;
}
.top_title_block .top_title_en.color_yellow {
  color: #FFDF41;
}
.top_title_block .top_title_en.color_blue {
  color: #40AAEB;
}
.top_title_block .top_title_en.color_green {
  color: #48EF90;
}
.top_title_block .top_title_en.color_white {
  color: #fff;
}

.top_about {
  position: relative;
  padding: 0 15px;
}
.top_about .top_title_block {
  margin: 0 0 60px;
}
.top_about .top_about_bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 15%;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .top_about .top_about_bg {
    top: 25%;
  }
}
.top_about .top_about_main_text {
  color: #3A3A3A;
  font-weight: bold;
  line-height: 2.5;
  font-size: 24px;
  margin: 0 0 80px;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_main_text {
    font-size: 18px;
    margin: 0 0 40px;
    line-height: 2;
  }
}
.top_about .top_about_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .top_about .top_about_list {
    display: block;
  }
}
.top_about .top_about_list .top_about_item {
  width: calc( 50% - 25px );
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_list .top_about_item {
    width: calc( 50% - 10px );
  }
}
@media only screen and (max-width: 768px) {
  .top_about .top_about_list .top_about_item {
    width: 100%;
  }
}
.top_about .top_about_list .top_about_item:last-of-type {
  margin: 60px 0 0;
}
@media only screen and (max-width: 768px) {
  .top_about .top_about_list .top_about_item:last-of-type {
    margin: 40px 0 0;
  }
}
.top_about .top_about_list .top_about_link {
  display: block;
  width: 100%;
}
.top_about .top_about_list .top_about_link:hover .top_about_pic_block .top_about_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.top_about .top_about_list .top_about_link:hover .top_about_more_btn {
  background: #fff;
  color: #3A3A3A;
}
.top_about .top_about_list .top_about_link:hover .top_about_more_btn img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -moz-animation: more_arrow 0.4s ease forwards;
  -webkit-animation: more_arrow 0.4s ease forwards;
  animation: more_arrow 0.4s ease forwards;
}
.top_about .top_about_list .top_about_pic_block {
  display: block;
  width: 100%;
  height: 480px;
  overflow: hidden;
  margin: 0 0 20px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_list .top_about_pic_block {
    height: 360px;
  }
}
@media only screen and (max-width: 768px) {
  .top_about .top_about_list .top_about_pic_block {
    height: 280px;
  }
}
.top_about .top_about_list .top_about_pic_block .top_about_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_about .top_about_list .top_about_title {
  font-size: 28px;
  color: #3A3A3A;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_list .top_about_title {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.top_about .top_about_list .top_about_title span {
  display: block;
  color: #FF4848;
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_list .top_about_title span {
    font-size: 16px;
  }
}
.top_about .top_about_list .top_about_text {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  color: #3A3A3A;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .top_about .top_about_list .top_about_text {
    font-size: 14px;
  }
}
.top_about .top_about_more_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  font-weight: 500;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_about .top_about_more_btn img {
  display: block;
  width: 10px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top_seperate_line {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  max-width: 1100px;
  height: 1px;
  background: #707070;
  margin: 80px auto 30px;
}
@media only screen and (max-width: 960px) {
  .top_seperate_line {
    max-width: calc( 100% - 30px );
    margin: 60px auto 30px;
  }
}

.top_interview {
  position: relative;
  margin: 0 0 180px;
}
@media only screen and (max-width: 640px) {
  .top_interview {
    margin: 0 0 80px;
  }
}
.top_interview:before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background: #EFF9FF;
  position: absolute;
  left: 50%;
  top: 53%;
  z-index: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 960px) {
  .top_interview:before {
    height: 150px;
    top: 58%;
  }
}
@media only screen and (max-width: 640px) {
  .top_interview:before {
    top: 56%;
  }
}
.top_interview .top_title_block {
  position: relative;
  margin: 0 0 40px;
}
.top_interview .top_interview_slider {
  position: relative;
  max-width: calc( 100% - 40px );
  margin: 0 auto;
}
.top_interview .top_interview_slider .slick-prev {
  display: block;
  width: 30px;
  height: 60.63px;
  background: url("../images/common/arrow-prev-blue.svg") center center no-repeat;
  background-size: contain;
  top: 37%;
  left: -12%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .top_interview .top_interview_slider .slick-prev {
    left: -10px;
  }
}
.top_interview .top_interview_slider .slick-next {
  display: block;
  width: 30px;
  height: 60.63px;
  background: url("../images/common/arrow-next-blue.svg") center center no-repeat;
  background-size: contain;
  top: 37%;
  right: -12%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .top_interview .top_interview_slider .slick-next {
    right: -10px;
  }
}
.top_interview .top_interview_item {
  padding: 0 30px;
  text-align: center;
}
@media only screen and (max-width: 1400px) {
  .top_interview .top_interview_item {
    padding: 0 15px;
  }
}
.top_interview .top_interview_link {
  display: inline-block;
}
.top_interview .top_interview_link:hover .top_interview_pic_block .top_interview_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.top_interview .top_interview_pic_block {
  display: block;
  margin: 0 auto 30px;
  overflow: hidden;
  width: 327px;
  min-width: 327px;
  height: 327px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 1400px) {
  .top_interview .top_interview_pic_block {
    width: 280px;
    min-width: 280px;
    height: 280px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
@media only screen and (max-width: 960px) {
  .top_interview .top_interview_pic_block {
    width: 200px;
    min-width: 200px;
    height: 200px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
.top_interview .top_interview_pic_block .top_interview_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_interview .top_interview_label {
  display: inline-block;
  min-width: 100px;
  padding: 1.5px 5px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  background: #3A3A3A;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 5px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
@media only screen and (max-width: 960px) {
  .top_interview .top_interview_label {
    font-size: 12px;
  }
}
.top_interview .top_interview_name {
  font-size: 28px;
  line-height: 1.2;
  color: #40AAEB;
  font-weight: 500;
  margin: 0 0 5px;
  font-family: 'Quicksand', 'Zen Kaku Gothic New', sans-serif;
}
@media only screen and (max-width: 960px) {
  .top_interview .top_interview_name {
    font-size: 24px;
  }
}
.top_interview .top_interview_time {
  font-size: 14px;
  font-weight: bold;
  color: #3A3A3A;
  line-height: 1.2;
}
@media only screen and (max-width: 960px) {
  .top_interview .top_interview_time {
    font-size: 12px;
  }
}

.top_story {
  overflow: hidden;
  position: relative;
  padding: 0 0 120px;
}
@media only screen and (max-width: 640px) {
  .top_story {
    padding: 0 0 80px;
  }
}
.top_story .top_title_block {
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .top_story .top_title_block {
    margin: 0 0 40px;
  }
}
.top_story .top_story_bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 99%;
  z-index: 0;
}
.top_story .top_story_list {
  position: relative;
}
.top_story .top_story_list .top_story_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 80px;
}
@media only screen and (max-width: 640px) {
  .top_story .top_story_list .top_story_item {
    margin: 0 0 40px;
    display: block;
  }
}
.top_story .top_story_list .top_story_item:last-of-type {
  margin: 0;
}
.top_story .top_story_list .top_story_item:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_pic {
  -moz-border-radius: 100px 0 0 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px 0 0 100px;
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_pic {
    -moz-border-radius: 80px 0 0 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px 0 0 80px;
  }
}
@media only screen and (max-width: 640px) {
  .top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_pic {
    margin: 0 0 20px 20px;
  }
}
.top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_main {
  padding: 0 60px 0 60px;
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_main {
    padding: 0 30px 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  .top_story .top_story_list .top_story_item:nth-of-type(even) .top_story_main {
    padding: 0 30px 0 30px;
  }
}
.top_story .top_story_list .top_story_pic {
  display: block;
  width: 50%;
  height: 400px;
  -moz-border-radius: 0 100px 100px 0;
  -webkit-border-radius: 0;
  border-radius: 0 100px 100px 0;
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_pic {
    height: 320px;
    -moz-border-radius: 0 80px 80px 0;
    -webkit-border-radius: 0;
    border-radius: 0 80px 80px 0;
  }
}
@media only screen and (max-width: 640px) {
  .top_story .top_story_list .top_story_pic {
    width: calc( 100% - 20px );
    margin: 0 0 20px;
  }
}
.top_story .top_story_list .top_story_main {
  padding: 0 60px 0 60px;
  width: 50%;
  max-width: 600px;
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_main {
    padding: 0 30px 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  .top_story .top_story_list .top_story_main {
    width: 100%;
    max-width: 100%;
  }
}
.top_story .top_story_list .top_story_num {
  font-size: 70px;
  color: #40AAEB;
  font-weight: 300;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_num {
    font-size: 60px;
  }
}
.top_story .top_story_list .top_story_title {
  font-size: 30px;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 20px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 45px;
  max-height: calc(45px*2);
}
@media only screen and (max-width: 960px) {
  .top_story .top_story_list .top_story_title {
    font-size: 20px;
    line-height: 30px;
    max-height: calc(30px*2);
  }
}

.top_culture {
  padding: 0 0 120px;
  margin: 100px 0 0;
}
@media only screen and (max-width: 640px) {
  .top_culture {
    padding: 0 0 80px;
    margin: 50px 0 0;
  }
}
.top_culture .top_culture_main_pic {
  display: block;
  width: 100%;
  height: 500px;
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_main_pic {
    height: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .top_culture .top_culture_main_pic {
    margin: 0 0 40px;
  }
}
.top_culture .top_title_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 640px) {
  .top_culture .top_title_block {
    margin: 0 0 40px;
  }
}
.top_culture .top_culture_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 1140px) {
  .top_culture .top_culture_list {
    max-width: calc( 100% - 30px );
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .top_culture .top_culture_list {
    display: block;
  }
}
.top_culture .top_culture_list .top_culture_item {
  width: calc( 50% - 25px );
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_list .top_culture_item {
    width: calc( 50% - 10px );
  }
}
@media only screen and (max-width: 768px) {
  .top_culture .top_culture_list .top_culture_item {
    width: 100%;
  }
}
.top_culture .top_culture_list .top_culture_item:last-of-type {
  margin: 60px 0 0;
}
@media only screen and (max-width: 768px) {
  .top_culture .top_culture_list .top_culture_item:last-of-type {
    margin: 40px 0 0;
  }
}
.top_culture .top_culture_list .top_culture_link {
  display: block;
  width: 100%;
}
.top_culture .top_culture_list .top_culture_link:hover .top_culture_pic_block .top_culture_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.top_culture .top_culture_list .top_culture_link:hover .top_culture_more_btn {
  background: #fff;
  color: #3A3A3A;
}
.top_culture .top_culture_list .top_culture_link:hover .top_culture_more_btn img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -moz-animation: more_arrow 0.4s ease forwards;
  -webkit-animation: more_arrow 0.4s ease forwards;
  animation: more_arrow 0.4s ease forwards;
}
.top_culture .top_culture_list .top_culture_pic_block {
  display: block;
  width: 100%;
  height: 480px;
  overflow: hidden;
  margin: 0 0 20px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_list .top_culture_pic_block {
    height: 360px;
  }
}
@media only screen and (max-width: 768px) {
  .top_culture .top_culture_list .top_culture_pic_block {
    height: 280px;
  }
}
.top_culture .top_culture_list .top_culture_pic_block .top_culture_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_culture .top_culture_list .top_culture_title {
  font-size: 28px;
  color: #3A3A3A;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_list .top_culture_title {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.top_culture .top_culture_list .top_culture_title span {
  display: block;
  color: #FFDF41;
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_list .top_culture_title span {
    font-size: 16px;
  }
}
.top_culture .top_culture_list .top_culture_text {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  color: #3A3A3A;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .top_culture .top_culture_list .top_culture_text {
    font-size: 14px;
  }
}
.top_culture .top_culture_more_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  font-weight: 500;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_culture .top_culture_more_btn img {
  display: block;
  width: 10px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top_system {
  position: relative;
  padding: 0 15px 80px;
}
@media only screen and (max-width: 640px) {
  .top_system {
    padding: 0 15px 40px;
  }
}
.top_system .top_title_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 640px) {
  .top_system .top_title_block {
    margin: 0 0 40px;
  }
}
.top_system .top_system_bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 150%;
  z-index: 0;
}
.top_system .top_system_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 -30px;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list {
    margin: 0 0 -20px;
  }
}
@media only screen and (max-width: 768px) {
  .top_system .top_system_list {
    display: block;
    margin: 0 0 -40px;
  }
}
.top_system .top_system_list .top_system_item {
  width: calc( ( 100% - 60px ) / 3 );
  margin: 0 30px 30px 0;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_item {
    width: calc( ( 100% - 40px ) / 3 );
    margin: 0 20px 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .top_system .top_system_list .top_system_item {
    width: 100%;
    margin: 0 0 40px;
  }
}
.top_system .top_system_list .top_system_item:nth-of-type(3n) {
  margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_item:nth-of-type(3n) {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .top_system .top_system_list .top_system_item:nth-of-type(3n) {
    margin: 0 0 40px;
  }
}
.top_system .top_system_list .top_system_link {
  display: block;
  width: 100%;
}
.top_system .top_system_list .top_system_link:hover .top_system_pic_block .top_system_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.top_system .top_system_list .top_system_link:hover .top_system_more_btn {
  background: #fff;
  color: #3A3A3A;
}
.top_system .top_system_list .top_system_link:hover .top_system_more_btn img {
  -webkit-filter: invert(1);
  filter: invert(1);
  -moz-animation: more_arrow 0.4s ease forwards;
  -webkit-animation: more_arrow 0.4s ease forwards;
  animation: more_arrow 0.4s ease forwards;
}
.top_system .top_system_list .top_system_pic_block {
  display: block;
  width: 100%;
  height: 380px;
  overflow: hidden;
  margin: 0 0 20px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_pic_block {
    height: 280px;
  }
}
.top_system .top_system_list .top_system_pic_block .top_system_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_system .top_system_list .top_system_title {
  font-size: 28px;
  color: #3A3A3A;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_title {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.top_system .top_system_list .top_system_title span {
  display: block;
  color: #FFDF41;
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_title span {
    font-size: 16px;
  }
}
.top_system .top_system_list .top_system_text {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  text-align: center;
  color: #3A3A3A;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .top_system .top_system_list .top_system_text {
    font-size: 14px;
  }
}
.top_system .top_system_more_btn {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: #3A3A3A;
  border: 1px #3A3A3A solid;
  font-weight: 500;
  font-size: 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_system .top_system_more_btn img {
  display: block;
  width: 10px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top_column {
  overflow: hidden;
  position: relative;
  padding: 0 15px 120px;
}
@media only screen and (max-width: 640px) {
  .top_column {
    padding: 0 15px 80px;
  }
}
.top_column .top_title_block {
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .top_column .top_title_block {
    margin: 0 0 40px;
  }
}
.top_column .top_column_bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 125%;
  z-index: 0;
}
.top_column .common_column_list {
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .top_column .common_column_list {
    margin: 0 0 40px;
  }
}

.top_recruit {
  padding: 120px 0;
  background: #FF7D7D;
}
@media only screen and (max-width: 960px) {
  .top_recruit {
    padding: 80px 0;
  }
}
.top_recruit .top_title_block {
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .top_recruit .top_title_block {
    margin: 0 0 40px;
  }
}
.top_recruit .top_recruit_slider {
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .top_recruit .top_recruit_slider {
    margin: 0 0 40px;
  }
}
.top_recruit .top_recruit_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}
.top_recruit .top_recruit_list .slick-slide {
  height: inherit !important;
}
.top_recruit .top_recruit_list .slick-slide > div {
  height: 100%;
}
.top_recruit .top_recruit_list .top_recruit_item {
  padding: 0 15px;
}
@media only screen and (max-width: 960px) {
  .top_recruit .top_recruit_list .top_recruit_item {
    padding: 0 10px;
  }
}
.top_recruit .top_recruit_list .top_recruit_link {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .top_recruit .top_recruit_list .top_recruit_link {
    padding: 15px;
  }
}
.top_recruit .top_recruit_list .top_recruit_link:hover .top_recruit_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.top_recruit .top_recruit_list .top_recruit_pic_block {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 79%;
  overflow: hidden;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 0 20px;
}
.top_recruit .top_recruit_list .top_recruit_pic_block .top_recruit_pic {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.top_recruit .top_recruit_list .top_recruit_title {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  padding: 0 40px 0 0;
  background: url("../images/common/arrow-right-black.svg") right 15px center no-repeat;
  background-size: 10px;
}
@media only screen and (max-width: 960px) {
  .top_recruit .top_recruit_list .top_recruit_title {
    font-size: 16px;
    padding: 0 30px 0 0;
    background-size: 8px;
    background-position: right 5px center;
  }
}
.top_recruit .top_recruit_list .top_recruit_sublist {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px #3A3A3A solid;
}
.top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_subitem {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 5px;
}
.top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_subitem:last-of-type {
  margin: 0;
}
.top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_subtitle {
  width: 120px;
  min-width: 120px;
  font-size: 16px;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_subtitle {
    width: 80px;
    min-width: 80px;
    font-size: 14px;
  }
}
.top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_text {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_text {
    font-size: 14px;
  }
}
.top_recruit .common_more_btn:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/*=================
     
    column.scss

=======================*/
.common_column_list .common_column_item {
  margin: 0 0 30px;
}
.common_column_list .common_column_item:last-of-type {
  margin: 0;
}
.common_column_list .common_column_link {
  display: block;
  width: 100%;
}
.common_column_list .common_column_link:hover .common_column_pic_block .common_column_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.common_column_list .common_column_box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  .common_column_list .common_column_box {
    display: block;
  }
}
.common_column_list .common_column_pic_block {
  display: block;
  width: 400px;
  height: 300px;
  overflow: hidden;
  margin: 0 40px 0 0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_pic_block {
    width: 300px;
    height: 220px;
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .common_column_list .common_column_pic_block {
    width: 100%;
    margin: 0 0 10px;
  }
}
.common_column_list .common_column_pic_block .common_column_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_column_list .common_column_main {
  width: calc( 100% - 430px );
  padding: 0 60px 0 0;
  background: url("../images/common/arrow-right-black.svg") right center no-repeat;
  background-size: 20px;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_main {
    width: calc( 100% - 320px );
    padding: 0 30px 0 0;
    background-size: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .common_column_list .common_column_main {
    background: none;
    width: 100%;
    padding: 0;
  }
}
.common_column_list .common_column_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 15px;
}
.common_column_list .common_column_date {
  font-size: 16px;
  line-height: 1.3;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_date {
    font-size: 14px;
    margin: 0 10px 0 0;
  }
}
.common_column_list .common_column_cat_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -15px;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_cat_list {
    margin: 0 0 -10px;
  }
}
.common_column_list .common_column_cat_list .common_column_cat_item {
  display: inline-block;
  color: #fff;
  background: #48EF90;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px;
  margin: 0 15px 15px 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_cat_list .common_column_cat_item {
    font-size: 12px;
    margin: 0 10px 10px 0;
  }
}
.common_column_list .common_column_title {
  font-size: 20px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_title {
    font-size: 16px;
  }
}
.common_column_list .common_column_text {
  font-size: 16px;
  line-height: 2;
  color: #3A3A3A;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_text {
    font-size: 12px;
  }
}
.common_column_list .common_column_tag_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 -10px;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_tag_list {
    margin: 10px 0 -10px;
  }
}
.common_column_list .common_column_tag_list .common_column_tag_item {
  font-size: 14px;
  color: #48EF90;
  line-height: 1.5;
  margin: 0 20px 10px 0;
}
@media only screen and (max-width: 960px) {
  .common_column_list .common_column_tag_list .common_column_tag_item {
    font-size: 11px;
    margin: 0 10px 10px 0;
  }
}

/* all */
.column_wrap {
  padding: 100px 0 0;
}
@media only screen and (max-width: 960px) {
  .column_wrap {
    padding: 80px 0 0;
  }
}

.column_main_block {
  padding: 80px 15px;
  background: url("../images/column/bg.png") center center no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .column_main_block {
    padding: 60px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .column_main_block {
    background: url("../images/column/bg_sp.png") center center no-repeat;
    background-size: 100%;
  }
}

.column_others_block {
  background: #FBFBFB;
  padding: 80px 15px;
}
@media only screen and (max-width: 960px) {
  .column_others_block {
    padding: 60px 15px;
  }
}
.column_others_block .common_title01 {
  margin: 0 0 40px;
}

/* detail */
.column-d_wrap {
  position: relative;
  padding: 100px 15px 80px;
  background: url("../images/column/detail/bg.png") center center no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap {
    padding: 80px 15px 60px;
  }
}
@media only screen and (max-width: 640px) {
  .column-d_wrap {
    background: url("../images/column/detail/bg_sp.png") center center no-repeat;
    background-size: 100%;
  }
}
.column-d_wrap:after {
  content: "";
  max-width: 1100px;
  width: calc( 100% - 30px );
  height: 1px;
  background: #707070;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.column-d_wrap .column-d_date {
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_date {
    font-size: 14px;
  }
}
.column-d_wrap .column-d_cat_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 10px;
}
.column-d_wrap .column-d_cat_list .column-d_cat_item {
  margin: 0 20px 10px 0;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_cat_list .column-d_cat_item {
    margin: 0 10px 10px 0;
  }
}
.column-d_wrap .column-d_cat_list .column-d_cat_link {
  display: inline-block;
  font-size: 14px;
  min-width: 120px;
  padding: 6px 5px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  background: #40AAEB;
  color: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_cat_list .column-d_cat_link {
    font-size: 12px;
  }
}
.column-d_wrap .column-d_tag_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_tag_list {
    margin: 0 0 10px;
  }
}
.column-d_wrap .column-d_tag_list .column-d_tag_item {
  margin: 0 20px 10px 0;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_tag_list .column-d_tag_item {
    margin: 0 10px 10px 0;
  }
}
.column-d_wrap .column-d_tag_list .column-d_tag_link {
  font-size: 14px;
  color: #40AAEB;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_tag_list .column-d_tag_link {
    font-size: 12px;
  }
}
.column-d_wrap .column-d_list .column-d_item {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_list .column-d_item {
    font-size: 14px;
  }
}
.column-d_wrap .column-d_list .column-d_item:last-of-type {
  margin: 0;
}
.column-d_wrap .column-d_list .column-d_item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background: #40AAEB;
  width: 8px;
  min-width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_list .column-d_item:before {
    top: 6px;
  }
}
.column-d_wrap .column-d_contents_block {
  padding: 40px;
  background: #EFF9FF;
  margin: 40px 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_contents_block {
    padding: 20px;
  }
}
.column-d_wrap .column-d_contents_block .common_text_xl {
  margin: 0 0 20px;
}

.column-d_main_pic {
  display: block;
  width: 100%;
  padding-top: 40%;
  margin: 0 0 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .column-d_main_pic {
    padding-top: 56.25%;
  }
}

/*=================

    about.scss

=======================*/
.about_text_block {
  background: #FFFAE4;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .about_text_block {
    padding: 20px 15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}

/* message */
.msg_wrap {
  position: relative;
  overflow: hidden;
  padding: 100px 15px 180px;
}
@media only screen and (max-width: 960px) {
  .msg_wrap {
    padding: 60px 15px 100px;
  }
}
.msg_wrap .msg_bg01 {
  display: block;
  position: absolute;
  z-index: 0;
  right: -17%;
  top: 19%;
  width: 1200px;
}
@media only screen and (max-width: 1400px) {
  .msg_wrap .msg_bg01 {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  .msg_wrap .msg_bg01 {
    width: 600px;
    right: -80%;
  }
}
.msg_wrap .msg_bg02 {
  display: block;
  position: absolute;
  z-index: 0;
  left: -9%;
  top: 20%;
  width: 400px;
}
@media only screen and (max-width: 1400px) {
  .msg_wrap .msg_bg02 {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .msg_wrap .msg_bg02 {
    top: 10%;
    opacity: .3;
  }
}
.msg_wrap .msg_bg03 {
  display: block;
  position: absolute;
  z-index: 0;
  left: -23%;
  bottom: -80px;
  width: 1200px;
}
@media only screen and (max-width: 1400px) {
  .msg_wrap .msg_bg03 {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  .msg_wrap .msg_bg03 {
    width: 600px;
    left: -70%;
    bottom: 0;
  }
}
.msg_wrap .msg_bg04 {
  display: block;
  position: absolute;
  z-index: 0;
  right: -5%;
  bottom: 1%;
  width: 400px;
}
@media only screen and (max-width: 1400px) {
  .msg_wrap .msg_bg04 {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .msg_wrap .msg_bg04 {
    bottom: 20%;
    opacity: .3;
  }
}
.msg_wrap .common_title01 {
  margin: 0 0 60px;
}
@media only screen and (max-width: 960px) {
  .msg_wrap .common_title01 {
    margin: 0 0 40px;
  }
}

.msg_common_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .msg_common_block {
    margin: 0 0 60px;
  }
}
.msg_common_block:last-of-type {
  margin: 0;
}

.msg_president_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .msg_president_block {
    display: block;
  }
}
.msg_president_block .msg_president_textarea {
  width: calc( 100% - 430px );
}
@media only screen and (max-width: 960px) {
  .msg_president_block .msg_president_textarea {
    width: 63%;
  }
}
@media only screen and (max-width: 640px) {
  .msg_president_block .msg_president_textarea {
    width: 100%;
  }
}
.msg_president_block .msg_president_pic {
  display: block;
  width: 400px;
}
@media only screen and (max-width: 960px) {
  .msg_president_block .msg_president_pic {
    width: 35%;
  }
}
@media only screen and (max-width: 640px) {
  .msg_president_block .msg_president_pic {
    width: 100%;
    max-width: 350px;
    margin: 30px auto 0;
  }
}
.msg_president_block .msg_president_pic .msg_president_img {
  display: block;
  width: 100%;
  padding-top: 130%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.msg_president_block .msg_president_pic .msg_president_pic_text {
  font-size: 14px;
  line-height: 2;
  color: #3A3A3A;
  text-align: right;
  margin: 20px 0 0;
  font-weight: bold;
}

.msg_mission_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media only screen and (max-width: 960px) {
  .msg_mission_block {
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (max-width: 640px) {
  .msg_mission_block {
    display: block;
  }
}
.msg_mission_block .msg_mission_textarea {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .msg_mission_block .msg_mission_textarea {
    width: 100%;
    margin: 0 0 30px;
  }
}
.msg_mission_block .msg_mission_list .msg_mission_item {
  margin: 0 0 40px;
}
.msg_mission_block .msg_mission_list .msg_mission_item:last-of-type {
  margin: 0;
}
.msg_mission_block .msg_mission_list .msg_mission_title {
  font-size: 24px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 20px;
}
.msg_mission_block .msg_mission_list .msg_mission_title span {
  display: block;
  font-size: 16px;
  color: #FF4848;
  font-weight: 500;
}
.msg_mission_block .msg_mission_pic {
  width: 50%;
  text-align: right;
  padding: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .msg_mission_block .msg_mission_pic {
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .msg_mission_block .msg_mission_pic {
    width: 100%;
    text-align: center;
  }
}
.msg_mission_block .msg_mission_pic img {
  display: inline-block;
  width: 90%;
}
@media only screen and (max-width: 640px) {
  .msg_mission_block .msg_mission_pic img {
    max-width: 300px;
  }
}

/* business */
.business_wrap {
  position: relative;
  overflow: hidden;
  padding: 100px 15px;
}
@media only screen and (max-width: 960px) {
  .business_wrap {
    padding: 60px 15px;
  }
}
.business_wrap .about_bg01 {
  display: block;
  position: absolute;
  z-index: 0;
  right: -17%;
  top: 13%;
  width: 1200px;
}
@media only screen and (max-width: 1400px) {
  .business_wrap .about_bg01 {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  .business_wrap .about_bg01 {
    width: 600px;
    right: -80%;
  }
}
.business_wrap .about_bg02 {
  display: block;
  position: absolute;
  z-index: 0;
  left: -9%;
  top: 18%;
  width: 400px;
}
@media only screen and (max-width: 1400px) {
  .business_wrap .about_bg02 {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .business_wrap .about_bg02 {
    top: 10%;
    opacity: .3;
  }
}
.business_wrap .about_bg03 {
  display: block;
  position: absolute;
  z-index: 0;
  left: -23%;
  top: 42%;
  width: 1200px;
}
@media only screen and (max-width: 1400px) {
  .business_wrap .about_bg03 {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  .business_wrap .about_bg03 {
    width: 600px;
    left: -70%;
  }
}
.business_wrap .about_bg04 {
  display: block;
  position: absolute;
  z-index: 0;
  right: -5%;
  top: 60%;
  width: 400px;
}
@media only screen and (max-width: 1400px) {
  .business_wrap .about_bg04 {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .business_wrap .about_bg04 {
    opacity: .3;
  }
}
.business_wrap .common_title01 {
  margin: 0 0 60px;
}
@media only screen and (max-width: 960px) {
  .business_wrap .common_title01 {
    margin: 0 0 40px;
  }
}

.business_common_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .business_common_block {
    margin: 0 0 60px;
  }
}
.business_common_block:last-of-type {
  margin: 0;
}

.business_feature_list .business_feature_item {
  margin: 0 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 640px) {
  .business_feature_list .business_feature_item {
    display: block;
  }
}
.business_feature_list .business_feature_item:last-of-type {
  margin: 0;
}
.business_feature_list .business_feature_item .business_feature_main {
  width: calc( 50% - 10px );
  padding: 20px 0 0;
}
@media only screen and (max-width: 640px) {
  .business_feature_list .business_feature_item .business_feature_main {
    width: 100%;
    padding: 0;
  }
}
.business_feature_list .business_feature_item .business_feature_main .common_text_l {
  margin: 0 0 10px;
}
.business_feature_list .business_feature_item .business_feature_pic {
  display: block;
  width: calc( 50% - 10px );
  padding-top: 30%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .business_feature_list .business_feature_item .business_feature_pic {
    width: 100%;
    margin: 0 0 20px;
    padding-top: 60%;
  }
}

.business_service_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .business_service_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 10px;
  }
}
.business_service_list .business_service_item {
  width: calc( ( 100% - 60px ) / 3 );
  margin: 0 30px 30px 0;
}
@media only screen and (max-width: 768px) {
  .business_service_list .business_service_item {
    width: calc( 50% - 10px );
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 500px) {
  .business_service_list .business_service_item {
    width: 100%;
  }
}
.business_service_list .business_service_item:nth-of-type(3n) {
  margin: 0 0 30px;
}
@media only screen and (max-width: 768px) {
  .business_service_list .business_service_item:nth-of-type(3n) {
    margin: 0 0 20px;
  }
}
.business_service_list .business_service_link {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 200px;
}
@media only screen and (max-width: 960px) {
  .business_service_list .business_service_link {
    height: 150px;
  }
}
.business_service_list .business_service_link:hover .business_service_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.business_service_list .business_service_link:hover .business_service_main img {
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.business_service_list .business_service_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.business_service_list .business_service_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  background: #8A8A8A;
  mix-blend-mode: multiply;
}
.business_service_list .business_service_main {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.business_service_list .business_service_main .business_service_text {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .business_service_list .business_service_main .business_service_text {
    font-size: 16px;
  }
}
.business_service_list .business_service_main img {
  display: block;
  width: 15px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 960px) {
  .business_service_list .business_service_main img {
    width: 12px;
  }
}

.business_works_pic {
  display: block;
  width: 100%;
  padding-top: 50%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 40px auto;
}
@media only screen and (max-width: 960px) {
  .business_works_pic {
    margin: 30px auto;
  }
}

/* service */
.service_wrap {
  position: relative;
  overflow: hidden;
  padding: 100px 15px;
  background: url("../images/service/bg.png") center top 500px no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .service_wrap {
    padding: 60px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .service_wrap {
    background: url("../images/service/bg_sp.png") center top 300px no-repeat;
    background-size: 100%;
  }
}

.service_common_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .service_common_block {
    margin: 0 0 60px;
  }
}

.service_menu_block {
  padding: 128px 0 0;
  margin: -128px 0 80px;
}
@media only screen and (max-width: 1400px) {
  .service_menu_block {
    padding: 80px 0 0;
    margin: -80px 0 80px;
  }
}
@media only screen and (max-width: 960px) {
  .service_menu_block {
    margin: -80px 0 60px;
  }
}

.service_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .service_block {
    display: block;
  }
}
.service_block .service_main {
  width: calc( 50% - 15px );
}
@media only screen and (max-width: 768px) {
  .service_block .service_main {
    width: 100%;
  }
}
.service_block .service_main_pic {
  width: calc( 50% - 25px );
  padding-top: 32%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .service_block .service_main_pic {
    width: 100%;
    margin: 0 0 20px;
    padding-top: 56.25%;
  }
}

.service_pic {
  display: block;
  width: 100%;
  padding-top: 36.5%;
}

/* works */
.works_wrap {
  position: relative;
  overflow: hidden;
  padding: 100px 0 0;
}
@media only screen and (max-width: 960px) {
  .works_wrap {
    padding: 60px 0 0;
  }
}

.works_about_block {
  padding: 0 15px;
}

.works_list .works_item {
  position: relative;
  margin: 0 0 100px;
  padding: 0 15px 70px;
}
@media only screen and (max-width: 640px) {
  .works_list .works_item {
    padding: 0 15px 50px;
    margin: 0 0 60px;
  }
}
.works_list .works_item:last-of-type {
  margin: 0;
}
.works_list .works_item:before {
  content: "";
  display: block;
  width: 100%;
  height: calc( 100% - 80px );
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 640px) {
  .works_list .works_item:before {
    height: calc( 100% - 120px );
  }
}
.works_list .works_item:nth-of-type(odd):before {
  background: #EFF9FF;
}
.works_list .works_item:nth-of-type(odd) .works_flow_list .works_flow_item {
  border-bottom: 1px #40AAEB solid;
}
.works_list .works_item:nth-of-type(odd) .works_flow_list .works_flow_item:after {
  background-image: url("../images/common/arrow-right-blue.svg");
}
.works_list .works_item:nth-of-type(odd) .works_flow_block {
  border: 4px #40AAEB solid;
}
.works_list .works_item:nth-of-type(odd) .works_flow_title span {
  background: #40AAEB;
}
.works_list .works_item:nth-of-type(even):before {
  background: #FFF3F3;
}
.works_list .works_item:nth-of-type(even) .works_flow_list .works_flow_item {
  border-bottom: 1px #FF4848 solid;
}
.works_list .works_item:nth-of-type(even) .works_flow_list .works_flow_item:after {
  background-image: url("../images/common/arrow-right-red-b.svg");
}
.works_list .works_item:nth-of-type(even) .works_flow_block {
  border: 4px #FF4848 solid;
}
.works_list .works_item:nth-of-type(even) .works_flow_title span {
  background: #FF4848;
}
.works_list .works_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .works_list .works_block {
    display: block;
  }
}
.works_list .works_block .works_main {
  width: calc( 50% - 20px );
}
@media only screen and (max-width: 640px) {
  .works_list .works_block .works_main {
    width: 100%;
  }
}
.works_list .works_block .works_main .common_title01 {
  margin: 0 0 40px;
}
.works_list .works_block .works_main .common_text_m {
  margin: 0 0 40px;
}
.works_list .works_block .works_main .common_more_btn {
  font-weight: 500;
  max-width: 250px;
}
.works_list .works_block .works_pic {
  width: calc( 50% - 20px );
  padding-top: 39.8%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .works_list .works_block .works_pic {
    width: 100%;
    margin: 0 auto 20px;
    padding-top: 56.25%;
  }
}
.works_list .works_flow_block {
  margin: 40px 0 0;
  background: #fff;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .works_list .works_flow_block {
    padding: 20px;
  }
}
.works_list .works_flow_block .common_text_l {
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .works_list .works_flow_block .common_text_l {
    margin: 0 0 10px;
  }
}
.works_list .works_flow_block .works_flow_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -30px;
}
@media only screen and (max-width: 768px) {
  .works_list .works_flow_block .works_flow_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 640px) {
  .works_list .works_flow_block .works_flow_list {
    display: block;
    margin: 0 0 -20px;
  }
}
.works_list .works_flow_block .works_flow_list .works_flow_item {
  position: relative;
  width: calc( ( 100% - 90px ) / 3 );
  margin: 0 45px 30px 0;
  padding: 0 0 10px;
}
@media only screen and (max-width: 768px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item {
    width: calc( 50% - 22px );
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item {
    width: 100%;
    margin: 0 0 20px;
  }
}
.works_list .works_flow_block .works_flow_list .works_flow_item:after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: -26px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item:after {
    content: none;
  }
}
.works_list .works_flow_block .works_flow_list .works_flow_item:nth-of-type(3n) {
  margin: 0 0 30px;
}
.works_list .works_flow_block .works_flow_list .works_flow_item:nth-of-type(3n):after {
  content: none;
}
@media only screen and (max-width: 768px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item:nth-of-type(3n):after {
    content: "";
  }
}
@media only screen and (max-width: 640px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item:nth-of-type(3n):after {
    content: none;
  }
}
@media only screen and (max-width: 768px) {
  .works_list .works_flow_block .works_flow_list .works_flow_item:nth-of-type(even):after {
    content: none;
  }
}
.works_list .works_flow_block .works_flow_title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-weight: bold;
  color: #3A3A3A;
  line-height: 1.5;
  margin: 0 0 10px;
}
.works_list .works_flow_block .works_flow_title span {
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  width: 70px;
  min-width: 70px;
  margin: 2px 5px 0 0;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
.works_list .works_flow_block .works_flow_text {
  font-size: 14px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
}

/*=================

    interview.scss

=======================*/
.interview_wrap {
  padding: 80px 15px;
}
@media only screen and (max-width: 960px) {
  .interview_wrap {
    padding: 60px 15px;
  }
}

.interview_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .interview_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.interview_list .interview_item {
  width: calc( ( 100% - 80px ) / 3 );
  margin: 0 40px 40px 0;
  /*
  		&:last-of-type{
  			@media only screen and (max-width:500px){
  				margin: 0;
  			}
  		}
  */
}
@media only screen and (max-width: 768px) {
  .interview_list .interview_item {
    width: calc( 50% - 10px );
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 500px) {
  .interview_list .interview_item {
    width: 100%;
  }
}
.interview_list .interview_item:nth-of-type(3n) {
  margin: 0 0 40px;
}
.interview_list .interview_link {
  display: block;
  width: 100%;
}
.interview_list .interview_link:hover .interview_pic_block .interview_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (max-width: 500px) {
  .interview_list .interview_link:hover .interview_pic_block .interview_pic {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
  }
}
.interview_list .interview_link:hover .interview_pic_block .intetview_arrow {
  background: url("../images/interview/arrow-blue.svg") center center no-repeat #fff;
  background-size: 24px;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_link:hover .interview_pic_block .intetview_arrow {
    background-size: 16px;
  }
}
.interview_list .interview_pic_block {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0 0 20px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 500px) {
  .interview_list .interview_pic_block {
    height: auto;
    padding-top: 150%;
  }
}
.interview_list .interview_pic_block .interview_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 500px) {
  .interview_list .interview_pic_block .interview_pic {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
.interview_list .interview_pic_block .intetview_arrow {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  display: block;
  background: url("../images/interview/arrow-white.svg") center center no-repeat #40AAEB;
  background-size: 24px;
  border: 1px #40AAEB solid;
  width: 80px;
  min-width: 80px;
  height: 80px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_pic_block .intetview_arrow {
    width: 50px;
    min-width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: 16px;
  }
}
.interview_list .interview_name {
  font-size: 28px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_name {
    font-size: 24px;
  }
}
.interview_list .interview_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_info {
    font-size: 14px;
  }
}
.interview_list .interview_info span {
  display: block;
  /*width: 120px;*/
  min-width: 120px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #40AAEB;
  margin: 0 10px 0 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_info span {
    font-size: 12px;
    line-height: 24px;
    width: 100px;
    min-width: 100px;
  }
}
.interview_list .interview_text {
  font-size: 14px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .interview_list .interview_text {
    font-size: 12px;
  }
}

/* detail */
.interview-d_wrap01 {
  background: url("../images/common/bg_pink.png") center center no-repeat;
  background-size: 100%;
  margin: 0 0 100px;
}
@media only screen and (max-width: 960px) {
  .interview-d_wrap01 {
    margin: 0 0 80px;
  }
}
@media only screen and (max-width: 640px) {
  .interview-d_wrap01 {
    background: url("../images/common/bg_pink_sp.png") center center no-repeat;
    background-size: 100%;
  }
}
.interview-d_wrap01 .interview-d_fv_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 0 0 60px;
}
@media only screen and (max-width: 640px) {
  .interview-d_wrap01 .interview-d_fv_block {
    display: block;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_pic {
  width: 50%;
  height: 500px;
  -moz-border-radius: 120px 0 0 120px;
  -webkit-border-radius: 120px;
  border-radius: 120px 0 0 120px;
}
@media only screen and (max-width: 640px) {
  .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_pic {
    width: calc( 100% - 30px );
    height: 200px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin: 0 auto 30px;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_main {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0 40px 0 0;
}
@media only screen and (max-width: 640px) {
  .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_main {
    width: 100%;
    padding: 0 15px;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_box {
  width: 365px;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 640px) {
  .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_box {
    max-width: 365px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_name {
  font-size: 32px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_name {
    font-size: 28px;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_name span {
  display: block;
  color: #40AAEB;
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_name span {
    font-size: 14px;
  }
}
.interview-d_wrap01 .interview-d_fv_block .interview-d_fv_title {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 30px;
}
@media only screen and (max-width: 1130px) {
  .interview-d_wrap01 .interview-d_block {
    width: calc( 100% - 30px );
    margin: 0 auto;
  }
}

.interview-d_block .interview-d_title {
  font-size: 28px;
  line-height: 1.6;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .interview-d_block .interview-d_title {
    font-size: 24px;
  }
}
.interview-d_block .interview-d_title span {
  display: block;
  width: 80px;
  height: 8px;
  margin: 15px 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.interview-d_block .interview-d_title span.color_red {
  background: #FF4848;
}
.interview-d_block .interview-d_title span.color_blue {
  background: #40AAEB;
}
.interview-d_block .interview-d_pic {
  display: block;
  width: 100%;
  padding-top: 50%;
  margin: 40px 0 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.interview-d_block .interview-d_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .interview-d_block .interview-d_flex {
    display: block;
  }
}
.interview-d_block .interview-d_flex .common_text_m {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .interview-d_block .interview-d_flex .common_text_m {
    width: 100%;
  }
}
.interview-d_block .interview-d_flex .interview-d_pic {
  width: calc(50% - 40px);
  margin: 0;
}
@media only screen and (max-width: 640px) {
  .interview-d_block .interview-d_flex .interview-d_pic {
    margin: 40px auto 0;
    width: 100%;
    height: 200px;
  }
}

.interview-d_wrap02 {
  margin: 0 0 100px;
  padding: 0 15px 60px;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .interview-d_wrap02 {
    margin: 0 0 80px;
  }
}
.interview-d_wrap02:before {
  content: "";
  display: block;
  width: 100%;
  height: 65%;
  background: #EFF9FF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.interview-d_wrap03 {
  padding: 0 15px 100px;
}
@media only screen and (max-width: 960px) {
  .interview-d_wrap03 {
    padding: 0 15px 80px;
  }
}

/*=================

    project.scss

=======================*/
.project_wrap {
  padding: 0 15px 80px;
}

.project_list .project_item {
  margin: 0 0 40px;
}
.project_list .project_item:last-of-type {
  margin: 0;
}
.project_list .project_link {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .project_list .project_link {
    height: 320px;
  }
}
@media only screen and (max-width: 640px) {
  .project_list .project_link {
    height: 280px;
  }
}
.project_list .project_link:hover .project_pic {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.project_list .project_pic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.project_list .project_pic:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.project_list .project_main {
  display: block;
  width: calc( 100% - 80px );
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .project_list .project_main {
    width: calc( 100% - 40px );
  }
}
.project_list .project_main .project_num {
  font-size: 70px;
  color: #fff;
  font-weight: 300;
  margin: 0 0 10px;
}
@media only screen and (max-width: 768px) {
  .project_list .project_main .project_num {
    font-size: 60px;
  }
}
.project_list .project_main .proejct_title {
  font-size: 28px;
  color: #3A3A3A;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .project_list .project_main .proejct_title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .project_list .project_main .proejct_title {
    font-size: 16px;
  }
}
.project_list .project_main .proejct_title span {
  display: inline-block;
  background: #fff;
  line-height: 1.5;
  padding: 0 20px;
  margin: 0 0 10px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 42px;
  max-height: calc(42px*2);
}
@media only screen and (max-width: 768px) {
  .project_list .project_main .proejct_title span {
    font-size: 20px;
    line-height: 30px;
    max-height: calc(30px*2);
  }
}
@media only screen and (max-width: 640px) {
  .project_list .project_main .proejct_title span {
    padding: 0 10px;
    line-height: 24px;
    max-height: calc(24px*2);
  }
}
.project_list .project_main .proejct_title span:last-of-type {
  margin: 0;
}

/* detail */
.project-d_wrap {
  padding: 100px 15px;
  background: url("../images/project/bg.png") center center no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .project-d_wrap {
    padding: 80px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .project-d_wrap {
    background: url("../images/project/bg_sp.png") center center no-repeat;
    background-size: contain;
  }
}

.project-d_fv_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 640px) {
  .project-d_fv_block {
    margin: 0 0 60px;
  }
}
.project-d_fv_block .project-d_fv_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .project-d_fv_block .project-d_fv_flex {
    display: block;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_main {
  width: 50%;
  padding: 0 30px 0 0;
}
@media only screen and (max-width: 768px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_main {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_pic {
  width: 50%;
  padding-top: 45%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_pic {
    width: 100%;
    padding-top: 50%;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_title {
  font-size: 32px;
  line-height: 2;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 640px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_title {
    font-size: 24px;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_title span {
  display: block;
  width: 150px;
  letter-spacing: 2px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin: 0 0 15px;
  color: #fff;
  background: #40AAEB;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_title span {
    font-size: 12px;
    width: 120px;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name_item {
  margin: 0 0 20px;
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name_item:last-of-type {
  margin: 0;
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 28px;
  color: #3A3A3A;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name {
    font-size: 20px;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name span {
  font-size: 16px;
  color: #707070;
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name span {
    font-size: 12px;
  }
}
.project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_job {
  font-size: 20px;
  color: #3A3A3A;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_job {
    font-size: 16px;
  }
}
.project-d_fv_block .project-d_outline {
  background: #FBFBFB;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_outline {
    padding: 20px;
  }
}
.project-d_fv_block .project-d_outline .project-d_outline_title {
  font-size: 20px;
  line-height: 1.5;
  color: #40AAEB;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .project-d_fv_block .project-d_outline .project-d_outline_title {
    font-size: 16px;
  }
}

.project-d_common_block {
  margin: 0 0 80px;
}
@media only screen and (max-width: 640px) {
  .project-d_common_block {
    margin: 0 0 60px;
  }
}
.project-d_common_block:nth-of-type(odd) .project-d_common_title:after {
  background: #FF4848;
}
.project-d_common_block:nth-of-type(odd) .project-d_common_subtitle:before {
  background: #FF4848;
}
.project-d_common_block:nth-of-type(even) .project-d_common_title:after {
  background: #40AAEB;
}
.project-d_common_block:nth-of-type(even) .project-d_common_subtitle:before {
  background: #40AAEB;
}
.project-d_common_block:last-of-type {
  margin: 0;
}
.project-d_common_block .project-d_common_title {
  font-size: 28px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_common_title {
    font-size: 20px;
    margin: 0 0 30px;
  }
}
.project-d_common_block .project-d_common_title:after {
  content: "";
  display: block;
  width: 80px;
  height: 8px;
  margin: 10px 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_common_title:after {
    width: 60px;
    height: 6px;
  }
}
.project-d_common_block .project-d_common_subtitle {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_common_subtitle {
    font-size: 14px;
  }
}
.project-d_common_block .project-d_common_subtitle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_common_subtitle:before {
    top: 6px;
  }
}
.project-d_common_block .project-d_list .project-d_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 20px;
}
.project-d_common_block .project-d_list .project-d_item:last-of-type {
  margin: 0;
}
.project-d_common_block .project-d_list .project-d_name {
  display: block;
  width: 80px;
  min-width: 80px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_list .project-d_name {
    font-size: 14px;
  }
}
.project-d_common_block .project-d_list .project-d_text {
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .project-d_common_block .project-d_list .project-d_text {
    font-size: 14px;
  }
}
.project-d_common_block .project-d_pic {
  display: block;
  width: 100%;
  padding-top: 50%;
  margin: 40px auto 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

/*=================
     
    culture.scss

=======================*/
/* office */
.office_wrap {
  padding: 40px 15px 80px;
  background: url("../images/culture/bg.png") center top no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .office_wrap {
    padding: 40px 15px 60px;
  }
}
@media only screen and (max-width: 640px) {
  .office_wrap {
    background: url("../images/culture/bg_sp.png") center top no-repeat;
    background-size: 100%;
  }
}

.office_list .office_item {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .office_list .office_item {
    margin: 0 0 60px;
  }
}
.office_list .office_item:last-of-type {
  margin: 0;
}
.office_list .common_title01 {
  margin: 0 0 40px;
}
.office_list .common_text_m {
  max-width: 700px;
  width: 100%;
  margin: 0 0 40px;
}
.office_list .office_pic_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -20px;
}
@media only screen and (max-width: 768px) {
  .office_list .office_pic_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.office_list .office_pic_list .office_pic_item {
  width: calc( ( 100% - 40px ) / 3 );
  margin: 0 20px 20px 0;
}
@media only screen and (max-width: 768px) {
  .office_list .office_pic_list .office_pic_item {
    width: calc( 50% - 10px );
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .office_list .office_pic_list .office_pic_item {
    width: 100%;
  }
}
.office_list .office_pic_list .office_pic_item:nth-of-type(3n) {
  margin: 0 0 20px;
}
.office_list .office_pic_list .office_pic {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

/* value */
.value_about_wrap {
  padding: 100px 0 0;
  background: url("../images/common/bg_blue.png") center top 40px no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .value_about_wrap {
    padding: 80px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .value_about_wrap {
    background: url("../images/common/bg_blue_sp.png") center top 40px no-repeat;
    background-size: 100%;
  }
}
.value_about_wrap .value_about_block {
  padding: 0 15px 80px;
}
@media only screen and (max-width: 960px) {
  .value_about_wrap .value_about_block {
    padding: 0 15px 60px;
  }
}
.value_about_wrap .value_about_block .common_title01 {
  margin: 0 0 40px;
}
.value_about_wrap .value_about_block .common_text_xl {
  margin: 0 0 40px;
}
.value_about_wrap .value_about_pic {
  display: block;
  height: 500px;
}
@media only screen and (max-width: 960px) {
  .value_about_wrap .value_about_pic {
    height: 320px;
  }
}
@media only screen and (max-width: 640px) {
  .value_about_wrap .value_about_pic {
    height: 220px;
  }
}

.value_wrap {
  background: url("../images/common/bg_pink.png") center top 120px no-repeat;
  background-size: 100%;
  padding: 80px 15px;
}
@media only screen and (max-width: 960px) {
  .value_wrap {
    padding: 60px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .value_wrap {
    background: url("../images/common/bg_pink_sp.png") center top 120px no-repeat;
    background-size: 100%;
  }
}
.value_wrap .value_list .value_item {
  margin: 0 0 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .value_wrap .value_list .value_item {
    margin: 0 0 60px;
  }
}
@media only screen and (max-width: 768px) {
  .value_wrap .value_list .value_item {
    display: block;
  }
}
.value_wrap .value_list .value_item:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.value_wrap .value_list .value_item:last-of-type {
  margin: 0;
}
.value_wrap .value_list .value_main {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .value_wrap .value_list .value_main {
    width: 100%;
  }
}
.value_wrap .value_list .value_main .common_title01 {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .value_wrap .value_list .value_main .common_title01 {
    margin: 0 0 30px;
  }
}
.value_wrap .value_list .value_main .common_text_l {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .value_wrap .value_list .value_main .common_text_l {
    margin: 0 0 20px;
  }
}
.value_wrap .value_list .value_pic {
  display: block;
  width: calc( 50% - 40px );
  padding-top: 35%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .value_wrap .value_list .value_pic {
    padding-top: 56.25%;
    width: 100%;
    margin: 30px auto 0;
  }
}

/* data */
.data_wrap {
  padding: 100px 15px;
  background: url("../images/common/bg_blue.png") center top 60px no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .data_wrap {
    padding: 80px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .data_wrap {
    background: url("../images/common/bg_blue_sp.png") center top 60px no-repeat;
    background-size: 100%;
  }
}
.data_wrap .data_textarea {
  margin: 0 0 100px;
}
@media only screen and (max-width: 960px) {
  .data_wrap .data_textarea {
    margin: 0 0 80px;
  }
}
.data_wrap .data_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -40px;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list {
    margin: 0 0 -30px;
  }
}
@media only screen and (max-width: 960px) {
  .data_wrap .data_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 640px) {
  .data_wrap .data_list {
    display: block;
  }
}
.data_wrap .data_list .data_item {
  width: calc( ( 100% - 80px ) / 3 );
  margin: 0 40px 40px 0;
  padding: 30px;
  border: 4px #40AAEB solid;
  background: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_item {
    width: calc( ( 100% - 60px ) / 3 );
    margin: 0 30px 30px 0;
    padding: 20px;
  }
}
@media only screen and (max-width: 960px) {
  .data_wrap .data_list .data_item {
    width: calc( 50% - 15px );
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  .data_wrap .data_list .data_item {
    width: 100%;
  }
}
.data_wrap .data_list .data_item:nth-of-type(3n) {
  margin: 0 0 40px;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_item:nth-of-type(3n) {
    margin: 0 0 30px;
  }
}
.data_wrap .data_list .data_title {
  position: relative;
  font-size: 20px;
  padding: 0 0 0 15px;
  color: #3A3A3A;
  font-weight: bold;
}
.data_wrap .data_list .data_title:before {
  content: "";
  display: block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
  background: #40AAEB;
}
.data_wrap .data_list .data_main {
  height: 160px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.data_wrap .data_list .data_sublist {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.data_wrap .data_list .data_sublist .data_subitem {
  width: 50%;
  text-align: center;
}
.data_wrap .data_list .data_sublist .data_subtitle {
  font-size: 14px;
  text-align: center;
  color: #3A3A3A;
  font-weight: bold;
}
.data_wrap .data_list .data_text01 {
  display: inline-block;
  margin: 0 auto;
  white-space: nowrap;
  text-align: center;
  font-size: 40px;
  color: #3A3A3A;
  font-weight: bold;
  transform-origin: left;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_text01 {
    font-size: 36px;
  }
}
.data_wrap .data_list .data_text01 span {
  font-size: 160px;
  color: #40AAEB;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_text01 span {
    font-size: 140px;
  }
}
.data_wrap .data_list .data_text02 {
  display: inline-block;
  margin: 0 auto;
  font-size: 40px;
  font-weight: bold;
  white-space: nowrap;
  transform-origin: left;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_text02 {
    font-size: 32px;
  }
}
.data_wrap .data_list .data_text02 span {
  font-size: 70px;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_text02 span {
    font-size: 60px;
  }
}
.data_wrap .data_list .data_text02 .color_blue {
  color: #40AAEB;
}
.data_wrap .data_list .data_text02 .color_red {
  color: #FF4848;
}
.data_wrap .data_list .data_text03 {
  display: inline-block;
  margin: 0 auto;
  white-space: nowrap;
  text-align: center;
  font-size: 28px;
  color: #3A3A3A;
  font-weight: bold;
  transform-origin: left;
}
@media only screen and (max-width: 1200px) {
  .data_wrap .data_list .data_text03 {
    font-size: 24px;
  }
}
.data_wrap .data_list .data_text03 span {
  font-size: 100px;
  color: #40AAEB;
}
.data_wrap .data_list .data_icon {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .data_wrap .data_list .data_icon {
    max-width: 350px;
    margin: 0 auto;
  }
}

/*=================
     
    system.scss

=======================*/
.system_fv_wrap {
  padding: 0 0 100px;
  background: url("../images/common/bg_blue.png") center bottom no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .system_fv_wrap {
    padding: 0 0 80px;
  }
}
@media only screen and (max-width: 640px) {
  .system_fv_wrap {
    background: url("../images/common/bg_blue_sp.png") center bottom no-repeat;
    background-size: 100%;
  }
}
.system_fv_wrap .sytem_fv_main {
  padding: 100px 15px;
}
@media only screen and (max-width: 960px) {
  .system_fv_wrap .sytem_fv_main {
    padding: 80px 15px;
  }
}
.system_fv_wrap .system_fv_pic {
  display: block;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 960px) {
  .system_fv_wrap .system_fv_pic {
    height: 320px;
  }
}
@media only screen and (max-width: 640px) {
  .system_fv_wrap .system_fv_pic {
    height: 220px;
  }
}

.system_wrap {
  padding: 0 15px 100px;
  background: url("../images/common/bg_pink.png") center top 10% no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .system_wrap {
    padding: 0 15px 80px;
  }
}
@media only screen and (max-width: 640px) {
  .system_wrap {
    background: url("../images/common/bg_pink_sp.png") center top 10% no-repeat;
    background-size: 100%;
  }
}
.system_wrap .system_block {
  margin: 0 0 80px;
}
.system_wrap .system_block:last-of-type {
  margin: 0;
}
.system_wrap .system_list .system_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .system_wrap .system_list .system_item {
    display: block;
  }
}
.system_wrap .system_list .system_item:last-of-type {
  margin: 0;
}
.system_wrap .system_list .system_item:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.system_wrap .system_list .system_main {
  width: calc( 50% - 5px );
}
@media only screen and (max-width: 768px) {
  .system_wrap .system_list .system_main {
    width: 100%;
    margin: 0 auto 20px;
  }
}
.system_wrap .system_list .system_main .common_title01 {
  margin: 0 0 30px;
}
.system_wrap .system_list .system_pic {
  display: block;
  width: calc( 50% - 35px );
  padding-top: 30%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .system_wrap .system_list .system_pic {
    width: 100%;
    padding-top: 56.25%;
  }
}
.system_wrap .system_sub_pic {
  display: block;
  width: 100%;
  padding-top: 31.43%;
  margin: 20px auto 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

/*=================

    recruit.scss

=======================*/
.recruit_search_wrap {
  padding: 40px 15px;
}
.recruit_search_wrap .recruit_search_block {
  background: #FBFBFB;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .recruit_search_wrap .recruit_search_block {
    padding: 20px 15px;
  }
}
.recruit_search_wrap .recruit_search_list {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.recruit_search_wrap .recruit_search_list .recruit_search_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px #D2D2D2 solid;
}
@media only screen and (max-width: 640px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_item {
    display: block;
  }
}
.recruit_search_wrap .recruit_search_list .recruit_search_item:last-of-type {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.recruit_search_wrap .recruit_search_list .recruit_search_title {
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  width: 150px;
  min-width: 150px;
}
@media only screen and (max-width: 960px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_title {
    font-size: 14px;
    margin: 4.5px 0;
  }
}
@media only screen and (max-width: 640px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_title {
    width: 100%;
    min-width: inherit;
    margin: 0 0 10px;
  }
}
.recruit_search_wrap .recruit_search_list .recruit_search_sublist {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -10px;
}
@media only screen and (max-width: 640px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_sublist {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.recruit_search_wrap .recruit_search_list .recruit_search_sublist .recruit_search_subitem {
  width: 25%;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_sublist .recruit_search_subitem {
    width: calc( 100% / 3 );
  }
}
@media only screen and (max-width: 640px) {
  .recruit_search_wrap .recruit_search_list .recruit_search_sublist .recruit_search_subitem {
    width: calc(50% - 5px );
  }
}
.recruit_search_wrap .recruit_search_list .recruit_search_label input {
  display: none;
}
.recruit_search_wrap .recruit_search_list .recruit_search_label span {
  display: inline-block;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #3A3A3A;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
}
.recruit_search_wrap .recruit_search_list .recruit_search_label span::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #707070;
}
.recruit_search_wrap .recruit_search_list .recruit_search_label input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 11px;
  border-bottom: 3px solid #40AAEB;
  border-right: 3px solid #40AAEB;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.recruit_wrap {
  padding: 80px 15px;
  background: #FF7D7D;
}
@media only screen and (max-width: 960px) {
  .recruit_wrap {
    padding: 60px 15px;
  }
}
.recruit_wrap .recruit_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .recruit_wrap .recruit_list {
    display: block;
    margin: 0 0 40px;
  }
}
.recruit_wrap .recruit_list .recruit_item {
  width: calc( 50% - 10px );
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .recruit_wrap .recruit_list .recruit_item {
    width: 100%;
  }
}
.recruit_wrap .recruit_link {
  display: -webkit-flex;
  display: flex;
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 500px) {
  .recruit_wrap .recruit_link {
    display: block;
  }
}
.recruit_wrap .recruit_link:hover .recruit_pic_block .recruit_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.recruit_wrap .recruit_link .recruit_pic_block {
  position: relative;
  overflow: hidden;
  width: 36%;
  height: 100%;
  min-height: 260px;
}
@media only screen and (max-width: 500px) {
  .recruit_wrap .recruit_link .recruit_pic_block {
    width: 100%;
    padding-top: 120%;
    min-height: inherit;
  }
}
.recruit_wrap .recruit_link .recruit_pic_block .recruit_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.recruit_wrap .recruit_link .recruit_main {
  width: 64%;
  padding: 20px;
}
@media only screen and (max-width: 500px) {
  .recruit_wrap .recruit_link .recruit_main {
    width: 100%;
  }
}
.recruit_wrap .recruit_link .recruit_title {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  padding: 0 40px 0 0;
  background: url("../images/common/arrow-right-black.svg") right 15px center no-repeat;
  background-size: 10px;
}
@media only screen and (max-width: 960px) {
  .recruit_wrap .recruit_link .recruit_title {
    font-size: 16px;
    padding: 0 30px 0 0;
    background-size: 8px;
    background-position: right 5px center;
  }
}
.recruit_wrap .recruit_link .recruit_sublist {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px #3A3A3A solid;
}
.recruit_wrap .recruit_link .recruit_sublist .recruit_subitem {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 5px;
}
.recruit_wrap .recruit_link .recruit_sublist .recruit_subitem:last-of-type {
  margin: 0;
}
.recruit_wrap .recruit_link .recruit_sublist .recruit_subtitle {
  width: 80px;
  min-width: 80px;
  font-size: 14px;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 640px) {
  .recruit_wrap .recruit_link .recruit_sublist .recruit_subtitle {
    font-size: 12px;
    width: 60px;
    min-width: 60px;
  }
}
.recruit_wrap .recruit_link .recruit_sublist .recruit_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  line-height: 2;
  font-weight: bold;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .recruit_wrap .recruit_link .recruit_sublist .recruit_text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .recruit_wrap .recruit_link .recruit_sublist .recruit_text {
    font-size: 12px;
  }
}

/* detail */
.recruit-d_wrap {
  padding: 80px 15px;
}
@media only screen and (max-width: 960px) {
  .recruit-d_wrap {
    padding: 60px 15px;
  }
}

.recruit-d_fv_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 30px;
}
@media only screen and (max-width: 640px) {
  .recruit-d_fv_block {
    display: block;
  }
}
.recruit-d_fv_block .recruit-d_fv_main {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .recruit-d_fv_block .recruit-d_fv_main {
    width: 100%;
  }
}
.recruit-d_fv_block .recruit-d_fv_main .common_title01 {
  margin: 0 0 40px;
}
.recruit-d_fv_block .recruit-d_fv_pic {
  width: calc( 50% - 40px );
  padding-top: 32%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  .recruit-d_fv_block .recruit-d_fv_pic {
    padding-top: 64%;
    width: 100%;
    margin: 40px auto 0;
  }
}

.recruit-d_table_block .recruit-d_table {
  width: 100%;
  font-size: 16px;
  line-height: 2;
  color: #3A3A3A;
}
@media only screen and (max-width: 960px) {
  .recruit-d_table_block .recruit-d_table {
    font-size: 14px;
  }
}
.recruit-d_table_block .recruit-d_table tr {
  border-bottom: 1px #D2D2D2 solid;
}
.recruit-d_table_block .recruit-d_table .recruit-d_table_title {
  width: 200px;
  font-weight: bold;
  vertical-align: top;
  padding: 30px 0;
}
@media only screen and (max-width: 960px) {
  .recruit-d_table_block .recruit-d_table .recruit-d_table_title {
    width: 150px;
  }
}
@media only screen and (max-width: 640px) {
  .recruit-d_table_block .recruit-d_table .recruit-d_table_title {
    display: block;
    width: 100%;
    padding: 30px 0 0;
  }
}
.recruit-d_table_block .recruit-d_table .recruit-d_table_textarea {
  padding: 30px 0;
}
@media only screen and (max-width: 640px) {
  .recruit-d_table_block .recruit-d_table .recruit-d_table_textarea {
    display: block;
    padding: 10px 0 30px;
  }
}
.recruit-d_table_block .recruit-d_table .recruit-d_table_textarea a {
  color: #3A3A3A;
  text-decoration: underline;
}

.recruit-d_form_wrap {
  padding: 80px 15px;
  background: #EFF9FF;
}
@media only screen and (max-width: 960px) {
  .recruit-d_form_wrap {
    padding: 60px 15px;
  }
}
.recruit-d_form_wrap .common_title01 {
  margin: 0 0 40px;
}
.recruit-d_form_wrap .recruit-d_form_block {
  display: block;
  width: 100%;
  background: #fff;
  padding: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 960px) {
  .recruit-d_form_wrap .recruit-d_form_block {
    padding: 20px;
  }
}

/*=================
     
    others.scss

=======================*/
.privacy_wrap {
  padding: 100px 15px;
  background: url("../images/common/bg_blue.png") center center no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 960px) {
  .privacy_wrap {
    padding: 80px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .privacy_wrap {
    background: url("../images/common/bg_blue_sp.png") center center no-repeat;
    background-size: 100%;
  }
}
.privacy_wrap h2 {
  font-size: 20px;
  line-height: 1.5;
  color: #3A3A3A;
  margin: 0 0 30px;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .privacy_wrap h2 {
    font-size: 18px;
  }
}
.privacy_wrap h3 {
  font-size: 18px;
  line-height: 1.5;
  color: #3A3A3A;
  margin: 0 0 30px;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .privacy_wrap h3 {
    font-size: 16px;
  }
}
.privacy_wrap p {
  font-size: 16px;
  line-height: 1.5;
  color: #3A3A3A;
  font-weight: bold;
  margin: 0 0 60px;
}
@media only screen and (max-width: 960px) {
  .privacy_wrap p {
    font-size: 14px;
  }
}
.privacy_wrap p:last-of-type {
  margin: 0;
}

/* ======================= BASE ====== */
* {
  word-break: break-word;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.fm {
  font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",  "メイリオ", Meiryo, serif;
}

.fg, .footer_wrap .footer_list .footer_title_link, .footer_wrap .footer_list .footer_link_list .footer_link, .footer_wrap .footer_sub .footer_menu_list .footer_menu_link, .form_list .form_title, .form_list .form_text, .form_check_block .form_check_label .form_check_text, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link, .top_recruit .top_recruit_list .top_recruit_title, .top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_text, .recruit_wrap .recruit_link .recruit_title, .recruit_wrap .recruit_link .recruit_sublist .recruit_text {
  font-family: "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fg-w3 {
  font-family: Hiragino Sans w3, "ヒラギノ角ゴシック w3","游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fg-w5 {
  font-family: Hiragino Sans w5, "ヒラギノ角ゴシック w5","游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fg-w6 {
  font-family: Hiragino Sans w6, "ヒラギノ角ゴシック w6","游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fg-w7 {
  font-family: Hiragino Sans w7, "ヒラギノ角ゴシック w7","游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fg-z, .common_info_wrap .common_info_list .common_info_main .common_info_text, .common_search_block .common_search_list .common_search_title, .common_search_block .common_search_label span, .common_search_block .common_search_cat_link, .common_search_block .common_search_time_link, .common_search_block .common_search_keyword .common_search_input, .common_search_block .common_search_keyword .common_search_btn, .common_submit_btn, .common_back_btn, .form_input, .form_textarea, .form_checked_text, .header_wrap .header_logo .header_logo_text, .header_wrap .header_menu_list .header_menu_item .header_menu_title, .header_wrap .header_menu_list .header_menu_item .header_menu_link, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_sublink, .header_recruit_btn span, .header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle, .header_side_wrap .header_menu_list .header_menu_sublist .header_menu_sublink, .header_side_wrap .header_side_menu_list .header_side_menu_link, .header_side_wrap .header_side_recruit_btn, .pager_block .pager_text, .pankuzu_list .pankuzu_item, .common_page_title_block .common_page_title_main .common_page_title, .common_title01, .common_text_xl, .common_text_l, .common_text_m, .common_text_s, .editor_wrap, .editor_wrap h2, .editor_wrap h3, .editor_wrap h4, .fv .fv_content .fv_content_inner .fv_content_title .fv_title, .fv .fv_content .fv_content_inner .fv_content_title .fv_sub_title, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_text, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_date, .top_title_block .top_title, .top_about .top_about_main_text, .top_about .top_about_list .top_about_title, .top_about .top_about_list .top_about_text, .top_interview .top_interview_label, .top_interview .top_interview_time, .top_story .top_story_list .top_story_title, .top_culture .top_culture_list .top_culture_title, .top_culture .top_culture_list .top_culture_text, .top_system .top_system_list .top_system_title, .top_system .top_system_list .top_system_text, .common_column_list .common_column_cat_list .common_column_cat_item, .common_column_list .common_column_title, .common_column_list .common_column_text, .common_column_list .common_column_tag_list .common_column_tag_item, .column-d_wrap .column-d_cat_list .column-d_cat_link, .column-d_wrap .column-d_tag_list .column-d_tag_link, .column-d_wrap .column-d_list .column-d_item, .msg_president_block .msg_president_pic .msg_president_pic_text, .msg_mission_block .msg_mission_list .msg_mission_title, .business_service_list .business_service_main .business_service_text, .works_list .works_block .works_main .common_more_btn, .works_list .works_flow_block .works_flow_title, .works_list .works_flow_block .works_flow_text, .interview_list .interview_name, .interview_list .interview_info, .interview_list .interview_text, .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_name, .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_title, .interview-d_block .interview-d_title, .project_list .project_main .proejct_title, .project-d_fv_block .project-d_fv_flex .project-d_fv_title, .project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_name, .project-d_fv_block .project-d_fv_flex .project-d_fv_name_list .project-d_fv_job, .project-d_fv_block .project-d_outline .project-d_outline_title, .project-d_common_block .project-d_common_title, .project-d_common_block .project-d_common_subtitle, .project-d_common_block .project-d_list .project-d_name, .project-d_common_block .project-d_list .project-d_text, .data_wrap .data_list .data_title, .data_wrap .data_list .data_sublist .data_subtitle, .data_wrap .data_list .data_text01, .data_wrap .data_list .data_text02, .data_wrap .data_list .data_text03, .recruit_search_wrap .recruit_search_list .recruit_search_title, .recruit_search_wrap .recruit_search_list .recruit_search_label span, .recruit-d_table_block .recruit-d_table, .privacy_wrap h2, .privacy_wrap h3, .privacy_wrap p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
}

.fe-o, .footer_wrap .footer_copyright {
  font-family: 'Outfit', sans-serif;
}

.fe-q, .common_info_wrap .common_info_list .common_info_main .common_info_text span, .common_more_btn, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_subtitle_block .header_menu_subtitle_en, .header_side_wrap .header_menu_list .header_menu_subtitle_block .header_menu_subtitle_en, .common_page_title_block .common_page_title_main .common_page_subtitle, .top_title_block .top_title_en, .top_about .top_about_list .top_about_title span, .top_about .top_about_more_btn, .top_story .top_story_list .top_story_num, .top_culture .top_culture_list .top_culture_title span, .top_culture .top_culture_more_btn, .top_system .top_system_list .top_system_title span, .top_system .top_system_more_btn, .common_column_list .common_column_date, .column-d_wrap .column-d_date, .msg_mission_block .msg_mission_list .msg_mission_title span, .project_list .project_main .project_num, .data_wrap .data_list .data_text01 span, .data_wrap .data_list .data_text02 span, .data_wrap .data_list .data_text03 span {
  font-family: 'Quicksand', sans-serif;
}

.fg-h, .form_subtext, .form_error_text, .top_recruit .top_recruit_list .top_recruit_sublist .top_recruit_subtitle, .recruit_wrap .recruit_link .recruit_sublist .recruit_subtitle {
  font-family: 東青梅ゴシック, sans-serif;
}

@font-face {
  font-family: 東青梅ゴシック;
  src: url("https://cdn.leafscape.be/HigashiOme/higashiome-gothic-1.3i_web.woff2") format("woff2");
}
/* regular font */
.fs-xxs {
  font-size: 11px;
}

.fs-xs {
  font-size: 12px;
}

.fs-s {
  font-size: 14px;
}

.fs-m {
  font-size: 16px;
}

.fs-l {
  font-size: 20px;
}

.fs-xl {
  font-size: 28px;
}
@media only screen and (max-width: 960px) {
  .fs-xl {
    font-size: 24px;
  }
}

/* shadow */
.header_side_wrap .header_side_recruit_btn {
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.header_side_wrap .header_side_recruit_btn:hover {
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

a {
  cursor: pointer;
  text-decoration: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}

.common_inner {
  position: relative;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_m {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_s {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_search_block .common_search_cat_link, .common_search_block .common_search_time_link, .common_search_block .common_search_keyword .common_search_btn, .footer_wrap .footer_list .footer_title_link, .footer_wrap .footer_list .footer_link_list .footer_link, .footer_wrap .footer_sub .footer_logo, .footer_wrap .footer_sub .footer_sns_list .footer_sns_link, .footer_wrap .footer_sub .footer_menu_list .footer_menu_link, .form_check_block .form_check_label .form_check_text a, .header_wrap .header_logo, .header_wrap .header_menu_list .header_menu_item .header_menu_title, .header_wrap .header_menu_list .header_menu_item .header_menu_link, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_sublink, .header_menu_btn, .header_recruit_btn, .header_side_wrap .header_side_close_btn, .header_side_wrap .header_menu_list .header_menu_sublist .header_menu_sublink, .header_side_wrap .header_side_menu_list .header_side_menu_link, .pankuzu_list .pankuzu_link, .editor_wrap a, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link, .top_interview .top_interview_slider .slick-prev, .top_interview .top_interview_slider .slick-next, .column-d_wrap .column-d_cat_list .column-d_cat_link {
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.common_search_block .common_search_cat_link:hover, .common_search_block .common_search_time_link:hover, .common_search_block .common_search_keyword .common_search_btn:hover, .footer_wrap .footer_list .footer_title_link:hover, .footer_wrap .footer_list .footer_link_list .footer_link:hover, .footer_wrap .footer_sub .footer_logo:hover, .footer_wrap .footer_sub .footer_sns_list .footer_sns_link:hover, .footer_wrap .footer_sub .footer_menu_list .footer_menu_link:hover, .form_check_block .form_check_label .form_check_text a:hover, .header_wrap .header_logo:hover, .header_wrap .header_menu_list .header_menu_item .header_menu_title:hover, .header_wrap .header_menu_list .header_menu_item .header_menu_link:hover, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_sublink:hover, .header_menu_btn:hover, .header_recruit_btn:hover, .header_side_wrap .header_side_close_btn:hover, .header_side_wrap .header_menu_list .header_menu_sublist .header_menu_sublink:hover, .header_side_wrap .header_side_menu_list .header_side_menu_link:hover, .pankuzu_list .pankuzu_link:hover, .editor_wrap a:hover, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link:hover, .top_interview .top_interview_slider .slick-prev:hover, .top_interview .top_interview_slider .slick-next:hover, .column-d_wrap .column-d_cat_list .column-d_cat_link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 960px) {
  .common_search_block .common_search_cat_link:hover, .common_search_block .common_search_time_link:hover, .common_search_block .common_search_keyword .common_search_btn:hover, .footer_wrap .footer_list .footer_title_link:hover, .footer_wrap .footer_list .footer_link_list .footer_link:hover, .footer_wrap .footer_sub .footer_logo:hover, .footer_wrap .footer_sub .footer_sns_list .footer_sns_link:hover, .footer_wrap .footer_sub .footer_menu_list .footer_menu_link:hover, .form_check_block .form_check_label .form_check_text a:hover, .header_wrap .header_logo:hover, .header_wrap .header_menu_list .header_menu_item .header_menu_title:hover, .header_wrap .header_menu_list .header_menu_item .header_menu_link:hover, .header_wrap .header_menu_list .header_menu_box_wrap .header_menu_sublist .header_menu_sublink:hover, .header_menu_btn:hover, .header_recruit_btn:hover, .header_side_wrap .header_side_close_btn:hover, .header_side_wrap .header_menu_list .header_menu_sublist .header_menu_sublink:hover, .header_side_wrap .header_side_menu_list .header_side_menu_link:hover, .pankuzu_list .pankuzu_link:hover, .editor_wrap a:hover, .fv .fv_content_seminar .fv_content_seminar_inner .fv_content_seminar_link:hover, .top_interview .top_interview_slider .slick-prev:hover, .top_interview .top_interview_slider .slick-next:hover, .column-d_wrap .column-d_cat_list .column-d_cat_link:hover {
    opacity: 1;
  }
}

.common_info_wrap .common_info_list .common_info_pic, .editor_main_pic, .fv .fv_bg, .top_about .top_about_list .top_about_pic_block .top_about_pic, .top_interview .top_interview_pic_block .top_interview_pic, .top_story .top_story_list .top_story_pic, .top_culture .top_culture_main_pic, .top_culture .top_culture_list .top_culture_pic_block .top_culture_pic, .top_system .top_system_list .top_system_pic_block .top_system_pic, .top_recruit .top_recruit_list .top_recruit_pic_block .top_recruit_pic, .common_column_list .common_column_pic_block .common_column_pic, .column-d_main_pic, .msg_president_block .msg_president_pic .msg_president_img, .business_feature_list .business_feature_item .business_feature_pic, .business_service_list .business_service_pic, .business_works_pic, .service_block .service_main_pic, .service_pic, .works_list .works_block .works_pic, .interview_list .interview_pic_block .interview_pic, .interview-d_wrap01 .interview-d_fv_block .interview-d_fv_pic, .interview-d_block .interview-d_pic, .project_list .project_pic, .project-d_fv_block .project-d_fv_flex .project-d_fv_pic, .project-d_common_block .project-d_pic, .office_list .office_pic_list .office_pic, .value_about_wrap .value_about_pic, .value_wrap .value_list .value_pic, .system_fv_wrap .system_fv_pic, .system_wrap .system_list .system_pic, .system_wrap .system_sub_pic, .recruit_wrap .recruit_link .recruit_pic_block .recruit_pic, .recruit-d_fv_block .recruit-d_fv_pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f1f1f1;
}

.common_sp_1400 {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .common_sp_1400 {
    display: block;
  }
}

.common_pc {
  display: block;
}
.common_pc.height_100 {
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .common_pc {
    display: none;
  }
}

.common_sp {
  display: none;
}
@media only screen and (max-width: 960px) {
  .common_sp {
    display: block;
  }
}

.common_pc_768 {
  display: block;
}
@media only screen and (max-width: 768px) {
  .common_pc_768 {
    display: none;
  }
}

.common_sp_768 {
  display: none;
}
@media only screen and (max-width: 768px) {
  .common_sp_768 {
    display: block;
  }
}

.common_pc_640 {
  display: block;
}
@media only screen and (max-width: 640px) {
  .common_pc_640 {
    display: none;
  }
}

.common_sp_640 {
  display: none;
}
@media only screen and (max-width: 640px) {
  .common_sp_640 {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */