h1{
background-color: paleturquoise;
padding: 10px 10px;}

a {
  font-weight: bold;
  text-decoration: none;}

p.namendrk{
background-color: paleturquoise;
padding: 10px 10px;
}


textarea{
resize: none;
  margin-left: 10px;
border: 2px solid paleturquoise;}

textarea:focus {
background-color:whitesmoke;
outline: 0;
}

.question{
font-weight:bold;  
  padding: 0.5em;  /*文字周りの余白*/
  line-height: 1.5;  /*行高*/
  background:paleturquoise;  /*背景色*/
  vertical-align: middle;
  border-radius: 0px 0px 0px 0px;  /*左側の角を丸く*/}



button {
font-size: 120%;
color: brack;
background-color: paleturquoise;
width: 200px;
padding: 10px;
  margin-left: 10px;
}

input[type=checkbox] {
  transform: scale(1.5);
  margin: 0px 20px 25px 10px;
}

.hissu{
color: crimson;
padding:2px 8px; /* 枠と文字の空間 */
margin:0 5px; /* 枠の外の空間 */
background-color:#f9f9f9; /* 枠の背景色 */
border:1px solid crimson; /* 枠の線の太さ・種類・色 */
border-radius:5px; /* 枠の角を丸くする */
}

.kakko{
color: gray;
font-size: 90%;
}

.kakkosyo{
font-size: 85%;
}

ul, ol {
border: solid 2px paleturquoise;
padding: 0.5em 0.5em 0.5em 2em;
}


.three_block_item {
width: 15%;
border-radius: 20px;
margin:5px;
border: 2px solid powderblue;
text-decoration: none;
display: inline-block;
text-align: center;
float:left;
}

.three_block_item p{
text-align:center;
padding: 5px;
margin:0px;
}

a.blocklink {
display:block;
padding: 0.5em;
border: 2px solid powderblue;
}



@media screen and (max-width:520px) { 
    /*　画面サイズが520pxまで　*/
textarea.one {
  width:95%;
  height: 40px; }

textarea.two {
  width:95%;
  height: 120px; }

h1{
text-align:center;
font-size:8vw;}

.hoge_button {
   text-align: center;
}

.bottomlink{
text-align:center;}

.three_block_item {
width: 25%;
}


}


@media screen and (min-width:520px) {
 /*　画面サイズが520px以上　*/

body {
   margin: 0px,20px,0px,20px;
   padding: 20px;
}

h1{
width : 70％;
}

textarea.one  {
  width: 70%; /* 幅 */
  height: 40px; /* 高さ */
}

textarea.two  {
  width: 70%; /* 幅 */
  height: 120px; /* 高さ */
}

.sma{
    display: none;
}
}