.ul_titlewrap {
  text-align: center;
}

.ul_titlewrap .ul_title {
  font-size: 1.25rem;
  text-align: center;
  border-bottom: solid 1px #E60012;
  padding: 0 10px 5px;
  display: inline-block;
  color: #E60012;
}

@media screen and (max-width: 767px) {
  .ul_titlewrap .ul_title {
    font-size: 0.875rem;
  }
}

.integrated .top_area {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.integrated .top_area .title_wrap {
  width: 30%;
  max-width: 435px;
  height: auto;
  aspect-ratio: 1;
  background: linear-gradient(45deg, #E60012, #FF4F2F);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 30px;
}

@media screen and (max-width: 767px) {
  .integrated .top_area .title_wrap {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.integrated .top_area .title_wrap .top_title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 8px;
  line-height: 1.5;
  color: #fff;
  margin: auto;
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .integrated .top_area .title_wrap .top_title {
    font-size: 2rem;
    font-weight: 700;
  }
}

.integrated .top_area .title_wrap .top_text {
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  left: 18px;
  bottom: 18px;
}

.integrated .top_area .imgwrap {
  width: 83%;
  display: block;
  margin-left: auto;
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .integrated .top_area .imgwrap {
    width: 100%;
    padding-top: 0;
  }
}

.integrated .top_area .imgwrap img {
  width: 100%;
  height: auto;
  display: block;
}

.integrated .about_area {
  padding: 130px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .integrated .about_area {
    padding: 70px 0 80px;
  }
}

.integrated .about_area .about_title {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  color: #E60012;
}

@media screen and (max-width: 767px) {
  .integrated .about_area .about_title {
    font-size: 0.875rem;
    line-height: 2;
  }
}

.integrated .about_area .about_title span {
  font-size: 3.9375rem;
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(89, 127, 145, 0.25)));
  background: linear-gradient(transparent 70%, rgba(89, 127, 145, 0.25) 70%);
  padding: 0 15px;
}

@media screen and (max-width: 767px) {
  .integrated .about_area .about_title span {
    font-size: 2.125rem;
    padding: 0 10px;
  }
}

.integrated .about_area .about_text {
  font-size: 1.25rem;
  line-height: 2.6;
  text-align: center;
  margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
  .integrated .about_area .about_text {
    font-size: 0.875rem;
    line-height: 2.5;
    margin-top: 20px;
  }
}

.integrated .feature_area {
  padding: 75px 0 100px;
  background-color: #F5F4F2;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area {
    background-color: #fff;
    padding-top: 0;
  }
}

.integrated .feature_area .feature_wrap {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap {
    margin-top: 0;
  }
}

.integrated .feature_area .feature_wrap .feature_block {
  width: 1045px;
  margin: 70px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1165px) {
  .integrated .feature_area .feature_wrap .feature_block {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap .feature_block {
    display: block;
    margin-top: 50px;
  }
}

.integrated .feature_area .feature_wrap .feature_block:first-child {
  margin-top: 0;
}

.integrated .feature_area .feature_wrap .feature_block:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.integrated .feature_area .feature_wrap .feature_block:nth-child(2n) .textwrap {
  margin-left: 0;
  margin-right: auto;
}

.integrated .feature_area .feature_wrap .feature_block .imgwrap {
  width: 48%;
  display: block;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap .feature_block .imgwrap {
    width: 100%;
  }
}

.integrated .feature_area .feature_wrap .feature_block .imgwrap:after {
  content: "";
  height: 0;
  padding-top: 60%;
  display: block;
}

.integrated .feature_area .feature_wrap .feature_block .textwrap {
  width: 48%;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap .feature_block .textwrap {
    width: 100%;
    margin-top: 15px;
  }
}

.integrated .feature_area .feature_wrap .feature_block .textwrap .feature_title {
  font-size: 1.6875rem;
  line-height: 1.8;
  color: #E60012;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap .feature_block .textwrap .feature_title {
    font-size: 1.1255rem;
  }
}

