@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: #000;
		-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;
}
h1{        width: 100%;
        text-align: center;
        font-size: 40px;
        line-height: 1.7em;
        margin-bottom: 3%;
        background: rgb(213, 22, 89);
        background: linear-gradient(90deg, rgba(213, 22, 89, 1) 0%, rgba(250, 170, 61, 1) 100%);
        font-weight: bold;
        color: #fff;
        display: block;
        margin: 0 auto;}
h2{font-size:1.3em;}
div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

table{width:800px;
max-width: 100%;
margin:2em auto 3em;
    border-collapse: collapse;}
.b{font-weight:bold ;}
table tr th{
        vertical-align: middle;}
th, .title{font-weight: bold;
        background-color: #ddd;
        position: relative;
                padding: 15px;}
.title{font-size: 1.3em;}

tr{    width: 800px;
    max-width: 100%;
		margin:0 auto;


}
td{   width: 500px;
font-size: 0.8em;
	     border: none;
        display: block;
         box-shadow: inset 0 0 0 1px #aaa;
        padding: 15px;
display: table-cell; /* テーブルセルのデフォルトの表示方法 */
  vertical-align: middle;}
th  {    text-align: center;
        width: 300px;
box-shadow: inset 0 0 0 1px #aaa;
display: table-cell; /* テーブルセルのデフォルトの表示方法 */
  vertical-align: middle;

}



footer{font-size:1em;
padding:2em 0 3em;

color: #000 !important;
}
footer a{    text-decoration: none !important;
color: #000 !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: 95%;
width: 95%;}
h1{    font-size: 7vw;}
tr {
    width: 90vw;
}
th{               width: 42%;
        padding: 10px;}
}
td{               width: 58%;
        padding: 10px;}
}