@charset "shift_jis";

@media screen and (min-width: 750px) {

content{
	width:98%;
	margin:0 auto;
}	

p.jyouken{margin-left:3vw;}

div.main_content{
	width:96%;
	margin:2% auto 4% auto;
}
div.sub_content{
	width:95%;
	margin:1vw auto;
	border-radius: 10px;
	position:relative;
}
div.sub_content_right{
	margin-top:2%;
	margin-left:33%;
	padding:1vw;
	width:63%;
	min-height:18vw;
}
div.sub_content_left_img {
	width:21vw;
	height:17vw;
	overflow:hidden; 
	margin-top: 1vw;
	float:left;
}

div.sub_content_left_img img {
	width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

table.item_title {
	width:100%;
	margin:0;
	text-align: left;
	background-color:#fff;
	color: #259df8;
	border-radius: 7px;  
	border:solid 1px #259df8;   
	line-height:2.4vw;
	padding:0.5% 2%;
	position:relative;
}
.item_title th{width:82%;text-align:left;}
.item_title td{color:red;text-align:right;}

div.sub_content_left{
	width:46%;
	margin:2% 0 1% 3%;
	float:left;
}
div.sub_content_left + div.jigyou {
	width:46%;
	float:left;
	text-align:left;
	margin:3vw 0 3vw 4vw;
}
div.sub_content_left + div.jigyou .table_right {
	width:100%;
	position:inherit;
}
.table_right{
	width:45%;
	top:25%;
	left:55%;
	position:absolute;
	text-align:left;
}
.jigyou table th{
	width:6vw;
	vertical-align: top;
	text-align:left;
}

div.number{
	text-align:center;
	margin:2vw auto;
}


}

@media screen and (max-width: 750px) {


content{
	width:98%;
	margin:0 auto;
}	

p.jyouken{margin-left:3vw;}

div.main_content{
	width:98%;
	margin:4% auto 8% auto;
}
div.sub_content{
	width:96%;
	margin:2% auto;
}
div.sub_content img{
	width:76%;
	margin:0 12% 3% 12%;
}

table.item_title {
	width:96%;
	margin:5vw auto;
	text-align: left;
	background-color:#fff;
	color: #259df8;
	border-radius: 7px;  
	border:solid 1px #259df8;   
	line-height:5vw;
	padding:0.5% 2%;
	position:relative;
}
.item_title th{width:76%;text-align:left;}
.item_title td{color:red;text-align:right;}

h3{
	font-size:5vw;
}

.jigyou table{font-size:4.2vw;}
.jigyou table th{
	width:24vw;
	vertical-align: top;
	text-align:left;
}

div.number{
	text-align:center;
	margin:3vw auto;
}

}