/* header */
/* header */
/* navi */
/* navi */
/* 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: 100%;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  box-sizing: border-box; }

/* common */
/* content */
.h2_text {
  text-align: center;
  font-size: 7.0vw;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 40px; }

a.btn01_woc {
  width: 100%;
  box-sizing: border-box;
  display: inline-table;
  padding: 36px 0 40px 5%;
  text-align: left;
  font-size: 4.7vw;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn01_woc .icon01 {
    padding-right: 15px;
    width: 7%;
    height: auto;
    position: relative;
    top: 2px; }

a.btn01_woc::after, a.btn02::after, a.btn03::after, a.btn04::after, a.btn05::after {
  position: absolute;
  top: 35%;
  right: 20px;
  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: 10px; }

a.btn02 {
  width: 100%;
  box-sizing: border-box;
  display: inline-table;
  padding: 15px 0 20px 5%;
  text-align: left;
  font-size: 4.7vw;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn02 .img {
    top: 7%;
    left: 10%;
    width: 57%; }
  a.btn02 span {
    position: absolute;
    bottom: 24%;
    left: 15%; }

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

a.btn03 {
  width: 100%;
  box-sizing: border-box;
  display: inline-table;
  padding: 15px 0 20px 5%;
  text-align: left;
  font-size: 4.7vw;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #e4007f;
  position: relative; }
  a.btn03 .img {
    top: 7%;
    left: 10%;
    width: 57%; }
  a.btn03 span {
    position: absolute;
    bottom: 24%;
    left: 15%; }

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

a.btn04 {
  width: 100%;
  box-sizing: border-box;
  display: inline-table;
  padding: 20px 0 25px 5%;
  text-align: left;
  font-size: 3.9vw;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #03bdec;
  position: relative; }
  a.btn04 .img {
    top: 7%;
    left: 10%;
    width: 57%; }
  a.btn04 span {
    position: absolute;
    bottom: 27%;
    left: 23%; }

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

a.btn05 {
  width: 100%;
  box-sizing: border-box;
  display: inline-table;
  padding: 20px 0 25px 5%;
  text-align: left;
  font-size: 3.9vw;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none !important;
  color: #231815 !important;
  background-color: #eff0f4;
  position: relative; }
  a.btn05 .img {
    top: 22%;
    left: 0%;
    width: 83%; }
  a.btn05 img {
    position: relative;
    z-index: 1; }
  a.btn05 span {
    position: absolute;
    bottom: 27%;
    left: 12%;
    z-index: 2; }

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

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

a.btn05_2 {
  padding: 10px 0 15px 5%;
  font-size: 3.6vw; }
  a.btn05_2 .img {
    top: 7%;
    left: 0%;
    width: 74%; }
  a.btn05_2 span {
    position: absolute;
    bottom: 46%;
    left: 12%;
    z-index: 2; }

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

.main_img_wrap {
  position: relative;
  overflow: hidden;
  padding-top: 66px; }
  .main_img_wrap .main_img {
    position: relative;
    width: 100%;
    z-index: 2;
    line-height: 0;
    background-image: url(/img/product/WOC-iPRO/main_img.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover; }
    .main_img_wrap .main_img .img {
      display: none; }
    .main_img_wrap .main_img .text_box {
      position: absolute;
      padding-top: 10%;
      padding-left: 20px; }
      .main_img_wrap .main_img .text_box .logo {
        width: 300px; }
      .main_img_wrap .main_img .text_box .title {
        font-size: 2.0rem;
        font-weight: 570;
        line-height: 180%;
        letter-spacing: 1px;
        padding-top: 30px; }

/* 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: 5.5vw;
    padding: 0 0 30px; }
  .btn_box01 .btn, .btn_box02 .btn {
    text-align: center; }

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

.cnt_box01 {
  padding: 60px 0 60px; }
  .cnt_box01 .box1 {
    margin-bottom: 40px; }
  .cnt_box01 .company_name {
    font-size: 5.5vw;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    padding: 20px 0 40px; }

.cnt_box02 {
  padding: 80px 0 80px; }
  .cnt_box02 .h2_text {
    font-size: 8.0vw;
    line-height: 180%;
    letter-spacing: 1px;
    padding-bottom: 25px; }
    .cnt_box02 .h2_text img {
      width: 100%;
      height: auto;
      padding-right: 10px; }
  .cnt_box02 .box1 {
    padding: 0px 0 30px;
    position: relative; }
    .cnt_box02 .box1 .text {
      position: absolute;
      bottom: -5%;
      left: 0;
      font-size: 3.7vw;
      font-weight: 700;
      line-height: 190%;
      letter-spacing: 0px; }
      .cnt_box02 .box1 .text span {
        font-size: 6vw;
        display: inline-block;
        padding-top: 25px; }
  .cnt_box02 .box2 {
    padding: 20% 0 0px; }
    .cnt_box02 .box2 .title {
      text-align: center;
      font-size: 6.0vw;
      font-weight: 700;
      letter-spacing: -1px;
      padding-bottom: 55px; }
      .cnt_box02 .box2 .title img {
        width: 15%;
        padding-bottom: 30px; }
    .cnt_box02 .box2 ul.susume {
      width: 100%; }
      .cnt_box02 .box2 ul.susume li {
        width: 100%;
        margin-bottom: 30px; }
        .cnt_box02 .box2 ul.susume li .top {
          background-color: #90aebd;
          width: 100%;
          color: #fff;
          font-size: 5.0vw;
          text-align: center;
          letter-spacing: -1px;
          line-height: 145%;
          box-sizing: border-box;
          border-radius: 10px 10px 0 0;
          padding: 15px; }
        .cnt_box02 .box2 ul.susume li .bottom {
          background-color: #fff;
          box-sizing: border-box;
          border-radius: 0 0 10px 10px;
          padding: 15px;
          line-height: 175%;
          font-size: 3.0vw; }
    .cnt_box02 .box2 ul.btn {
      width: 100%;
      margin: 60px 0 0; }
      .cnt_box02 .box2 ul.btn li {
        width: 100%;
        margin-bottom: 30px; }

.cnt_box03 {
  padding: 80px 0 80px; }
  .cnt_box03 .h2_text {
    font-size: 7vw;
    letter-spacing: 1px;
    padding-bottom: 60px;
    line-height: 150%; }
  .cnt_box03 .text1 {
    font-size: 6vw;
    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: 4vw;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 0px;
    padding-bottom: 30px;
    text-align: center; }

.cnt_box04 {
  padding: 80px 0 80px; }
  .cnt_box04 .h2_text {
    letter-spacing: 1px;
    line-height: 140%;
    padding-bottom: 60px; }
    .cnt_box04 .h2_text img {
      width: 16%; }
  .cnt_box04 .box1 img {
    padding-bottom: 20px; }
  .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 img {
    padding-bottom: 40px; }
  .cnt_box05 ul.btn {
    width: 100%;
    margin: 30px 0 0; }
    .cnt_box05 ul.btn li {
      width: 100%;
      margin-bottom: 30px; }

.cnt_box06 {
  padding: 40px 0 40px; }
  .cnt_box06 .h2_text {
    font-size: 6.0vw;
    padding-bottom: 45px; }
  .cnt_box06 ul.logo {
    width: 100%;
    margin: 0 0 30px; }
    .cnt_box06 ul.logo li {
      width: 100%;
      margin-bottom: 30px;
      text-align: center; }
      .cnt_box06 ul.logo li .img1, .cnt_box06 ul.logo li .img2 {
        width: 70%; }
  .cnt_box06 .btn {
    text-align: center; }

/* top page */