/*
Theme Name: Arkhe
Theme URI: https://arkhe-theme.com/
Version: 3.8.0
Tested up to: 6.4
Requires at least: 6.0
Requires PHP: 7.0
Description: A very simple theme for production templates. Customize as you like.
Tags: two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style, theme-options, block-styles, wide-blocks
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Text Domain: arkhe
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

.staff_container img {
	border: 2px solid #229753;
    border-radius: 30px;
	transition: all 0.3s ease 0s;
}

.staff_container img:hover {
	transform: translatey(-0.1875em);
}

.staff_container > div:nth-child(2){
	font-size: 1.5em;
	margin: 10px;
}

.staff_introduce {
	background: transparent linear-gradient(90deg, #252725 0%, #161716 100%) 0% 0% no-repeat padding-box;
	border: 2px solid #252725;
	border-radius: 30px;
}

.staff_introduce > .column_2 {
    justify-content: space-between;
    align-items: center;
}

.staff_introduce > .column_2:first-child{
	margin: 50px 70px;
}

.staff_introduce > .column_2:nth-child(2){
	margin-bottom: 50px;
}

.staff_introduce h2 {
    border-left: 7px solid;
    padding-left: 30px;
    border-image: linear-gradient(0deg, #2F62B7 0%, #9730A1 100%) 1;
}

.x_logo {
	width: 30px;
}

.staff_text {
	margin-left: 70px;
}

.staff_introduce .staff_img {
    text-align: end;
    margin-right: 70px;
    width: 40%;
}

.staff_img > img {
	width: 60%;
    border: 2px solid #229753;
    border-radius: 30px;
}

.staff_button {
    display: flex;
    justify-content: end;
}

.staff_button > a {
	background: transparent linear-gradient(90deg, #2F62B7 0%, #9730A1 100%) 0% 0% no-repeat padding-box;
    border-radius: 100px;
    display: flex;
    width: 240px;
    padding: 20px;
}

.staff_button_text {
	font-size: 1.3em;
    margin-right: 20px;
}

@media (768px >= width) {
	.staff_introduce > .column_2:first-child {
		margin: 50px 20px;
	}
	
	.staff_introduce > .column_2:nth-child(2) {
		flex-direction: column-reverse;
	}
	
	.column_2 > div {
		width: 80%;
	}
	
	.staff_text {
		margin-left: 0;
	}
	
	.staff_introduce .staff_img {
		text-align: center;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.staff_button {
		justify-content: center;
	}
}