/*----------------ここから自社記載のCSS------------*/

div.wrap{
　　max-width:100%;
    height:100vh;
    margin:0 auto;
    letter-spacing:0.03em; 
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    line-height: 1.5; 
}

main{
　　max-width:100%;     
    margin:0;
    padding:0;
}

pre {
  width:100%;
  white-space: pre-wrap; 
     }

h2{
　text-align: center; 
  text-decoration:underline;
  text-underline-offset:8px;
  margin-bottom:2em;
  text-align: center; 
}


.title{
padding:0 0.2em;
border: 1px solid #ccc;
margin:1.5em 0 1em 0;
}


.table_list{
    width:100%;
    border-collapse: collapse; 
}

th, td{
 border: 1px solid #ccc;
 border-collapse: collapse;
 padding:0 1.5em 0 1.5em;
 font-size:1em;
}

.container{
  max-width:100%;
  padding:5vh 2vw 10vh 2vw;
  margin:3vh 0 5vh 0;
  border: 1px solid #ccc;
}

.buttan{
 padding-top:5vh;
 text-align:center;
}

@media screen and (min-width:720px) {
    main{
	max-width:720px;
    width:100%;
    max-height:auto;
    margin:0 auto;
}
.wrap pre{
    max-width:720px;
    width:100%;
 　 margin:0 auto;
    max-height:auto;
}
}