@charset "UTF-8";

a{
	opacity:1.0;
	transition:0.2s;
}
a:hover{
	opacity:.7;
	transition:0.2s;
}

:root{
  font-size: max(1.11111vw, 12px); /* 16pxが基準 */
    /* px translate */
    --v4-px: 0.27777777vw;
    --v8-px: 0.55555555vw;
    --v11-px: 0.763888888vw;
    --v12-px: 0.833333333vw;
    --v16-px: 1.111111111vw;
    --v20-px: 1.388888888vw;
    --v24-px: 1.666666666vw;
    --v28-px: 1.944444444vw;
    --v32-px: 2.222222222vw;
    --v36-px: 2.5vw;
    --v40-px: 2.777777777vw;
    --v48-px: 3.333333333vw;
    --v52-px: 3.611111111vw;
    --v56-px: 3.888888888vw;
    --v64-px: 4.444444444vw;
    --v72-px: 5vw;
    --v80-px: 5.555555555vw;
    --v88-px: 6.111111111vw;
    --v96-px: 6.666666666vw;
    --v104-px: 7.22222222vw;
    --v112-px: 7.77777777vw;
    --v120-px: 8.33333333vw;
    --v144-px: 10vw;
    --v160-px: 11.1111111vw;
    --v196-px: 13.6111111vw;
    --v440-px: 30.555555vw;
    --v680-px: 47.222222vw;

    --m4-px: -0.27777777vw;
    --m8-px: -0.55555555vw;
    --m11-px: -0.763888888vw;
    --m12-px: -0.833333333vw;
    --m16-px: -1.111111111vw;
    --m20-px: -1.388888888vw;
    --m24-px: -1.666666666vw;
    --m28-px: -1.944444444vw;
    --m32-px: -2.222222222vw;
    --m36-px: -2.5vw;
    --m40-px: -2.777777777vw;
    --m48-px: -3.333333333vw;
    --m52-px: -3.611111111vw;
    --m56-px: -3.888888888vw;
    --m64-px: -4.444444444vw;
    --m72-px: -5vw;
    --m80-px: -5.555555555vw;
    --m88-px: -6.111111111vw;
    --m96-px: -6.666666666vw;
    --m104-px: -7.22222222vw;
    --m112-px: -7.77777777vw;
    --m120-px: -8.33333333vw;
    --m144-px: -10vw;
    --m160-px: -11.1111111vw;
    --m196-px: -13.6111111vw;


}

body{
font-family: 'Montserrat', sans-serif;
    background: var(--base-color);
    color: var(--text-color);
    padding: var(--v32-px);
}

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

body.tools{
    background:#F7F7F7;
}

h1 a{
    text-decoration: none;
}

footer{
    margin-top: var(--v32-px);
    text-align: center;
    opacity:0.5;
    font-size: 0.7em;
}