.integrated .feature_area .feature_wrap .feature_block .textwrap .feature_text {
  font-size: 1rem;
  line-height: 2;
  text-align: justify;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .integrated .feature_area .feature_wrap .feature_block .textwrap .feature_text {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}

.integrated .attempt_area {
  padding: 100px 0 130px;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area {
    padding: 0 0 70px;
  }
}

.integrated .attempt_area .attempt_block {
  width: 1145px;
  margin: 90px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 1275px) {
  .integrated .attempt_area .attempt_block {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
}

.integrated .attempt_area .attempt_block .left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .left {
    width: 100%;
  }
}

.integrated .attempt_area .attempt_block .left .sub {
  font-size: 1.25rem;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .left .sub {
    font-size: 1.125rem;
  }
}

.integrated .attempt_area .attempt_block .left .lefttitle {
  font-size: 2.9375rem;
  font-weight: 500;
  color: #E60012;
  margin-top: 35px;
  margin-bottom: auto;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .left .lefttitle {
    font-size: 2.1875rem;
    margin-top: 25px;
  }
}

.integrated .attempt_area .attempt_block .right {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .right {
    width: 100%;
    margin-top: 40px;
  }
}

.integrated .attempt_area .attempt_block .right .righttitle {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .right .righttitle {
    font-size: 1rem;
    line-height: 2.4;
  }
}

.integrated .attempt_area .attempt_block .right .righttext {
  font-size: 1rem;
  line-height: 1.8;
  text-align: justify;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .right .righttext {
    font-size: 0.875rem;
    line-height: 2.8;
  }
}

.integrated .attempt_area .attempt_block .right .righttext span {
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .integrated .attempt_area .attempt_block .right .righttext span {
    font-size: 0.75rem;
  }
}

.integrated .flow01_area,
.integrated .flow02_area,
.integrated .flow03_area,
.integrated .flow04_area,
.integrated .flow05_area {
  background-color: #F5F4F2;
  padding: 120px 0 50px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area,
  .integrated .flow02_area,
  .integrated .flow03_area,
  .integrated .flow04_area,
  .integrated .flow05_area {
    padding: 60px 0 50px;
  }
}

.integrated .flow01_area:after,
.integrated .flow02_area:after,
.integrated .flow03_area:after,
.integrated .flow04_area:after,
.integrated .flow05_area:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 120px 49vw 0 49vw;
  border-color: #F5F4F2 transparent transparent transparent;
  position: absolute;
  bottom: -120px;
  left: 0;
  right: 0;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area:after,
  .integrated .flow02_area:after,
  .integrated .flow03_area:after,
  .integrated .flow04_area:after,
  .integrated .flow05_area:after {
    border-width: 60px 48vw 0 48vw;
    bottom: -60px;
  }
}

@media screen and (max-width: 350px) {
  .integrated .flow01_area:after,
  .integrated .flow02_area:after,
  .integrated .flow03_area:after,
  .integrated .flow04_area:after,
  .integrated .flow05_area:after {
    border-width: 60px 47vw 0 47vw;
  }
}

.integrated .flow01_area .flow,
.integrated .flow02_area .flow,
.integrated .flow03_area .flow,
.integrated .flow04_area .flow,
.integrated .flow05_area .flow {
  width: 1230px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1366px) {
  .integrated .flow01_area .flow,
  .integrated .flow02_area .flow,
  .integrated .flow03_area .flow,
  .integrated .flow04_area .flow,
  .integrated .flow05_area .flow {
    width: 90%;
  }
}

