@charset "utf-8";

.cont-wrap {max-width: 1400px; margin: 0 auto;}
.sec-title {padding: 0 40px;}
.page-title {padding: 100px 0; font-size: 56px; line-height: 1; text-align: center;}
.sec-chapter {padding: 100px 40px;}
.sec-chapter--border {padding-top: 0 !important;}
.sec-chapter--border .cont-wrap {padding-top: 100px; border-top: 1px solid #e5e5e5;}
.sec-chapter--bg {background: #f7f8fb;}
.chapter-wrap {}
.chapter-header {padding-bottom: 50px;}
.chapter-body {}
.chapter-title {position: relative; font-size: 32px; letter-spacing: -1px; line-height: 1;}
.chapter-title:before {content: ""; position: absolute; top: 50px; left: 0; width: 50px; height: 5px; background: #0dd100;}
.quest {margin: 20px auto 0; display: flex; justify-content: space-between; width: 980px;}
.quest-item {position: relative; width: 33.33%; margin-left: 10px; padding: 35px 30px 35px 80px; background: #27b573; color: #fff;box-sizing: border-box;}
.quest-item:first-child {margin-left: 0;}
.quest-item .num {position: absolute; top: 35px; left: 30px; font-size: 30px; font-weight: 200; line-height: 1;}
.quest-item .cont {font-size: 18px; letter-spacing: -1px;}
.interview {display: flex; justify-content: space-between; margin-top: 100px;}
.interview__item {width: 33.33%; margin-left: 16px; padding: 35px 50px 40px; background: #fff; box-shadow: 0 5px 20px 0 rgb(0 0 0 / 5%);}
.interview__item:first-child {margin-left: 0;}
.interview-head {padding-bottom: 35px; border-bottom: 1px solid #fbfbfb; text-align: center;}
.interview-head__title {display: block; margin-top: 15px; font-size: 27px; }
.interview-body {margin-top: 35px; color: #555; font-size: 18px; line-height: 30px; }

.info {display: flex; border: 1px solid #f4f4f4;}
.info-cols {width: 510px; box-sizing: border-box;}
.info-cols:first-child {width: calc(100% - 510px); padding: 40px 50px; border-right: 1px solid #f4f4f4;}
.info-list {display: flex; margin-top: 20px;}
.info-list dt {width: 135px; font-size: 16px; font-weight: bold;}
.info-list dd {flex: 1; color: #555; font-size: 18px; letter-spacing: -1px;}
.color-green {color: #0dd100;}
.info-rows {display: flex; justify-content: space-between; height: 50%; padding: 40px 50px; box-sizing: border-box;}
.info-rows:after {display: none;}
.info-rows:first-child {border-bottom: 1px solid #f4f4f4;}
.info-rows-title {font-size: 16px; font-weight: bold; vertical-align: top;}

.program {display: flex; justify-content: space-between;}
.program:after {display: none;}
.program__item {width: 50%; }
.program__item:first-child {margin-right: 60px;}
.program-title {font-size: 22px; color: #0dd100;}
.program-list {display: flex; flex-wrap: wrap; margin-top: 15px; border: 1px solid #f1f1f2;}
.program-list-item {position: relative; width: 50%; padding: 40px; border-top: 1px solid #f1f1f2; border-left: 1px solid #f1f1f2; background: #fff; box-sizing: border-box;}
.program-list-item:after {position: absolute; top: 30px; right: 30px; width: 47px; height: 42px; background: url("./icon_1.png") no-repeat; background-size: 100%;}
.program-list-item:nth-of-type(2):after {background: url("./icon_2.png") no-repeat; background-size: 100%;}
.program-list-item:nth-of-type(3):after {background: url("./icon_3.png") no-repeat; background-size: 100%;}
.program-list-item:nth-of-type(4):after {background: url("./icon_4.png") no-repeat; background-size: 100%;}

.program-list-item:nth-of-type(1),
.program-list-item:nth-of-type(2) {border-top: 0;}
.program-list-item:nth-of-type(1),
.program-list-item:nth-of-type(3) {border-left: 0;}
.program-list-item strong {display: block; font-size: 16px;}
.program-list-item span {display: block; margin-top: 10px; font-size: 28px; font-weight: 300;}
.program-companys {padding: 30px 0 40px; border: 1px solid #f1f1f2; border-top: 0; text-align: center;}
.program-country {display: flex; padding-top: 30px;}
.program-country span {width: 33.33%; color: #888; font-size: 11px; letter-spacing: -1px;}
.program-country-img {margin-top: 20px;}
.program-country-img img {display: block; width: 100%;}


@media screen and (max-width:1480px) {
  .page-title {padding: 80px 0 40px; font-size: 48px;}
  .sec-chapter {padding: 80px 40px;}
  .sec-chapter--border .cont-wrap {padding-top: 80px;}
  .chapter-wrap {display: block;}
  .chapter-header {width: auto; padding-bottom: 50px;}
  .chapter-title {font-size: 28px;}
  .chapter-title:before {width: 30px; height: 4px;}
  .chapter-body {width:auto;}

  .quest { width: auto; margin: 0;}
  .quest-item {padding: 30px 20px 30px 30px;}
  .quest-item .num {display: block; position: static; font-size: 24px;}
  .quest-item .cont {display: block; margin-top: 10px; font-size: 15px; }
  .interview {display: block; margin-top: 40px;}
  .interview__item {display: flex; width: auto; margin: 8px 0 0; padding: 40px;}
  .interview-head {width: 30%; padding: 0; border: 0; text-align: left; }
  .interview-head__title {margin-top: 20px; font-size: 22px;}
  .interview-body {width: 70%; margin: 0; font-size: 16px; line-height: 28px;}

  .info {display: block;}
  .info-cols {width: auto;}
  .info-cols:first-child {width: auto; padding: 30px 40px; border-right: 0;}
  .info-list dt {font-size: 15px;}
  .info-list dd {font-size: 16px;}
  .info-cols:after {display: none;}
  .info-cols:nth-of-type(2) {display: flex; justify-content: space-between; border-top: 1px solid #f4f4f4;}
  .info-rows {display: block; padding: 40px 30px;}
  .info-rows:first-child {border: 0; border-right: 1px solid #f4f4f4;}
  .info-rows-title {display: block; font-size: 15px;}
  .info-rows-cont {display: block; margin-top: 30px;}
  .info-rows-cont img {max-width: 100%;}

  .program {display: block;}
  .program__item {width: auto;}
  .program__item:first-child {margin: 0;}
  .program-list {flex-wrap: nowrap;}
  .program-list-item {width: 25%; padding: 40px 25px 30px; border: 0; border-left: 1px solid #f1f1f2;}
  .program-list-item:after {top: 20px; right: 24px; width: 28px; height: 28px;}
  .program-list-item:nth-of-type(3) {border-left: 1px solid #f1f1f2;}
  .program-list-item strong {font-size: 15px;}
  .program-list-item span {margin-top: 5px; font-size: 22px; letter-spacing: -2px;}
  .program-companys {padding: 30px 0;}
}


@media screen and (max-width:760px) {
  .sec-title {padding: 0 20px;}
  .page-title {padding: 33px 0 30px; font-size: 28px;}
  .sec-chapter {padding: 40px 20px;}
  .sec-chapter--border .cont-wrap {padding-top: 40px;}
  .chapter-header {padding-bottom: 38px;}
  .chapter-title {font-size: 18px; letter-spacing: -2px;}
  .chapter-title:before {top: 33px; width: 25px; height: 4px;}

  .quest {display: block;}
  .quest-item {width: auto; margin: 2px 0 0; padding: 14px 14px 14px 50px;}
  .quest-item .num {position: absolute; top: 14px; left: 14px; font-size: 20px; }
  .quest-item .cont {margin: 0; font-size: 12px;}
  .interview {margin-top: 20px;}
  .interview__item {display: block; margin-top: 10px; padding: 30px; }
  .interview-head {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: auto; padding-bottom: 20px; border-bottom: 1px solid #fbfbfb; }
  .interview-head:after {display: none;}
  .interview-head__title {margin: 0; font-size: 20px; letter-spacing: -2px;}
  .interview-head__logo {width: 20%; height: auto;}
  .interview-body {width: auto; margin-top: 18px; font-size: 15px; line-height: 24px; letter-spacing: -1px;}
  .info-cols:first-child {padding: 25px 10px 25px 25px;}
  .info-list {display: block; margin-top: 15px;}
  .info-list dt {width: auto;}
  .info-list dd {width: auto; margin-top: 7px;}
  .info-cols:nth-of-type(2) {display: block; border: 0; }
  .info-rows:first-child,
  .info-rows {padding: 25px; border: 0; border-top: 1px solid #f4f4f4; }
  .info-rows-cont {margin-top: 15px;}
  .program-title {font-size: 16px;}
  .program-list {flex-wrap: wrap;}
  .program-list-item {width: 50%; padding: 18px 20px; border-top: 1px solid #f1f1f2;}
  .program-list-item:after {width: 20px; height: 20px;}
  .program-list-item:nth-of-type(1),
  .program-list-item:nth-of-type(2) {border-top: 0;}
  .program-list-item:nth-of-type(1),
  .program-list-item:nth-of-type(3) {border-left: 0;}
  .program-list-item strong {font-size: 12px;}
  .program-list-item span {margin-top: 0; font-size: 20px;}
  .program-companys {border: 0; padding: 20px 0 30px;}
  .program-companys img {max-width: 100%;}
  .program-country {flex-wrap: wrap; padding-top: 20px;}
  .program-country span {width: 50%; font-size: 9px;}
  .program-country-img {margin-top: 15px;}


}