@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: 1.06666666vw;
    --v3-px: 0.8vw;
    --v8-px: 2.13333333vw;
    --v12-px: 3.2vw;
    --v16-px: 4.266666666vw;
    --v20-px: 5.333333333vw;
    --v24-px: 6.4vw;
    --v28-px: 7.466666666vw;
    --v32-px: 8.533333333vw;
    --v40-px: 10.66666666vw;
    --v48-px: 12.8vw;
    --v52-px: 13.86666666vw;
    --v56-px: 14.93333333vw;
    --v64-px: 17.06666666vw;
    --v72-px: 19.2vw;
    --v80-px: 21.33333333vw;
    --v88-px: 23.46666666vw;
    --v96-px: 25.6vw;
    --v104-px: 27.7333333vw;
    --v112-px: 29.8666666vw;
    --v120-px: 32vw;
    --v128-px: 34.1333333vw;
    --v136-px: 36.2666666vw;
    --v144-px: 38.4vw;
    --v152-px: 40.5333333vw;
    --v160-px: 42.6666666vw;
    --v168-px: 44.8vw;
    --v176-px: 46.9333333vw;
    --v184-px: 49.0666666vw;
    --v192-px: 51.2vw;
    --v196-px: 52.2666666vw;
    --v200-px: 53.3333333vw;
    --v208-px: 55.4666666vw;
    --v216-px: 57.6vw;
    --v224-px: 59.7333333vw;
    --v232-px: 61.8666666vw;
    --v240-px: 64vw;
    --v248-px: 66.1vw;
    --v256-px: 68.2666666vw;
    --v264-px: 70.4vw;
    --v280-px: 74.6666666vw;
    
    font-size: 3.466666vw;
    
    --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;

    /* color */
    --base-color: #C1C0B6;
    --text-color: #414031;
    --dark-color: #414031;
}

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;
}