body{
  margin:0;
  font-family:Arial, sans-serif;
  background:#F2F2F2;
  text-align:center;
}
h1 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

h1:before, h1:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h1:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h1:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

h2 {
  margin-top:100px;

}
.header{
  background:#5cc8ca;
  padding:20px;
  text-align:center;
  color:#FFF;
  font-size:14px;
  margin-top:0px;
  margin-bottom:50px;
}
.header a {
  color:#FFF;
}
.header img {
  margin-bottom:0px;
}
.header p {
  margin:20px;font-size:8px;
}
.footer{
  background:#5cc8ca;
  padding:20px;
  text-align:center;
  color:#FFF;
  font-size:14px;
  margin-top:50px;
}
.footer a {
  color:#FFF;
}
.footer img {
  margin-bottom:0px;
}
.footer p {
  margin:20px;font-size:8px;
}
.btn {
  text-align:center;margin-top:10px;
}
.btn a {
  background:#db184f;
  padding:20px 80px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  font-size:16px;
}
.btn p {
  margin-top:0px;
  margin-bottom:30px;
  font-size:12px;
}
.r18 {
  text-align:center;
  margin-top:30px;
}
.r18 a {
  font-size:12px;
  color:#000;
}
.medialist {
  width:800px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
}
.medialist p {
  color:#333;
  font-weight:bold;
  margin-bottom:12px;
}
.medialist span {
  color:#FFF;
  font-weight:bold;
  background:#d73658;
  border-radius:10px;
  text-align:center;
  color:#FFF;
  padding:4px 6px;
  margin-left:6px;
}
.medialist a {
  color:#5cc8ca;
  font-weight:bold;
  font-size:20px;
}
.media {
  margin-bottom:50px;
}

.notelist {
  width:800px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
}
.notelist p {
  color:#333;
  font-weight:bold;
  margin-bottom:12px;
}
.notelist span {
  color:#FFF;
  font-weight:bold;
  background:#4169e1;
  border-radius:10px;
  text-align:center;
  color:#FFF;
  padding:4px 6px;
  margin-left:6px;
}
.notelist a {
  color:#5cc8ca;
  font-weight:bold;
  font-size:20px;
}
.note {
  margin-bottom:50px;
}

/* 登録ボタン */
.entrybtn01 {
  padding:20px 40px;
  background:#d73658;
  border-radius:90px;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:100px;
}


/* SP */

@media (width < 600px) {

h1 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 0.7em;
  display: inline-block;
  top:0;
}



.medialist {
  width:80%;
  padding:0 20px;
  text-align:left;
  margin-top:50px;
}

.medialist a {
  color:#5cc8ca;
  font-weight:bold;
  font-size:100%;
}
.notelist {
  width:80%;
  padding:0 20px;
  text-align:left;
  margin-top:50px;
}

.notelist a {
  color:#5cc8ca;
  font-weight:bold;
  font-size:100%;
}

}