@charset "UTF-8";

/*-----------------
画像リスト専用
-----------------*/
.flex-s {
  display: flex;
  flex-wrap: wrap;
}

.media-summary .bottun_02 {
  line-height: initial !important;
}

/*-----------------
パソコン
-----------------*/
@media screen and (min-width: 600px) {

  /*------<pc>範囲・空き・位置---------*/
  .all-text {
    display: block;
  }

  .wrap01 {
    display: block;
    padding-left: 11.6vw;
    padding-right: 11.6vw;
    margin-top: -9.6vw;
  }

  .area2 {
    display: block;
  }

  .area01, .area03 {
    /*sp設定なし*/
    padding-top: 95px;
    margin-top: 20vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .area02 {
    /*sp設定なし*/
    margin-top: 20vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .linkpage_01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 91vw;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
  }

  .margin-tpbt_link {
    margin-top: 45px;
  }

  .headline01-ja {
    margin-top: inherit !important;
  }

  /*-----------IE,EDGE,fire foxの処理------------*/
  /* for IE 11 */
  _:-ms-lang(x)::-ms-backdrop,
  .padd-tpbt_10_IE {
    padding-bottom: 120px;
  }

  /* for IE 10 */
  @media all and (-ms-high-contrast:none) {
    .padd-tpbt_10_IE {
      padding-bottom: 120px;
    }
  }

  /* for Microsoft Edge */
  @supports (-ms-ime-align:auto) {
    .padd-tpbt_10_IE {
      padding-bottom: 120px;
    }
  }

  /* for fire fox */
  @-moz-document url-prefix() {
    .padd-tpbt_10_IE {
      padding-bottom: 120px;
    }
  }

  /*------<pc>背景---------*/
  /*↓bitwinについて背景↓*/
  .bg_l-gr {
    margin-top: -94px;
    width: 100%;
    background-image: url('../img/bitwin/bg_lightgreen.jpg');
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: left top;
    /*どこに揃えるかを設定*/
    background-size: 60% auto;
    /*幅は%で指定　高さはpxで指定*/
    padding: 80px 0px;
    z-index: -99;
  }

  /*↓サービスについての背景↓*/
  .bg_tri {
    border-top: 0vw solid transparent;
    border-right: 151.36vw solid #ebf5d4;
    border-bottom: 50.75vw solid transparent;
    border-left: 0px solid transparent;
    right: 0vw;
    margin-top: -1.7vw;
    overflow: hidden;
    display: block;
    position: absolute;
  }

  /*↓採用情報方背景↓*/
  .bg_l-gr2 {
    margin-top: -94px;
    width: 100%;
    background-image: url('../img/bitwin/bg_lightgreen.jpg');
    background-repeat: repeat-y;
    background-repeat-x: no-repeat;
    background-attachment: fixed;
    background-position: right top;
    /*どこに揃えるかを設定*/
    background-size: 60% auto;
    /*幅は%で指定　高さはpxで指定*/
    padding: 80px 0px;
    z-index: -99;
  }

  .bg_l-gr .bg_area01, .bg_l-gr2 .bg_area03 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }

  .bg_l-gr .innertext {
    display: block;
    width: 41.25vw;
    margin-top: 0;
    right: 0;
    max-width: 495px;
    background-position-x: right;
    margin-right: 51.5vw;
    margin-left: auto;
  }

  .bg_l-gr2 .innertext2 {
    display: block;
    width: 45.2vw;
    margin-top: 0;
    left: 0;
    max-width: 544px;
    background-position-x: left;
    margin-left: 51.5vw;
    margin-right: 2vw;
  }

  /*------<pc>画像---------*/
  .img_02 {
    height: auto;
    width: 48.3333vw;
    float: right;
    position: absolute;
    z-index: 9999;
    right: 0;
    max-width: 580px;
    margin-top: 5.3vw;
  }

  .bg_img {
    display: block;
    height: auto;
    background-position-x: right;
    margin-top: 5.3vw;
    background-repeat: no-repeat;
    background-image: url('../img/bitwin/pr-bitwin.jpg');
    width: 100%;
    position: absolute;
    margin-top: -3%;
    padding-top: 30vw;
    background-size: 48.3%;
    z-index: 99;
    max-width: 1200px;
  }

  .bg_img2 {
    display: block;
    height: auto;
    background-position-x: left;
    margin-top: 5.3vw;
    background-repeat: no-repeat;
    background-image: url('../img/bitwin/staff-image_1.jpg');
    width: 100%;
    position: absolute;
    margin-top: -3%;
    padding-top: 30vw;
    background-size: 48.3%;
    z-index: 99;
    max-width: 1200px;
  }

  .area01::before {
    content: "";
    display: block;
    background-position-x: left;
    background-position-y: center;
    position: absolute;
    background-size: 100%;
    max-width: 970px;
    min-width: 485px;
    background-repeat: no-repeat;
    background-image: url('../img/bitwin/index_aboutus.png');
    padding-top: 14.16vw;
    margin-bottom: 22px;
    width: 100%;
    top: -8vw;
    /*sp設定なし*/
  }

  .area02::before {
    content: "";
    display: block;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    background-size: 100%;
    max-width: 800px;
    min-width: 400px;
    background-repeat: no-repeat;
    background-image: url('../img/bitwin/index_service.png');
    padding-top: 14.16vw;
    width: 100%;
    top: -10vw;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
    /*sp設定なし*/
  }

  .area03::before {
    content: "";
    display: block;
    background-position-x: right;
    background-position-y: center;
    position: absolute;
    background-size: 100%;
    max-width: 808px;
    min-width: 404px;
    background-repeat: no-repeat;
    background-image: url('../img/bitwin/index_recruit.png');
    padding-top: 14.16vw;
    margin-bottom: 22px;
    width: 100%;
    top: -8vw;
    right: 0;
    /*sp設定なし*/
  }

  .entertainment {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 26.5vw;
    max-width: 310px;
  }

  /*------<pc>文字関連---------*/
  .area01 .headline01 {
    padding-left: 6.25vw;
  }

  .area03 .headline01 {
    padding-left: 12.25vw;
  }

  .innertext .lead-sentence01, .innertext2 .lead-sentence01 {
    position: relative;
    display: block;
    background-size: cover;
    font-weight: 600;
  }

  .area03 .lead-sentence01 {
    position: relative;
    width: 50vw;
    padding-left: 12.25vw;
    display: block;
    background-size: cover;
  }

  .area02 .lead-sentence01 {
    font-weight: 600;
  }

  .headline01-ja {
    margin-top: inherit;
  }

  .text-box {
    overflow: hidden;
    display: block;
  }

  #news .headline01::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .banner .headline01::after {
    content: none !important;
    background-color: inherit !important;
    height: inherit !important;
    display: none !important;
  }

  .banner .font_m {
    font-size: 22px;
  }

  /*ーーーーーーーーーーーーーーーーーーー
      <pc>↓↓画像と背景セット↓↓
ーーーーーーーーーーーーーーーーーーー*/
  .mediaarea_01 {
    overflow: hidden;
  }

  .media-image {
    padding-top: 0px;
  }

  .media-summary {
    display: table-footer-group;
  }

  .box_media-text {
    float: left;
    z-index: -10;
    left: 0;
    display: block;
    /*sp設定なし*/
  }

  .box_media-text_2 {
    float: right;
    z-index: -10;
    right: 0;
    display: block;
    /*sp設定なし*/
  }

  /*ーーーーーーーーーーーーーーーーーーー
      <pc>↓↓サービス↓↓
ーーーーーーーーーーーーーーーーーーー*/
  .top_service-box {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .flex-s {
    justify-content: start;
    max-width: 650px;
    width: 54vw;
    margin-left: auto;
    margin-right: auto;
  }

  .wrap01 .margin-tpbt_08 {
    margin-top: 3.333333%;
  }

  .service_icon_01:first-child {
    margin-top: 2.5%;
    margin-left: 1.6%;
  }

  .service_icon_01+.service_icon_01 {
    margin-top: 2.5% !important;
    margin-left: 1.6% !important;
  }

  .service_icon_01+.service_icon_01 {
    margin-top: 2.5%;
    margin-left: 1.6%;
  }

  .service_icon_01 {
    width: 16.6vw;
    height: 15.83vw;
  }

  /*------<pc>news---------*/
  .base-news {
    width: 87.5vw;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
  }

  .news-list {
    margin-top: 90px;
  }

  .news-line:first-child {
    border-top: 2px solid #a0a0a0;
  }

  .news-line {
    display: flex;
    border-bottom: 2px solid #a0a0a0;
    padding: 30px 35px;
  }

  .news-name {
    width: 190px;
  }

  .news-text {
    width: calc(100% - 160px);
    text-decoration: none;
  }

  .news-line dd {
    font-size: 16px;
    line-height: 2em;
  }

  .news-line dt {
    font-size: 16px;
    font-weight: bold;
  }

  /*------<pc>newsここまで↑↑---------*/
}

