h1 {
border-bottom: solid 3px black;
/*線の種類（実線） 太さ 色*/
}
h2{
color: #505050;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h2:before {
content: '●';
color: white;
margin-right: 8px;
}

h3{
position: relative;
padding: 0.25em 1em;
border: solid 2px black;
border-radius: 3px 0 3px 0;
}
h3:before,h3:after
{
content: '';
position: absolute;
width:10px;
height: 10px;
border: solid 2px black;
border-radius: 50%;
}
h3:after {top:-12px;left:-12px;}
h3:before {bottom:-12px;right:-12px;}

h4 {
position: relative;
}
h4:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

h5 {
color: #010079;
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

input {
    width: 100%;
    max-width: 150px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

textarea {
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

input[type="submit"]  {
    max-width: 600px; /*送信ボタンの幅を指定*/
}

input[type="number"]  {
    max-width: 600px; /*送信ボタンの幅を指定*/
    width:200px;
    height:50px;
    font-size: 36px;
    background-color: #ffffcc;
}

/*補足）チェックボックスをCSSで大きくする記述例*/
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 8px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
}

/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
    background: #9FB9D3;
}

.stitch {
   color: #fff;
   padding: 20px;
   font-size: 22px;
   background: #FEA993;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #FEA993;
}
body {
  padding: 5px 20px;
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', sans-serif;
}
.submit_btn{
    font-size: 36px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    box-shadow:4px 4px #555;
    padding:8px 10 8px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:20px;
}