@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&family=Noto+Serif+JP:wght@500;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css');

/*=======================================
設定 
=======================================*/
:root {
  /*Wrapper*/
  --ctr-width: 100%;
  --ctr-min: 1200px;
  --ctr-max: 1680px;
  /*余白 縦*/
  --ctr-td: clamp(40px, 100vw/13.66, 100px);
  /*余白 横*/
  --ctr-pd: clamp(20px, 60vw/13.66, 60px);
  /*余白 コンテンツ内 */
  --ctr-inpd: clamp(20px, 3.33vw, 40px);

   /*font family*/
   --font-sans: "Noto Sans JP", sans-serif;
   --font-serif: "Noto Serif JP", serif;

  /*font size*/
  --font-m: clamp(1rem, 0.911rem + 0.45vw, 1.125rem);/*16px-18px*/
  --font-ml: clamp(1.063rem, 0.994rem + 0.34vw, 1.25rem);/*17px-20px*/
  --font-l: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);/*18px-24px*/
  --font-ll: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);/*20px-32px*/
  --font-xl: clamp(1.875rem, 0.966rem + 4.55vw, 4.375rem);/*30px-70px*/
  --font-base: clamp(0.938rem, 0.893rem + 0.22vw, 1.25rem);/*15px-16px*/

  /*color*/
  --maincolor: #101010;
  --base-tx-color: #101010;
  --white: #fff;
  --gray: #808080;
  --red: #ba0000;

  /*背景色 ------*/
  --bg-base: #fff;
  --bg-base-sheer: rgba(255,255,255,0.8);
  --bg-black-sheer: rgba(0,0,0,0.07);
  --bg-wood: url("../img/common_img/bg_wood.jpg") center top #fce7c8;
  --bg-charcoal: url("../img/common_img/bg_charcoal.jpg") center top #272123;

}


/*----------------------------------------------------------------
reset
----------------------------------------------------------------*/
/*base*/
* {
  box-sizing: border-box;
}

body,
div,
figure,
pre,
p,
blockquote,
form,
fieldset,
input,
textarea,
select,
option,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
tr,
embed,
object,
a,
img {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
  display: block;
}

/*font*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-style: normal;
  font-weight: normal;
}

/*others*/
table {
  border-spacing: 0;
}

* html table {
  border-collapse: collapse;
}

*:first-child + html table {
  border-collapse: collapse;
}

th,
td {
  vertical-align: middle;
  border-collapse: collapse;
}

table,
th,
td,
tr,
img {
  border: 0;
}

img {
  vertical-align: bottom;
}

q:before,
q:after {
  content: "";
}

ul,
ol {
  list-style: none;
  list-style-type: none;
}

strong,
em {
  font-style: normal;
  font-weight: inherit;
}

/*base*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img, figure, figcaption {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
/*font*/
h1, h2, h3, h4, h5, h6, p {
    font-style: normal;
    font-weight: normal;
    line-height: 180%;
}
/*others*/
table {
    border-spacing: 0;
}
* html table {
    border-collapse: collapse;
}
*:first-child + html table {
    border-collapse: collapse;
}
th, td {
    vertical-align: middle;
    border-collapse: collapse;
}
table, th, td, tr, img {
    border: 0;
}
img {
    vertical-align: bottom;
}
q:before, q:after {
    content: '';
}
ul {
    list-style: none;
}
/* ------------------------------------------------------------------base*/
html {
    font-family: var(--font-sans);
    font-weight: 500;
}
/*body*/
body {
    height: 100%;
    text-align: center;
    color: var(--base-tx-color);
    word-break: break-all;
    background-color: var(--bg-base);
    font-size:var(--font-base);
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
}
/*link*/
a {
    color: var(--base-tx-color);
    text-decoration: underline;
    transition: all 0.5s;
}
a img {
    border-style: none;
}
a:visited {
    color: #606060;
}
a:hover {
    color: var(--base-tx-color);
    text-decoration: none!important;
}
/*font-size*/
h1, h2, h3, h4, h5, p {
    font-size:var(--font-base);
}
li, dt, dd {
    line-height: 1.6;
    font-size:var(--font-base);
}
table {
    font-size:var(--font-base);
}