/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:740px )
{
    table{width:100%}
    
	img:not(.logo) {
		width:100%;
		height:auto;
	}
	.colum{
	display: block !important;
}
.title {
    padding: 20px 20px 0px 20px !important;
}

.inner {
    padding: 20px !important;
}
}



body{
	background-color:rgb(100, 149, 237);
}

a{color: #01253C}

footer{
	max-width:713px;
	margin: 3px auto;
	text-align:center;
	}
	
footer>hr{
border:solid 1px #0033B6;}

footer>p{
font-size:60%;}

.contents{
	max-width:713px;
	margin: 30px auto;
	background-color: rgb(240, 255, 255);
	padding-bottom: 30px;
}

.inner{
padding: 30px 50px;
}
.title{
padding: 33px 33px 0px 33px;
}
p{
font-size:80%;
}

table, tr, td{
font-size:90%;
vertical-align:top;
}
h2{
    width:100%;
    font-size:100%;
}
.gaiyo{
	background: #00639C;
     padding:  0px 10px;
    color:white;
}

.enkaku{
	background: #6666FF;
     padding:  0px 10px;
    color:white;
}

table{width:100%;}
td{padding:5px;}

.colum{
display: inline-block;
padding:5px;
}