@charset "UTF-8";
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
矢印
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
擬似要素
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 初期：bg塗りあり、枠線塗りあり ⇨ hoverで反転 */
/* 初期：bg塗りなし、枠線塗りあり ⇨ hoverで反転 */
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
.business_contents {
  padding: 50px 23px 42px;
  background-color: white;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.16);
  /* 751- */
}
@media all and (min-width: 751px) {
  .business_contents {
    padding: 80px 66px 90px;
  }
}

/*----------------------------------------------------
ビジネスヘッド
----------------------------------------------------*/
#business_head {
  margin-top: 47px;
  margin-bottom: 50px;
  /* 751- */
  /* CT⇨センターの意味*/
}
#business_head .head_title {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  margin-left: 26px;
  margin-bottom: 30px;
}
#business_head .head_title::before {
  content: "";
  position: absolute;
  display: block;
  background: #1BA1E6;
  width: 5px;
  height: 65px;
  margin-left: -26px;
  top: 5px;
}
#business_head .business_head_box {
  padding: 36px 23px 40px;
  background-color: white;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.16);
}
#business_head .intro {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2;
  margin-bottom: 40px;
}
#business_head .merit .ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0em;
  line-height: 1.75;
  color: #1BA1E6;
  margin-bottom: 18px;
}
#business_head .merit ul {
  counter-reset: number 0;
  margin-left: 1.5em;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 2;
}
#business_head .merit ul > li {
  position: relative;
}
#business_head .merit ul > li::before {
  counter-increment: number 1;
  content: counter(number) ".";
  position: absolute;
  left: -1.5em;
}
#business_head .merit ul > li::before {
  color: #1BA1E6;
}
@media all and (min-width: 751px) {
  #business_head {
    margin-top: 67px;
    margin-bottom: 100px;
  }
  #business_head .head_title {
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 2v;
  }
  #business_head .head_title::before {
    content: "";
    position: absolute;
    display: block;
    background: #1BA1E6;
    width: 5px;
    height: 111px;
    margin-left: -26px;
    top: 5px;
  }
  #business_head .intro {
    font-size: 14px;
    letter-spacing: 0.025em;
    line-height: 2;
    margin-bottom: 46px;
  }
  #business_head .business_head_box {
    padding: 60px 66px;
  }
  #business_head .merit .ttl {
    font-size: 20px;
    letter-spacing: 0.025em;
    line-height: 1.4;
    margin-bottom: 22px;
  }
  #business_head .merit ul {
    counter-reset: number 0;
    margin-left: 1.5em;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  #business_head .merit ul > li {
    position: relative;
  }
  #business_head .merit ul > li::before {
    counter-increment: number 1;
    content: counter(number) ".";
    position: absolute;
    left: -1.5em;
  }
  #business_head .merit ul > li::before {
    color: #1BA1E6;
  }
}
@media all and (min-width: 1161px) {
  #business_head {
    margin-bottom: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #business_head .business_head_box {
    margin-top: -120px;
    width: 600px;
  }
}

/*----------------------------------------------------
運営サイト
----------------------------------------------------*/
#site {
  margin-bottom: 70px;
  /* 751- */
}
#site .textArea {
  text-align: center;
  margin-bottom: 17px;
}
#site .ttl_mid {
  margin-bottom: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  letter-spacing: 0.05em;
  line-height: 1.6667;
}
#site .logoArea {
  margin-bottom: 26px;
}
#site .biniPro .logoArea img {
  width: 185px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #site .biniPro .logoArea img {
    width: 269px;
  }
}
#site .yodoya .logoArea img {
  width: 189px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #site .yodoya .logoArea img {
    width: 270px;
  }
}
#site .metal .logoArea img {
  width: 177px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #site .metal .logoArea img {
    width: 245px;
  }
}
#site .siteBox {
  margin-bottom: 72px;
}
#site .siteBox:last-child {
  margin-bottom: 0px;
}
#site .text {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.846;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#site .btnArea {
  /* -750 */
}
@media all and (max-width: 751px) {
  #site .btnArea {
    margin-top: 40px;
    text-align: center;
  }
}
@media all and (min-width: 751px) {
  #site {
    margin-bottom: 125px;
  }
  #site .siteBox {
    margin-bottom: 100px;
  }
  #site .ttl_mid {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.95;
    margin-bottom: 40px;
  }
  #site .logoArea {
    margin-bottom: 40px;
  }
  #site .text {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 1.846;
    margin-bottom: 41px;
  }
}
@media all and (min-width: 1100px) {
  #site .imageArea {
    max-width: 514px;
  }
  #site .textArea {
    text-align: left;
    max-width: 417px;
    margin-right: 71px;
  }
  #site .siteBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 91px;
    /* 奇数だけ並びを変える */
  }
  #site .siteBox:last-child {
    margin-bottom: 0px;
  }
  #site .siteBox:nth-child(odd) .textArea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0px;
    margin-left: 71px;
  }
  #site .siteBox:nth-child(odd) .imageArea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

/*----------------------------------------------------
「募集している素材・資材」「募集している協力会社様」
----------------------------------------------------*/
#recruit {
  /* 751- */
  /* CT⇨センターの意味*/
}
#recruit .recruitBox {
  margin-bottom: 70px;
}
#recruit .recruitBox:last-child {
  margin-bottom: 0px;
}
#recruit h3 {
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  margin-left: 1em;
  margin-bottom: 11px;
}
#recruit h3::before {
  margin-left: -1em;
  top: 5px;
  content: "";
  position: absolute;
  display: block;
  background: #1BA1E6;
  width: 5px;
  height: 70%;
}
#recruit .text {
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 1.6923;
}
#recruit li {
  margin-bottom: 32px;
}
#recruit li:last-child {
  margin-bottom: 0px;
}
@media all and (min-width: 751px) {
  #recruit ul {
    margin: 0 auto;
    max-width: 559px;
  }
  #recruit .secTitle h2 {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 2.5;
  }
  #recruit h3 {
    font-size: 16px;
    letter-spacing: 0.025em;
    line-height: 1.75;
  }
  #recruit .text {
    font-size: 14px;
    letter-spacing: 0.025em;
    line-height: 1.75;
  }
}
@media all and (min-width: 1161px) {
  #recruit .recruitBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #recruit ul {
    margin: 0;
  }
  #recruit .secTitle {
    margin-right: 70px;
  }
  #recruit .secTitle h2 span::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 69px;
    background-color: #1BA1E6;
    left: initial;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    right: 0;
    bottom: -23px;
  }
}
/*# sourceMappingURL=business.css.map */