/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 16 2026 | 00:57:40 */
.rtc_staff_comment p:last-of-type {
	margin-bottom: 0 !important;
}

/* タブ切替
-------------------------------------------------- */
.rtc_link_tabchange {
	display: flex;
	gap: 12px;
	width: 100%;
	margin: 0 auto 50px;
	box-sizing: border-box;
}

.rtc_link_tabchange a {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #284194;
	box-sizing: border-box;
	transition: all 0.3s ease;
	border: 1.5px solid #284194;
}
.rtc_link_tabchange a.is_active {
	color: #fff;
	background-color: #284194;
}
.rtc_link_tabchange a::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background: #284194;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.rtc_link_tabchange a.is_active::after {
	background: #fff;
}


/* 内側の白い背景を作るための設定 */
.rtc_link_tabchange a span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* 現在地・アクティブ状態（青背景・白文字・右下白カット） */
.rtc_link_tabchange a.is-active {
	color: #ffffff;
	background: #284194;
	padding: 0; /* 枠線が不要なので0に */
}
.rtc_link_tabchange a.is-active span {
	background: transparent; /* 白背景を透明に */
	clip-path: none;
}

/* マウスを乗せたとき（ホバー時）のふわっとしたエフェクト */
.rtc_link_tabchange a:hover {
	opacity: 0.8;
}

/* スマホ対応：画面が狭いときは縦並び、または2列にする場合 */
@media (max-width: 768px) {
	.rtc_link_tabchange {
		flex-direction: column; /* 縦並びに変更 */
		gap: 8px;
	}
	.rtc_link_tabchange a {
		padding: 10px 0
	}
}

/* ごあいさつ
-------------------------------------------------- */
.rtc_ttl_message {
	position: relative;
}
.rtc_ttl_message strong:after {
    position: relative;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 1px;
    display: block;
    background: #ffd24d;
    content: '';
    margin-top: 20px;
}


/* 店舗案内
-------------------------------------------------- */
.rtc_tbl_shopinfo table tr td {
	padding: 10px 20px;
}
.rtc_tbl_shopinfo table tr td:first-of-type {
	width: 150px;
	background: #F3F3F3;
}

.rtc_ttl_access {
	padding: 15px 20px !important;
    font-size: 18px !important;
}


/* サイトマップ
-------------------------------------------------- */
.rtc_list_sitemap {
	margin: 0;
	margin-bottom: 20px;
	list-style: none;
}

.rtc_list_sitemap > li a {
	color: #333;
}
.rtc_list_sitemap > li:first-of-type {
	margin-bottom: 10px;
}

.rtc_list_sitemap > li:first-of-type,
.rtc_list_sitemap > li:first-of-type a {
	font-size: 18px;
	font-weight: bold;
}
.rtc_list_sitemap > li:first-of-type::before {
	margin-right: 10px;
	content: '\f152';
	font-size: 18px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	color: #284194;
}

.rtc_list_sitemap > li:not(:first-of-type) {
	padding-left: 15px;
}
.rtc_list_sitemap > li:not(:first-of-type)::before {
	content: '-';
	margin-right: 10px;
}


/* 広島工業大学
-------------------------------------------------- */
body.es-page-feature_hiroshimakougyou .es-container.page-header {
	display: none;
}
.rtc_feature_catch {
	margin: 0 calc(-50vw + var(--es-scroll-var-half) + 50%) 60px;
/* 	margin: 0 calc(-50vw + 50%) 60px; */
	padding: 15px 0;
	font-size: 24px;
	color: #fff;
	background: #59B533;
}
.rtc_feature_catch:before {
    content: "- ";
}
.rtc_feature_catch:after {
    content: " -";
}

.rtc_block_merit {
	background-image: url( '/app/uploads/sites/1503/2026/06/bg-str.png' );
}

.rtc_list_merit {
	margin: 0;
	list-style: none;
}
.rtc_list_merit > li {
	padding: 15px 0 15px 65px;
	border-bottom: 1px solid #59B533;
}
.rtc_list_merit > li img {
	margin-right: 20px;
}
.rtc_list_merit > li strong {
	color: #1A6600;
}

.rtc_link_feature .wp-block-image {
	margin-bottom: 0 !important;
}
.rtc_link_feature a img {
	transition: all ease .6s;
}
.rtc_link_feature a:hover img {
	opacity: .6;
	transform: scale(1);
}

.rtc_bnr_catalog a img {
	transition: all ease .6s;
}
.rtc_bnr_catalog a:hover img {
	opacity: .6;
	transform: scale(1);
}

.rtc_page_features {
	padding: 20px 0 0;
}

h2.rtc_ttl_after_yellow::after {
	background: #FFD24D !important;
}
h2.rtc_ttl_after_white::after {
	background: #fff !important;
}
h2.rtc_ttl_after_red::after {
	background: #FF3C00 !important;
}

.rtc_tbl_hiyohikaku table tr td {
	text-align: center;
	vertical-align: middle;
}
.rtc_tbl_hiyohikaku table tr td span {
	color: #0C4297;
}
.rtc_tbl_hiyohikaku table tr td:first-of-type {
	text-align: center;
	background: #EEE;
}
.rtc_tbl_hiyohikaku table tr td:last-of-type {
	background: #F8FAFE;
}
.rtc_tbl_hiyohikaku table tr:last-of-type td {
	background: #FFFFBF;
}
.rtc_tbl_hiyohikaku table tr:first-of-type td {
	color: #fff;
	background: #666;
	border-color: #333;
}
.rtc_tbl_hiyohikaku table tr:first-of-type td:last-of-type {
	background: #0C4297;
}
.rtc_tbl_hiyohikaku table tr:first-of-type td:first-of-type {
	background: #CCC;
}

