@charset "shift_jis";

@media screen and (min-width: 750px) {

div.box_1 {
	width:100%;
	padding:0;
	margin:0 auto;
}

div.subbox_1 {
	float:left;
	width:30%;
	height:auto;
	padding:0;
	margin-bottom:0.5vw;
	text-align: center;
}

div.subbox_1 img{
	width:80%;
	height:auto;
	padding:0;
}

div.subbox_2 {
	float:left;
	width:70%;
	height:auto;
	margin:0 auto 3vw;
}

div.subbox_2 ul {
	width:96%;
	padding:0;
	margin:0 auto;
}

div.subbox_2 li {
	width:90%;
	text-align:left;
	margin-left: 5%; 
	font-weight: bold;
	list-style: none; 
}

div.subbox_3 {
	float:left;
	width:70%;
	height:auto;
	padding-top:1%;
	margin:0 auto;
}

div.subbox_3 ul {
	width:96%;
	padding:0;
	margin:0 auto;
}

div.subbox_3 li {
	width:90%;
	text-align:left;
	margin-left: 5%; 
	list-style: none; 
}

div.subbox_4 {
	float:left;
	width:30%;
	height:auto;
	margin:4.4vw 10% 0;
	padding:0;
	text-align: left;
}

p.item_title_2 ~ div.subbox_4 {
	float:left;
	width:30%;
	height:auto;
	margin:1vw 10% 0;
	padding:0;
	text-align: left;
}

div.subbox_4 img{
	width:80%;
	height:auto;
	padding:0;
}
div.subbox_4 p{
	-webkit-margin-before:0;
    -webkit-margin-after:0;
	width:22.5vw;
	height:auto;
	margin:0 auto;
	margin-left:3vw;
	padding:0;
}

div.subbox_5 {
	float:left;
	width:100%;
	height:auto;
	padding-top:1%;
	margin:0 auto;
}

div.subbox_5 ul {
	width:100%;
	padding:0;
	margin:0 auto;
}

div.subbox_5 li {
	width:90%;
	margin:0 auto;
	text-align:left;
	list-style: none; 
}

p.item_title {
	padding:1vw 1vw 0.6vw;
}

p.item_title_0 {
	padding:0 1vw;
	margin-bottom:3%;
	margin-left:1.5vw;
}


span.title_header {
	font-size: 3vw;
}

table {
	width:70%;
	margin:1vw 0 0 4vw;
	line-height: 3vw;
}

td.td_big {
	font-size: 1.8vw;
	padding:1vw 0;
}

div.subbox_img {
	width:22vw;
	height:16.5vw;
	overflow:hidden; 
	margin-top: 1vw;
	margin-left:3vw;
	float:left;
}

p.item_title_2 + div.subbox_1 div.subbox_img {
    margin-top: 1vw;
	margin-left:4vw;
	float:left;
}

div.subbox_1 div.subbox_img {
    margin-top: 1vw;
	margin-left:0.8vw;
	float:left;
}

div.subbox_4 div.subbox_img {
	padding-top:0;
    margin-top: 0;
	margin-left:3vw;
	float:left;
}

/*div.subbox_5 ~ div.subbox_4 div.subbox_img {
	padding-top:1vw;
	margin-top: 0vw;
	margin-left:3vw;
	float:left;
}*/

div.subbox_img img {
	width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
}

div.box_1:first-of-type div.subbox_img {
	margin-left:6vw;
}

p.item_title_2 {
	width: 92%;
	margin:3.4vw auto 1vw;
	padding-top:0.4vw;
}

div.footer {
	margin-top:5vw;
}

}

@media screen and (max-width: 750px) {

div.box_1 {
	width:100%;
	padding:0;
	margin:0 auto;
}

div.subbox_1 {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	text-align: center;
	margin:0 0 3% 0;
}

div.subbox_3 + div.subbox_1 {
	float:left;
	width:100%;
	height:auto;
	padding-bottom:2%;
	text-align: center;
	margin:0 0 6vw 0;
}

div.subbox_1 img{
	width:50%;
	height:auto;
	padding:0;
}

/*div.subbox_3 + div.subbox_1 {
	padding-bottom:2%;
	margin-bottom:5vw;
}*/

div.subbox_2 {
	float:left;
	width:100%;
	height:auto;
	padding-top:3.5%;
	padding-bottom:2%;
	margin:0 auto 5vw;
}

div.subbox_2 ul {
	width:96%;
	padding:0;
	margin:0 auto;
}

div.subbox_2 li {
	width:90%;
	text-align:left;
	margin-left: 5%; 
	font-weight: bold;
	list-style: none; 
}

div.subbox_3 {
	float:left;
	width:98%;
	height:auto;
	padding:0 0 3% 2%;
}

div.subbox_1 + div.subbox_3 {
	float:left;
	width:98%;
	height:auto;
	margin-bottom:5.3vw;
	padding:0 0 2% 2%;
}

div.subbox_3 ul {
	width:96%;
	padding:0;
	margin:0 auto;
}

div.subbox_4 {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:2vw 0 5.3vw 0;
	text-align:left;
}

p.item_title_2 + div.subbox_4 {
	margin:0 0 5.3vw 0;
}

div.subbox_4 img{
	display: block;
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
}

div.subbox_4 p{
	width:94%;
	height:auto;
	margin:0 0 0 4%;
	padding-bottom:2%;
	text-align: left;
}

div.subbox_5 {
	float:left;
	width:94%;
	height:auto;
	padding:0 0 2% 4%;
	margin:0 auto 5.3vw;
}

div.subbox_5 ul {
	width:100%;
	padding:0;
	margin:0 auto;
}

p.item_title_0 {
	text-align: left;
	margin:0 auto; 
	padding-left:1vw;
	list-style: none; 
}

p.item_title {
	text-align: left;
	margin-left:1%; 
	padding-left:2%;
	list-style: none; 
}

p.item_title_2 {
	line-height: 7vw;
	font-size:5vw;
	margin:0 0 5vw;
	width:96%;
	text-align: left;
	margin-left:1%; 
	padding-left:2%;
	padding-top:1vw;
	font-weight: bold;
	list-style: none; 
	color: #259df8; 
	border-bottom: 1px solid #259df8; 
}

span.title_header {
	font-size: 7vw;
}

table {
	width:96%;
	margin:1vw auto 0;
	line-height: 6.6vw;
}

td.td_big {
	font-size: 6vw;
	padding:3vw 0;
}

div.subbox_img {
	width:60vw;
	height:45vw;
	overflow:hidden; 
	margin:0 auto;
}

div.subbox_img img {
	width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
}

footer {
	margin-top:9vw;
}

}