@charset "UTF-8";

.first_inner{
	margin-top: 50px;
}

.office_area{
	display: flex;
	justify-content: flex-start;
	padding-left: 3em;
	max-width: 650px;
	margin: 30px 0 80px;
}

.office_left{
	display: flex;
	padding-right: 50px;
	flex-grow: 2;
	line-height: 1.8;
}

.office_right{
	display: flex;
	align-items: flex-end;
	flex-grow: 1;
}

/*	btn
--------------------------------------------------------- */

.content_item_btn {
	width: 100%;
	max-width: 200px;
	margin-top: 40px;
	text-align: left;
}

.btn.btn_white_arrow{
	  border: 2px solid var(--color-text-dark);
		font-family: "Fjalla One", sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 4px 12px;
	color: var(--color-text-dark);
}

.btn.btn_white_arrow:after {
  font-family: "FontAwesome";
  content: "\f0a9";
  position: absolute;
  right: 12px;
	transition: all 0.2s;
}

.btn.btn_white_arrow:hover:after {
 right: 6px;
}

@media (width <= 768px) {
	
	.layout_main {
        padding: 30px 0 0;
        min-height: 0;
    }
	
	.module_page_ttl.ttl_border{
		border: none;
		padding-bottom: 0;
	}
	
	.module_breadcrumb{
		display: none;
	}
	
	.first_inner{
	margin-top: 40px;
}
	
	.office_area{
	flex-wrap: wrap;
		padding-left: 2em;
}
	
	.office_left{
		width: 100%;
}

.office_right{
	display: block;
	flex-grow: 1;
}

	
}