@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
sky   #C8DCFF 200,220,255
blue  #2873FA  40,115,250
-----------------------------------------------*/

/*-----------------------------------------------
  title
-----------------------------------------------*/
#office .title_text {
top: calc(50% - 8vw);
right: 4vw;
text-align: right;
}
#office .title_body {
margin-top: 1em;
font-size: 1vw;
}
@media screen and (max-width: 800px) {
	#office .title_text {
	top: calc(50% - 15vw);
	right: 0;
	text-align: center;
	}
	#office .title_body {
	font-size: 2vw;
	}
}


/*-----------------------------------------------
  office
-----------------------------------------------*/
#office .office {
padding: 40px 4%;
background: linear-gradient(to bottom, #2873FA, #00B9BE);
}
#office .office_box {
padding: 6%;
background: rgba(255,255,255,0.9);
border-radius: 10px;
}
#office .office_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
#office .office_list li {
width: 46%;
padding: 4% 0;
text-align: center;
}
#office .office_list li:nth-child(even) {
margin-left: 8%;
}
#office .office_en {
margin-top: 4%;
}
#office .office_head {
margin-top: 2%;
font-size: 1.75em;
line-height: 1.25;
color: #00A0B4;
}
#office .office_body {
min-height: 5.25em;
margin-top: 2%;
text-align: justify;
}
#office .office_link {
margin-top: 4%;
}
#office .office_link img {
margin-left: auto;
}
@media screen and (max-width: 800px) {
	#office .office {
	padding: 2%;
	}
	#office .office_box {
	padding: 4%;
	}
	#office .office_list {
	display: block;
	}
	#office .office_list li {
	width: 100%;
	padding: 8% 0;
	}
	#office .office_list li:nth-child(even) {
	margin: 0;
	}
	#office .office_photo {
	width: 80%;
	max-width: 320px;
	margin: auto;
	}
	#office .office_head {
	font-size: 1.5em;
	}
	#office .office_body {
	min-height: 0;
	}
}

/* color */
#office .office_head.color1 {
color: #2873FA;
}
#office .office_head.color2 {
color: #00B9FA;
}
#office .office_head.color3 {
color: #00A0B4;
}
#office .office_head.color4 {
color: #00C882;
}