/*-------------<    ↑↑pcここまで↑↑    >-------------*/
/*-------------<    ↓↓spここから↓↓    >-------------*/
/*-----------------
スマホ
-----------------*/
@media screen and (max-width: 599px) {

  /*------<sp>範囲・空き・位置---------*/
  .padd-tpbt_index {
    padding-top: 30px;
    /*pc=設定なし*/
  }

  .width-base-sp .margin-tpbt_014 {
    margin-top: inherit;
    /*pc=30px*/
  }

  .margin-tpbt_014_sp {
    margin-top: 50px;
    /*pc=設定なし*/
  }

  .top_service-box {
    width: 86vw;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .linkpage_01 {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /*------<sp>画像---------*/
  .bg_l-gr, .bg_l-gr2 {
    background-color: #f0f5e6;
    width: 100%;
    padding-bottom: 30px;
  }

  .bg_top2 {
    background-color: #f0f5e6;
    width: 100%;
    padding-bottom: 30px;
  }

  .bg_tri {
    max-width: 599px;
    width: 100%;
    content: "";
    border-top: 51.2vw solid transparent;
    border-right: 98.3vw solid #ebf5d4;
    border-bottom: 170vw solid transparent;
    border-left: 0px solid transparent;
    right: 0;
    margin-top: 95px;
    position: absolute;
    z-index: -999;
  }

  .link-image_01 {
    width: 100%;
  }

  .banner .headline01 {
    background-color: #f9f9f9 !important;
  }

  .entertainment {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 38vw;
    max-width: 210px;
    padding-top: 45px;
  }

  .banner .headline01::after {
    content: none !important;
    background-color: inherit !important;
    height: inherit !important;
    display: none !important;
  }

  /*------<sp>文字関連---------*/
  .lead-sentence01 {
    font-weight: bold;
  }

  /*ーーーーーーーーーーーーーーーーーーー
      <sp>↓↓画像と背景セット↓↓
ーーーーーーーーーーーーーーーーーーー*/
  .img_02 {
    height: auto;
    width: 100%;
    /*pc=48.3333%*/
  }

  .text-wrap .text-mg_02 {
    margin-top: inherit;
  }

  .bottun_02 {
    display: block;
    margin-left: inherit;
    margin-right: inherit;
  }

  #news .headline01 {
    background-color: inherit !important;
  }

  #news .pc {
    display: none !important;
  }

  /*ーーーーーーーーーーーーーーーーーーー
      <sp>↓↓サービスページの画像↓↓
ーーーーーーーーーーーーーーーーーーー*/
  .flex-s {
    justify-content: space-around;
  }

  .service_icon_01 {
    float: left;
    margin-left: 1%;
  }

  .service_icon_01:first-child {
    margin-top: 5px;
  }

  .service_icon_01+.service_icon_01 {
    margin-top: 5px;
  }

  .service_icon_01 {
    width: 41.6vw;
    height: 39.6vw;
  }

  /*------<sp>news---------*/
  .base-news {
    width: 86.666666vw;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

  .base-banner {
    margin-left: auto;
    margin-right: auto;
  }

  .news-list {
    margin-top: 42px;
  }

  .news-line:first-child {
    border-top: 2px solid #a0a0a0;
  }

  .news-line {
    display: flex;
    border-bottom: 2px solid #a0a0a0;
    padding: 15px 25px;
  }

  .news-name {
    width: 100px;
  }

  .news-text {
    width: calc(100% - 100px);
    text-decoration: none;
  }

  .news-line dd {
    font-size: 14px;
    line-height: 1.8em;
  }

  .news-line dt {
    font-size: 14px;
    font-weight: bold;
  }

  /*------<sp>newsここまで↑↑---------*/
}

/*-------------<    ↑↑spここまで↑↑    >-------------*/
/*-----------<    ↓↓その他ここから↓↓    >-----------*/
/*==============================*/
/*《最大上限:1200px~》
 要素が際限なく拡大されるのを防ぐ*/
/*==============================*/
@media screen and (min-width: 1200px) {

  /*------範囲---------*/
  .main-wrap .area01, .main-wrap .area02, .main-wrap .area03 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .box_01 {
    width: 1200px;
  }

  .wrap01 {
    width: 1200px;
    padding-left: 140px;
    padding-right: 140px;
    padding-top: 80px;
  }

  .linkpage_01 {
    width: 1050px;
  }

  .bg_l-gr .bg_area01, .bg_l-gr2 .bg_area03 {
    width: 1200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .bg_l-gr .innertext {
    width: 495px;
    margin-right: 631px;
  }

  .bg_l-gr .innertext2 {
    width: 495px;
    margin-left: 631px;
  }

  .margin-tpbt_link {
    margin-top: 20px;
  }

  .bg_area01 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .area02 {
    margin-top: 240px;
  }

  .bg_l-gr2 .innertext2 {
    width: 546px;
    margin-left: 638px;
    margin-right: 25px;
  }

  /*------背景---------*/
  .main-wrap .bg_top {
    width: 720px;
    margin-right: auto;
  }

  .main-wrap .bg_top2 {
    width: 720px;
    margin-left: auto;
  }

  .bg_l-gr, .bg_l-gr2 {
    width: 100%;
  }

  .area02::before {
    top: -120px;
    padding-top: 170px;
  }

  .area01, .area03 {
    margin-top: 240px;
  }

  /*↓サービスについての背景↓*/
  .bg_tri {
    margin-top: -15px;
  }

  /*------画像---------*/
  .img_02 {
    width: 580px;
    /*pc=48.3333%*/
  }

  .bg_img, .bg_img2 {
    width: 1200px;
  }

  .service_icon_01 {
    width: 200px;
    height: 190px;
  }

  .wrap-all .link-image_01 {
    width: 330px;
  }
}

/*==============================
 PC最小幅
 《〜 .links-innerと.footer-innerの最大横幅》
  ==============================*/
@media screen and (min-width:600px) and (max-width:920px) {}

/*------------<    ↑↑pc最小ここまで↑↑    >------------*/
/*-----------<    ↓↓基本設定について↓↓    >-----------*/
/*==============================
 基本設定（各種）※触らない※
  ==============================*/
.bottun_02 {
  z-index: 9999;
  position: relative;
}