@charset "UTF-8";

/*--------
COMMON CSS
--------------*/
html {
    scroll-behavior: smooth;
}

body {
    color: #333333;
    font-size: 100%;
    background-color: #FFF !important;
    font-family: "Noto Sans JP", sans-serif;
}

li {
    list-style: none;
}

a:hover {
    opacity: 0.7;
}

.heading {
    position: relative;
}

.helvetica {
    font-family: "Helvetica", sans-serif;
}

.indent1 {
    padding-left: 1em;
    text-indent: -1em;
}

.indent2 {
    padding-left: 2em;
    text-indent: -2em;
}

.fw_bold {
    font-weight: bold;
}

.txt__red {
    color: #EA3636;
}

.txt_yellow {
    color: #FFFF00;
}

.txt_mmmblue{
    color: #1eb1bd;
}

.txt_momo{
    color: #ef7070;
}

.mkr_mmmblue{
    background: linear-gradient(transparent 60%, #4fc2cb 60%);
}

.mkr_moon{
    background: linear-gradient(transparent 60%, #FFFA89 60%);
}

@-ms-viewport {
    width: device-width;
    initial-scale: 1;
}

@viewport {
    width: device-width;
    initial-scale: 1;
}

::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #c5c9ca;
}

/*************
base
*************/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

a {
    text-decoration: none;
}

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