/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 24 2023 | 00:33:04 */
/* ストライプ柄 - StripeBackg
-------------------------------------------------- */
.stripe_bg > span {
	background-size: auto auto;
	background-color: rgba(250, 237, 223, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(255, 255, 255, 1) 20px, rgba(255, 255, 255, 1) 22px );
}
.es_new_block .es-list .wp-block-column {
	background-color: #fff;
}

/* トップ - top
-------------------------------------------------- */
.feature-advertisement-block h2 {
	margin-bottom: 50px;
}
.feature-advertisement-block h2::after {
	display: none;
}

a.wp-block-button__link {
	background-color: #EA7911;
}

.top_company_info span[class^=icon-], .top_company_info .inquiry_column strong a {
	color: #EA7911;
}
.top_company_info .inquiry_column .wp-block-button a {
	background: #EA7911;
}


/* ページ：共通設定 - common
-------------------------------------------------- */
.es-page-owner .es-container.page-header,
.es-page-students .es-container.page-header,
.es-page-areamap .es-container.page-header {
	display: none;
}

.icon_ttl {
	position: relative;
	margin-bottom: 30px !important;
	padding: 20px !important;
	display: flex;
    align-items: center;
	border-bottom: 2px solid rgba( 195, 159, 135, 1 );
}
.icon_ttl::before {
	margin-right: 10px;
	content: '\f303';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	width: 35px;
	height: 35px;
	color: #fff;
	background-color: rgba( 195, 159, 135, 1 );
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon_ttl strong::after {
	content: '';
	position: absolute;
	right: 30px;
	bottom: -15px;
	width: 30px;
	height: 15px;
	background-color: rgba( 195, 159, 135, 1 );
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.icon_ttl span {
	margin-left: 10px;
}

.icon_ttl.icon_key {
	border-bottom: 2px solid rgba( 145, 187, 63, 1 );
}
.icon_ttl.icon_key strong::after {
	background-color: rgba( 145, 187, 63, 1 );
}

.icon_ttl.icon_students {
	border-bottom: 2px solid rgba( 244, 225, 102, 1 );
}
.icon_ttl.icon_students strong::after {
	background-color: rgba( 244, 225, 102, 1 );
}

.icon_map::before {
	content: '\f3c5';
}
.icon_key::before {
	content: '\f084';
	background-color: rgba( 145, 187, 63, 1 );
}

.icon_students::before {
	content: '\f19d';
	background-color: rgba( 244, 225, 102, 1 );
}


/* 学生さん向け特集 - students
-------------------------------------------------- */
h3.border_ttl {
	padding: 5px 10px;
	border-left: 5px solid #333;
	border-bottom: 2px solid #333;
}

.btn_students a {
	background: linear-gradient(180deg, rgba( 142, 180, 42, 1 ) 0%, rgba( 142, 180, 42, 1 ) 50%, rgba( 114, 144, 32, 1 ) 50%, rgba( 114, 144, 32, 1 ) 100%);
	transition: all ease .8s;
}
.btn_students a:hover {
	background: linear-gradient(180deg, rgba( 114, 144, 32, 1 ) 0%, rgba( 114, 144, 32, 1 ) 50%, rgba( 142, 180, 42, 1 ) 50%, rgba( 142, 180, 42, 1 ) 100%);
}
.btn_students a::before {
	margin-right: 10px;
	content: '\f002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}



/* スマホ版 - sp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	.for_pc { display: none; }
	
	/* 下層ページ:共通 - common
	-------------------------------------------------- */
	.sub_visual {
		min-height: auto;
	}
	.sub_visual h1 {
		font-size: 18px !important;
	}
	
	.icon_ttl {
		flex-direction: column;
	}
	.icon_ttl::before {
		margin: 10px 0;
	}
	.icon_ttl span {
		margin-left: 0;
	}
	
	.icon_ttl strong::after {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	
	
	/* オーナー様へ - owner
	-------------------------------------------------- */
	.owner_list {
		margin: 0 30px 30px;
	}
	.owner_list > li {
		font-size: 16px;
	}
	
	
	/* 学生さん向け特集 - students
	-------------------------------------------------- */
	h3.border_ttl {
		margin-left: 10px;
	}
	.btn_students {
		justify-content: center !important;
	}
	.btn_students a {
		font-size: 14px;
	}
}