/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


@media only screen and (max-width: 979px) {
     
    Html{
        Width:100%;
    }

body {
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

H1 { 
		word-spacing: 10%; 

}

H2 { 
	text-align : left ;
	padding : 0.1em 0.1em 0em 0em;
	letter-spacing : 0% ;
	height : 10px ;
}

H3 { 	border-style: solid;
	border-width: thin medium thick 14px;
	font : bold 1.0em Verdana;
	padding : 0.1em 1em 0em 0em;
}

div.tannin {
		line-height: 50% ;
		margin-left : 15em;
		text-align: right;
		margin-right: 3em;
		white-space: pre ;
/*		word-spacing: 50px; */
}

div.kaipage {
		text-align: center;
		page-break-after: always;
}

BODY { 
		line-height: 180% ;
		font-family: 'ＭＳ ゴシック';
/*		mergin-left : 100px; */
}

div.kumi {
}





table {
		border : 2px solid black ;
}

input {
		border : 2px solid black ;
}


thead {	 background: rgb(200,200,200);
	text-align:center;
	padding: 0.1em 0em;
}

/*
tr.grow {	 background: rgb(180,180,180);
	height: 3em;
		border : 2px solid black ;
}
*/

tr.wrow {	 background: white;
	height: 2.5em;
}


tr.grow {	 background: white;
	height: 2.5em;
}



.col1	 { width :  30px ;  text-align: center ; }
.col2	 { 
	width :  200px ;  padding: 0.5em 0.5em 0.5em 0.5em; 
	text-align: center;
}
.col3	 { width :  30px ; text-align: center ; }
.col4	 { width :  130px ; text-align: center;  }
.col5	 { width :  520px ;  padding: 0.5em 0.5em 0.5em 0.5em ;
}
.col6	 { width :  200px ; text-align: center; }
.col7	 { width :  120px ; text-align: center; }
.col8	 { width :  80px ; text-align: center; }



} /*デバイスの横幅が979px以下の場合*/
 
@media only screen and (min-width: 321px) and (max-width: 768px) {

    Html{
        Width:100%;
    }
    
body {
   	font-size: 150%;
   }
 
} /*デバイスの横幅が321以上768以下の場合*/
 
@media only screen and (max-width: 320px) {
     
    header{
        Width:90%;
    }


body {
   	font-size: 200%;
   }

H1 {
	font-size : 1em;
}

H2 {
	font-size : 1em;
}

H3 {
	font-size : 1em;
}

} /* デバイスの横幅が320px以下の場合 */