@charset "utf-8";
/* ------------------------------
    RESPONSIVE SETTINGS
  ------------------------------ */
$breakpoint-sm: 400px !default;
$breakpoint-md: 768px !default;
$breakpoint-lg: 1000px !default;
$breakpoints: (
  'sm': 'screen and (min-width: 320px)',
  'md': 'screen and (min-width: 768px)',
  'lg': 'screen and (min-width: 960px)',
  'xl': 'screen and (min-width: 1600px)',
) !default;
@mixin mq($breakpoint: md) {
  @media #{map-get($breakpoints, $breakpoint)} {
    @content;
  }
}

/* ------------------------------
    COLOR SETTINGS
  ------------------------------ */
$yellow: #f7ad01;
$darkYellow: #b57f00;
$lightYellow: #fde6b2;
$green: #2e9f60;
$darkGray: #858585;
$lightGray: #f4f1ec;

$black: #1f1f1f;
$white: #FFF;
$red: #e65d4a;
$blue: #58bdcf;




html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
    color: #000;
    line-height: 1.625;
	font-weight: 500;
}
body {
    font-size: 1.6rem;
    overflow-x: hidden;
    min-width: 1000px;
	position: relative;
    @include mq(sm) {
        min-width: 320px;
        font-size: vw(28);
    }
}
a,a:visited {
    color: inherit;
    text-decoration: none;
}
table {
    width: 100%;
    border-collapse: collapse;
}
ul, li {
    list-style: none;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    pointer-events: none;
}
i,em {
    font-style: normal;
}
h1,h2,h3,h4,h5 {
    font-size: inherit;
}
*{
	outline:none;
}
.animate__animated{
	opacity: 0;
}
iframe + img {
    display: block;
    position: absolute;
    left: -9999px;
    top: -9999px;
}