/*--------------------------------------------------------------------
General settings
--------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

html {
  height: 100%;
  width: 100%;
  min-width:370px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: var(--color-black);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
  letter-spacing: var(--font-gothic-ls);
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  width:100%;
  height: auto;
  display: block;
}
.iframe-content {
  position: relative;
  width: 100%;
}

.iframe-content iframe {
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------------
Font Set
--------------------------------------------------------------------*/

.mmcc h2 {
  font-size: clamp(1.5rem, 2vw + 1rem, 1.875rem); /* 24px〜30px */
}

.mmcc h3 {
  font-size: clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem); /* 20px〜24px */
}

.mmcc h4 {
  font-size: clamp(1.125rem, 1.3vw + 0.6rem, 1.25rem); /* 18px〜20px */
}

.mmcc h5 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem); /* 16px〜18px */
}

.mmcc h6 {
  font-size: clamp(0.9375rem, 0.8vw + 0.4rem, 1rem); /* 約15px〜16px */
}

.mmcc p {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem); /* 16px〜18px */
}


/*--------------------------------------------------------------------
Color settings
--------------------------------------------------------------------*/
:root {
  --color-1st: #a3945e;
  --color-2nd: #e8d799;
  --color-3rd: #ae1146;
  --color-4th: #ff4479f8;
  --color-red: #e80000;
  --color-line: #06c755;
  --color-black: #000;
  --color-white: #fff;
  --color-fa: #fafafa;
  --color-f8: #f8f8f8;
  --color-f5: #f5f5f5;
  --color-f3: #f3f3f3;
  --color-f0: #f0f0f0;
  --color-ccc: #ccc;
  --color-999: #999;
  --color-666: #666;
  --color-333: #333;
  --color-222: #222;
  --font-min: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --font-min-ls: 0em;
  --font-gothic-ls: 0.03em!important;
}

body { background-color: var(--color-black); }

#wrapper {
  width:100%;
  height: auto;
  display: block;
  background-color: var(--color-white);
}

a {
  color: var(--color-black);
  text-decoration: underline;
}

a:hover {
  color: var(--color-1st);
  text-decoration: none;
}

/* Common
----------------------------------------------------------------*/
.mb5 {margin-bottom: 5px!important;}
.mb40 {margin-bottom: 40px!important; }
.mb70 {margin-bottom: 70px!important; }

/* Icons */
#flow article ul li .flowbase.flowbg01 {background-image:url(../img/index/flowimg01.webp);}
#flow article ul li .flowbase.flowbg02 {background-image:url(../img/index/flowimg02.webp);}
#flow article ul li .flowbase.flowbg03 {background-image:url(../img/index/flowimg03.webp);}
#flow article ul li .flowbase.flowbg04 {background-image:url(../img/index/flowimg04.webp);}

.ic-fm01 {background-image: url(../img/header/ic-fm01.webp);}
.ic-fm02 {background-image: url(../img/header/ic-fm02.webp);}
.ic-fm03 {background-image: url(../img/header/ic-fm03.webp);}
.ic-fm04 {background-image: url(../img/header/ic-fm04.webp);}
.ic-fm05 {background-image: url(../img/header/ic-fm05.webp);}

.ic-op01 {background-image: url(../img/header/ic-op01.webp);}
.ic-op02 {background-image: url(../img/header/ic-op02.webp);}
.ic-op03 {background-image: url(../img/header/ic-op03.webp);}
.ic-op04 {background-image: url(../img/header/ic-op04.webp);}

.ic-warranty01 {background-image: url(../img/header/ic-warranty01.webp);}
.ic-warranty02 {background-image: url(../img/header/ic-warranty02.webp);}