.about-bohan__txt hgroup h3 {
  font-size: 40px;
  white-space: nowrap;
}
.about-bohan__mv .about-bohan__txt p {
  margin-top: 30px;
  font-size: 18px;
}
.second .about-bohan__txt, .fourth .about-bohan__txt {
  left: 3.90625%;
}
.third .about-bohan__txt {
  right: auto;
  left: 3.90625%;
}
.about-bohan__tit-area {
  display: block;
  margin-top: 150px;
  margin-bottom: 50px;
}
.about-bohan__tit-area .about-tit {
  width: 100%;
  margin-right: 0;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.about-bohan__tit-area strong {
  font-size: 20px;
  margin-bottom: 30px;
}
.about-tit {
  font-size: 60px;
}
.about-tit-area .about-tit {
  margin-bottom: 40px;
}
.about-tit-area p {
  font-size: 18px;
}
.about-motion-txt span {
  font-size: 150px;
}
.about-identity .about-txt {
  margin-bottom: 80px;
}
.sub-tit {
  font-size: 44px;
}
.find .login-left-side .sub-tit {
  font-size: 44px;
}
.symbol-tit {
  margin-bottom: 80px;
  font-size: 50px;
}
.symbol-subtit {
  font-size: 24px;
  margin-bottom: 30px;
}
.symbol li {
  margin-bottom: 150px;
}
.symbol-img {
  max-width: 55%;
}
.left .symbol-img {
  margin-right: 50px;
}
.right .symbol-img {
  margin-left: 50px;
}
.about-staff .about-txt {
  margin-bottom: 100px;
}
.full-tit {
  font-size: 50px;
  margin-bottom: 30px;
}
.about-staff-full li {
  padding: 40px 0;
  justify-content: center;
}
.about-staff-img {
  width: 40%;
}
.about-staff-txt {
  width: 40%;
}
.about-staff-part .full-tit {
  margin-bottom: 50px;
}
.about-sevice__list > li {
  display: block;
}
.about-service .about-txt {
  margin-bottom: 100px;
}
.about-service .tit-side .sub-stit {
  margin-bottom: 20px;
}
.about-service .about-service__desc {
  padding-top: 0;
  margin-bottom: 30px;
}
.tit-side {
  margin-bottom: 50px;
}
.desc-img img {
  width: 100%;
}
.about-sevice__list > li {
  margin-bottom: 100px;
}
.sub-layout .content {
  padding: 100px 0 120px;
}
.overview-banner strong {
  font-size: 30px;
}
.sub-process {
  padding-top: 100px;
}
.process-tit {
  font-size: 40px;
  margin-bottom: 40px;
}

.degree .process-desc-side {
  width: 100%;
}
.process-tit-side .sub-stit {
  margin-bottom: 30px;
}
.journal .process-desc-side {
  width: 100%;
}
.recruit-field {
  display: block;
}
.recruit-field .sub-stit {
  margin-bottom: 20px;
}
.recuit-desc__tab > li > span img {
  width: 100%;
}
.recruit-desc__list li {
  padding: 30px;
}
.recruit-desc__list .list-tit {
  font-size: 20px;
}
.recruit-banner {
  justify-content: space-between;
  padding: 0 3.90625%;
}
.recruit-banner__txt {
  margin-right: 0;
}
.login-right-side strong {
  font-size: 26px;
}
.about-staff-full {
  width: 100%;
}

@media all and (max-width: 1024px) {
  .about-bohan__edu__inner {
    display: block;
  }
  .about-bohan__edu__img {
    width: 100%;
    margin-bottom: 50px;
  }
  .about-bohan__always .about-bohan__txt strong {
    font-size: 50px;
    margin-bottom: 40px;
  }

  .about-motion-txt {
    margin-bottom: 60px;
  }
  .about-count .count span {
    width: 130px;
    font-size: 100px;
    margin-right: 12px;
  }
  .about-count .count {
    font-size: 30px;
    margin-right: 60px;
  }
  .about-count .plus {
    width: 45px;
    height: 45px;
    margin-right: 30px;
  }
  .about-count .plus span {
    width: 45px;
    height: 12px;
  }
  .about-count p {
    padding-bottom: 0.5em;
  }
  .sub-top__visual-txt > h3 {
    font-size: 40px;
  }
  .sub-top__visual {
    height: 400px;
  }
  .sub-top__visual-txt > p {
    font-size: 18px;
  }
  .sub-top__visual-txt .common-btn {
    margin-top: 50px;
  }
  .sub-top__visual-txt .common-btn p {
    margin-right: 2px;
  }
  .sub-layout .content {
    padding: 80px 0 100px;
  }
  .sub-tit {
    font-size: 40px;
    margin-bottom: 40px;
  }
  .sub-window__desc {
    width: 70%;
    font-size: 20px;
  }
  .sub-overview {
    padding-top: 100px;
  }
  .overview-tit strong {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .overview-case__list {
    height: 600px;
  }
  .overview-case__list li p {
    font-size: 18px;
  }
  .overview-case__list li:nth-child(7) {
    top: 228px;
  }
  .overview-case__list li:nth-child(5) {
    left: 49%;
    z-index: 1;
  }
  .overview-banner strong {
    font-size: 24px;
  }
  .process-tab li {
    font-size: 16px;
  }
  .process-tab {
    margin-bottom: 50px;
  }
  .sub-stit {
    font-size: 30px;
  }
  .degree .process-desc-side li {
    padding: 40px 0;
  }
  .consulting-banner .common-btn {
    width: 125px;
  }
  .cunsulting-baner_txt {
    padding: 0 10%;
  }
  .process-desc-box.sky .sub-p02,
  .process-desc-box.pink .sub-p02 {
    min-height: 7.2em;
  }

  .process-desc-side.flex {
    margin-bottom: 30px;
    padding: 0 0 30px 0 !important;
  }
  .sub-process {
    background-image: none;
  }
  .step-remark {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
  }
  .journal .process-desc-side {
    padding: 60px 60px 150px;
  }
  .journal .process-desc-side.single {
    padding: 60px 30px;
    background-image: url(/image/sub/m_consiulting_line02.png);
    background-repeat: no-repeat;
    background-position: left 36px top 30px;
    background-size: auto 80%;
  }
  .process-step-list {
    justify-content: center;
    position: absolute;
    top: 60px;
    left: 60px;
    height: auto;
    width: 86%;
    transform: translate(0, -15px);
  }
  .seven .process-step-list {
    top: 30px;
    left: 30px;
  }
  .journal .svgArea {
    transform: none;
    position: static;
    background-image: none;
    width: 100%;
    height: auto;
  }
  .journal .svgArea img {
    width: 100%;
  }
  .journal .svgArea i {
    font-size: 17px;
    color: #d9d9d9;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    transform: translateY(43%);
  }
  .process-step-list li {
    min-height: calc(var(--mobPathHeight) / 2 - 7px);
  }
  .process-step-list li::after {
    display: none;
  }
  .process-step-list li:nth-child(1),
  .process-step-list li:nth-child(2),
  .process-step-list li:nth-child(3){
    transform: translateY(0);
    width: calc(100% / 3);
  }
  
  .process-step-list li:nth-child(4),
  .process-step-list li:nth-child(5),
  .process-step-list li:nth-child(6) {
    width: calc(100% / 3);
    transform: translateY(0);
  }
  .process-step-list li:nth-child(7),
  .process-step-list li:nth-child(8),
  .process-step-list li:nth-child(9) {
    width: calc(100% / 3);
    transform: translateY(0);
  }
  .process-step-list li:nth-child(4) {
    order: 6;
  }
  .process-step-list li:nth-child(5) {
    order: 5;
  }
  .process-step-list li:nth-child(6) {
    order: 4;
  }
  .process-step-list li:nth-child(7) {
    order: 7;
  }
  .process-step-list li:nth-child(8) {
    order: 8;
  }
  .process-step-list li:nth-child(9) {
    order: 9;
  }
  .journal .single .svgArea {
    background-image: none;
  }
  .single .process-step-list {
    position: static;
    transform: none;
    display: block;
  }
  .single .process-step-list li {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    align-items: center;
    margin-bottom: 14px;
  }
  .process-step__box {
    flex-direction: row;
    flex: none;
    width: 94%;
    margin-left: auto;
    justify-content: flex-start;
    text-align: center;
    padding: 20px 20px;
  }
  .process-step__box span {
    flex: 1;
  }
  .process-step__box i {
    margin: 20px;
  }
  .single .process-step__number {
    margin-left: 0;
    width: 32px;
    margin-right: 14px;
  }
  .single .process-step-list li p {
    width: 50%;
    margin-bottom: 14px;
  }
  .seven .process-step-list li {
    min-height: calc((var(--mobPathHeight) / 2) - 3px);
  }
  .journal .process-desc-side.seven {
    padding: 30px 30px 80px;
  }
  .seven .process-step-list li:nth-child(1),
  .seven .process-step-list li:nth-child(2) {
    width: 50%;
  }
  .seven .process-step-list li:nth-child(3),
  .seven .process-step-list li:nth-child(4),
  .seven .process-step-list li:nth-child(5) {
    width: 32%;
  }
  .seven .process-step-list li:nth-child(3) {
    order: 5;
  }
  .seven .process-step-list li:nth-child(4) {
    order: 4;
  }
  .seven .process-step-list li:nth-child(5) {
    order: 3;
    transform: translate(0);
  }
  .seven .process-step-list li:nth-child(6) {
    width: 50%;
    order: 6;
  }
  .seven .process-step-list li:nth-child(7) {
    width: 50%;
    order: 7;
  }
  .consult-form__item {
    padding: 20px 0;
  }
  .consult-form__item span {
    font-size: 16px;
  }
  .consult-form__item.radio span {
    margin-right: 40px;
  }
  .consult-form__item.radio label {
    font-size: 15px;
  }
  .consult-form__item input[type='text'], 
  .consult-form__item input[type='date'], 
  .consult-form__item input[type='file'], 
  .consult-form__item textarea {
    padding: 14px;
  }
  .join-style .consult-form__item input[type='date'] {
    padding-left: 45px;
  }
  .consult-form__item.half {
    display: block;
  }
  .consult-form__item.half div {
    width: 100%;
  }
  .consult-form__item.half div:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .contact-consult .consult-form__item.radio {
    display: block;
  }
  .contact-consult .consult-form__item.radio span {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .consult-form__item span {
    margin-bottom: 10px;
  }
  .recruit .process-tab li {
    width: auto;
    flex: 1;
  }
  .recruit .process-tab {
    margin-bottom: 20px;
  }
  .recruit-step__list .step-num {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .recruit-step__list .step-img {
    margin-bottom: 14px;
    width: 45px;
  }
  .recruit-step__list .step-tit {
    font-size: 15px;
  }
  .recruit-banner {
    height: 240px;
  }
  .location strong {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .location-list__desc {
    flex: 1;
  }
  .login-right-side strong {
    font-size: 26px;
    text-align: center;
  }
  .find .login-left-side .sub-tit {
    font-size: 35px;
  }
  .login-form__phone button {
    width: 25%;
    height: 60%;
    right: 3%;
    font-size: 13px;
    padding: 0;
  }
  .join-tab__icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  } 
  .join-tab li .join-tab__tit span:first-child {
    font-size: 14px;
  }
  .join-tab li .join-tab__tit span:last-child {
    font-size: 16px;
  }
  .join-tab li {
    height: 80px;
  }
  .join-tab {
    margin-bottom: 50px;
  }
  .join-terms__tit {
    padding-left: 30px;
    height: 70px;
  }
  .join-terms__tit label {
    font-size: 18px;
    padding-left: 24px;
    background-size: 16px;
  }
  .join-terms li {
    margin-bottom: 20px;
  }
  .join-style .utill-btn {
    width: 140px;
    height: 45px;
    font-size: 14px;
    margin: 50px auto 0;
  }
  .join-ok__btn {
    width: auto;
    justify-content: space-between;
  }
  .join-ok__btn .utill-btn{
    margin: 0 3px;
  }
  .process-step__box i {
    transform: rotate(-90deg);
  }
  .around-tit {
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .around-box {
    padding: 20px;
  }
  .about-subtit {
    font-size: 15px;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 768px) {
  .about-bohan__txt hgroup h1 {
    font-size: 60px;
    white-space: nowrap;
  }
  .about-bohan__txt hgroup h2 {
    margin-bottom: 20px;
  }
  .about-bohan__txt hgroup h3 {
    font-size: 30px;
  }
  .about-bohan__mv .about-bohan__txt p {
    margin-top: 20px;
    font-size: 16px;
  }
  .about-bohan__edu {
    padding-top: 100px;
  }
  .about-bohan__edu__img {
    padding-left: 3.90625%;
    margin-right: 0;
  }
  .about-bohan__edu__img img {
    width: 100%;
  }
  .about-bohan__txt strong {
    margin-bottom: 30px;
    font-size: 26px;
  }
  /* .about-bohan__frame {
    height: 100vh;
  } */
  .about-bohan__bg2 {
    background-image: url(/image/sub/m_about_bohan_always_01.png);
    background-size: cover;
  }
  /* .about-bohan__always .about-bohan__txt strong {
    color: #fff;
  } */
  .about-bohan__always .about-bohan__txt em {
    font-size: 20px;
    margin-bottom: 40px;
}
  .about-bohan__always .about-bohan__txt > span {
    height: 100px;
    margin-bottom: 40px;
  }
  .about-tit {
    font-size: 50px;
  }
  .about-tit-area .about-tit {
    margin-bottom: 30px;
  }
  .about-motion-txt span {
    font-size: 120px;
    transform: translateX(-1%);
  }
  .about-tit-box {
    display: block;
  }
  .about-tit__img {
    margin-bottom: 20px;
  }
  .about-bohan .about-bg {
    background-image: url(/image/sub/m_about_bohan_bg01.png);
  }
  .about-identity .about-bg {
    background-image: url(/image/sub/m_about_identity_bg01.jpg);
  }
  .about-staff .about-bg {
    background-image: url(/image/sub/m_about_staff_bg01.jpg);
  }
  .about-service .about-bg {
    background-image: url(/image/sub/m_about_service_bg01.jpg);
  }
  .symbol li {
    flex-direction: column;
    margin-bottom: 100px;
    max-width: 80%;
    align-items: flex-start;
  }
  .symbol li.right {
    margin-left: auto;
    margin-right: 0;
  }
  .symbol li.left {
    margin-right: auto;
    margin-left: 0;
  }
  .symbol-img {
    margin-bottom: 30px;
    max-width: none;
  }
  .left .symbol-img {
    margin-right: 0;
  }
  .right .symbol-img {
    margin-left: 0;
  }
  .right .symbol-txt {
    order: 2;
  }
  .symbol-tit {
    margin-bottom: 40px;
  }
  .symbol-subtit {
    margin-bottom: 20px;
  }
  .symbol-txt p {
    line-height: 1.8;
  }
  .about-staff .about-section__bg {
    width: 100%;
    height: auto;
    top: 25vh;
  }
  .about-staff .about-section__bg img {
    height: auto;
  }
  .about-service .about-txt {
    margin-bottom: 60px;
  }
  .about-sevice__list .desc-list {
    display: block;
    margin-bottom: 30px;
  }
  .about-sevice__list .desc-list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .about-service .tit-side .sub-stit {
    font-size: 30px;
  }
  .about-service .about-service__desc {
    font-size: 18px;
  }

  
  .sub-top__visual-txt > h3 {
    font-size: 32px;
  }
  .sub-top__visual-txt > p {
    font-size: 16px;
  }
  .sub-top__lnb .inner > a {
    padding: 24px;
    font-size: 16px;
  }
  .sub-layout .content {
    padding: 60px 0 80px;
  }
  .sub-tit {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .sub-window__img img {
    width: 100%;
  }
  .sub-window__desc {
    height: 130px;
    padding-left: 20px;
  }
  .sub-window {
    padding-bottom: 150px;
  }
  .sub-overview .inner {
    width: 100%;
    margin: 0;
  }
  .overview-case__list li {
    padding: 26px;
  }
  .overview-case__list li p {
    font-size: 16px;
  }
  .overview-case__list li:nth-child(3) {
    left: 19%;
  }
  .overview-banner strong {
    line-height: 1.6;
  }
  .sub-process {
    padding-top: 80px;
  }
  .process-tab li {
    height: 50px;
  }
  .process-tit {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .sub-stit {
    font-size: 28px;
  }
  .process-tit-side .sub-stit {
    margin-bottom: 20px;
  }
  .degree .process-desc-side li {
    padding: 30px 0;
  }
  .consulting-banner {
    padding-top: 45.4%;
  }
  .cunsulting-baner_txt {
    display: block;
    left: 5%;
    transform: translateX(0) translateY(-50%);
    padding: 0;
  }
  .cunsulting-baner_txt .sub-stit {
    margin-bottom: 30px;
  }
  .consulting-style .sub-window::before {
    display: none;
  }
  .journal .process-desc-side.between {
    display: block;
  }
  .between .process-desc-box {
    width: 100%;
  }
  .process-desc-chinese {
    width: 40%;
    min-width: 185px;
    margin: 30px auto;
    padding: 20px 16px;
    flex-direction: row;
    height: 70px;
  }
  .process-desc-chinese img {
    transform: rotate(90deg);
  }
  .process-desc-chinese::before {
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0%) rotate(90deg);
  }
  .process-desc-chinese::after {
    top: auto;
    bottom: -20px;
    right: 50%;
    transform: translate(50%, 0) rotate(90deg);
  }
  .single .process-step__number {
    font-size: 14px;
    width: 26px;
    height: 26px;
  }
  .process-step__number {
    font-size: 14px;
    width: 26px;
    height: 26px;
  }
  .process-step-list li p {
    top: 45px;
  }
  .process-step-list {
    justify-content: center;
  }
  .research .process-step-list li:nth-child() {
    width: 30%;
  }
  .consult-form__item.radio li {
    margin-right: 20px;
  }
  .recuit-desc__tab > li > span {
    margin-bottom: 30px;
  }
  .process-tab li {
    font-size: 14px;
  }
  .recruit-desc__list .list-desc {
    font-size: 14px;
  }
  .recruit-desc__list .list-tit {
    font-size: 18px;
    width: 70px;
    margin-right: 30px;
  }
  .recruit-field {
    margin-bottom: 60px;
  }
  .recruit-step .sub-stit {
    margin-bottom: 30px;
  }
  .recruit-step__list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .recruit-step__list > div {
    width: 40%;
    margin-bottom: 14px;
  }
  .recruit-step__list .dash {
    flex: none;
    width: 10%;
  }
  .recruit-banner{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .recruit-step .sub-stit {
    margin-bottom: 20px;
  }
  .recruit-banner .sub-p02 {
    margin-bottom: 14px;
  }
  .location-list li {
    height: 100px;
    padding: 0 20px;
  }
  .locition-list__icon {
    margin-right: 10px;
    width: 20px;
  }
  .location-list__tit {
    width: 100px;
    margin-right: 30px;
    font-size: 18px;
  }
  .location-list__desc {
    font-size: 14px;
  }
  .login-style {
    display: block;
  }
  .login-left-side {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .login-right-side {
    width: 100%;
    padding: 50px 3.90625%;
  }
  .join-tab li {
    height: auto;
    flex-direction: column;
    padding: 12px 0;
    text-align: center;
  }
  .join-tab__icon {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .join-select li span {
    width: 100px;
  }
  .join-select li strong {
    font-size: 20px;
  }
  .join-terms__desc {
    padding: 0 50px 0 20px;
    background-color: #f9f9f9;
    height: 200px;
  }
  .terms-inner {
    padding: 30px 0;
  }
  .join-style .consult-form__item span {
    width: 145px;
  }
  .consult-form__input .consult-form__flex button {
    width: 120px;
    font-size: 14px;
    margin-left: 10px;
  }
  .consult-form__input p {
    margin-top: 8px;
    font-size: 14px;
  }
  .join-style .consult-form__input {
    flex: 1;
  }
  .process-desc-box.sky .sub-p02, .process-desc-box.pink .sub-p02 {
    font-size: 15px;
  }
  .sub-top__visual-txt > h2 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .sub-top__visual-txt > h2::after {
    height: 3px;
  }
}

@media all and (max-width: 640px) {
  
  .about-bohan__txt hgroup h3 {
    font-size: 26px;
  }
  .about-bohan__mv .about-bohan__txt p {
    font-size: 15px;
  }
  .about-bohan__txt hgroup h3 img {
    width: 24px;
  }
  .about-bohan__edu {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .about-bohan__edu .sub-stit {
    margin-top: 80px;
    font-size: 24px;
  }
  .about-bohan__edu .sub-stit::before {
    width: 100px;
    height: 5px;
  }
  .about-tit {
    font-size: 46px;
  }
  .about-tit-area p {
    font-size: 16px;
  }
  .about-subtit {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .about-stit {
    font-size: 24px;
  }
  .about-bohan__txt strong {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .about-identity .about-txt .about-stit {
    margin-bottom: 20px;
  }
  .sub-p01 {
    font-size: 15px;
  }
  .about-identity .about-txt {
    margin-bottom: 60px;
  }
  .scroll-btn {
    font-size: 12px;
    bottom: 30px;
  }
  .scroll-btn img {
    margin-left: 16px;
    width: 7px;
  }
  .symbol-txt p {
    font-size: 15px;
  }
  .about-section {
    padding-top: 80px;
  }
  .about-staff-full li:last-child {
    display: block;
  }
  .about-staff-full li {
    padding: 40px 0;
    display: block;
  }
  .about-staff-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .about-staff-img img {
    margin: 0 auto;
    max-width: 80%;
  }
  .full-tit {
    font-size: 42px;
  }
  .about-staff-txt {
    width: 100%;
    text-align: center;
  }
  .about-staff-txt strong {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .about-staff-txt p {
    font-size: 18px;
    line-height: 1.6;
  }
  .about-count {
    flex-wrap: wrap;
  }
  .about-count p {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 40px;
  }
  .about-count .count {
    margin-right: 0;
  }
  .about-service .tit-side .sub-stit {
    font-size: 24px;
  }
  .about-service .about-service__desc {
    font-size: 16px;
  }
  .about-litit {
    font-size: 18px;
  }
  .sub-p02 {
    font-size: 15px;
    line-height: 1.6;
  }
  .sub-top__visual {
    height: 350px;
  }
  .sub-top__visual-txt > h3 {
    font-size: 30px;
  }
  .sub-top__visual-txt .common-btn {
    margin-top: 30px;
  }
  .mob-lnb__tit {
    display: flex;
    align-items: center;
    height: 60px;
    font-weight: 700;
    color: #888;
    font-size: 18px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 0 3.90625%;
  }
  .sub-top__lnb {
    height: 60px;
    position: relative;
  }
  .sub-top__lnb-wrap {
    background-color: #f5f5f5;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .sub-top__lnb .inner {
    flex-direction: column;
    margin: 0;
    padding: 0 3.90625%;
  }
  .sub-top__lnb .inner > a {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0;
    font-weight: 700;
    color: #888;
    font-size: 18px;
    width: 100%;
    background-color: #f5f5f5;
  }
  .sub-top__lnb .inner > a::before {
    display: none;
  }
  .sub-top__lnb .inner > a.on {
    color: #0047a0;
    background-color: transparent;
  }
  .sub-window__desc {
    width: 80%;
    height: 100px;
    font-size: 16px;
    font-weight: normal;
  }
  .sub-overview {
    padding-top: 80px;
  }
  .overview-tit strong {
    font-size: 28px;
  }
  .overview-case__list {
    height: 670px;
  }
  .overview-case__list li:nth-child(1) {
    top: 74px;
  }
  .overview-case__list li:nth-child(2) {
    top: 219px;
    left: 10%;
  }
  .overview-case__list li:nth-child(3) {
    top: 356px;
  }
  .overview-case__list li:nth-child(4) {
    left: 10%;
  }
  .overview-case__list li:nth-child(5) {
    left: auto;
    top: 149px;
    right: 3%;
  }
  .overview-case__list li:nth-child(6) {
    bottom: 140px;
    left: 10%;
  }
  .overview-case__list li:nth-child(7) {
    top: 290px;
  }
  .overview-case__list li:nth-child(8) {
    top: 0;
    right: 12px;
  }
  .overview-case__list li:nth-child(9) {
    bottom: 66px;
    right: 0;
  }
  .overview-banner {
    background-image: url(/image/sub/m_consulting_banner_img01.jpg);
  }
  .overview-banner strong {
    font-size: 18px;
  }
  .overview-banner img {
    width: 52px;
  }
  .process-icon img {
    scale: 0.8;
  }
  .cunsulting-baner_txt .sub-stit {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .process-desc-box {
    padding: 30px 20px;
  }
  .process-desc-box > span {
    margin-bottom: 20px;
  }
  .process-desc-box > span img {
    scale: .8;
  }
  .journal .process-desc-side {
    padding: 30px 30px 150px;
  }
  
  .process-step-list {
    top: 30px;
    left: 30px;
    transform: translate(0, -7px);
  }
  .process-step__box {
    padding: 20px 14px;
    font-size: 13px;
  }
  .process-step__box i {
    margin: 10px;
  }
  .process-desc-box.sky .sub-p02, .process-desc-box.pink .sub-p02 {
    min-height: 9em;
    font-size: 13px;
  }
  .common-btn.submit-btn {
    margin: 50px auto 0;
  }
  .contact-remark {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .recruit .sub-p01 {
    margin-bottom: 20px;
  }
  .recruit-desc__list li {
    padding: 20px;
  }
  .recruit-step__list {
    margin-bottom: 30px;
  }
  .recruit-banner .common-btn {
    width: 160px;
  }
  .location strong {
    line-height: 1.2;
  }
  .research .process-step-list li p {
    font-size: 14px;
  }
  .seven .process-step-list li p {
    font-size: 15px;
  }
  .login-tab {
    margin-bottom: 20px;
  }
  .login-tab li {
    font-size: 16px;
    padding-bottom: 7px;
    margin-right: 14px;
  }
  .login-form-area li input[type='text'], .login-form-area li input[type='password'] {
    height: 45px;
    padding: 0 20px 0 40px;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 12px auto;
  }
  .login-form__check {
    margin-bottom: 30px;
  }
  .login-style .utill-btn.blue {
    margin-bottom: 20px;
    height: 45px;
    font-size: 16px;
  }
  .login-form__bottom p {
    font-size: 14px;
  }
  .login-form__bottom a {
    padding: 7px;
  }
  .login-form__check label {
    padding-left: 20px;
    background-position: left center;
    background-size: 14px auto;
  }
  .login-style .utill-btn.white {
    width: 140px;
    height: 45px;
    font-size: 14px;
  }
  .login-right-side span {
    margin-bottom: 30px;
    max-width: 70%;
  }
  .login-right-side strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .login-right-side em {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .login-form-area li span {
    margin-bottom: 7px;
    font-size: 16px;
  }
  .login-style.find .utill-btn.blue {
    margin-top: 20px;
  }
  .login-form__btn .utill-btn {
    width: 49% !important;

  }
  .find .login-left-side .sub-tit {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .login-form__phone {
    margin-bottom: 10px;
  }
  .join-tab__icon {
    width: 40px;
    height: 40px;
  }
  .join-tab li .join-tab__tit span:first-child {
    font-size: 13px;
  }
  .join-tab li .join-tab__tit span:last-child {
    font-size: 14px;
  }
  .join-tab {
    margin-bottom: 40px;
  }
  .join-select li {
    height: 250px;
  }
  .join-select li span {
    width: 80px;
  }
  .join-select li strong {
    font-size: 18px;
  }
  .join-terms__tit {
    padding-left: 20px;
    height: 50px;
  }
  .join-terms__tit label {
    font-size: 16px;
    padding-left: 20px;
    background-size: 14px;
  }
  .join-terms li {
    margin-bottom: 15px;
  }
  .join-style .utill-btn {
    width: 120px;
    height: 40px;
    margin: 30px auto 0;
  }
  .join-style .consult-form__item {
    display: block;
  }
  .join-style .consult-form__item span {
    width: 100%;
  }
  .join-style .consult-form__item.radio span {
    width: 100px;
  }
  .consult-form__item.radio ul {
    margin-top: 10px;
  }
  .join-style .consult-form__input {
    width: 100%;
  }
  .consult-form__input .consult-form__flex a {
    margin-right: 10px;
    font-size: 13px;
  }
  .join-ok__btn .utill-btn{
    margin: 0 3px;
  }
  .join-ok em {
    font-size: 16px;
  }
  .join-ok span {
    max-width: 80%;
  }
  .process-step__box span {
    word-break: break-all;
  }
  .process-desc-side.flex {
    display: block;
    padding: 0;
  }
  .process-desc-box.sky .sub-p02, .process-desc-box.pink .sub-p02 {
    min-height: auto;
  }
  .process-desc-box.sky {
    margin-bottom: 14px;
  }
  .process-desc-box {
    width: 100%;
  }
  .location-list:not(:last-child) {
    margin-bottom: 60px;
  }
  .around-tit {
    font-size: 18px;
    padding-top: 20px;
  }
}
@media all and (max-width: 425px) {
  .sub-top__visual-bg.K0201 {
    background-image: url(/image/sub/m_sv0201.jpg);
  }

  .sub-top__visual-bg.K0202 {
    background-image: url(/image/sub/m_sv0202.jpg);
  }

  .sub-top__visual-bg.K0203 {
    background-image: url(/image/sub/m_sv0203.jpg);
  }

  .sub-top__visual-bg.K0301,
  .sub-top__visual-bg.K0302,
  .sub-top__visual-bg.K0303,
  .sub-top__visual-bg.K0304 {
    background-image: url(/image/sub/m_sv03.jpg);
  }

  .sub-top__visual-bg.K0401,
  .sub-top__visual-bg.K0402,
  .sub-top__visual-bg.K0403 {
    background-image: url(/image/sub/m_sv04.jpg);
  }
  .about-bohan__txt hgroup h1 {
    font-size: 50px;
  }
  .about-bohan__txt hgroup h2 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .about-bohan__txt hgroup h3 {
    width: 91%;
    word-break: keep-all;
  }
  .about-bohan__txt hgroup h3 img {
    width: 20px;
  }
  .about-bohan__tit-area .about-tit {
    font-size: 40px;
    margin-bottom: 14px;
  }
  .about-bohan__always .about-bohan__txt strong {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .about-bohan__always .about-bohan__txt > span {
    height: 80px;
  }
  .about-bohan__always .about-bohan__txt em {
    font-size: 18px;
  }
  .about-tit {
    font-size: calc(32px + 0.5vw);
  }
  .about-tit-area p {
    font-size: calc(10px + 1vw);
  }
  .about-stit {
    font-size: 22px;
    word-break: break-all;
  }
  .about-bohan .about-tit-area .about-tit {
    font-size: 46px;
  }
  .about-subtit {
    margin-bottom: 10px;
  }
  .sub-p01 {
    font-size: calc(10px + 1vw);
  }
  .about-motion-txt span {
    font-size: 100px;
  }
  .about-identity .about-txt {
    margin-bottom: 50px;
  }
  .symbol-txt p {
    font-size: 14px;
  }
  .symbol-tit {
    margin-bottom: 30px;
    font-size: 34px;
  }
  .symbol li {
    margin-bottom: 60px;
    max-width: 90%;
  }
  .full-tit {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .about-count .count span {
    width: 100px;
    font-size: 80px;
  }
  .about-count .count {
    font-size: 23px;
  }
  .about-count .plus {
    width: 40px;
    height: 40px;
    margin-right: 24px;
  }
  .about-count .plus span {
    width: 40px;
    height: 10px;
  }
  .about-sevice__list > li {
    margin-bottom: 80px;
  }
  .about-service .tit-side .sub-stit {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .about-service .about-service__desc {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .about-service .desc-icon {
    margin-bottom: 20px;
  }
  .about-service .desc-icon img {
    width: 42px;
  }
  .about-litit {
    font-size: 16px;
  }
  .sub-p02 {
    font-size: 14px;
  }
  .sub-top__visual-txt > h3 {
    font-size: 28px;
  }
  .sub-top__visual-txt > p {
    font-size: 15px;
    margin-top: 15px;
  }
  .sub-window__desc {
    width: 90%;
    font-size: 14px;
    padding-left: 0;
    justify-content: center;
  }
  .sub-tit {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .overview-case__list {
    height: 650px;
  }
  .overview-case__list li {
    padding: 20px 14px;
    width: auto;
  }
  .overview-case__list li p {
    font-size: 15px;
  }
  .overview-case__list li:nth-child(2) {
    left: 0;
  }
  .overview-case__list li:nth-child(4) {
    left: 0;
  }
  .overview-case__list li:nth-child(6) {
    left: 0;
  }
  .overview-case__list li:nth-child(8) {
    right: 0;
  }
  .sub-process {
    padding-top: 60px;
  }
  .process-tab li {
    font-size: 15px;
  }
  .process-tit {
    font-size: 28px;
  }
  .process-tab li {
    height: 45px;
  }
  .process-icon img {
    scale: 0.7;
  }
  .sub-stit {
    font-size: 22px;
  }
  .process-tit-side .sub-stit {
    margin-bottom: 14px;
  }
  .degree .process-desc-side li {
    padding: 20px 0;
  }
  .cunsulting-baner_txt .sub-stit {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .consulting-banner .common-btn {
    height: 32px;
    width: 100px;
  }
  .research .process-step-list li {
    width: 33% !important;
  }
  .process-step-list li p {
    top: 33px;
  }
  .process-step__box {
    width: 90%;
  }

  .consult-form__item.radio ul{
    flex-wrap: wrap;
  }
  .consult-form__item.radio li {
    width: 35%;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .contact-remark {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .recruit .process-tab li {
    font-size: 13px;
  }
  .recruit-desc__list li {
    padding: 14px;
  }
  .recruit-desc__list .list-tit {
    font-size: 15px;
  }
  .recruit-desc__list .list-desc {
    font-size: 13px;
    flex: 1;
  }
  .recruit-step__list > div {
    width: 45%;
  }
  .recruit-step__list .step-num {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .recruit-step__list .step-tit {
    font-size: 14px;
  }
  .recruit-step__list .step-img {
    margin-bottom: 10px;
    width: 35px;
  }
  .location-list li {
    height: auto;
    padding: 20px 10px;
    flex-wrap: wrap;
  }
  .location-list__desc {
    flex: none;
    width: 100%;
    margin-top: 12px;
  }
  .location strong {
    line-height: 1.3;
  }
  .research .process-step-list li p {
    font-size: 13px;
    word-break: break-all;
  }
  .seven .process-step-list li p {
    top: 30px;
    word-break: break-all;
    font-size: 13px;
  }
  .seven .process-step__number {
    font-size: 12px;
    width: 22px;
    height: 22px;
  }
  .process-step-list {
    transform: translate(0, -13px);
  }
  .process-step-list li {
    min-height: calc(var(--mobPathHeight) / 2 );
  }
  .login-left-side .sub-p02 {
    font-size: 14px;
  }
  .login-form__bottom p {
    font-size: 13px;
  }
  .login-style .utill-btn.blue {
    font-size: 14px;
  }
  .login-form-area li span {
    font-size: 14px;
  }
  .login-form__phone button {
    width: 30%;
    height: 65%;
  }
  .find .login-form-area li input[type='text'], .find .login-form-area li input[type='password'] {
    padding: 0 3%;
  }
  .join-select li {
    height: 200px;
  }
  .join-select li span {
    width: 70px;
  }
  .join-select li strong {
    font-size: 16px;
  }
  .join-select li span {
    margin-bottom: 20px;
  }
  .join-terms__tit {
    padding-left: 14px;
    height: 45px;
  }
  .join-terms__tit label {
    font-size: 14px;
    background-size: 13px;
  }
  .join-terms li {
    margin-bottom: 10px;
  }
  .download .consult-form__input .consult-form__flex {
    display: block;
  }
  .consult-form__input .consult-form__flex a {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .sub-top__lnb {
    height: 50px;
  }
  .sub-top__lnb-wrap {
    top: 50px;
  }
  .mob-lnb__tit {
    height: 50px;
    font-size: 16px;
  }
  .sub-top__lnb .inner > a {
    font-size: 16px;
    height: 50px;
  }
  .degree .process-desc-side li p {
    word-break: break-all;
  }
  .process-desc-box__inner li {
    word-break: break-all;
  }
  .recruit-desc__list .list-desc {
    word-break: break-all;
  }
  .around-box {
    padding: 14px;
    display: block;
  }
  .around-box span {
    width: 100%;
    margin-bottom: 10px;
  }
  .around-tit {
    font-size: 16px;
  }
  .sub-top__visual-txt > h2 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .sub-top__visual-txt .common-btn {
    width: 100px;
  }
  .common-btn img {
    margin-left: 4px;
  }
}
@media all and (max-width: 375px) {
  .hide-375 {
    display: none !important;
  }
  .show-375 {
    display: block !important;
  }
  .sub-top__visual-txt > h2 {
    font-size: 16px;
  }
  .login-form__bottom {
    display: block;
  }
  .login-form__bottom a {
    display: inline-block;
    margin-top: 10px;
  }
  .join-terms__tit {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .recruit-banner .sub-p02 {
    font-size: 13px;
  }
  
}