@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&family=Lato:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Raleway:wght@300;400;500;700;800;900&display=swap');

/*==============================
《pc:600px~》
==============================*/
@media screen and (min-width: 600px) {

  /*------------------------------
〈pc〉レイアウト（空白・幅等）
------------------------------*/
  /* 《< 余白 >margin/padding/等…》 */
  .area_form_01 {
    margin-left: 15.83333333333%;
    padding-right: 15.83333333333%;
  }

  .area1 {
    /*sp設定なし*/
    margin-left: 4.16666666666665%;
    padding-right: 4.16666666666665%;
    padding-top: 169px;
    margin-top: 111px;
  }

  .margin-side_01 {
    margin-left: 10.9756%;
    margin-right: 10.9756%;
  }

  /*-------PC：汎用-------*/
  .basic-p+.basic-p {
    margin-top: 1.5em;
  }

  .catch01 {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .margin-lfrt_auto {
    margin-left: auto;
    margin-right: auto;
    /*sp、pcともに変わらず*/
  }

  .margin-lfrt_01 {
    margin-left: 50px;
    /*pcのみ*/
  }

  .margin-tpbt_01 {
    margin-top: 10px;
    /*sp=20px*/
  }

  .margin-tpbt_02 {
    margin-top: 60px;
    /*sp=55px*/
  }

  .margin-tpbt_03 {
    margin-top: 20px;
    /*sp=12.5px*/
  }

  .margin-tpbt_04 {
    margin-bottom: 10px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_05 {
    margin-bottom: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_06 {
    margin-top: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_07 {
    margin-top: 40px;
    /*sp=30px*/
  }

  .margin-tpbt_08 {
    margin-top: 50px;
    /*sp=40px*/
  }

  .margin-tpbt_09 {
    margin-top: 27px;
    /*sp=30px*/
  }

  .margin-tpbt_010 {
    margin-top: 45px;
    /*sp=40px*/
  }

  .margin-tpbt_011 {
    margin-top: 50px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_012 {
    margin-top: 60px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_013 {
    margin-top: 33px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_014 {
    margin-top: 30px;
    /*sp=50px*/
  }

  .margin-tpbt_015 {
    margin-top: 90px;
    /*sp=30px*/
  }

  .margin-tpbt_016 {
    margin-top: 130px;
    /*sp=50px*/
  }

  .margin-tpbt_017 {
    margin-top: 40px;
    /*sp=25px*/
  }

  .margin-tpbt_018 {
    margin-top: 70px;
    /*sp=30px*/
  }

  .margin-tpbt_019 {
    margin-top: 80px;
    /*sp=40px*/
  }

  .margin-tpbt_020 {
    margin-top: 140px;
    /*sp=85px*/
  }

  .margin-tpbt_021 {
    margin-top: 100px;
    /*sp=40px*/
  }

  .margin-tpbt_022 {
    margin-top: 1em;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_023 {
    margin-top: 120px;
    /*sp=30px*/
  }

  .margin-tpbt_024 {
    margin-top: 40px;
    /*sp=20px*/
  }

  .margin-tpbt_025 {
    margin-top: 45px;
    /*sp=20px*/
  }

  .margin-tpbt_026 {
    margin-top: 30px;
    /*sp=35px*/
  }

  .margin-tpbt_027 {
    margin-top: 60px;
    /*sp=20px*/
  }

  .margin-tpbt_028 {
    margin-top: 150px;
    /*sp=50px*/
  }

  .margin-tpbt_029 {
    margin-top: 45px;
    /*sp=25px*/
  }

  .margin-tpbt_030 {
    margin-top: 30px;
    /*sp=25px*/
  }

  .margin-tpbt_031 {
    margin-bottom: 120px;
    /*sp=40px*/
  }

  .margin-tpbt_032 {
    margin-top: 140px;
    /*sp設定なし*/
  }

  .margin-tpbt_kv {
    position: absolute;
    bottom: 250px;
    /*仮設定中(indexページ)*/
  }

  .margin-lfrt_auto {
    margin-left: auto;
    margin-right: auto;
    /*sp、pcともに変わらず*/
  }

  .padd-tpbt_01 {
    padding-top: 70px;
    /*sp=40px*/
  }

  .padd-tpbt_02+.padd-tpbt_02 {
    padding-top: 20px;
    /*sp=0.5em*/
  }

  .padd-tpbt_03 {
    padding-bottom: 45px;
    /*sp=75px*/
  }

  .padd-tpbt_04 {
    padding-top: 10px;
    /*sp=7.5px*/
  }

  .padd-tpbt_05 {
    padding-bottom: 10px;
    /*sp=7.5px*/
  }

  .padd-tpbt_06 {
    padding-top: 45px;
    /*sp=20px*/
  }

  .padd-tpbt_07 {
    padding-top: 100px;
    padding-bottom: 100px;
    /*sp=6.6666vw*/
  }

  .padd-tpbt_08 {
    padding-top: 35px;
    /*sp=20px*/
  }

  .padd-tpbt_09 {
    padding-top: 60px;
    /*sp=設定なし*/
  }

  .padd-tpbt_10 {
    padding-bottom: 120px;
    /*sp=設定なし*/
  }



  /*-------PC：上位-------*/
  .main-wrap {
    padding-bottom: 200px;
  }

  .width-base-pc {
    margin: 0 auto;
  }

  /* 《< 幅 >wid/hei/等…》 */
  .wid_01 {
    width: 100%;
    /*pc、sp共に同じ*/
  }

  /* 《< 移動・表示関連 >flex/display/等…》 */
  .sp {
    display: none;
  }

  /* 《< 位置関連 >position等…》 */
  .position_r {
    position: relative;
    /*sp設定なし*/
  }

  .position_r2 {
    position: relative;
    /*sp設定なし*/
  }

  /*------------------------------
〈pc〉文字関連（font/text）
------------------------------*/
  /* 《<サイズ関連>》 */
  p {
    font-size: 16px;
    line-height: 2em;
  }

  .font_l {
    font-size: 40px;
    /*sp=25px*/
  }

  .font_l_02 {
    font-size: 36px;
    /*sp=18px*/
  }

  .font_l_03 {
    font-size: 36px;
    /*sp=25px*/
  }

  .font_m {
    font-size: 25px;
    /*sp=18px*/
  }

  .font_s {
    font-size: 18px;
    /*sp=15px*/
  }

  .font_sub-t {
    font-size: 18px;
    /*sp=12px*/
  }

  .font-kv {
    font-size: 28px;
    /*仮設定中*/
  }

  .font_00 {
    font-size: 14px;
    /*pc、sp共に同じ*/
  }

  .font_01 {
    font-size: 14px;
    /*sp=15px*/
  }

  .font_02 {
    font-size: 16px;
    /*sp=15px*/
  }

  .font_03 {
    font-size: 14px;
    /*sp=17px*/
  }

  .font_04 {
    font-size: 14px;
    /*sp=13px*/
  }

  .font_05 {
    font-size: 18px;
    /*sp=20px*/
  }

  .font_06 {
    font-size: 16px;
    /*pc、sp共に同じ*/
  }

  .font_07 {
    font-size: 16.8px;
    /*sp=14px*/
  }

  .font_08 {
    font-size: 40px;
    /*sp=22.5px*/
  }

  .font_09 {
    font-size: 18px;
    /*sp=15px*/
  }

  .font_10 {
    font-size: 26px;
    /*sp=20px*/
  }

  .font_11 {
    font-size: 30px;
    /*sp=20px*/
  }

  .font_12 {
    font-size: 18px;
    /*sp=14px*/
  }

  .font_13 {
    font-size: 24px;
    /*sp=20px*/
  }

  .font_14 {
    font-size: 26px;
    /*sp=18px*/
  }

  .font_15 {
    font-size: 20px;
    /*sp=16px*/
  }

  .font_16 {
    font-size: 18px;
    /*sp=16px*/
  }

  .font_17 {
    font-size: 16px;
    /*sp=14px*/
  }

  .headline02 {
    text-align: center;
  }

  .headline02::after {
    width: 50px;
    margin-top: 26px;
  }

  .text-indent_01 {
    line-height: 1.8em;
  }

  /* 《<色・装飾>text-cl》 */
  .text-cl_01 {
    color: #232323;
    /*sp、pc共に同じ*/
  }

  .text-cl_02 {
    color: #8c0e29;
    /*sp、pc共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .text-cl_04 {
    color: #2567c0;
    /*sp、pc共に同じ*/
  }

  .text-bold_01 {
    font-weight: bold;
  }

  /*------------------------------
〈pc〉装飾関連
------------------------------*/
  .line-green::after {
    content: "";
    background-color: #90c31f;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  .line-gray::after {
    content: "";
    background-color: #232323;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  /*------------------------------
〈pc〉画像関連（kv,logo,banner,等）
------------------------------*/
  /* 《＜大きさ>》　*/
  .symbol-icon_01 {
    width: 97px;
    height: auto;
  }

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

  .link-image_01 {
    width: 27.5vw;
    max-width: 330px;
  }

  .preview-pic {
    width: 25vw;
    height: auto;
  }

  /*------------------------------
〈pc〉ボタン関連
------------------------------*/
  /*〈pc〉 <色・装飾> */
  .bottun-cl_01 {
    background-color: #5d5d5d;
    /*pc、sp共に同じ*/
    color: #fff;
    /*pc、sp共に同じ*/
  }

  .bottun-cl_02 {
    color: #232323;
    background: #fff;
  }

  .bottun-cl_02 a {
    color: #232323;
  }

  /*〈pc〉 <大きさ・幅> */
  .bottun-wh_01 {
    width: 250px;
    /*sp=83.3333%*/
    height: 50px;
    /*sp=45px*/
  }

  /*〈pc〉ページ上部へ戻るボタンセット　*/
  .scroll-top {
    background-color: #5d5d5d;
    color: #fff;
    bottom: 0;
    /*
    right: 12.49999999999995%;
    */
    right: 0;
    padding: 18px;
    position: fixed;
    z-index: 9999;
  }

  .scroll-top.display {
    display: block;
  }

  /*〈pc〉詳しく見るボタンセット　*/
  .bottun_02 {
    width: 280px;
    height: 60px;
    padding-left: 48px;
    padding-top: 16px;
    padding-bottom: 17px;
    /*
    padding: 20px 36px 20px 76px;
    */
    border: solid #232323 3px;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /*＊＊＊＊＊＊＊＊＊＊＊
〈pc〉↓↓その他セット↓↓
＊＊＊＊＊＊＊＊＊＊＊*/
  /*------------------------------
〈pc〉初期作成/見出しセット
------------------------------*/
  /*
  .headline01-en {
    font-size: 40px;
  }
  */
  .headline01-ja {
    margin-top: 22px;
    font-size: 18px;
  }

  .headline01-en2 {
    margin-top: 22px;
  }

  .headline01, .headline02, .headline03 {
    text-align: left;
  }

  .headline01::after, .headline02::after {
    width: 50px;
    margin-top: 26px;
  }

  .list-title01::after, .list-title02::after {
    width: 100%;
  }

  /*------------------------------
〈pc〉スクロール
------------------------------*/
  .privacy_scroll {
    overflow: auto;
    height: 250px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5em;
    background-color: #ffffff;
  }

  /*------------------------------
〈pc〉セット：ヘッダー
------------------------------*/
  .logo-header {
    margin-left: 34px;
  }

  .gnavi {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .gnavi-list {
    justify-content: flex-end;
    width: 100%;
    max-width: 600px;
  }

  .gnavi-item {
    width: 25%;
  }

  .gnavi-link {
    font-size: 16px;
    padding: 24px 0;
    text-align: center;
  }

  /*------------------------------
〈pc〉セット：kv
------------------------------*/
  .kv_01, .kv_02, .kv_03, .kv_03_2, .kv_05 {
    height: 500px;
  }

  .kv_04 {
    height: 300px;
  }

  .kv_01 .width-base-pc, .kv_02 .width-base-pc, .kv_03 .width-base-pc, .kv_04 .width-base-pc, .kv_03_2 .width-base-pc, .kv_05 .width-base-pc {
    height: 100%;
    position: relative;
  }

  .kv-inner {
    width: 500px;
    height: 160px;
    background: linear-gradient(#bae165, #b5e879);
    color: #232323;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: 55px;
  }

  .kv-en {
    font-size: 50px;
  }

  .kv-ja {
    font-size: 25px;
    margin-top: 20px;
  }

  /*------------------------------
〈pc〉セット：CONTACT&ENTRY
------------------------------*/
  .links {
    padding: 40px 0;
  }

  .links-inner,
  .footer-inner {
    max-width: 920px;
  }

  .links-item {
    padding: 24px 4.99999999999998%;
    width: 46.78998911860701%;
  }

  .links-title {
    font-size: 30px;
  }

  .links-lead {
    line-height: 1em !important;
    font-size: 20px;
    margin-top: 25px;
  }

  .links-paragraph {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 14px;
  }

  .links-btn {
    font-size: 18px;
    padding: 17px 0;
    line-height: 1;
  }

  /*------------------------------
〈pc〉セット：フッター
------------------------------*/
  .logo-footer {
    width: 127px;
  }

  .footer-inner2 {
    display: flex;
    justify-content: center;
  }

  .footer-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 41px;
    padding-bottom: 71px;
  }

  .address-text {
    font-size: 14px;
    color: #232323;
    margin-top: 19px;
  }

  .footer-nav.pc,
  .footer-address {
    margin-top: 31px;
  }

  .footer-nav.pc {
    display: flex;
  }

  .footer-nav.pc .footer-item {
    display: flex;
    flex-direction: column;
  }

  .footer-nav.pc .footer-item+.footer-item {
    margin-top: 30px;
  }

  .footer-nav.pc .footer-link {
    font-size: 14px;
  }

  .footer-nav.pc .footer-list:nth-child(1) {
    margin-right: 63px;
  }

  .footer-nav.pc .footer-list:nth-child(2) {
    margin-right: 46px;
  }

  .copyright {
    font-size: 14px;
    padding-bottom: 9px;
    margin-top: 44px;
  }

  /* .footer-nav.pc .footer-list:not(:last-child) {
    font-weight: bold;
  } */
}

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



/*-------------<    ↓↓spここから↓↓    >-------------*/
/*==============================
《sp:~599px》
 ==============================*/
@media screen and (max-width: 599px) {

  /*------------------------------
	〈sp〉レイアウト関連（空白・幅等）
	------------------------------*/
  /* 《< 幅 >width/height/等…》 */
  .wid_01 {
    width: 100%;
    /*pc、sp共に同じ*/
  }

  /* 《< 余白 >margin/padding/等…》 */
  /*-------SP：上位クラス-------*/
  .main-wrap {
    padding-bottom: 42px;
  }

  .width-base-sp {
    padding: 0 6.66666666666665%;
  }

  .margin-side_01 {
    margin-left: 7.6923%;
    margin-right: 7.6923%;
  }

  .margin-tpbt_01 {
    margin-top: 20px;
    /*pc=10px*/
  }

  .margin-tpbt_02 {
    margin-top: 55px;
    /*pc=60px*/
  }

  .margin-tpbt_03 {
    margin-top: 12.5px;
    /*pc=20px*/
  }

  .margin-tpbt_04 {
    margin-bottom: 10px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_05 {
    margin-bottom: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_06 {
    margin-top: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_07 {
    margin-top: 30px;
    /*pc=40px*/
  }

  .margin-tpbt_08 {
    margin-top: 40px;
    /*pc=50px*/
  }

  .margin-tpbt_09 {
    margin-top: 30px;
    /*pc=27px*/
  }

  .margin-tpbt_010 {
    margin-top: 40px;
    /*pc=45px*/
  }

  .margin-tpbt_011 {
    margin-top: 50px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_012 {
    margin-top: 60px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_013 {
    margin-top: 33px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_014 {
    margin-top: 50px;
    /*pc=30px*/
  }

  .margin-tpbt_015 {
    margin-top: 30px;
    /*pc=90px*/
  }

  .margin-tpbt_016 {
    margin-top: 50px;
    /*pc=130px*/
  }

  .margin-tpbt_017 {
    margin-top: 25px;
    /*pc=40px*/
  }

  .margin-tpbt_018 {
    margin-top: 30px;
    /*pc=70px*/
  }

  .margin-tpbt_019 {
    margin-top: 40px;
    /*pc=80px*/
  }

  .margin-tpbt_020 {
    margin-top: 85px;
    /*pc=140px*/
  }

  .margin-tpbt_021 {
    margin-top: 40px;
    /*pc=100px*/
  }

  .margin-tpbt_022 {
    margin-top: 1em;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_023 {
    margin-top: 30px;
    /*pc=120px*/
  }

  .margin-tpbt_024 {
    margin-top: 20px;
    /*pc=40px*/
  }

  .margin-tpbt_025 {
    margin-top: 20px;
    /*pc=45px*/
  }

  .margin-tpbt_026 {
    margin-top: 35px;
    /*pc=30px*/
  }

  .margin-tpbt_027 {
    margin-top: 20px;
    /*pc=60px*/
  }

  .margin-tpbt_028 {
    margin-top: 50px;
    /*pc=150px*/
  }

  .margin-tpbt_029 {
    margin-top: 25px;
    /*pc=45px*/
  }

  .margin-tpbt_030 {
    margin-top: 25px;
    /*pc=30px*/
  }

  .margin-tpbt_031 {
    margin-bottom: 40px;
    /*pc=120px*/
  }

  .margin-tpbt_kv {
    position: absolute;
    bottom: 106.5px;
    /*仮設定中 indexページ*/
  }

  .padd-tpbt_01 {
    padding-top: 40px;
    /*pc=70px*/
  }

  .padd-tpbt_02+.padd-tpbt_02 {
    padding-top: 0.5em;
    /*pc=20px*/
  }

  .padd-tpbt_03 {
    padding-bottom: 75px;
    /*pc=45px*/
  }

  .padd-tpbt_04 {
    padding-top: 7.5px;
    /*pc=10px*/
  }

  .padd-tpbt_05 {
    padding-bottom: 7.5px;
    /*pc=7.5px*/
  }

  .padd-tpbt_06 {
    padding-top: 20px;
    /*pc=45px*/
  }

  .padd-tpbt_07 {
    padding-top: 6.6666vw;
    padding-bottom: 6.6666vw;
    /*pc=100px*/
  }

  .padd-tpbt_08 {
    padding-top: 20px;
    /*pc=35px*/
  }

  /* 《< 移動・表示関連 >flex/display/等…》 */
  .pc {
    display: none;
  }

  .box_01_sp {
    display: block;
    object-fit: cover;
  }

  /*spのみ*/
  /*------------------------------
〈sp〉文字関連（font/text）
------------------------------*/
  /* <サイズ関連> */
  p {
    line-height: 1.8em;
    font-size: 14px;
  }

  .font_l {
    font-size: 25px;
    /*pc=40px*/
  }

  .font_l_02 {
    font-size: 18px;
    /*pc=36px*/
  }

  .font_l_03 {
    font-size: 25px;
    /*pc=36px*/
  }

  .font_m {
    font-size: 18px;
    /*pc=25px*/
  }

  .font_s {
    font-size: 15px;
    /*pc=18px*/
  }

  .font-kv {
    font-size: 16px;
    /*仮設定中*/
  }

  .font_00 {
    font-size: 14px;
    /*pc、sp共に同じ*/
  }

  .font_01 {
    font-size: 15px;
    /*pc=14px*/
  }

  .font_02 {
    font-size: 15px;
    /*pc=16px*/
  }

  .font_03 {
    font-size: 17px;
    /*pc=14px*/
  }

  .font_04 {
    font-size: 13px;
    /*pc=14px*/
  }

  .font_05 {
    font-size: 20px;
    /*pc=18px*/
  }

  .font_06 {
    font-size: 16px;
    /*pc、sp共に同じ*/
  }

  .font_07 {
    font-size: 14px;
    /*pc=16.8px*/
  }

  .font_08 {
    font-size: 22.5px;
    /*pc=40px*/
  }

  .font_09 {
    font-size: 15px;
    /*pc=18px*/
  }

  .font_10 {
    font-size: 20px;
    /*pc=26px*/
  }

  .font_11 {
    font-size: 20px;
    /*pc=30px*/
  }

  .font_12 {
    font-size: 14px;
    /*pc=20px*/
  }

  .font_13 {
    font-size: 20px;
    /*pc=24px*/
  }

  .font_14 {
    font-size: 18px;
    /*pc=26px*/
  }

  .font_15 {
    font-size: 16px;
    /*pc=20px*/
  }

  .font_16 {
    font-size: 16px;
    /*pc=18px*/
  }

  .font_17 {
    font-size: 14px;
    /*pc=16px*/
  }

  .headline02 {
    padding-bottom: 17px;
  }

  .headline02::after {
    width: 29px;
    margin: 15px auto 0 auto;
  }

  .text-indent_01 {
    line-height: 1.8em;
  }

  /* <色・装飾> */
  .text-cl_01 {
    color: #232323;
    /*sp、pc共に同じ*/
  }

  .text-cl_02 {
    color: #8c0e29;
    /*sp、pc共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .text-cl_04 {
    color: #2567c0;
    /*sp、pc共に同じ*/
  }

  .text-bold_01 {
    font-weight: bold;
  }

  /*〈sp〉セット：リード文*/
  .lead-sentence01::before {
    content: "";
    width: 3px;
    height: 19px;
    /*height=.fontsize-title01のfont-size*/
    margin: 4.75px 6px 4.75px 0;
    /*   上下各margin     =    .fontsize-title01のline-height  -   .fontsize-title01のfont-size  /  2     */
    display: inline-block;
    background-color: #8cba28;
    vertical-align: top;
  }

  /*------------------------------
〈sp〉装飾関連
------------------------------*/
  .line-green::after {
    content: "";
    background-color: #90c31f;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  .line-gray::after {
    content: "";
    background-color: #232323;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  /*------------------------------
〈sp〉ボタン関連
------------------------------*/
  /*〈sp〉 <色・装飾> */
  .bottun-cl_01 {
    background-color: #5d5d5d;
    /*pc、sp共に同じ*/
    color: #fff;
    /*pc、sp共に同じ*/
  }

  .bottun-cl_02 {
    color: #232323;
    /*pc、sp共に同じ*/
    background: #fff;
    /*pc、sp共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .bottun-cl_02 a {
    color: #232323;
  }

  /*〈sp〉 <大きさ・幅> */
  .bottun-wh_01 {
    width: 83.3333%;
    /*pc=250px*/
    height: 45px;
    /*pc=50px*/
  }

  /*〈sp〉詳しく見るボタンセット　*/
  .bottun_02 {
    width: 250px;
    height: 45px;
    padding-top: 10px;
    padding-left: 50px;
    border: solid #232323 2px;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /*〈sp〉セット：ページ上部へ戻る*/
  .scroll-top {
    background-color: #f8c75a;
    color: #fff;
    bottom: 8px;
    right: 8px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-direction: column;
    align-items: center;
    position: fixed;
    display: flex;
  }

  .scroll-top::before {
    content: "";
    width: 13px;
    height: 8px;
    background-image: url(../img/bitwin/angle-up-solid.svg);
    background-size: cover;
    background-position: center;
    display: block;
    margin-top: 9px;
  }

  .scroll-top .sp {
    margin-top: 9px;
    display: block;
  }

  .scroll-top.display {
    display: flex;
  }

  /*------------------------------
〈sp〉画像関連
------------------------------*/
  /*〈sp〉大きさ　*/
  .symbol-icon_01 {
    width: 48.5px;
    height: auto;
  }

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

  .link-image_01 {
    width: 100%;
  }

  .preview-pic {
    width: 100%;
    height: auto;
  }

  /*〈sp〉kvセット　*/
  .kv_01, .kv_02, .kv_03, .kv_04, .kv_05, .kv_03_2 {
    height: 213px;
  }

  .kv .width-base-pc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
  }

  .kv-en,
  .kv-ja {
    background: linear-gradient(#bae165, #b5e879);
    display: inline-block;
  }

  .kv-en {
    font-size: 29px;
    padding: 5px 4px;
  }

  .kv-ja {
    font-size: 17px;
    padding: 6px;
    margin-top: 12px;
  }

  /*＊＊＊＊＊＊＊＊＊＊＊
〈sp〉↓↓その他セット↓↓
＊＊＊＊＊＊＊＊＊＊＊*/
  /*------------------------------
〈sp〉初期作成/見出しセット
------------------------------*/
  .headline01-ja {
    margin-top: 12px;
    font-size: 12px;
  }

  .headline01 {
    text-align: center;
    background-color: #ebf5d4;
    padding-bottom: 17px;
  }

  .headline02 {
    text-align: center;
    padding-bottom: 17px;
  }

  .headline03 {
    text-align: center;
  }

  .headline01::after {
    width: 29px;
    margin: 12px auto 0 auto;
    height: 1px;
  }

  .list-title01::after {
    width: 100%;
    height: 1px;
  }

  /*------------------------------
〈sp〉セット：kv
------------------------------*/
  .kv-inner {
    text-align: center;
    padding-top: 75px;
  }

  /*------------------------------
	〈sp〉スクロール
	------------------------------*/
  .privacy_scroll {
    overflow: auto;
    height: 276.5px;
    margin-left: 7.6923%;
    margin-left: 7.6923%;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.5em;
    background-color: #ffffff;
  }

  /*------------------------------
〈sp〉セット：フッター
------------------------------*/
  .logo-footer {
    width: 94px;
    display: block;
    margin: 19px auto 0 auto;
  }

  .footer-nav.sp {
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    padding: 21px 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 25px 2.5% 0 2.5%;
    justify-content: space-around;
  }

  .footer-nav.sp .footer-link {
    font-size: 11px;
    font-weight: bold;
  }

  .footer-nav.sp .footer-item+.footer-item {
    margin-top: 21px;
  }

  .address-text {
    margin-top: 14px;
    font-size: 9px;
    text-align: center;
  }

  .copyright {
    margin-top: 12px;
    font-size: 11px;
    padding-bottom: 20px;
  }

  /*------------------------------
〈sp〉セット：ページ下部
------------------------------*/
  .page-bottom {
    background-color: #f0f0f0;
  }

  /*------------------------------
〈sp〉セット：CONTACT&ENTRY
------------------------------*/
  .links-inner {
    flex-direction: column;
    text-align: center;
  }

  .links-item {
    padding: 21px 5px;
  }

  .links-item+.links-item {
    border-top: none;
  }

  .links-btn {
    width: 213px;
    padding: 13px 0;
  }

  .links-title {
    font-size: 21px;
  }

  .links-lead {
    margin-top: 19px;
    font-size: 15px;
  }

  .links-paragraph {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 11px;
  }

  .links-btn {
    font-size: 12px;
  }
}

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















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

  /*-------<PC最大>汎用-------*/
  .width-base-pc {
    width: 1200px;
  }

  .area1 {
    margin-left: 50px;
    padding-right: 50px;
  }

  /*-------<PC最大>画像-------*/
  .preview-pic {
    width: 300px;
    height: auto;
  }

  /*-------<PC最大>ヘッダー-------*/
  header .inner {
    width: 1200px;
  }

  /*-------<PC最大>フッター-------*/
  .links-inner,
  .footer-inner {
    width: 920px;
  }

  .links-item {
    padding-left: 60px;
    padding-right: 60px;
  }
}


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

  /*------------------------------
<PC最小>フッター（footer）
------------------------------*/
  .footer-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*---------------<    ↑↑pc最小ここまで↑↑    >---------------*/










/*-------------<    ↓↓基本設定について↓↓    >-------------*/
/*==============================
基本設定（各種）※触らない※
 ==============================*/
/*------------------------------
<共通>書式
------------------------------*/
html {
  font-family: 'Montserrat', "Noto Sans JP";
}

/*------------------------------
<共通>文字の空き
------------------------------*/
.text-mg_01 {
  margin-top: 0.5em;
}

.text-mg_02 {
  margin-top: 1.5em;
}

.text-ind_01 {
  padding-left: 0.7em;
}

.text-ind_02 {
  padding-left: 1.5em;
}

/*------------------------------
<共通>位置関係
------------------------------*/
.wrap-all {
  position: relative;
  margin-top: 60px;
}

@media screen and (max-width: 599px) {
  .wrap-all {
    margin-top: 50px;
  }
}

.position-c {
  display: block;
  text-align: center;
}

.position-l {
  display: block;
  text-align: left;
}

.margin_ltrt_auto {
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------
 <共通>box内について
------------------------------*/
* {
  box-sizing: border-box;
  line-height: 1.5;
}

.box_01 {
  display: block;
}

.inline-b {
  display: inline-block;
}

/*------------------------------
<共通>リスト
------------------------------*/
.li_deimal {
  list-style-type: decimal;
}

/*------------------------------
<共通>画像について
------------------------------*/
img {
  vertical-align: bottom;
}

a:hover,
a:hover::before,
a:hover::after,
a:hover>* {
  opacity: .6;
}

/* display:block=IE用  */
main {
  display: block;
}

/*------------------------------
<共通>背景について
------------------------------*/
.bg-cl_01 {
  background-color: #eeeeee;
}

.bg-cl_02 {
  background-color: #ffffff;
}

.bg-cl_03 {
  background-color: #f9f9f9;
}

.bg-cl_04 {
  background-color: #f0f5e6;
}

.bg-cl_05 {
  background-color: #ebf5d4;
}

.bg-cl_06 {
  background-color: #e1f0c0;
}

.bg-cl_07 {
  background-color: #f7f7f7;
}

.bg-cl_08 {
background-image:  url(../img/bitwin/b001.gif);
}

/*------------------------------
<共通>エラーについて (error)
------------------------------*/
div#recruitment .error input,
div#recruitment .error textarea {
  background-color: #fcd7db;
}

div#recruitment p.error {
  margin: 0;
  color: #dc3545;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
}

/*-----------------
<共通>見出し
-----------------*/
.headline01-en,
.headline01-ja {
  line-height: 1;
  color: #232323;
  font-weight: bold;
}

.headline01::after, .headline02::after {
  content: "";
  background-color: #90c31f;
  height: 2px;
  display: block;
}

.list-title01::after {
  content: "";
  background-color: #232323;
  height: 1px;
  display: block;
}

.list-title02::after {
  content: "";
  background-color: #d2d2d2;
  height: 2px;
  display: block;
  margin-top: 1em;
}

.list-title03::after {
  content: "";
  background-color: #898989;
  height: 1px;
  display: block;
  margin-top: 1em;
}

/*------------------------------
<共通>ヘッダーについて (header)
------------------------------*/
.home_icon {
  height: 19px !important;
  width: auto !important;
  margin-left: inherit !important;
}

/*-----------------
<共通>フッター
-----------------*/
.copyright {
  display: block;
  text-align: center;
  color: #232323;
  line-height: 1;
  display: none;
}

.footer-link {
  color: #232323;
  line-height: 1;
}

/*-----------------
<共通>キービジュアル
-----------------*/
.kv_01 {
  background-image: url('../img/bitwin/index_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_02 {
  background-image: url('../img/bitwin/kv-company.jpg');
  background-size: cover;
  background-position: center;
}

.kv_03 {
  background-image: url('../img/bitwin/recruit-image.jpg');
  background-size: cover;
  background-position: center;
}

.kv_03_2 {
  background-image: url('../img/bitwin/works_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_04 {
  background-image: url('../img/bitwin/recruitment_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_05 {
  background-image: url('../img/bitwin/service-image.jpg');
  background-size: cover;
  background-position: center;
}

.kv-en,
.kv-ja {
  line-height: 1;
}

/*-----------------
<共通>ページ下部：CONTACT&ENTRY
-----------------*/
.links {
  background-image: url('../img/bitwin/bg_contact_entry.jpg');
  background-size: cover;
  background-position: center;
}

.links-inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.links-item {
  color: #ffffff;
  border: 1px solid #fff;
}

.links-title {
  text-align: center;
  line-height: 1;
}

.links-btn {
  background: linear-gradient(#bae165, #b5e879);
  color: #232323;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  display: block;
}

/*-----------------
<共通>ページ上部へ戻るボタン
-----------------*/
.scroll-top {
  line-height: 1;
  transition: .8s;
  opacity: 0;
}

.scroll-top.opacity {
  opacity: 1.0;
}

/*-----------------
<共通>ふわっとさせる
-----------------*/
.img_fuwa {
  opacity: 0;
  /*上下の移動を付ける場合、ここを(0, 80px)にかえる*/
  transform: translate(0, 0);
  transition: 1s;
}

.img_fuwa.scrollin {
  opacity: 1;
  transform: translate(0, 0);
  display: block;
}