@charset "UTF-8";

:root{
  /* ===============================================
    * Color *
  =============================================== */

  --color-primary: var(--color-project-accent);
  --color-secondary: var(--color-project-text);

  --color-emphasis: #DB2320;
  --color-text-default: var(--color-project-text);
  --color-textlink: var(--color-project-accent);

  --color-black: #000;
  --color-white: #fff;

  --color-gray-100: #f5f5f5;
  --color-gray-200: #e6e4e4;
  --color-gray-300: #dbdbdb;
  --color-gray-400: #bebebe;
  --color-gray-500: #7e7e7e;
  --color-gray-600: #4e4e4e;

  --color-bg-form: #f4f7fd;

  /* Social */

  --color-social-apple-primary: #000;
  --color-social-facebook-primary: #0866FF;
  --color-social-x-primary: #000;
  --color-social-yahoo-primary: #ff0033;
  --color-social-google-primary: #000;
  --color-social-line-primary: #06C755;
  --color-social-amazon-primary: #F0C14B;

  /* Project */

  --color-project-accent: #CF122E;
  --color-project-text: #333;
  --color-project-text-sub: #666;
  --color-project-bg-w: #fff;
  --color-project-bg-sub: #F3F3F3;
  --color-project-border: #DEDEDE;
  --color-project-black: #000;
  --color-project-dark-gray: #999;
  --color-project-light-gray: #C9C9C9;
  --color-project-cicon-red: var(--color-project-accent);
  --color-project-cicon-orange: #cc4b00;
  --color-project-cicon-green: #437d00;
  --color-project-brand-gr: #5C5B59;
  --color-project-brand-gr-white: #FFFFFF;
  --color-project-brand-pentax-binoculars: #00B551;
  --color-project-brand-pentax-camera: #6C6C6C;
  --color-project-brand-wg: #EBBA00;


  /* ===============================================
    * Font *
  =============================================== */

  /* Font Family */

  --font-notosans: 'Noto Sans JP';
  --font-roboto: 'Roboto';
  --font-ja: var(--font-notosans), var(--font-fallback);
  --font-en: var(--font-roboto), var(--font-fallback);
  --font-fallback: 'Meiryo UI','メイリオ','ＭＳ Ｐゴシック','MS UI Gothic','ＭＳ ゴシック','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-main: var(--font-roboto), var(--font-notosans), var(--font-fallback);


  /* Font Weight (fw = font-weight) */

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;


  /* ===============================================
    * Animation *
  =============================================== */

  --transition-duration: 300ms;
  --transition-duration-short: 150ms;
  --transition-duration-long: 500ms;
  --transition-duration-extra-long: 1000ms;
  --transition-timing-function: ease;
  --transition-default: var(--transition-duration) var(--transition-timing-function);

  --hover-opacity: 0.6;


  /* ===============================================
    * z-index *
  =============================================== */

  --zindex-base: 1;
  --zindex-floating-element: 10;
  --zindex-header: 20;
  --zindex-hamburgermenu-bg: 30;
  --zindex-hamburgermenu-contents: 40;


  /* ===============================================
    * Box Model *
  =============================================== */

  --container-fluid: 100%;
  --container-default: min(100%, var(--design-max-width, 114rem));
  --inner-width: 92%;

  --design-default-width: 120rem;
  --design-max-width: 140rem;

  --padding-horizontal-global: 1.5rem;


  /* ===============================================
    * Header *
  =============================================== */

  --height-ticker: 0rem;
  --height-header-primary: 8rem;
  --height-header-global-nav: 0rem;
  --height-header: calc(var(--height-ticker) + var(--height-header-primary) + var(--height-header-global-nav));


  /* ===============================================
    * Assets *
  =============================================== */

  /* Arrow - Right */
  --asset-link-arrow-right-red: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.818%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.818%2010.707%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5369%22%20data-name%3D%22%E3%83%91%E3%82%B9%205369%22%20d%3D%22M10.636%2C12.111l3.889-3.889%2C1.111%2C1.111-5%2C5-5-5L6.747%2C8.222Z%22%20transform%3D%22translate(-7.868%2015.99)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5369_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%205369%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M10.636%2C14.686%2C5.282%2C9.333%2C6.747%2C7.868l3.889%2C3.889%2C3.889-3.889L15.99%2C9.333ZM5.99%2C9.333l4.646%2C4.646%2C4.646-4.646-.758-.758-3.889%2C3.889L6.747%2C8.575Z%22%20transform%3D%22translate(-7.868%2015.99)%20rotate(-90)%22%20fill%3D%22%23cf122e%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-arrow-right-white: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.283%22%20height%3D%2213.374%22%20viewBox%3D%220%200%208.283%2013.374%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%22%20d%3D%22M12.181%2C13.313l5.091-5.091%2C1.455%2C1.455-6.545%2C6.545L5.636%2C9.676%2C7.091%2C8.222Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.181%2C16.363%2C5.495%2C9.676l1.6-1.6%2C5.091%2C5.091L17.272%2C8.08l1.6%2C1.6Zm-6.4-6.687%2C6.4%2C6.4%2C6.4-6.4L17.272%2C8.363l-5.091%2C5.091L7.091%2C8.363Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-arrow-right-black: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.283%22%20height%3D%2213.374%22%20viewBox%3D%220%200%208.283%2013.374%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%22%20d%3D%22M12.181%2C13.313l5.091-5.091%2C1.455%2C1.455-6.545%2C6.545L5.636%2C9.676%2C7.091%2C8.222Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23333%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.181%2C16.363%2C5.495%2C9.676l1.6-1.6%2C5.091%2C5.091L17.272%2C8.08l1.6%2C1.6Zm-6.4-6.687%2C6.4%2C6.4%2C6.4-6.4L17.272%2C8.363l-5.091%2C5.091L7.091%2C8.363Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-arrow-right-green: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.283%22%20height%3D%2213.374%22%20viewBox%3D%220%200%208.283%2013.374%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%22%20d%3D%22M12.181%2C13.313l5.091-5.091%2C1.455%2C1.455-6.545%2C6.545L5.636%2C9.676%2C7.091%2C8.222Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%2300B551%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.181%2C16.363%2C5.495%2C9.676l1.6-1.6%2C5.091%2C5.091L17.272%2C8.08l1.6%2C1.6Zm-6.4-6.687%2C6.4%2C6.4%2C6.4-6.4L17.272%2C8.363l-5.091%2C5.091L7.091%2C8.363Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%2300B551%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-arrow-right-yellow: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.283%22%20height%3D%2213.374%22%20viewBox%3D%220%200%208.283%2013.374%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%22%20d%3D%22M12.181%2C13.313l5.091-5.091%2C1.455%2C1.455-6.545%2C6.545L5.636%2C9.676%2C7.091%2C8.222Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23EBBA00%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4859_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204859%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.181%2C16.363%2C5.495%2C9.676l1.6-1.6%2C5.091%2C5.091L17.272%2C8.08l1.6%2C1.6Zm-6.4-6.687%2C6.4%2C6.4%2C6.4-6.4L17.272%2C8.363l-5.091%2C5.091L7.091%2C8.363Z%22%20transform%3D%22translate(-8.08%2018.868)%20rotate(-90)%22%20fill%3D%22%23EBBA00%22%2F%3E%3C%2Fsvg%3E');

  /* Arrow - Bottom */
  --asset-link-arrow-bottom-white: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.283%22%20height%3D%227.616%22%20viewBox%3D%220%200%2012.283%207.616%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4610%22%20data-name%3D%22%E3%83%91%E3%82%B9%204610%22%20d%3D%22M11.636%2C12.888%2C16.3%2C8.222l1.333%2C1.333-6%2C6-6-6L6.969%2C8.222Z%22%20transform%3D%22translate(-5.495%20-8.08)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4610_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204610%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M11.636%2C15.7%2C5.495%2C9.555%2C6.969%2C8.08l4.667%2C4.667L16.3%2C8.08l1.475%2C1.475ZM5.777%2C9.555l5.859%2C5.859%2C5.859-5.859L16.3%2C8.363%2C11.636%2C13.03%2C6.969%2C8.363Z%22%20transform%3D%22translate(-5.495%20-8.08)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-arrow-bottom-black: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.283%22%20height%3D%227.616%22%20viewBox%3D%220%200%2012.283%207.616%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4610%22%20data-name%3D%22%E3%83%91%E3%82%B9%204610%22%20d%3D%22M11.636%2C12.888%2C16.3%2C8.222l1.333%2C1.333-6%2C6-6-6L6.969%2C8.222Z%22%20transform%3D%22translate(-5.495%20-8.08)%22%20fill%3D%22%23333%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4610_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%204610%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M11.636%2C15.7%2C5.495%2C9.555%2C6.969%2C8.08l4.667%2C4.667L16.3%2C8.08l1.475%2C1.475ZM5.777%2C9.555l5.859%2C5.859%2C5.859-5.859L16.3%2C8.363%2C11.636%2C13.03%2C6.969%2C8.363Z%22%20transform%3D%22translate(-5.495%20-8.08)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');

  /* Blank */
  --asset-link-blank-red: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.5%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4761%22%20data-name%3D%22%E3%83%91%E3%82%B9%204761%22%20d%3D%22M6.889%2C4.667V5.778H4.111v6.111h6.111V9.111h1.111v3.333a.556.556%2C0%2C0%2C1-.556.556H3.556A.556.556%2C0%2C0%2C1%2C3%2C12.444V5.222a.556.556%2C0%2C0%2C1%2C.556-.556ZM13%2C3V7.444H11.889V4.9L7.56%2C9.226%2C6.774%2C8.44%2C11.1%2C4.111H8.556V3Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22%23cf122e%22%20stroke%3D%22%23cf122e%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-blank-white: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.5%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4761%22%20data-name%3D%22%E3%83%91%E3%82%B9%204761%22%20d%3D%22M6.889%2C4.667V5.778H4.111v6.111h6.111V9.111h1.111v3.333a.556.556%2C0%2C0%2C1-.556.556H3.556A.556.556%2C0%2C0%2C1%2C3%2C12.444V5.222a.556.556%2C0%2C0%2C1%2C.556-.556ZM13%2C3V7.444H11.889V4.9L7.56%2C9.226%2C6.774%2C8.44%2C11.1%2C4.111H8.556V3Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-blank-black: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.5%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4761%22%20data-name%3D%22%E3%83%91%E3%82%B9%204761%22%20d%3D%22M6.889%2C4.667V5.778H4.111v6.111h6.111V9.111h1.111v3.333a.556.556%2C0%2C0%2C1-.556.556H3.556A.556.556%2C0%2C0%2C1%2C3%2C12.444V5.222a.556.556%2C0%2C0%2C1%2C.556-.556ZM13%2C3V7.444H11.889V4.9L7.56%2C9.226%2C6.774%2C8.44%2C11.1%2C4.111H8.556V3Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-blank-green: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.5%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4761%22%20data-name%3D%22%E3%83%91%E3%82%B9%204761%22%20d%3D%22M6.889%2C4.667V5.778H4.111v6.111h6.111V9.111h1.111v3.333a.556.556%2C0%2C0%2C1-.556.556H3.556A.556.556%2C0%2C0%2C1%2C3%2C12.444V5.222a.556.556%2C0%2C0%2C1%2C.556-.556ZM13%2C3V7.444H11.889V4.9L7.56%2C9.226%2C6.774%2C8.44%2C11.1%2C4.111H8.556V3Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22%2300B551%22%20stroke%3D%22%2300B551%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E');
  --asset-link-blank-yellow: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.5%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4761%22%20data-name%3D%22%E3%83%91%E3%82%B9%204761%22%20d%3D%22M6.889%2C4.667V5.778H4.111v6.111h6.111V9.111h1.111v3.333a.556.556%2C0%2C0%2C1-.556.556H3.556A.556.556%2C0%2C0%2C1%2C3%2C12.444V5.222a.556.556%2C0%2C0%2C1%2C.556-.556ZM13%2C3V7.444H11.889V4.9L7.56%2C9.226%2C6.774%2C8.44%2C11.1%2C4.111H8.556V3Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22%23EBBA00%22%20stroke%3D%22%23EBBA00%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E');

  /* Overlay */
  --asset-link-overlay-blue: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%3E%0A%20%20%3Cpath%20id%3D%22open_in_browser_24dp_5A5A5A_FILL0_wght400_GRAD0_opsz24%22%20d%3D%22M121-831a.963.963%2C0%2C0%2C1-.706-.294A.963.963%2C0%2C0%2C1%2C120-832v-7a.963.963%2C0%2C0%2C1%2C.294-.706A.963.963%2C0%2C0%2C1%2C121-840h7a.963.963%2C0%2C0%2C1%2C.706.294A.963.963%2C0%2C0%2C1%2C129-839v7a.963.963%2C0%2C0%2C1-.294.706A.963.963%2C0%2C0%2C1%2C128-831h-2v-1h2v-6h-7v6h2v1Zm3%2C0v-3.075l-.8.8-.7-.725%2C2-2%2C2%2C2-.7.725-.8-.8V-831Z%22%20transform%3D%22translate(-120%20840)%22%20fill%3D%22%230b51b3%22%2F%3E%0A%3C%2Fsvg%3E%0A");

}

:root:not(:has([data-header-area="global-nav"])) {
  --height-header: calc(var(--height-ticker) + var(--height-header-primary));
}



@media screen and (min-width: 768px){
  :root {
    /* ===============================================
      * Box Model *
    =============================================== */

    --inner-width: min(71.25%, var(--design-max-width, 114rem));
    --form-inner-width: 78rem;

    --padding-horizontal-global: min(4.375%, 7rem);


    /* ===============================================
      * Header *
    =============================================== */

    --height-header-global-nav: 5.8rem;
  }
}