/* header */
/* header */
/* common */
.content_section {
  width: 100%;
  margin: 0 auto; }

.content_section_black {
  width: 100%;
  margin: 0 auto;
  background-color: #1b1b1b; }

.content_section_black2 {
  width: 100%;
  margin: 0 auto;
  background-color: #313131; }

.content_section_gray {
  width: 100%;
  margin: 0 auto;
  background-color: #eff0f4; }

.content_wrap {
  width: 990px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
  box-sizing: content-box; }

/* common */
/* content */
p {
  font-size: 1.6rem;
  line-height: 200%; }

.h2_text {
  text-align: center;
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 60px; }

a.btn01_woc {
  height: 100px;
  width: 530px;
  box-sizing: border-box;
  display: inline-table;
  padding: 36px 0 0 54px;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn01_woc .icon01 {
    padding-right: 22px; }

a.btn01_woc::after, a.btn02::after, a.btn03::after, a.btn04::after, a.btn05::after {
  position: absolute;
  right: 40px;
  width: 15px;
  height: 26px;
  content: '';
  background-image: url(/img/product/WOC-iPRO/icon02.png);
  background-repeat: no-repeat;
  background-position: left top;
  transition: all .2s; }

a.btn01_woc:hover::after {
  right: 30px; }

a.btn02 {
  height: 140px;
  width: 560px;
  box-sizing: border-box;
  display: inline-table;
  padding: 93px 0 0 172px;
  text-align: left;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn02 .img {
    position: absolute;
    top: 26px;
    left: 114px; }

a.btn02::after {
  top: 63px;
  right: 50px; }

a.btn02:hover::after {
  right: 40px; }

a.btn03 {
  height: 120px;
  width: 470px;
  box-sizing: border-box;
  display: inline-table;
  padding: 80px 0 0 115px;
  text-align: left;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn03 .img {
    position: absolute;
    top: 24px;
    left: 80px; }

a.btn03::after {
  top: 46px;
  right: 28px; }

a.btn03:hover::after {
  right: 18px; }

a.btn04 {
  height: 120px;
  width: 470px;
  box-sizing: border-box;
  display: inline-table;
  padding: 80px 0 0 143px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #03bdec;
  position: relative; }
  a.btn04 .img {
    position: absolute;
    top: 22px;
    left: 27px; }

a.btn04::after {
  top: 46px;
  right: 28px; }

a.btn04:hover::after {
  right: 18px; }

a.btn05 {
  height: 100px;
  width: 470px;
  box-sizing: border-box;
  display: inline-table;
  padding: 55px 0 0 63px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none !important;
  color: #231815 !important;
  background-color: #eff0f4;
  position: relative; }
  a.btn05 .img {
    position: absolute;
    top: 22px;
    left: 27px; }
  a.btn05 img {
    position: relative;
    z-index: 1; }
  a.btn05 span {
    position: relative;
    z-index: 2; }

a.btn05::after {
  top: 38px;
  right: 28px;
  background-image: url(/img/product/WOC-iPRO/icon03.png); }

a.btn05:hover::after {
  right: 18px; }

a.btn05_2 {
  padding: 42px 0 0 87px;
  font-size: 1.7rem; }
  a.btn05_2 .img {
    position: absolute;
    top: 13px;
    left: 54px; }

/* content */
/* main visuals */
.content_wrap_main {
  width: 990px;
  margin: 0 auto;
  padding: 0 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.main_img_wrap {
  position: relative;
  overflow: hidden; }
  .main_img_wrap .main_img {
    position: relative;
    width: 100%;
    min-width: 1100px;
    height: auto;
    z-index: 2;
    line-height: 0; }
    .main_img_wrap .main_img .img {
      position: relative; }
      .main_img_wrap .main_img .img img {
        width: 100%;
        height: auto; }
    .main_img_wrap .main_img .text_box {
      position: absolute;
      top: 238px;
      left: 0; }
      .main_img_wrap .main_img .text_box .title {
        font-size: 2.5rem;
        font-weight: 570;
        line-height: 220%;
        letter-spacing: 1px;
        padding-top: 55px; }

/* main visuals */
/* top page*/
.btn_box01, .btn_box02 {
  text-align: center;
  padding: 60px 0 60px; }
  .btn_box01 .text, .btn_box02 .text {
    color: #fff;
    font-size: 2.5rem;
    padding: 0 0 30px; }
  .btn_box01 .btn, .btn_box02 .btn {
    text-align: center; }

.btn_box02 {
  padding: 70px 0 60px; }
  .btn_box02 .text {
    font-size: 2.6rem;
    padding: 0 0 40px; }

.cnt_box01 {
  padding: 100px 0 100px; }
  .cnt_box01 .company_name {
    font-size: 3.0rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    padding: 40px 0 60px; }

.cnt_box02 {
  padding: 100px 0 110px; }
  .cnt_box02 .h2_text {
    font-size: 3.2rem;
    line-height: 200%;
    letter-spacing: 1px;
    padding-bottom: 25px; }
    .cnt_box02 .h2_text img {
      width: 400px;
      height: auto;
      padding-right: 10px; }
  .cnt_box02 .box1 {
    padding: 0px 0 30px;
    position: relative; }
    .cnt_box02 .box1 .text {
      position: absolute;
      bottom: 47px;
      left: 0;
      font-size: 3.0rem;
      font-weight: 700;
      line-height: 190%;
      letter-spacing: 0px; }
      .cnt_box02 .box1 .text span {
        font-size: 4.8rem;
        display: inline-block;
        padding-top: 34px; }
  .cnt_box02 .box2 {
    padding: 55px 0 0px; }
    .cnt_box02 .box2 .title {
      text-align: center;
      font-size: 2.8rem;
      font-weight: 700;
      letter-spacing: -1px;
      padding-bottom: 55px; }
      .cnt_box02 .box2 .title img {
        padding-bottom: 30px; }
    .cnt_box02 .box2 ul.susume {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .cnt_box02 .box2 ul.susume li {
        width: 312px; }
        .cnt_box02 .box2 ul.susume li .top {
          background-color: #90aebd;
          width: 100%;
          height: 124px;
          color: #fff;
          font-size: 2.3rem;
          text-align: center;
          letter-spacing: -1px;
          line-height: 145%;
          box-sizing: border-box;
          border-radius: 10px 10px 0 0;
          padding-top: 30px; }
        .cnt_box02 .box2 ul.susume li .bottom {
          background-color: #fff;
          height: 244px;
          box-sizing: border-box;
          border-radius: 0 0 10px 10px;
          padding: 25px 27px 10px 28px;
          line-height: 175%;
          font-size: 1.6rem; }
    .cnt_box02 .box2 ul.btn {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin: 60px 0 0; }
      .cnt_box02 .box2 ul.btn li {
        width: 470px; }

.cnt_box03 {
  padding: 100px 0 100px; }
  .cnt_box03 .h2_text {
    font-size: 3.9rem;
    letter-spacing: 1px;
    padding-bottom: 60px; }
  .cnt_box03 .text1 {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 68px;
    text-align: center; }
  .cnt_box03 .img {
    text-align: center;
    padding-bottom: 46px; }
  .cnt_box03 .text2 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 0px;
    padding-bottom: 30px;
    text-align: center; }

.cnt_box04 {
  padding: 100px 0 100px; }
  .cnt_box04 .h2_text {
    font-size: 3.9rem;
    letter-spacing: 1px;
    line-height: 140%;
    padding-bottom: 60px; }
  .cnt_box04 .box1 img {
    float: left;
    margin-right: 40px;
    padding-top: 10px; }
  .cnt_box04 .box1 .bottom_text {
    padding: 35px 0 0;
    line-height: 180%;
    letter-spacing: 1px; }
    .cnt_box04 .box1 .bottom_text span {
      font-size: 2.3rem;
      font-weight: 700; }

.cnt_box05 {
  padding: 0 0 100px; }
  .cnt_box05 .img {
    padding-bottom: 20px; }
  .cnt_box05 ul.btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0; }
    .cnt_box05 ul.btn li {
      width: 470px; }

.cnt_box06 {
  padding: 80px 0 80px; }
  .cnt_box06 .h2_text {
    font-size: 3.0rem;
    padding-bottom: 45px; }
  .cnt_box06 ul.logo {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 40px; }
    .cnt_box06 ul.logo li {
      padding: 0 65px; }
      .cnt_box06 ul.logo li .img1 {
        width: 334px;
        padding-top: 10px; }
  .cnt_box06 .btn {
    text-align: center; }

/* top page */