.integrated .flow01_area .flow .title_box,
.integrated .flow02_area .flow .title_box,
.integrated .flow03_area .flow .title_box,
.integrated .flow04_area .flow .title_box,
.integrated .flow05_area .flow .title_box {
  width: 140px;
  height: 140px;
  border: solid 2px #E60012;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 40px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .title_box,
  .integrated .flow02_area .flow .title_box,
  .integrated .flow03_area .flow .title_box,
  .integrated .flow04_area .flow .title_box,
  .integrated .flow05_area .flow .title_box {
    width: 100px;
    height: 55px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.integrated .flow01_area .flow .title_box.box2 .flowtitle,
.integrated .flow02_area .flow .title_box.box2 .flowtitle,
.integrated .flow03_area .flow .title_box.box2 .flowtitle,
.integrated .flow04_area .flow .title_box.box2 .flowtitle,
.integrated .flow05_area .flow .title_box.box2 .flowtitle {
  font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .title_box.box2 .flowtitle,
  .integrated .flow02_area .flow .title_box.box2 .flowtitle,
  .integrated .flow03_area .flow .title_box.box2 .flowtitle,
  .integrated .flow04_area .flow .title_box.box2 .flowtitle,
  .integrated .flow05_area .flow .title_box.box2 .flowtitle {
    font-size: 0.875rem;
  }
}

.integrated .flow01_area .flow .title_box.box2 .flowtitle span,
.integrated .flow02_area .flow .title_box.box2 .flowtitle span,
.integrated .flow03_area .flow .title_box.box2 .flowtitle span,
.integrated .flow04_area .flow .title_box.box2 .flowtitle span,
.integrated .flow05_area .flow .title_box.box2 .flowtitle span {
  font-size: 1.875rem;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .title_box.box2 .flowtitle span,
  .integrated .flow02_area .flow .title_box.box2 .flowtitle span,
  .integrated .flow03_area .flow .title_box.box2 .flowtitle span,
  .integrated .flow04_area .flow .title_box.box2 .flowtitle span,
  .integrated .flow05_area .flow .title_box.box2 .flowtitle span {
    font-size: 1.3125rem;
  }
}

.integrated .flow01_area .flow .title_box.box2 .flowtitle span.ls0,
.integrated .flow02_area .flow .title_box.box2 .flowtitle span.ls0,
.integrated .flow03_area .flow .title_box.box2 .flowtitle span.ls0,
.integrated .flow04_area .flow .title_box.box2 .flowtitle span.ls0,
.integrated .flow05_area .flow .title_box.box2 .flowtitle span.ls0 {
  letter-spacing: -0.2em;
  display: inline-block;
  margin-right: 5px;
}

.integrated .flow01_area .flow .title_box .flowtitle,
.integrated .flow02_area .flow .title_box .flowtitle,
.integrated .flow03_area .flow .title_box .flowtitle,
.integrated .flow04_area .flow .title_box .flowtitle,
.integrated .flow05_area .flow .title_box .flowtitle {
  font-size: 1.625rem;
  font-weight: 500;
  color: #E60012;
  margin: auto;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .title_box .flowtitle,
  .integrated .flow02_area .flow .title_box .flowtitle,
  .integrated .flow03_area .flow .title_box .flowtitle,
  .integrated .flow04_area .flow .title_box .flowtitle,
  .integrated .flow05_area .flow .title_box .flowtitle {
    font-size: 1.125rem;
    margin-left: auto;
  }
}

.integrated .flow01_area .flow .flow_main,
.integrated .flow02_area .flow .flow_main,
.integrated .flow03_area .flow .flow_main,
.integrated .flow04_area .flow .flow_main,
.integrated .flow05_area .flow .flow_main {
  width: 1130px;
  margin: 0 auto;
  padding-top: 80px;
  text-align: center;
}

@media screen and (max-width: 1366px) {
  .integrated .flow01_area .flow .flow_main,
  .integrated .flow02_area .flow .flow_main,
  .integrated .flow03_area .flow .flow_main,
  .integrated .flow04_area .flow .flow_main,
  .integrated .flow05_area .flow .flow_main {
    width: 90%;
  }
}

.integrated .flow01_area .flow .flow_main .flowmain_title,
.integrated .flow02_area .flow .flow_main .flowmain_title,
.integrated .flow03_area .flow .flow_main .flowmain_title,
.integrated .flow04_area .flow .flow_main .flowmain_title,
.integrated .flow05_area .flow .flow_main .flowmain_title {
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flowmain_title,
  .integrated .flow02_area .flow .flow_main .flowmain_title,
  .integrated .flow03_area .flow .flow_main .flowmain_title,
  .integrated .flow04_area .flow .flow_main .flowmain_title,
  .integrated .flow05_area .flow .flow_main .flowmain_title {
    font-size: 1.125rem;
  }
}

.integrated .flow01_area .flow .flow_main .flowmain_text,
.integrated .flow02_area .flow .flow_main .flowmain_text,
.integrated .flow03_area .flow .flow_main .flowmain_text,
.integrated .flow04_area .flow .flow_main .flowmain_text,
.integrated .flow05_area .flow .flow_main .flowmain_text {
  font-size: 0.875rem;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flowmain_text,
  .integrated .flow02_area .flow .flow_main .flowmain_text,
  .integrated .flow03_area .flow .flow_main .flowmain_text,
  .integrated .flow04_area .flow .flow_main .flowmain_text,
  .integrated .flow05_area .flow .flow_main .flowmain_text {
    font-size: 0.875rem;
  }
}

.integrated .flow01_area .flow .flow_main .flowmain_img,
.integrated .flow02_area .flow .flow_main .flowmain_img,
.integrated .flow03_area .flow .flow_main .flowmain_img,
.integrated .flow04_area .flow .flow_main .flowmain_img,
.integrated .flow05_area .flow .flow_main .flowmain_img {
  display: block;
  margin: 50px auto 0;
}

@media screen and (max-width: 905px) {
  .integrated .flow01_area .flow .flow_main .flowmain_img,
  .integrated .flow02_area .flow .flow_main .flowmain_img,
  .integrated .flow03_area .flow .flow_main .flowmain_img,
  .integrated .flow04_area .flow .flow_main .flowmain_img,
  .integrated .flow05_area .flow .flow_main .flowmain_img {
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flowmain_img,
  .integrated .flow02_area .flow .flow_main .flowmain_img,
  .integrated .flow03_area .flow .flow_main .flowmain_img,
  .integrated .flow04_area .flow .flow_main .flowmain_img,
  .integrated .flow05_area .flow .flow_main .flowmain_img {
    width: 100%;
  }
}

.integrated .flow01_area .flow .flow_main .flowmain_sub,
.integrated .flow02_area .flow .flow_main .flowmain_sub,
.integrated .flow03_area .flow .flow_main .flowmain_sub,
.integrated .flow04_area .flow .flow_main .flowmain_sub,
.integrated .flow05_area .flow .flow_main .flowmain_sub {
  font-size: 0.875rem;
  margin-top: 50px;
}

.integrated .flow01_area .flow .flow_main .btn-wrapper,
.integrated .flow02_area .flow .flow_main .btn-wrapper,
.integrated .flow03_area .flow .flow_main .btn-wrapper,
.integrated .flow04_area .flow .flow_main .btn-wrapper,
.integrated .flow05_area .flow .flow_main .btn-wrapper {
  width: 672px;
  margin: 25px auto 0;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .btn-wrapper,
  .integrated .flow02_area .flow .flow_main .btn-wrapper,
  .integrated .flow03_area .flow .flow_main .btn-wrapper,
  .integrated .flow04_area .flow .flow_main .btn-wrapper,
  .integrated .flow05_area .flow .flow_main .btn-wrapper {
    width: 100%;
  }
}

.integrated .flow01_area .flow .flow_main .btn-wrapper.mgt60,
.integrated .flow02_area .flow .flow_main .btn-wrapper.mgt60,
.integrated .flow03_area .flow .flow_main .btn-wrapper.mgt60,
.integrated .flow04_area .flow .flow_main .btn-wrapper.mgt60,
.integrated .flow05_area .flow .flow_main .btn-wrapper.mgt60 {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .btn-wrapper.mgt60,
  .integrated .flow02_area .flow .flow_main .btn-wrapper.mgt60,
  .integrated .flow03_area .flow .flow_main .btn-wrapper.mgt60,
  .integrated .flow04_area .flow .flow_main .btn-wrapper.mgt60,
  .integrated .flow05_area .flow .flow_main .btn-wrapper.mgt60 {
    margin-top: 40px;
  }
}

.integrated .flow01_area .flow .flow_main .flow_label,
.integrated .flow02_area .flow .flow_main .flow_label,
.integrated .flow03_area .flow .flow_main .flow_label,
.integrated .flow04_area .flow .flow_main .flow_label,
.integrated .flow05_area .flow .flow_main .flow_label {
  font-size: 1.25rem;
  padding: 8px 70px;
  color: #fff;
  background-color: #E60012;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_label,
  .integrated .flow02_area .flow .flow_main .flow_label,
  .integrated .flow03_area .flow .flow_main .flow_label,
  .integrated .flow04_area .flow .flow_main .flow_label,
  .integrated .flow05_area .flow .flow_main .flow_label {
    font-size: 0.875rem;
    padding: 8px 40px;
  }
}

.integrated .flow01_area .flow .flow_main .flow_label.mgt70,
.integrated .flow02_area .flow .flow_main .flow_label.mgt70,
.integrated .flow03_area .flow .flow_main .flow_label.mgt70,
.integrated .flow04_area .flow .flow_main .flow_label.mgt70,
.integrated .flow05_area .flow .flow_main .flow_label.mgt70 {
  margin-top: 70px;
}

.integrated .flow01_area .flow .flow_main .flow_title02,
.integrated .flow02_area .flow .flow_main .flow_title02,
.integrated .flow03_area .flow .flow_main .flow_title02,
.integrated .flow04_area .flow .flow_main .flow_title02,
.integrated .flow05_area .flow .flow_main .flow_title02 {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_title02,
  .integrated .flow02_area .flow .flow_main .flow_title02,
  .integrated .flow03_area .flow .flow_main .flow_title02,
  .integrated .flow04_area .flow .flow_main .flow_title02,
  .integrated .flow05_area .flow .flow_main .flow_title02 {
    font-size: 1.125rem;
  }
}

.integrated .flow01_area .flow .flow_main .flow_title03,
.integrated .flow02_area .flow .flow_main .flow_title03,
.integrated .flow03_area .flow .flow_main .flow_title03,
.integrated .flow04_area .flow .flow_main .flow_title03,
.integrated .flow05_area .flow .flow_main .flow_title03 {
  font-size: 1.875rem;
  line-height: 1.5;
  margin-top: 90px;
  color: #E60012;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_title03,
  .integrated .flow02_area .flow .flow_main .flow_title03,
  .integrated .flow03_area .flow .flow_main .flow_title03,
  .integrated .flow04_area .flow .flow_main .flow_title03,
  .integrated .flow05_area .flow .flow_main .flow_title03 {
    font-size: 1.125rem;
    margin-top: 55px;
  }
}

.integrated .flow01_area .flow .flow_main .flowmain_text,
.integrated .flow02_area .flow .flow_main .flowmain_text,
.integrated .flow03_area .flow .flow_main .flowmain_text,
.integrated .flow04_area .flow .flow_main .flowmain_text,
.integrated .flow05_area .flow .flow_main .flowmain_text {
  font-size: 0.875rem;
  line-height: 2;
}

.integrated .flow01_area .flow .flow_main .graduateimg,
.integrated .flow02_area .flow .flow_main .graduateimg,
.integrated .flow03_area .flow .flow_main .graduateimg,
.integrated .flow04_area .flow .flow_main .graduateimg,
.integrated .flow05_area .flow .flow_main .graduateimg {
  width: 888px;
  display: block;
  margin: 40px auto 0;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .graduateimg,
  .integrated .flow02_area .flow .flow_main .graduateimg,
  .integrated .flow03_area .flow .flow_main .graduateimg,
  .integrated .flow04_area .flow .flow_main .graduateimg,
  .integrated .flow05_area .flow .flow_main .graduateimg {
    width: 100%;
    height: 600px;
  }
}

.integrated .flow01_area .flow .flow_main .graduatetext,
.integrated .flow02_area .flow .flow_main .graduatetext,
.integrated .flow03_area .flow .flow_main .graduatetext,
.integrated .flow04_area .flow .flow_main .graduatetext,
.integrated .flow05_area .flow .flow_main .graduatetext {
  font-size: 2.3125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #E60012;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .graduatetext,
  .integrated .flow02_area .flow .flow_main .graduatetext,
  .integrated .flow03_area .flow .flow_main .graduatetext,
  .integrated .flow04_area .flow .flow_main .graduatetext,
  .integrated .flow05_area .flow .flow_main .graduatetext {
    font-size: 1.875rem;
  }
}

.integrated .flow01_area .flow .flow_main .flow_img_box,
.integrated .flow02_area .flow .flow_main .flow_img_box,
.integrated .flow03_area .flow .flow_main .flow_img_box,
.integrated .flow04_area .flow .flow_main .flow_img_box,
.integrated .flow05_area .flow .flow_main .flow_img_box {
  width: 100%;
  background-color: #EDF0F2;
  border-radius: 20px;
  margin-top: 40px;
  padding: 40px 0 40px;
  position: relative;
}

.integrated .flow01_area .flow .flow_main .flow_img_box.texture:after,
.integrated .flow02_area .flow .flow_main .flow_img_box.texture:after,
.integrated .flow03_area .flow .flow_main .flow_img_box.texture:after,
.integrated .flow04_area .flow .flow_main .flow_img_box.texture:after,
.integrated .flow05_area .flow .flow_main .flow_img_box.texture:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/integrated/texture01.png);
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}

.integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle,
.integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle,
.integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle,
.integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle,
.integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle {
  font-size: 1.875rem;
  font-weight: 500;
  color: #587E91;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle,
  .integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle,
  .integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle,
  .integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle,
  .integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle {
    font-size: 1.4375rem;
  }
}

.integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle02,
.integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle02,
.integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle02,
.integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle02,
.integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle02 {
  font-size: 2.25rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle02,
  .integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle02,
  .integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle02,
  .integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle02,
  .integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle02 {
    font-size: 1.625rem;
  }
}

.integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle03,
.integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle03,
.integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle03,
.integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle03,
.integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle03 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .boxtitle03,
  .integrated .flow02_area .flow .flow_main .flow_img_box .boxtitle03,
  .integrated .flow03_area .flow .flow_main .flow_img_box .boxtitle03,
  .integrated .flow04_area .flow .flow_main .flow_img_box .boxtitle03,
  .integrated .flow05_area .flow .flow_main .flow_img_box .boxtitle03 {
    font-size: 1.125rem;
  }
}

