/**
    * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
    * Richard Clark (http://richclarkdesign.com)
    * http://cssreset.com
    */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{
  -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, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
  margin : 0;
  padding : 0;
  border : 0;
  outline : 0;
  vertical-align : baseline;
  word-wrap : break-word;
}

address{
  font-style : normal;
}

img{
  margin : 0;
  padding : 0;
  border : 0;
  outline : 0;
}

html{
  font-size : 62.5%;
}

body{
  margin : 0 auto;
 font-family: 'Noto Sans Japanese', serif;
font-weight: 500;
  font-size : 1.7rem;
    line-height: 1.8;
  color : #3c3c3c;
}

main{
       display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 30px;
   border: solid 6px #1b76be;
}
.txt-Area{
    padding: 30px;
    background: repeating-linear-gradient(-45deg, #e4f7ff, #e4f7ff 3px,#ffffff 3px, #ffffff 7px);
    position: relative;
    
}

.txt-Area:before,.txt-Area:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.txt-Area:before{
    border-left: solid 3px #1b76be;
    border-top: solid 3px #1b76be;
    top:0;
    left: 0;
}
.txt-Area:after{
    border-right: solid 3px #1b76be;
    border-bottom: solid 3px #1b76be;
    bottom:0;
    right: 0;
}

dl {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
    flex-direction: row; 
}
dt{
    padding-right: 30px;
}