@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

html{
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  font-family: "新丸ゴ R";
  font-size: 16pt; font-size: 1.6rem;
  letter-spacing:0.1em;
  background-color: rgba(255, 255, 255, 1.0); /* aquamarine 127, 255, 212, 1.0 */
}
section{
  padding:3rem;
}
a {
  text-decoration:none;
  color: rgba(7, 7, 7, 1.0);
}
a:hover {
  text-shadow: 2px 2px 2px rgba( 7,7,7,0.6);
  font-weight: bold;
}
ul {
  margin-left: 5rem;
  list-style:none;
}
ol {
  padding: 2rem 5rem;
}

h1{
  font-size: 24pt; font-size: 2.4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
h2{
  font-size: 18pt; font-size: 1.8rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.button{
  padding:1rem 1.6rem;
  // font-size:1.1rem;
}
textarea{
  width:95%;
}

#wrap{
  padding:1vh auto;
  width:100vw;
}
header{
  font-size: 24pt; font-size: 2.4rem;
  color:rgba(255,255,255,1.0);
  background-color: rgba(130,36,227,1.0);
  padding:2rem;
}
footer{
  font-size: 12pt; font-size: 1.2rem;
  color:rgba(255,255,255,1.0);
  background-color: rgba(130,36,227,1.0);
  padding:2rem;
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.note_top {
  background-color: rgba(127, 255, 212, 1.0); /* aquamarine 127, 255, 212, 1.0 */
  text-align: right;
  font-size: 14pt; font-size: 1.4rem;
  padding: 1rem 3rem;
  border-bottom: 1px solid rgba(130,36,227,1.0);
}
.user_top {
  text-align: right;
  font-size: 14pt; font-size: 1.4rem;
  padding: 1rem 3rem;
}

.attention{
  list-style-type: "※ ";
  color: rgba(255,0,0,1.0);
}