.integrated .flow01_area .flow .flow_main .flow_img_box .box_img,
.integrated .flow02_area .flow .flow_main .flow_img_box .box_img,
.integrated .flow03_area .flow .flow_main .flow_img_box .box_img,
.integrated .flow04_area .flow .flow_main .flow_img_box .box_img,
.integrated .flow05_area .flow .flow_main .flow_img_box .box_img {
  display: block;
  margin: 15px auto 0;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1360px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow02_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow03_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow04_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow05_area .flow .flow_main .flow_img_box .box_img {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow02_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow03_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow04_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow05_area .flow .flow_main .flow_img_box .box_img {
    height: 500px;
  }
  .integrated .flow01_area .flow .flow_main .flow_img_box .box_img.box_img2,
  .integrated .flow02_area .flow .flow_main .flow_img_box .box_img.box_img2,
  .integrated .flow03_area .flow .flow_main .flow_img_box .box_img.box_img2,
  .integrated .flow04_area .flow .flow_main .flow_img_box .box_img.box_img2,
  .integrated .flow05_area .flow .flow_main .flow_img_box .box_img.box_img2 {
    height: 420px;
  }
}

@media screen and (max-width: 375px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow02_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow03_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow04_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow05_area .flow .flow_main .flow_img_box .box_img {
    height: 440px;
  }
}

@media screen and (max-width: 350px) {
  .integrated .flow01_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow02_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow03_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow04_area .flow .flow_main .flow_img_box .box_img,
  .integrated .flow05_area .flow .flow_main .flow_img_box .box_img {
    height: 380px;
  }
}

.integrated .flow01_area .flow .flow_main .flow_img_box .box_img.mgt100,
.integrated .flow02_area .flow .flow_main .flow_img_box .box_img.mgt100,
.integrated .flow03_area .flow .flow_main .flow_img_box .box_img.mgt100,
.integrated .flow04_area .flow .flow_main .flow_img_box .box_img.mgt100,
.integrated .flow05_area .flow .flow_main .flow_img_box .box_img.mgt100 {
  margin-top: 30px;
}

.integrated .flow01_area .flow .flow_main .region_wrap,
.integrated .flow02_area .flow .flow_main .region_wrap,
.integrated .flow03_area .flow .flow_main .region_wrap,
.integrated .flow04_area .flow .flow_main .region_wrap,
.integrated .flow05_area .flow .flow_main .region_wrap {
  width: 888px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 1150px) {
  .integrated .flow01_area .flow .flow_main .region_wrap,
  .integrated .flow02_area .flow .flow_main .region_wrap,
  .integrated .flow03_area .flow .flow_main .region_wrap,
  .integrated .flow04_area .flow .flow_main .region_wrap,
  .integrated .flow05_area .flow .flow_main .region_wrap {
    width: 100%;
  }
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block,
.integrated .flow02_area .flow .flow_main .region_wrap .region_block,
.integrated .flow03_area .flow .flow_main .region_wrap .region_block,
.integrated .flow04_area .flow .flow_main .region_wrap .region_block,
.integrated .flow05_area .flow .flow_main .region_wrap .region_block {
  width: calc(33.3% - 33.3px);
  margin-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 3px #E60012;
  position: relative;
}

@media screen and (max-width: 1250px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block {
    width: calc(33.3% - 10px);
    margin-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block,
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
.integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
.integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
.integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
.integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(3n),
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(3n) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(2n),
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(2n),
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(2n),
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(2n),
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(2n) {
    margin-right: 0;
  }
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(n + 3),
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(n + 3),
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(n + 3),
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(n + 3),
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(n + 3) {
    margin-top: 20px;
  }
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
.integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
.integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
.integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
.integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4) {
  margin-top: 45px;
}

@media screen and (max-width: 1250px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4),
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block:nth-child(n + 4) {
    margin-top: 20px;
  }
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block:before,
.integrated .flow02_area .flow .flow_main .region_wrap .region_block:before,
.integrated .flow03_area .flow .flow_main .region_wrap .region_block:before,
.integrated .flow04_area .flow .flow_main .region_wrap .region_block:before,
.integrated .flow05_area .flow .flow_main .region_wrap .region_block:before {
  content: "";
  height: 0;
  padding-top: 100%;
  display: block;
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block:after,
.integrated .flow02_area .flow .flow_main .region_wrap .region_block:after,
.integrated .flow03_area .flow .flow_main .region_wrap .region_block:after,
.integrated .flow04_area .flow .flow_main .region_wrap .region_block:after,
.integrated .flow05_area .flow .flow_main .region_wrap .region_block:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(222, 14, 32, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.integrated .flow01_area .flow .flow_main .region_wrap .region_block .region_title,
.integrated .flow02_area .flow .flow_main .region_wrap .region_block .region_title,
.integrated .flow03_area .flow .flow_main .region_wrap .region_block .region_title,
.integrated .flow04_area .flow .flow_main .region_wrap .region_block .region_title,
.integrated .flow05_area .flow .flow_main .region_wrap .region_block .region_title {
  font-size: 1.375rem;
  color: #fff;
  margin: auto;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block .region_title,
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block .region_title,
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block .region_title,
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block .region_title,
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block .region_title {
    font-size: 1rem;
  }
}

@media screen and (min-width: 767px) {
  .integrated .flow01_area .flow .flow_main .region_wrap .region_block:hover:after,
  .integrated .flow02_area .flow .flow_main .region_wrap .region_block:hover:after,
  .integrated .flow03_area .flow .flow_main .region_wrap .region_block:hover:after,
  .integrated .flow04_area .flow .flow_main .region_wrap .region_block:hover:after,
  .integrated .flow05_area .flow .flow_main .region_wrap .region_block:hover:after {
    opacity: 0;
  }
}

.integrated .flow01_area .flow .flow_main .license_wrap,
.integrated .flow02_area .flow .flow_main .license_wrap,
.integrated .flow03_area .flow .flow_main .license_wrap,
.integrated .flow04_area .flow .flow_main .license_wrap,
.integrated .flow05_area .flow .flow_main .license_wrap {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  margin: 90px 0 50px;
  padding: 50px 0 80px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .license_wrap,
  .integrated .flow02_area .flow .flow_main .license_wrap,
  .integrated .flow03_area .flow .flow_main .license_wrap,
  .integrated .flow04_area .flow .flow_main .license_wrap,
  .integrated .flow05_area .flow .flow_main .license_wrap {
    padding: 30px 0 40px;
  }
}

.integrated .flow01_area .flow .flow_main .license_wrap .license_block,
.integrated .flow02_area .flow .flow_main .license_wrap .license_block,
.integrated .flow03_area .flow .flow_main .license_wrap .license_block,
.integrated .flow04_area .flow .flow_main .license_wrap .license_block,
.integrated .flow05_area .flow .flow_main .license_wrap .license_block {
  width: 850px;
  margin: 60px auto 0;
  text-align: left;
}

@media screen and (max-width: 1250px) {
  .integrated .flow01_area .flow .flow_main .license_wrap .license_block,
  .integrated .flow02_area .flow .flow_main .license_wrap .license_block,
  .integrated .flow03_area .flow .flow_main .license_wrap .license_block,
  .integrated .flow04_area .flow .flow_main .license_wrap .license_block,
  .integrated .flow05_area .flow .flow_main .license_wrap .license_block {
    width: 90%;
  }
}

.integrated .flow01_area .flow .flow_main .license_wrap .license_block .license_title,
.integrated .flow02_area .flow .flow_main .license_wrap .license_block .license_title,
.integrated .flow03_area .flow .flow_main .license_wrap .license_block .license_title,
.integrated .flow04_area .flow .flow_main .license_wrap .license_block .license_title,
.integrated .flow05_area .flow .flow_main .license_wrap .license_block .license_title {
  font-size: 1rem;
  color: #E60012;
  display: inline-block;
  margin-top: 45px;
  padding-bottom: 5px;
  border-bottom: solid 1px #E60012;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .license_wrap .license_block .license_title,
  .integrated .flow02_area .flow .flow_main .license_wrap .license_block .license_title,
  .integrated .flow03_area .flow .flow_main .license_wrap .license_block .license_title,
  .integrated .flow04_area .flow .flow_main .license_wrap .license_block .license_title,
  .integrated .flow05_area .flow .flow_main .license_wrap .license_block .license_title {
    font-size: 0.8125rem;
    margin-top: 30px;
  }
}

.integrated .flow01_area .flow .flow_main .license_wrap .license_block .license_title:first-child,
.integrated .flow02_area .flow .flow_main .license_wrap .license_block .license_title:first-child,
.integrated .flow03_area .flow .flow_main .license_wrap .license_block .license_title:first-child,
.integrated .flow04_area .flow .flow_main .license_wrap .license_block .license_title:first-child,
.integrated .flow05_area .flow .flow_main .license_wrap .license_block .license_title:first-child {
  margin-top: 0;
}

.integrated .flow01_area .flow .flow_main .license_wrap .license_block .license_text,
.integrated .flow02_area .flow .flow_main .license_wrap .license_block .license_text,
.integrated .flow03_area .flow .flow_main .license_wrap .license_block .license_text,
.integrated .flow04_area .flow .flow_main .license_wrap .license_block .license_text,
.integrated .flow05_area .flow .flow_main .license_wrap .license_block .license_text {
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .license_wrap .license_block .license_text,
  .integrated .flow02_area .flow .flow_main .license_wrap .license_block .license_text,
  .integrated .flow03_area .flow .flow_main .license_wrap .license_block .license_text,
  .integrated .flow04_area .flow .flow_main .license_wrap .license_block .license_text,
  .integrated .flow05_area .flow .flow_main .license_wrap .license_block .license_text {
    font-size: 0.8125rem;
  }
}

.integrated .flow01_area .flow .flow_main .license_wrap .license_block .sub,
.integrated .flow02_area .flow .flow_main .license_wrap .license_block .sub,
.integrated .flow03_area .flow .flow_main .license_wrap .license_block .sub,
.integrated .flow04_area .flow .flow_main .license_wrap .license_block .sub,
.integrated .flow05_area .flow .flow_main .license_wrap .license_block .sub {
  font-size: 0.75rem;
  line-height: 1.5;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .integrated .flow01_area .flow .flow_main .license_wrap .license_block .sub,
  .integrated .flow02_area .flow .flow_main .license_wrap .license_block .sub,
  .integrated .flow03_area .flow .flow_main .license_wrap .license_block .sub,
  .integrated .flow04_area .flow .flow_main .license_wrap .license_block .sub,
  .integrated .flow05_area .flow .flow_main .license_wrap .license_block .sub {
    font-size: 0.625rem;
  }
}

.integrated .flow01_area .flow .flow_main .flexwrap,
.integrated .flow02_area .flow .flow_main .flexwrap,
.integrated .flow03_area .flow .flow_main .flexwrap,
.integrated .flow04_area .flow .flow_main .flexwrap,
.integrated .flow05_area .flow .flow_main .flexwrap {
  width: 888px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .flexwrap,
  .integrated .flow02_area .flow .flow_main .flexwrap,
  .integrated .flow03_area .flow .flow_main .flexwrap,
  .integrated .flow04_area .flow .flow_main .flexwrap,
  .integrated .flow05_area .flow .flow_main .flexwrap {
    width: 100%;
    display: block;
  }
}

.integrated .flow01_area .flow .flow_main .flexwrap .flex_left,
.integrated .flow02_area .flow .flow_main .flexwrap .flex_left,
.integrated .flow03_area .flow .flow_main .flexwrap .flex_left,
.integrated .flow04_area .flow .flow_main .flexwrap .flex_left,
.integrated .flow05_area .flow .flow_main .flexwrap .flex_left {
  width: 43%;
  height: auto;
  margin-right: auto;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .flexwrap .flex_left,
  .integrated .flow02_area .flow .flow_main .flexwrap .flex_left,
  .integrated .flow03_area .flow .flow_main .flexwrap .flex_left,
  .integrated .flow04_area .flow .flow_main .flexwrap .flex_left,
  .integrated .flow05_area .flow .flow_main .flexwrap .flex_left {
    width: 100%;
  }
}

.integrated .flow01_area .flow .flow_main .flexwrap .flex_right,
.integrated .flow02_area .flow .flow_main .flexwrap .flex_right,
.integrated .flow03_area .flow .flow_main .flexwrap .flex_right,
.integrated .flow04_area .flow .flow_main .flexwrap .flex_right,
.integrated .flow05_area .flow .flow_main .flexwrap .flex_right {
  width: 53%;
  text-align: left;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .flexwrap .flex_right,
  .integrated .flow02_area .flow .flow_main .flexwrap .flex_right,
  .integrated .flow03_area .flow .flow_main .flexwrap .flex_right,
  .integrated .flow04_area .flow .flow_main .flexwrap .flex_right,
  .integrated .flow05_area .flow .flow_main .flexwrap .flex_right {
    width: 100%;
    margin-top: 30px;
  }
}

.integrated .flow01_area .flow .flow_main .flexwrap .flex_right .rightsub,
.integrated .flow02_area .flow .flow_main .flexwrap .flex_right .rightsub,
.integrated .flow03_area .flow .flow_main .flexwrap .flex_right .rightsub,
.integrated .flow04_area .flow .flow_main .flexwrap .flex_right .rightsub,
.integrated .flow05_area .flow .flow_main .flexwrap .flex_right .rightsub {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 20px;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .flexwrap .flex_right .rightsub,
  .integrated .flow02_area .flow .flow_main .flexwrap .flex_right .rightsub,
  .integrated .flow03_area .flow .flow_main .flexwrap .flex_right .rightsub,
  .integrated .flow04_area .flow .flow_main .flexwrap .flex_right .rightsub,
  .integrated .flow05_area .flow .flow_main .flexwrap .flex_right .rightsub {
    font-size: 1.125rem;
    text-align: center;
  }
}

.integrated .flow01_area .flow .flow_main .flexwrap .flex_right .righttext,
.integrated .flow02_area .flow .flow_main .flexwrap .flex_right .righttext,
.integrated .flow03_area .flow .flow_main .flexwrap .flex_right .righttext,
.integrated .flow04_area .flow .flow_main .flexwrap .flex_right .righttext,
.integrated .flow05_area .flow .flow_main .flexwrap .flex_right .righttext {
  font-size: 0.875rem;
  line-height: 1.8;
  margin-top: 20px;
}

@media screen and (max-width: 888px) {
  .integrated .flow01_area .flow .flow_main .flexwrap .flex_right .righttext,
  .integrated .flow02_area .flow .flow_main .flexwrap .flex_right .righttext,
  .integrated .flow03_area .flow .flow_main .flexwrap .flex_right .righttext,
  .integrated .flow04_area .flow .flow_main .flexwrap .flex_right .righttext,
  .integrated .flow05_area .flow .flow_main .flexwrap .flex_right .righttext {
    text-align: center;
  }
}

.integrated .flow02_area,
.integrated .flow04_area {
  background-color: #fff;
}

.integrated .flow02_area:after,
.integrated .flow04_area:after {
  border-color: #fff transparent transparent transparent;
}

.integrated .flow05_area:after {
  display: none;
}

.integrated .flow05_area .bnr_wrap {
  width: 1130px;
  margin: 100px auto 0;
  display: block;
  position: relative;
  background-image: url(../images/exam/bnr.jpg);
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 1260px) {
  .integrated .flow05_area .bnr_wrap {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .integrated .flow05_area .bnr_wrap {
    background-image: url(../images/exam/bnr_sp.jpg);
    margin-top: 30px;
  }
}

.integrated .flow05_area .bnr_wrap:after {
  content: "";
  height: 0;
  padding-top: 30.653%;
  display: block;
}

@media screen and (max-width: 767px) {
  .integrated .flow05_area .bnr_wrap:after {
    padding-top: 67.385%;
  }
}

.integrated .flow05_area .bnr_wrap .textwrap {
  width: 565px;
  height: 180px;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  background-color: #E60012;
  color: #fff;
  padding: 25px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .integrated .flow05_area .bnr_wrap .textwrap {
    width: 62%;
    height: 90px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.integrated .flow05_area .bnr_wrap .textwrap .bnr_title {
  font-size: 2.0625rem;
}

@media screen and (max-width: 767px) {
  .integrated .flow05_area .bnr_wrap .textwrap .bnr_title {
    font-size: 1.875rem;
    margin-top: auto;
  }
}

.integrated .flow05_area .bnr_wrap .textwrap .bnr_text {
  font-size: 0.875rem;
  line-height: 1.8;
  margin-top: 15px;
}

.integrated .flow05_area .bnr_wrap .textwrap .more {
  font-size: 1.125rem;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .integrated .flow05_area .bnr_wrap .textwrap .more {
    font-size: 0.75rem;
    margin-bottom: auto;
  }
}
/*# sourceMappingURL=integrated.css.map */