@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  /* カラー */
  --white01: #FFF;
  --black01: #000;
  --blue01: #0097CF;
  --blue02: #7DA3D1;
  --blue03: #0A5B8E;
  --green01: #07AA8F;
  --red01: #C7090C;
  --grey01: #BFBFBF;
  --grey02: #F4F4F4;
  --bg-modal: rgba(0, 0, 0, 0.8);

  --bg-white: #fff;
  --bg-modal: rgba(0, 0, 0, 0.8);
  --bg-accessories-1: #edecf0;
  --bg-accessories-2: rgba(136, 40, 71, 0.1);
  --bg-accessories-3: #ded5ce;
  --bg-accessories-4: #e5ebf0;
  --bg-accessories-5: #e4f4f7;
  --bg-towtone-1-top: #dcd7d0;
  --bg-towtone-1: #716b74;
  --bg-towtone-2-top: #716b74;
  --bg-towtone-2: #dcd7d0;
  --bg-towtone-3-top: #dcd7d0;
  --bg-towtone-3: #884933;
  --bg-towtone-4-top: #dcd7d0;
  --bg-towtone-4: #ddc48b;
  --bg-towtone-5-top: #462224;
  --bg-towtone-5: #c0513f;
  --bg-towtone-6-top: #32343f;
  --bg-towtone-6: #6a96a2;
  --bg-towtone-7-top: #dcd7d0;
  --bg-towtone-7: #0f1f37;
  --bg-monotone-1: #716b74;
  --bg-monotone-2: #ddc48b;
  --bg-monotone-3: #6a96a2;
  --bg-monotone-4: #fff;
  --bg-monotone-4-bd: rgba(78, 76, 89, 0.3);
  --bg-monotone-5: #1a2e47;
  --mine-shaft: #262626;
  --mine-shaft2: #333;

  --txt-mine-shaft-alpha20: rgba(38, 38, 38, 0.2);
  --scarpa-flow: #4e4c59;

  /* フォント */
  --fontFamilyNotoSansJapanese: 'Noto Sans Japanese', sans-serif;
  --fontFamilyOutfit: 'Outfit', sans-serif;
  --fontFamilyPoppins: 'Poppins', sans-serif;

  /* サイズ */
  --design-sp: 375;
  --design-pc: 1366;
  --gutter-pc: 67;
  --gutter-sp: 20;
  --fs: 1px;
  --scroll-in-y-pc: 60;
  --scroll-in-y-sp: 80;

  /* 時間 */
  --scroll-in-duration: 1s;

  --ease-app: cubic-bezier(0, 0, 0.25, 1);
}