@charset "utf-8";

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


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

a:link,a:visited {
	color: #2236cf;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}




img{ border: none;}




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


body {
  	width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	  background:#ffffff;
	  text-align:center;
	 scroll-behavior: smooth;
	  font-size:18px;
	  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, YuGothic,  Verdana, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	    color: #2b2c30;
		-webkit-text-size-adjust: 100%;
}
button{    background: none;
    border: none;
    color: #fff;
    font-size: 1em;
    margin-bottom: 0.5em;}
.wrap {
	background:url(../images/bg_02.png);
    background-repeat:repeat-y;
	margin:0px auto;
	width:918px;

}
#container {width: 750px;
max-width:100%;
	background-color:#FFFFFF;
	margin: 0px auto;
   line-height: 180%;
	text-align: left;
}/*TopIntro-End*/




/*
------------------------------------------------------*/
#copyright{
	text-align:center;
	padding:15px 0px;
}
#container p{
	clear:both;
	padding:0px 35px;
	line-height:1.5;
}
h2{font-size:1.3em;}
div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

table{width:750px;
max-width: 100%;
margin:2em auto 3em;}
.b{font-weight:bold ;}
th, .title{        color: #fff;
        background-color: #5b4128;
        position: relative;
        padding: 0.8em 1em;}
.title{font-size: 1.3em;}
td{        border: none;
        display: block;
        padding: 1em .5em 1.5em;}
tr{    width: 750px;
    max-width: 100%;
margin:0 auto;
    display: flex;
    flex-wrap: wrap;}

th, td  {
width: 100%;
}



footer{font-size:1em;
padding:2em 0 3em;
background:#5b4128;
color: #fff !important;
}
footer a{    text-decoration: none !important;
color: #fff !important;
	}

/*  ul
---------------------------------------------------------- */
ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}

#tool{
	background:url(../images/back.png);
    background-repeat:repeat-y;
}
#toolmozi{
	width:500px;
    margin-left:160px;
}

@media screen and (max-width: 750px){
body {font-size:4vw;}
#container{width: 100%}
table{max-width: 100%;
width: 100%;}
tr {
    width: 90vw;
}
}