@charset "utf-8";


/* 基本レイアウト ここから↓ */

body {
  background: linear-gradient(to bottom, #eec3b8, #f9e1cc);
  font-size: 20px;
}


h1{
    width: 720px;
    margin: 40px auto;
    padding: 30px;
    border: 5px solid #5f3030;
    background-color: #fff;
    color: #5f3030;
    font-size: 300%;
    text-align: center;
    line-height: 1;
    box-shadow: 0 0 10px #472424;
}
h2{
    padding: 10px;
    margin-bottom: 30px;
    border: 1px dotted #5f3030;
    border-left: 10px solid #5f3030;
    color: #5f3030;
}
#main-content{
    margin: 40px;
    padding: 40px 80px;
    border: 1px solid #FFE4E1;
    background-color: #fff;
}
.sub{
    text-align: center;
}

.noto-serif-jp-regular {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto; /* フォントの自動最適化をON（最近のブラウザ向け） */
  font-weight: 400; /* 普通の太さ */
  font-style: normal;
}
.con{
  margin-top: 60px;
}
#title p{
  text-align: center;
}
.con img{
  width: 500px;
  height: auto;
}
.small{
  font-size: small;
  text-align: center;
}