@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
body {
  font-family: 'Questrial',sans-serif;
  font-weight: ;
  font-size: 18px;
  line-height: 140%;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

a { color: steelblue;
    text-decoration: none;
}

a:hover, a:focus {
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}

a:visited{ color: steelblue;}

h1 {
	font-size: clamp(24px, 3vw, 26px);
	font-weight: 600;
	line-height: 140%;
}

h1.title {
	font-size: clamp(36px, 3vw, 30px);
	font-weight: 600;
	line-height: 140%;
}


h2 {
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: clamp(20px, 3vw, 22px);
	font-weight: 600;
	line-height: 140%;
}

h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
    text-align: ;
    margin: 100px 10px 20px 0px;
    padding-bottom: 10px;
    background: ;
    border-left: 0px solid #ccc;
    border-bottom: 6px solid #dcdcdc;
}

.small{
    font-size: 14px;
    line-height: 160%;
}

.tile{
    font-size: 24px;
    font-weight: bold;
    line-height: 160%;
}

.lh180{
line-height: 180%;
}


.nondeco a{
    color: black;
    text-decoration: none
}
.nondeco a:hover{
    color: #999; 
}
.nondeco2 a{
    color: #3366CC;
    text-decoration: none
}
.nondeco2 a:hover{
    color: #666;
}
.kijilink a{
    text-decoration: none;
    color:#000;
}
.kijilink a:hover{
    color: red; 
}

.blockmenu a{
display:block;
width: 100%; 
}
.blockmenu:hover{
background-color: white;
}