:root {
    /* テキスト */
    --text-color-normal: #002C44;
    --text-color-w: #FFF;

    /* タイトルでコーレーション */
    --title--deco-navy:#00547D;
    --title--deco-blue:#0297E0; 
    --title--deco-lightBlue: #C6ECFF;
    --title-main-navy: #002C44;
    --title-main-white:#FFF;


    --title--number-blue: #92C2E2;

    
      /* TOP service タイトル */
      --titleService--deco: #00547D;
    
    /* ボタン */
    --button-bg-blue:linear-gradient(to right,  #0087C9,#41BDFB);
    --button-bg-blue-hover:linear-gradient(to right,  rgba(0,135,201,0.7),rgba(65,189,251,0.7));
    --button-borderRadius-l:3.125rem;
    --button-padding-l: 1rem 1.87rem;
    --button-border-white: #FFF;
    --button-bg-white-hover: #FFF;

    --buttonContact--border:1.5px solid #FFF;
    --buttonContact--borderRadius:3.125rem;
    --buttonContact--padding: 1rem 1.5rem;
    --buttonContact--shadow: 3px 3px 12px 0px rgba(60, 73, 81, 0.14);

    --circleBtn--BG: linear-gradient(45deg, #41BDFB , #0087C9 );
    --circleBtn--borderRadius: 50%;
    --circleBtn--borderW: solid 1px #FFF;
  

    /* 白テキストホバー */
    --text--hover-blue:#0297E0; 


    /* font family */
    --font--notoSans: "noto-sans-cjk-jp", sans-serif;
    --font--openSans: "Open Sans", sans-serif;

    /* color pallet */

    --color--white: #FFF;


    /* drop-shadow */

    --dropShadow-logo: 2px 2px 13px rgba(27,80,114,0.1);
    --dropShadow--card: 0px 2px 8px 0px rgba(20, 67, 99, 0.11);;
    /* box-shadow: 3px 3px 15px 0px rgba(20, 67, 99, 0.15); */


    /* card */
    --card--borderBottom: 1px solid #E5E5E5;
    --card--tag--padding: .5rem 1rem;
    --card--tag--textSize: 0.8125rem;
    --card--tag--lineHeight:0.8125rem;
    --card--borderRadius: 1rem;
    --card--tag--BG: #E3ECF3;
    --card--tag--border-blue:  1px solid rgba(0, 84, 125, 0.50);


    /* footer */
    --footer--bg: linear-gradient(90deg, #0087C9 20.89%, #21A3E3 65.4%, #41BDFB 92.4%);
    --footer--border: solid 1px #909090;
    --footer--bottomBg: #002C44;

    /* circle content */
    --circleCard--borderRadius:0.625rem;
    --circleCard--shadow: 3px 3px 10px 0px rgba(130, 176, 206, 0.30);
    --circleCard--padding:4.54rem 1.25rem 1.875rem 1.25rem;;


    /* hamburger */
    --hamburger--width-height:3.125rem;
    --hamburger--bg:linear-gradient(90deg, #0087C9 0%, #41BDFB 100%);

    --dropMenu-plus-width-height: 0.625rem;
    --dropMenu--border: #707070 solid 0.25px;
    --dropMenu--toggle--color: #004E81;
    --dropMenu-message--color:#C7C7C7;
  }