@charset "utf-8";

/*
Theme Name: SUBHAND
Author: SUBHAND.LLC
Author URL: http://www.subhand.net/
*/


/* common
---------------------------------------------*/
* {margin:0;padding:0;}

html {
    font-size: 62.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
	transition: all .3s;
}

a:link,a:visited {
	color: #2236cf;
	text-decoration:underline;
}
a:hover,a:active {
	filter: brightness(1.2);
}

h1 {
	text-align: center;
	font-size: 24px;
	margin: 24px 0;
} 

/* layout
---------------------------------------------*/

/*TopIntro-Start*/
body {
  background:#ffffff;
  text-align:center;
  font-size:16px;
  line-height: 2;
  font-family: sans-serif;
}

#container {
	background-color:#FFFFFF;
	max-width:800px;
	margin: 0px auto;
	text-align: left;
	padding: 0 3%;


}/*TopIntro-End*/


/* 
------------------------------------------------------*/
#copyright{
	text-align:center;
	padding:15px 0px;
}


th, td  {
font-size:16px;
}

.table01{
	width:94%;
	margin:60px auto;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.table01 .title{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:12px;
	background-color:#e4e4e4;
	width:35%;
	font-weight: 700;
}
.table01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:24px;
	text-align:left;
}

@media screen and (max-width:640px){
    .table01 td{
        display: block;
		padding:12px 12px 40px;
    }

	.table01 .title{
		width: calc(100% - 24px);
	}

	.table01{
		margin:40px auto;
	}
}