@charset "UTF-8";

/* カラー */
:root {
  --col-Yellow-exlight:#FEF9E4;
  --col-Yellow-lighter:#FFF7CC;
  --col-Yellow-light:#FBEA6E;
  --col-Yellow-dark:#EDD317;
  --col-Yellow-darker:#D9BC00;
  --col-Yellow-exdark:#BCA300;
  --col-OrangeYellow-exlight:#FFF2E2;
  --col-OrangeYellow-lighter:#FFE2BF;
  --col-OrangeYellow-light:#FBB664;
  --col-OrangeYellow-dark:#F89927;
  --col-OrangeYellow-darker:#C67718;
  --col-OrangeYellow-exdark:#9A5605;
  --col-Orange-exlight:#FFECDF;
  --col-Orange-lighter:#FFD8BF;
  --col-Orange-light:#F89960;
  --col-Orange-dark:#F36F20;
  --col-Orange-darker:#C65A18;
  --col-Orange-exdark:#9F4813;
  --col-RedOrange-exlight:#FFE5DC;
  --col-RedOrange-lighter:#FFC7B3;
  --col-RedOrange-light:#E97E5A;
  --col-RedOrange-dark:#DA4D1E;
  --col-RedOrange-darker:#AD3C16;
  --col-RedOrange-exdark:#882E10;
  --col-Red-exlight:#FFDDD9;
  --col-Red-lighter:#FFC6BF;
  --col-Red-light:#F07062;
  --col-Red-dark:#D83020;
  --col-Red-darker:#A82B1E;
  --col-Red-exdark:#751D14;
  --col-Pink-exlight:#FEE8F6;
  --col-Pink-lighter:#FFD1EF;
  --col-Pink-light:#EB8DC9;
  --col-Pink-dark:#E04EA6;
  --col-Pink-darker:#BA2F7E;
  --col-Pink-exdark:#8A225D;
  --col-VioletRed-exlight:#FDEFFF;
  --col-VioletRed-lighter:#FADBFF;
  --col-VioletRed-light:#B983C3;
  --col-VioletRed-dark:#8E499B;
  --col-VioletRed-darker:#73377E;
  --col-VioletRed-exdark:#43204A;
  --col-Violet-exlight:#F4EEFF;
  --col-Violet-lighter:#E8D9FF;
  --col-Violet-light:#987AC3;
  --col-Violet-dark:#633B9B;
  --col-Violet-darker:#4E2C7E;
  --col-Violet-exdark:#351F54;
  --col-Blue-exlight:#DFF3FF;
  --col-Blue-lighter:#C7EAFF;
  --col-Blue-light:#50A7DA;
  --col-Blue-dark:#007AC2;
  --col-Blue-darker:#00619B;
  --col-Blue-darker2:rgba(0,97,155,0.85);
  --col-Blue-exdark:#034B77;
  --col-GreenBlue-exlight:#E1FBFA;
  --col-GreenBlue-lighter:#CEF5F4;
  --col-GreenBlue-light:#5AE0DE;
  --col-GreenBlue-dark:#00BAB5;
  --col-GreenBlue-darker:#009B98;
  --col-GreenBlue-exdark:#007472;
  --col-Green-exlight:#F3FCDB;
  --col-Green-lighter:#BDF2C4;
  --col-Green-light:#6BC878;
  --col-Green-dark:#35AC46;
  --col-Green-darker:#288835;
  --col-Green-darker2:rgba(40,136,53,0.85);
  --col-Green-exdark:#1D6126;
  --col-YellowGreen-exlight:#F6FFDC;
  --col-YellowGreen-lighter:#E5F7B4;
  --col-YellowGreen-light:#C2E075;
  --col-YellowGreen-dark:#AAD04B;
  --col-YellowGreen-darker:#84A338;
  --col-YellowGreen-exdark:#677F2C;
  --col-Brown-exlight:#FFF5E8;
  --col-Brown-lighter:#F7E4CB;
  --col-Brown-light:#AD8B62;
  --col-Brown-dark:#7B4F1C;
  --col-Brown-darker:#664015;
  --col-Brown-exdark:#311E09;
  --col-Gray-exlight:#EEEEEE;
  --col-Gray-lighter:#DFDFDF;
  --col-Gray-light:#9F9F9F;
  --col-Gray-dark:#6A6A6A;
  --col-Gray-darker:#4A4A4A;
  --col-Gray-exdark:#272727;

  --color-main-exlight:var(--col-Blue-exlight);
  --color-main-lighter:var(--col-Blue-lighter);
  --color-main-light:var(--col-Blue-light);
  --color-main-dark:var(--col-Blue-dark);
  --color-main-darker:var(--col-Blue-darker);
  --color-main-exdark:var(--col-Blue-exdark);
  --color-main-slider:var(--col-Blue-darker2);

  --link-color:var(--col-Green-exdark);
  --col-GB-lightblue:#DBE6E6;
}

/* フォントサイズ */
:root{
  /* 見出しサイズ */
  --font-hsize-xl:clamp(25px, 3.1vw, 31px);
  --font-hsize-l:clamp(22px, 2.6vw, 26px);
  --font-hsize-m:clamp(18px,1.9vw,19px);
  --font-hsize-s:17px;
  /* テキストサイズ */
  --font-size-xl:clamp(20px, 2.4vw, 24px);
  --font-size-l:clamp(18px, 2.1vw, 21px);
  --font-size-m:clamp(14px,1.5vw,15px);
  --font-size-s:13px;
}

/* 背景余白 */
:root{
  /* タイトルの背景余白 */
  --padding-hbg-s:0.5rem clamp(1rem,1.5vw,2rem);
  /* テキストエリアの背景余白 */
  --padding-box-s:min(3.5vw, 1.05em) 1.5em min(3.5vw, 1.05em);
  --padding-box-m:clamp(1.25rem,2.9vw,1.8rem) clamp(1.5rem,3.6vw,2.5rem) clamp(1.5rem,3.1vw,2.25rem);
  --padding-box-l:clamp(2.25rem,3.7vw,3.5rem) clamp(1.75rem,3.9vw,4.0rem) clamp(2.25rem,3.7vw,3.5rem);
}
@media(min-width:769px){
  :root {
    --padding-bgcol:clamp(1.0rem,6vw,2.05rem) clamp(1.25rem,3vw,2.0rem) clamp(1.0rem,6.5vw,2.25rem);
    --padding-tab1:3.5% 5.08475%;
  }
}
@media(max-width:768px){
  :root {
    --padding-bgcol:19px clamp(1.25rem,3vw,2.0rem);
    --padding-tab1:25px 8.95522%;
  }
}