@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

body,
html {
  margin: 0;
  padding: 0;
}

ul,
li {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

a {
  display: block;
}
h1{
  font-weight: normal;
}

body {

  font-family: "Lato", 'Zen Kaku Gothic New', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-family: 'Outfit', Century Gothic, CenturyGothic,AppleGothic, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 15px;
line-height: 1.7rem;
}

.jp {
  font-family: "Lato", 'Zen Kaku Gothic New', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.siteTitle {
padding: 50px 0 50px 0;
  font-weight: 200;
  color: #999;
}

.siteName {
  font-size: 3.5rem;

}

header {
  color: #999
}

header li a {
  text-decoration: none;

}

header nav ul {
  display: flex;
  flex-direction: row;
  justify-content: end;
}

header nav {
  position: absolute;
  top: 30px;
  right: 30px;
}

main {
  width: calc(100% - 80px);
  max-width: 1300px;
  margin: 60px auto;
}

.pageTitle {
  font-size: 2.8rem;
  color: #999;
  margin-bottom: 50px;
  border-bottom: 1px dotted #999;
  font-family: 'Plus Jakarta Sans', sans-serif;
  position: relative;
}

h3 small {

  font-weight: 500;
}

h3 {
  margin-top: 20px;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

h2 {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

small {
  font-size: 1.1rem;
  margin-left: 10px;
}

.contents {
  margin: 30px;
  display: inline-table;
  border: 1px dashed #999;
  padding: 20px;
}

.date {
  font-size: 1rem;
  color: #999;
}

.curious dd {
  float: right;
}

.curious dt {
  float: left;
}

.curious dl {
  clear: both;
}

.spText01 {
  font-size: 1.3rem;
  font-weight: 700;
}


.border-4 {
  border: 1px solid gray;
}



.copyRight {
  text-align: center;
  width: 100%;
  margin: 20px 0;
  color: #999
}
.centerline{
  text-decoration: line-through;
}
.caption1{
  margin-top: -20px;
  margin-bottom: 20px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-style: dashed;
}
.cf1{
  margin: 30px 0;
  dl{clear: both;
  dd{margin-left: 20px;}
  dt{float: left;margin-right: 20px;}
  }
}
@media screen and (max-width:400px){

}