/*** The new CSS reset - version 1.8.2 (last updated 23.12.2022) ***/

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  cursor: revert;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none
}

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

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

pre {
  all: revert;
}

::placeholder {
  color: unset;
}

::marker {
  content: '';
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable='false'])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable='true']) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

:root {
  --white: #fff;
  --black: #151515;
  --black-gray55: #adadad;
  --black151515-70: #5b5b5b;
  --gray: #f8f8f8;
  --gray-70: #5B5B5B;
  --gray-55: #7E7E7E;
  --gray-13: #E1E1E1;
  --gray-10: #E8E8E8;
  --gray-06: #F1F1F1;
  --gray-03: #F8F8F8;
  --main-color: #00A4B8;
  --main-color-small: #008297;
  --line-green: #01AC46;
  --aqua-green: #25cacf;
  --aqua-bule-bg: #F2F9FB;
  --aqua-bule-outline: #E9F3F5;
  --aqua-bule-outline-rgb: 233,243,245;
  --red: red;
  --c1-color: #FFF200;
  --c2-color: #71C7D6;
  --c1-color-gradient: linear-gradient(90deg, #FFFA96 0%, #FFF200 100%);
  --c2-color-gradient: linear-gradient(90deg, #A6F2FF 0%, #71C7D6 100%);
  
  --noto: noto-sans-cjk-jp;
  --optimaRoman: 'OptimaLTPro-Roman', Optima;
  --optimaLight: 'OptimaNovaLTPro-Light', Optima;
  --helveticaRoman: 'HelveticaLTPro-Roman';
  --helveticaBold: 'HelveticaLTPro-Bold';
  --MNewsM: 'MFW-PMNewsMProN-Light'
}

html,body{
  color: var(--black);
  font-family: var(--noto), sans-serif;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  touch-action: manipulation;
}


* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

img{
  /*width: 100%;*/
  height: auto;
  vertical-align: bottom;
}