.rtc_hiyo_howto p strong {
	position: relative;
	font-size: 24px;
	color: #0C4297;
}
.rtc_hiyo_howto p strong::before {
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY( -50% );
	content: '\f111';
	font-size: 16px;
	font-weight: 400;
	font-family: 'Font Awesome 5 Free';
}

.rtc_hiyo_howto p {
	padding-left: 30px;
}
.rtc_hiyo_howto p:not(:last-of-type) {
	margin-bottom: 5px !important;
}
.rtc_hiyo_howto p:last-of-type {
	margin-bottom: 0 !important;
}

.rtc_pcolor_change strong {
	color: #FF3A00;
}

h3.rtc_ttl_smilelent {
	padding: 10px !important;
	margin-bottom: 0 !important;
}

h4.rtc_ttl_borderafter {
	position: relative;
}
h4.rtc_ttl_borderafter::before {
	content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #0C4297;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.rtc_block_check > .uagb-columns__inner-wrap {
	justify-content: space-between;
}
.rtc_block_check > .uagb-columns__inner-wrap > .wp-block-uagb-column > .uagb-column__inner-wrap {
	padding: 0;
}

.rtc_block_check h5 {
	margin-bottom: 10px !important;
}
.rtc_block_check p {
	margin-bottom: 0 !important;
}

.rtc_figure_img {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rtc_tenken_img {
	position: relative;
}
.rtc_tenken_img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 60px;
	height: 60px;
	background-image: url( '/app/uploads/sites/1503/2026/06/tenken-no-01.png' );
}
.rtc_tenken_img_02::before { background-image: url( '/app/uploads/sites/1503/2026/06/tenken-no-02.png' ); }
.rtc_tenken_img_03::before { background-image: url( '/app/uploads/sites/1503/2026/06/tenken-no-03.png' ); }

.rtc_bnr_links figure {
	display: block !important;
}
.rtc_bnr_links figure img {
	width: 100%;
}


/* 広島修道大学&広島市立大学
-------------------------------------------------- */
body.es-page-feature_syudo_shiritsu .es-container.page-header {
	display: none;
}

.rtc_feature_catch.rtc_feature_catch_blue {
	background: #33A9DF;
}

.rtc_block_merit_typeb {
    background-image: url( '/app/uploads/sites/1503/2026/06/bg-str-1.png' );
}
.rtc_block_merit_typeb .rtc_list_merit > li {
	border-bottom: 1px solid #005A9C;
}
.rtc_block_merit_typeb .rtc_list_merit > li strong {
	color: #005A9C;
}


.rtc_sp { display: none; }

@media (max-width: 480px) {
	.rtc_pc { display: none; }
	.rtc_sp { display: block; }
	
	.rtc_forsp_flex_reverse .uagb-columns__inner-wrap {
		display: flex;
		flex-direction: column-reverse;
	}
	
	body:not(.home) .entry-content p {
		font-size: 14px;
	}
	
	/* 会社概要
	-------------------------------------------------- */
	.rtc_tbl_company table td {
		padding: 5px 10px;
	}
	.rtc_tbl_company table td:last-of-type {
		padding-top: 0;
		font-size: 14px;
	}
	
	/* ごあいさつ
	-------------------------------------------------- */
	.rtc_message_txt {
		margin-bottom: 0 !important;
		font-size: 14px !important;
	}
	.rtc_ttl_message {
		font-size: 16px !important;
	}
	
	/* 店舗案内
	-------------------------------------------------- */
	.rtc_tbl_shopinfo table tr td {
		display: block;
		padding: 5px 10px;
		font-size: 14px;
	}
	.rtc_tbl_shopinfo table tr td:first-of-type {
		width: 100%;
		border-bottom: none;
	}
	.rtc_tbl_shopinfo table tr:not(:first-of-type) td:first-of-type {
		border-top: none;
	}
	
	/* サイトマップ
	-------------------------------------------------- */
	.rtc_list_sitemap > li a {
		font-size: 14px;
	}
	
	
	/* 広島工業大学
	-------------------------------------------------- */
	body.es-page-feature_hiroshimakougyou p {
		font-size: 14px !important;
	}
	.rtc_main_img .uagb-column__inner-wrap {
		padding: 0 !important;
	}
	.rtc_feature_catch {
		margin: 0;
		font-size: 14px;
	}
	.rtc_feature_catch::before, .rtc_feature_catch::after {
		display: none;
	}
	
	.rtc_feature_ttl {
		font-size: 18px !important;
	}
	
	.rtc_page_features {
		padding: 20px 0;
	}
	
	.rtc_list_merit > li {
		position: relative;
		padding-left: 50px;
		font-size: 14px;
	}
	.rtc_list_merit > li img {
		position: absolute;
		top: 15px;
		left: 0;
		margin-right: 10px;
	}
	
	.rtc_tbl_hiyohikaku {
		overflow-x: scroll;
	}
	.rtc_tbl_hiyohikaku table {
		width: 100%;
		border-collapse: collapse;
		white-space: nowrap;
		table-layout: auto !important;
	}
	.rtc_tbl_hiyohikaku table tr td {
		font-size: 14px;
	}
	
	.rtc_hiyo_howto p strong {
		font-size: 16px;
	}
	
	h3.rtc_ttl_smilelent {
		font-size: 16px !important;
	}
	
	.rtc_tenken_img::before {
		left: 0;
	}
	.rtc_ttl_borderafter strong {
		font-size: 16px;
	}
	
	.rtc_block_check h5 {
		font-size: 16px;
	}
	.rtc_block_check p {
		font-size: 14px;
	}
	
	.rtc_page_features a.es_new_block_link p {
		line-height: 1.5;
	}
	.rtc_hiyo_howto p strong::before {
		top: 22%;
	}
}