/* CSS Document */

.overseas {
	width: 95%;
	margin: auto;
}
.over_title {
	margin-bottom: 40px;
	width: 100%;	
}
div.over_title p {
	margin: 0;
	padding: 0;	
}
.over_title h2 {
	color: #039;
	font-size: 1.8em;
	margin: 0;
	padding: 0;	
}
.over_title h2 span {
	font-size: 0.8em;	
}
p.over_text {
	color: #09F;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5;
}
.overseas figure {
	margin: 0;	
}
.overseas figcaption {
	font-size: 0.8em;
	margin-bottom: 5px;	
}

/*box1*/
.over_box_1 {
	width: 48%;
	float: left;
	
}
.over_box_1 p.over_text {
	width: 33%;
	float: left;
	margin-left: 2%;
}
.over_box_1 figure {
	width: 65%;	
	float: left;
}
/*box2*/
.over_box_2 {
	width: 48%;
	float: right;
	margin-bottom: 20px;
}
.over_box_2 p.over_text {
	width: 95%;
	margin: auto;
}
.over_box_2 figure {
	width: 100%;	
}

/*box3*/
.over_box_3 {
	width: 32%;
	float: left;
	margin-top: -21%;
}
.over_box_3 p.over_text {
	width: 100%;
	margin: auto;
}
.over_box_3 figure {
	width: 100%;	
}


/*box4*/
.over_box_4 {
	width: 32%;
	float: left;
	margin: 0 2%;
}
.over_box_4 p.over_text {
	width: 100%;
	margin: auto;
}
.over_box_4 figure {
	width: 100%;	
}

/*box5*/
.over_box_5 {
	width: 32%;
	float: left;
}
/*box6*/
.over_box_6 {
	width: 100%;
	margin-bottom: 20px;
}



/*box7*/
.over_box_7 {
	width: 100%;	
}
.over_box_7 figure {
	width: 40%;
	float: left;
}
.over_box_7 figure.person {
	width: 10%;
	float: left;
}
.over_box_7 p.over_text {
	width: 40%;
	float: left;
	margin: 5% 5% 0 5%;
}

@media only screen and (max-width: 1024px) and (min-width: 481px) {


/*box1*/
.over_box_1 {
	width: 48%;
	float: left;
	
}
.over_box_1 p.over_text {
	width: 100%;
	float: none;
	margin-left: 2%;
}
.over_box_1 figure {
	width: 100%;	
	float: none;
}
/*box2*/
.over_box_2 {
	width: 48%;
	float: right;
	margin-bottom: 20px;
}
.over_box_2 p.over_text {
	width: 95%;
	margin: auto;
}
.over_box_2 figure {
	width: 100%;	
}
/*box3*/
.over_box_3 {
	width: 28%;
	float: left;
	margin-top: 0;
	margin-bottom: 20px;
}
.over_box_3 p.over_text {
	width: 80%;
	margin: 0 0 0 20%;
}
.over_box_3 figcaption {
	margin: -25% 0 0 20%;	
}
.over_box_3 figure {
	width: 100%;	
}


/*box4*/
.over_box_4 {
	width: 34%;
	float: left;
	margin: 0 2%;
}
.over_box_4 p.over_text {
	width: 100%;
	margin: auto;
}
.over_box_4 figure {
	width: 100%;	
}

/*box5*/
.over_box_5 {
	width: 34%;
	float: left;
}
/*box7*/
.over_box_7 p.over_text {
	margin: 0 5%;	
}

	
}

@media only screen and (max-width: 480px) and (min-width: 0px){
	
.over_title h2 {
	font-size: 1.4em;	
}
	
/*box1*/
.over_box_1 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.over_box_1 p.over_text {
	width: 100%;
	float: none;
	margin-left: 2%;
}
.over_box_1 figure {
	width: 100%;	
	float: none;
}
/*box2*/
.over_box_2 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.over_box_2 p.over_text {
	width: 95%;
	margin: auto;
}
.over_box_2 figure {
	width: 100%;	
}
/*box3*/
.over_box_3 {
	width: 100%;
	float: none;
	margin-top: 0;
	margin-bottom: 20px;
}
.over_box_3 p.over_text {
	width: 100%;
	margin: auto;
}
.over_box_3 figure {
	width: 100%;	
}


/*box4*/
.over_box_4 {
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom: 20px;
}
.over_box_4 p.over_text {
	width: 100%;
	margin: auto;
}
.over_box_4 figure {
	width: 100%;	
}

/*box5*/
.over_box_5 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

/*box7*/
.over_box_7 {
	width: 100%;	
}
.over_box_7 figure {
	width: 100%;
	float: none;
}
.over_box_7 figure.person {
	width: 20%;
	float: left;
}
.over_box_7 p.over_text {
	width: 80%;
	float: left;
	margin: 0;
}



}