@charset "utf-8";

/* --------------------
/* ジャリアメイン　header
/* -------------------- */

.header {
	position: fixed;
	z-index: 999;
	background-color: #fff;
	color: #fff;
	left: 0;
	right: 0;
	height: 100px;
}

@media screen and (max-width:375px) {
	.header {
		height: 105px;
	}
}

.header_inner {
	margin: auto;
	max-width: 1140px;
	display: flex;
	justify-content: space-between;
	padding: 0 2% 0 2%;
}

/* PC時　グローバルナビ */
.nav-list {
	display: flex;
}

.nav-item {
	font-size: 14px;
	padding: 10px 40px 10px 0;
	position: relative;
}

.item-parent {
	color: #333;
}

.nav-item:last-child {
	padding-right: 0;
}

.dropdown__lists {
	transform: scale(0, 0);
	transform-origin: left top;
	transition: all .3s;
	width: 257%;
	position: absolute;
	top: 36px;
	left: 0;
	padding-left: 0;
}

.width_adjust {
	width: 100%;
}

.nav-item:hover .dropdown__lists {
	transform: scale(1, 1);
}

.dropdown__list {
	height: 50px;
	transition: all .3s;
	position: relative;
	background-color: #333;
	border-bottom: #999 1px solid;
}

.dropdown__list:hover {
	background-color: #606060;
}

.dropdown__list a {
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	position: relative;
	height: 100%;
	padding-left: 10px;
}

.dropdown__list a::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(135deg);
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
}

.dropdown__list:last-child {
	border-bottom: 0;
}

.burger-btn {
	display: none;
}

.site-title {
	padding: 0;
	margin: 0;
}

.jarea_logo {
	width: 120px;
}

.nav-item.header_contactbtn {
	padding: 0;
}

@media screen and (min-width: 769px) {
	.header_contactbtn a {
		font-weight: bold;
		background-color: #333;
		min-width: 150px;
		text-align: center;
		color: #fff;
		padding: 10px 25px;
		position: relative;
		transition: .2s ease-in-out;
		overflow: hidden;
		display: block;
		margin-top: -1px;
	}

	.header_contactbtn a::before {
		content: "";
		width: 200%;
		height: 200%;
		background: rgba(255, 255, 255, .2);
		transform: rotate(-45deg);
		position: absolute;
		top: -10%;
		left: -180%;
		transition: .3s ease-in-out;
	}

	.header_contactbtn a:hover::before {
		left: 60%;
	}

	.header_contactbtn a:hover {
		opacity: .8;
	}
}

.header_nav-item_hidden {
	display: none;
}

.nav_sp {
	display: none;
}

.dropdown__item-child {
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 10px;
	z-index: 10;
}

.menu__third-level {
	width: 216px;
	height: 50px;
	position: absolute;
	right: -216px;
	top: 0;
	z-index: -1;
}

.menu__third-level .dropdown__list {
	background-color: #606060;
}

.menu__third-level .dropdown__list:hover {
	background-color: #828282;
}

.child_movie,
.child_web,
.child_sns,
.child_seo {
	width: 216px;
	transition: all .3s;
	transform: translate(-216px, 0);
	padding-left: 0;
}

.parent_movie:hover .child_movie,
.parent_web:hover .child_web,
.parent_sns:hover .child_sns,
.parent_seo:hover .child_seo {
	transform: translate(0, 0);
	background-color: #606060;
}

@media screen and (max-width: 769px) {
	.nav-wrapper {
		height: 100dvh !important;
	}

	.nav_sp {
		display: block;
	}

	.nav_pc {
		display: none;
	}

	.dropdown__list {
		height: auto;
		border-bottom: #999 0px solid;
	}

	.dropdown__item-child {
		padding-left: 30px;
		height: 50px;
		background-color: #ccc;
		color: #000;
		position: relative;
		border-bottom: #999 1px solid;
	}

	.dropdown__item-child:after {
		content: "";
		border-top: 1px solid black;
		border-left: 1px solid black;
		display: inline-block;
		width: 10px;
		height: 10px;
		transform: rotate(-135deg) translateY(9px);
		position: absolute;
		right: 30px;
		top: 50%;
	}

	.child_movie,
	.child_web,
	.child_sns,
	.child_seo {
		width: 100%;
		transform: translate(0, 0);
		background-color: #e5e5e5;
	}

	.menu__third-level {
		width: 100%;
		position: relative;
		right: 0;
		z-index: 0;
		height: 0;
		opacity: 0;
	}

	.menu__third-level a {
		background-color: #e5e5e5 !important;
		padding-left: 47px !important;
	}

	.menu__third-level .dropdown__list a:before {
		left: 30px;
	}

	.menu__third-level.is-open {
		height: 100px;
		opacity: 1;
	}

	.dropdown__item-child.is-open::after {
		transform: rotate(45deg);
		transition: transform .4s;
		right: 25px;
	}
}

@media screen and (max-width:769px) {
	.header_inner {
		margin: 0;
	}
}

@media screen and (max-width:768px) {
	.site-title {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.burger-btn {
		margin-bottom: 10px;
	}

	.sp_none {
		display: none;
	}

	/* ------------------
	/* ハンバーガーメニュー
	/* ------------------ */
	.header {
		padding: 0 2%;
	}

	.header_SP_box {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
	}

	/* 以下、ハンバーガーボタン */
	.burger-btn {
		display: block;
		height: 39px;
		position: relative;
		width: 39px;
		z-index: 3;
		background-color: transparent;
		border: none;
		outline: revert;
	}

	.burger-btn.close {
		background-color: #EEEEEE;
	}

	.bar {
		background-color: #333;
		display: block;
		height: 1px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 20px;
	}

	.bar_top {
		top: 10px;
	}

	.bar_mid {
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.bar_bottom {
		bottom: 10px;
	}

	.burger-btn.close .bar_top {
		background-color: #000;
		transform: translate(-50%, 10px) rotate(45deg);
		transition: transform .3s;
	}

	.burger-btn.close .bar_mid {
		background-color: #000;
		opacity: 0;
		transition: opacity .3s;
	}

	.burger-btn.close .bar_bottom {
		background-color: #000;
		transform: translate(-50%, -8px) rotate(-45deg);
		transition: transform .3s;
	}

	/* スクロール制御 */
	.noscroll {
		overflow: hidden;
	}

	/* 以下、ハンバーガーメニュー */
	.nav-wrapper {
		visibility: hidden;
		height: 100vh;
		right: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		opacity: 0;
		transition: opacity .5s;
		z-index: 2;
		/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
		overflow-y: scroll;
	}

	.header-nav {
		height: 100%;
		width: 100%;
		z-index: 2;
	}

	.nav-list {
		display: block;
		left: 0;
		position: absolute;
		top: 95px;
		transform: inherit;
		padding: 0;
		width: 100%;
		margin-top: 5px;
	}

	.nav-item {
		color: #fff;
		padding: 0;
		margin-bottom: 0;
		margin-right: 0;
	}

	.nav-item a {
		color: #fff;
		height: 50px;
		display: flex;
		align-items: center;
		padding-left: 10px;
		background-color: #000;
		border-bottom: #999 1px solid;
	}

	@media screen and (max-width:768px) {
		.item-parent {
			color: #fff;
			height: 50px;
			display: flex;
			align-items: center;
			padding-left: 10px;
			background-color: #000;
			border-bottom: #999 1px solid;
		}
	}

	.dropdown__list {
		transition: none;
	}

	.dropdown__lists {
		transform: none;
		width: 100%;
		position: static;
		transition: none;
	}

	.dropdown__lists .dropdown__list a {
		background-color: #ccc;
		color: #000;
		padding-left: 30px;
	}

	.dropdown__list:last-child {
		border-bottom: #999 1px solid;
	}

	.dropdown__list a::before {
		content: '▶︎';
		border: none;
		transform: rotate(0);
		left: 13px;
		top: calc(50% - 6px);
		font-size: 11px;
	}

	.direct_link_btn::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		top: calc(50% - 5px);
	}

	.header_contactbtn a {
		padding: 0 0 0 10px;
		font-weight: normal;
	}

	/* メニューオープン時 */
	.nav-wrapper.fade {
		opacity: 1;
		visibility: visible;
	}

	.header_nav-item_hidden {
		display: block;
	}
}

.SC2_primary_headline {
	font-size: clamp(0.688rem, 0.58rem + 0.22vw, 0.938rem);
	text-align: center;
	line-height: 1.6;
	margin-bottom: 10px;
}

.primary_headline_size {
	font-size: 1.8rem;
	text-align: center;
}

.mat30 {
	margin-top: 30px;
}



/**********************　TOP会社概要コンテンツ　**********************/
.CONC {
	background-color: #f7f7f7;
	margin-bottom: 9.375rem;
	padding: 5rem 0;
}

.CONC .container {
	align-items: center;
	display: flex;
	gap: 1.875rem;
	padding-bottom: 1.5rem;
}

.about_txt {
	text-align: left;
	width: 100%;
	font-size: 1rem;
}

.about_title {
	font-family: 'Lato', sans-serif;
	letter-spacing: 3px;
	font-weight: 900;
	font-size: 2.1875rem;
	padding-bottom: 1rem;
}

.about_subtitle {
	padding-bottom: 1rem;
	font-size: 1.25rem;
	font-weight: bold;
}

.about_txtinner {
	padding-bottom: 1rem;
	line-height: 2;
	font-weight: bold;
	font-size: 1rem;
}

@media screen and (max-width:900px) {
	.about_txtinner {
		font-size: .9rem;
		line-height: 1.8;
	}
}

.about_btn {
	margin: auto;
	font-weight: bold;
	max-width: 350px;
	text-align: center;
	font-size: 1.5625rem;
	border: 1px solid #333;
}

.about_btn a {
	display: block;
	padding: 10px 0;
	transition: .3s;
}

.about_btn a:hover {
	background-color: #333;
	color: #f7f7f7;
}

.about_img {
	width: 100%;
}

.about_img_sp {
	display: none;
}

@media screen and (max-width:900px) {
	.CONC .container {
		display: block;
	}

	.about_txt {
		text-align: center;
	}

	.about_img_sp {
		display: block;
		padding-bottom: 3rem;
		text-align: center;
	}

	.about_img {
		display: none;
	}

	.about_btn {
		margin: auto;
	}
}

@media screen and (max-width:520px) {

	.CONC,
	.CONG {
		margin-bottom: 5rem;
	}
}

@media screen and (max-width:375px) {
	.about_img_sp {
		padding-bottom: 1.5rem;
	}

	.about_txt {
		font-size: 1rem;
	}

	.about_title {
		font-size: 1.5rem;
		padding-bottom: 1rem;
	}

	.about_subtitle {
		padding-bottom: 1rem;
		font-size: 1rem;
	}

	.about_txtinner {
		padding-bottom: 1.5rem;
		line-height: 1.5;
		font-weight: bold;
		font-size: 14px;
	}

	.about_btn {
		font-weight: bold;
		max-width: 200px;
		text-align: center;
		font-size: 1rem;
	}

	.about_btn a {
		padding: 20px 0;
	}

	.CONC {
		padding: 3rem 0;
	}
}

/**********************　ジャリアTOP サービス紹介コンテンツ　**********************/

.CONF {
	text-align: center;
	padding-bottom: 9.375rem;
}

.CONG {
	background-color: #f7f7f7;
	padding: 3rem 0;
	margin-bottom: 9.375rem;
}

@media screen and (max-width:520px) {
	.CONG {
		margin-bottom: 3rem;
	}
}

.service_flexbox_top {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.service_flexbox {
	width: calc((100% - 30px * 2) / 3);
	padding-bottom: 2.1875rem;
}

.service_flex_title {
	padding-left: 8px;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.service_flex_title {
		font-size: 18px;
	}
}

.service_flex_inner {
	padding-top: 1rem;
	display: flex;
	align-items: center;
}

.service_icon_img_wrap {
	border-right: 1px solid #333;
	padding-right: 8px;
}

.service_icon_img {
	height: 25px;
	width: auto;
}

.service_flex_text {
	text-align: left;
	line-height: 2;
	padding-top: 1rem;
	font-size: 14px;
	font-weight: bold;
}

.service_flex_img {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 100%;
	display: block;
}

.service_flex_img img {
	height: auto;
	transition: transform .6s ease;
}

.service_flex_img:hover img {
	transform: scale(1.1);
}

.service_flex_img .hoverMask {
	align-items: center;
	bottom: 0;
	opacity: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	left: 0;
	font-size: 14px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 80%;
	z-index: 2;
}

.service_flex_img .hoverMask:hover {
	opacity: 1;
}

/* マスク */
.service_flex_img::before {
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	content: '';
	height: auto;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .6s ease;
	width: 100%;
	z-index: 1;
}

.service_flex_img:hover::before {
	opacity: 1;
}

@media screen and (max-width:900px) {
	.service_flexbox {
		width: calc((100% - 30px * 1) / 2);
	}
}

@media screen and (max-width:520px) {
	.service_flexbox_top {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}

	.service_flexbox {
		padding-right: 0;
		width: 100%;
		min-width: 90%;
		padding-bottom: 1.5rem;
	}

	.service_flexbox_top::-webkit-scrollbar {
		height: 3px;
	}

	.service_flexbox_top::-webkit-scrollbar-track {
		background-color: #e4e4e4;
		border-radius: 100px;
	}

	.service_flexbox_top::-webkit-scrollbar-thumb {
		background-color: #dd0012;
		border-radius: 100px;
	}
}

@media screen and (max-width:375px) {
	.service_flexbox_top {
		gap: 20px;
	}
}

/**********************　ジャリアTOPブログコンテンツ、制作事例コンテンツ、お知らせコンテンツ その他ページ　**********************/
.COND,
.CONE {
	text-align: center;
	padding-bottom: 9.375rem;
}

.COND_title {
	font-family: 'Lato', sans-serif;
	letter-spacing: 3px;
	font-weight: 900;
	font-size: 2.1875rem;
	padding-bottom: 0.5rem;
}

.cond_subtitle {
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 1.5rem;
}

.COND_txt {
	font-weight: bold;
	font-size: 1rem;
	padding-bottom: 1.875rem;
	line-height: 1.4;
	letter-spacing: .4px;
}

.blog_flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.blog_inner {
	width: 30%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 2.1875rem;
}

.blog_inner a {
	transition: all .2s;
}

.blog_inner a:hover {
	opacity: .7;
	text-decoration: underline;
}

.blog_img {
	width: 100%;
}

.blog_title {
	padding-top: 0.8rem;
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
}

.blog_date {
	font-size: 0.75rem;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.btn01 {
	margin: auto;
	background: #333;
	max-width: 300px;
	width: 100%;
}

.btn01 a {
	font-weight: bold;
	color: #fff;
	font-size: 1rem;
	padding: 20px 0;
	display: block;
	transition: .3s;
}

.btn01 a:hover {
	background-color: #606060;
}

.blog_flexbox.sp_no_swipe .blog_title {
	padding-top: .3rem;
}

.news_inner {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #666;
}

.news_inner a {
	display: flex;
	line-height: 1.5;
}

.news_title {
	font-size: 1rem;
	font-weight: normal;
}

.news_title:hover {
	text-decoration: underline;
}

.news_date {
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	padding-right: 2rem;
	width: 8rem;
}

@media screen and (max-width:900px) {
	.COND_txt {
		line-height: 1.5;
		font-size: .9rem;
	}

	.blog_inner {
		width: 47%;
	}
}

@media screen and (max-width:520px) {

	.COND,
	.CONE,
	.CONF,
	.CONG {
		padding-bottom: 6.25rem;
	}

	.blog_flexbox {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}

	.blog_flexbox.sp_no_swipe {
		overflow-x: hidden;
		display: block;
	}

	.blog_flexbox.sp_no_swipe .blog_title {
		padding: 1px 0 2px;
	}

	.blog_inner {
		padding-right: 20px;
		width: 100%;
		min-width: 90%;
		padding-bottom: 1.5rem;
	}

	.news_inner {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	.news_inner a {
		display: block;
	}

	.btn01 {
		margin-top: 3rem;
	}

	.blog_flexbox::-webkit-scrollbar {
		height: 3px;
	}

	.blog_flexbox::-webkit-scrollbar-track {
		background-color: #e4e4e4;
		border-radius: 100px;
	}

	.blog_flexbox::-webkit-scrollbar-thumb {
		background-color: #dd0012;
		border-radius: 100px;
	}

	.news_title {
		margin-top: 5px;
	}
}

@media screen and (max-width:375px) {
	.COND_txt {
		font-size: 14px;
	}

	.btn01 {
		max-width: 250px;
	}
}

/**********************　ジャリアメインお問い合わせフォーム　**********************/
.recruit_form_top {
	background-color: #F5F5F5;
	padding: 4.0625rem 0;
	margin-bottom: 5rem;
}

.recruit_form .recruit_form_inner {
	border: 2px solid #333;
	padding: 2%;
	line-height: 200%;
	letter-spacing: 0.5px;
	font-size: 1em;
	height: 300px;
	overflow: scroll;
	margin-bottom: 3rem;
	overflow-x: hidden;
}

.recruit_form_inner h4 {
	font-size: 1.1rem;
	width: 100%;
	text-align: left;
	color: #333;
	border-bottom: 1px dotted #333;
	margin-bottom: 20px;
}

.recruit_form_inner p {
	font-size: 1rem;
	margin-bottom: 20px;
	color: #333;
}

/**********************　会社概要ページ　**********************/

.title_index {
	font-size: 2rem;
	text-align: center;
	padding-bottom: 3rem;
	color: #333;
	letter-spacing: 1.5px;
}

.arcpage_section {
	padding-top: 150px;
}

.arcpage_section_2 {
	padding-bottom: 10rem;
}

.contents_img {
	padding-bottom: 3rem;
}

.company_about p {
	font-size: 16px;
	line-height: 2;
}

.company_about {
	padding: 0;
	margin: 0;
}

.company_about_inner {
	padding-top: 1.5rem;
	position: relative;
	display: flex;
	padding-bottom: 2rem;
}

.about_list {
	width: 25%;
	font-weight: bold;
	margin-right: 20px;
}

.company_about_inner::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #666;
	position: absolute;
	bottom: 0;
	left: 0;
}

.company_about_inner.border_none::after {
	display: none;
}

.title_index_about {
	margin-top: 5rem;
	padding-bottom: 2rem;
	font-size: 2rem;
}

.company_about:last-child {
	margin-bottom: 8rem;
}

.about_txt_padding {
	padding-top: 1.5rem;
}

.about_txt_top {
	width: 100%;
}

.about_txt_page {
	width: 100%;
}

.arcpage_section.about {
	overflow: hidden;
}

.about_standard_txt {
	font-weight: normal;
	line-height: 2;
	font-size: 14px;
	color: #333;
	letter-spacing: .1px;
}

.about_standard_title {
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 1px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 21px;
}

.about_intro,
.about_anniversary,
.about_strongpoint,
.about_flow,
.about_support,
.about_map {
	margin-bottom: 6rem;
}

.about_bg_color_belt {
	background: #eee;
	margin: 0 -200%;
	padding: 0 200%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.about_anniversary_img {
	width: 15%;
	margin: 0 auto;
}

.about_anniversary_title {
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 1px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 21px;
}

.about_strongpoint {
	display: flex;
	justify-content: space-between;
}

.about_strongpoint_txtarea {
	width: 45%;
}

.about_strongpoint_img {
	width: 45%;
}

.about_support_img {
	width: 90%;
	margin: 0 auto;
}

.about_map_img {
	width: 80%;
	margin: 0 auto;
}

.about_map_links_btn {
	display: flex;
	justify-content: space-around;
	margin-top: 1rem;
}

.about_map_link_btn {
	text-align: center;
}

#tokyo .SC1 {
	background: url("../jarea_corporate_img/img_background_about_tokyo.webp")no-repeat top 50% right 0/cover;
}

#osaka .SC1 {
	background: url("../jarea_corporate_img/img_background_about_osaka.webp")no-repeat top 50% right 0/cover;
}

.about_address_info_list {
	margin-bottom: 3rem;
	padding: 15px;
	background-color: #f7f7f7;
}

.about_address_info_item {
	display: table;
	line-height: 1.4;
	padding-bottom: 1rem;
}

.about_address_info_item:last-child {
	padding-bottom: 0;
}

.about_address_info_title {
	display: table-cell;
	width: 3.5rem;
}

.about_address_info_text {
	display: table-cell;
	padding-left: 0.5rem;
}

.area_logo_img {
	width: 18%;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {
	.company_about_inner {
		flex-direction: column;
		text-align: center;
	}

	.about_list {
		text-align: center;
		width: 100%;
	}

	.title_index_about {
		text-align: center;
	}

	.about_intro,
	.about_anniversary,
	.about_strongpoint,
	.about_flow,
	.about_support,
	.about_map {
		margin-bottom: 4rem;
	}

	.about_strongpoint {
		flex-direction: column;
	}

	.about_strongpoint_txtarea {
		order: 2;
		width: 100%;
	}

	.about_strongpoint_img {
		order: 1;
		width: 90%;
		margin: 0 auto;
	}

	.about_support_img {
		width: 100%;
	}

	.about_anniversary_img {
		width: 32%;
	}

	.about_map_img {
		width: 100%;
	}

	.about_map_link_btn {
		padding: 0px;
		max-width: 140px;
		margin-top: 0;
	}

	.area_logo_img {
		width: 50%;
	}
}

/**********************　汎用下層ページ　**********************/

.SC1 {
	position: relative;
	background: url("../jarea_corporate_img/img_bakground_servise.jpg")no-repeat center/cover;
	background-color: #333;
	height: 400px;
	margin-bottom: 5rem;
}

#webproduction .SC1 {
	background: url("../jarea_corporate_img/img_bakground_videoproduction.jpg")no-repeat top 15% left 0/cover;
}

#snsmarketing .SC1 {
	background: url("../jarea_corporate_img/img_bakground_snsmarketing.jpg")no-repeat center/cover;
}

#seo .SC1 {
	background: url("../jarea_corporate_img/img_bakground_seo.jpg")no-repeat center/cover;
}


#meo .SC1 {
	background: url("../jarea_corporate_img/img_bakground_meo.jpg")no-repeat center/cover;
}

#videoproduction .SC1 {
	background: url("../jarea_corporate_img/img_bakground_video.jpg")no-repeat top 0 left 0/cover;
}

#videomarketing .SC1 {
	background: url("../jarea_corporate_img/img_bakground_videomarketing.jpg")no-repeat center/cover;
}

#mediaplanning .SC1 {
	background: url("../jarea_corporate_img/img_bakground_media.jpg")no-repeat center/cover;
}

#webmarketing .SC1 {
	background: url("../jarea_corporate_img/img_bakground_webmarketing.jpg")no-repeat top 0 right 0/cover;
}

#branding .SC1 {
	background: url("../jarea_corporate_img/img_bakground_branding.jpg")no-repeat top 0 right 0/cover;
}

#event .SC1 {
	background: url("../jarea_corporate_img/img_bakground_event.jpg")no-repeat center/cover;
}

#novelty .SC1 {
	background: url("../jarea_corporate_img/img_bakground_novelty.jpg")no-repeat center/cover;
}

#ooh .SC1 {
	background: url("../jarea_corporate_img/img_bakground_ooh.jpg")no-repeat center/cover;
}

#drone .SC1 {
	background: url("../jarea_corporate_img/img_bakground_sumaken_drone.jpg")no-repeat center top 10%/cover;
}

#roomtour .SC1 {
	background: url("../jarea_corporate_img/img_bakground_sumaken_roomtour.jpg")no-repeat center /cover;
}

#_3dcg .SC1 {
	background: url("../jarea_corporate_img/img_bakground_sumaken_3dcg.jpg")no-repeat center/cover;
}

#sns .SC1 {
	background: url("../jarea_corporate_img/img_bakground_sumaken_sns.jpg")no-repeat center/cover;
}

#designproduction .SC1 {
	background: url("../jarea_corporate_img/img_bakground_sumaken_designproduction.jpg")no-repeat center bottom /cover;
}

#infuluencermarketing .SC1 {
	background: url("../jarea_corporate_img/img_bakground_infuluencermarketing.webp")no-repeat center/cover;
}

.SC1::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
	opacity: 0.4;
}

.background_top {
	max-width: 1140px;
	width: 100%;
	position: absolute;
	top: 61%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.service_title {
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
}

.service_txt {
	padding-bottom: 0.5rem;
	font-size: clamp(0.688rem, 0.58rem + 0.22vw, 0.938rem);
	font-weight: bold;
	color: #fff;
}

.SC2 {
	margin-bottom: 6rem;
}

.SC2_title {
	line-height: 1.6;
	color: #333;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2rem;
}

.SC2_txt {
	font-weight: normal;
	line-height: 2;
	font-size: 1rem;
	color: #333;
}

.SC2_txt_bottom {
	margin-top: 1rem;
}

.features_body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 70px;
}

.features_content {
	width: 30%;
	border: 3px solid #a0a0a0;
}

.features_sub_title {
	color: #b53032;
	text-align: center;
	font-size: 14px;
	padding: 4% 0;
	letter-spacing: .4px;
	font-weight: 900;
	font-family: Hiragino Kaku Gothic ProN;
}

.feautres_main_title {
	background-color: #9e9e9e;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2%;
	letter-spacing: .4px;
	font-size: 1rem;
	line-height: 1.2;
}

.features_text {
	font-size: 1rem;
	color: #333;
	line-height: 1.7;
	padding: 1rem 1rem 1.5rem 1rem;
}

.data_common_table_body {
	border-collapse: collapse;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

.data_common_table_body .diagonal {
	background-image: linear-gradient(to top right, transparent, transparent 49%, #ccc 50%, #ccc 50%, transparent 51%, transparent);
}

.data_common_table_body th,
.data_common_table_body td {
	padding: 12px 6px;
	border: solid 2px #ccc;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.4;
}

.data_common_table_body tbody tr:nth-child(2n) {
	background-color: #f2f2f2;
}

.data_common_table_body th {
	font-size: 14px;
	background: #ddd;
}

.data_common_table_body td {
	font-size: 13px;
}

.data_common_table_body td:first-child {
	background: #ddd;
	font-weight: bold;
	font-size: 14px;
}

.data_common_small_table_body {
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.data_common_small_table_body th,
.data_common_small_table_body td {
	border: solid 2px #ccc;
	padding: 14px 6px;
}

.data_common_small_table_body th {
	font-size: 15px;
	background-color: #ddd;
}

.data_common_small_table_body td {
	font-size: 13px;
}

.data_common_small_table_body td:nth-child(2) {
	background-color: #f2f2f2;
	font-weight: bold;
	font-size: 14px;
}

.data_common_small_table_body .note {
	font-size: 11px;
	display: block;
	padding-bottom: 7px;
}

.data_common_small_table_body td .tag {
	font-size: 10px;
	font-weight: normal;
	background-color: #555555;
	border-radius: 50px;
	padding: 2px 2px;
	color: #fff;
	display: block;
	width: 2rem;
	margin: 6px auto 0;
	border: 1px solid #3a3a3a;
}

.table_posting_price_body {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	font-family: 'Noto Sans JP', sans-serif;
	border: solid 2px #979797;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: none;
}

.table_posting_price_body:last-child {
	border: solid 2px #979797;
}

.table_posting_price_body th,
.table_posting_price_body td {
	padding: 16px 2px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
}

.table_posting_price_body tr:last-child th,
.table_posting_price_body tr:last-child td {
	border-bottom: none;
}

.table_posting_price_body th {
	font-size: 14px;
	background: #ddd;
}

.table_posting_price_body tr:nth-child(2) th:not(:first-child) {
	background-color: #f2f2f2;
}

.table_posting_price_body td {
	font-size: 13px;
}

@media screen and (max-width:900px) {
	.SC2_title {
		font-size: 1.8rem;
	}

	.pc_br {
		display: none;
	}
}

@media screen and (max-width:520px) {
	.service_txt {
		font-size: 1rem;
	}

	.SC2_title {
		font-size: 1.3rem;
	}

	.SC2_txt {
		font-size: 14px;
	}

	.SC2 {
		margin-bottom: 5rem;
	}

	.SC1 {
		margin-bottom: 3rem;
	}

	#webproduction .SC1 {
		background-position: center;
	}

	#videoproduction .SC1 {
		background-position: center;

	}
}

@media screen and (max-width:768px) {
	.features_body {
		margin-top: 10px;
	}

	.features_content {
		width: 100%;
		margin-top: 15px;
	}

	.data_common_table_body .data_common_table_primary {
		display: none;
	}

	.data_common_table_body td {
		display: block;
		width: 100%;
		border-bottom: none;
	}

	.data_common_table_body td:last-child {
		border-bottom: solid 1px #ccc;
	}

	.data_common_table_body td:first-child {
		background-color: #9e9e9e;
		color: #fff;
		font-weight: bold;
		line-height: 2;
	}

	.data_common_table_body td:before {
		content: attr(data-label);
		font-size: .8rem;
		font-weight: bold;
		color: #999;
		display: block;
		padding-bottom: 0.4rem;
	}

	.data_common_table_body .diagonal {
		background-image: none;
	}

	.data_common_table_body .diagonal:after {
		content: "-";
		font-size: .8rem;
		display: block;
	}

	.data_common_table_body td:first-child:before {
		content: none;
	}

	.data_common_table_body tr:last-child {
		border-bottom: solid 1px #ccc;
	}

	.data_common_small_table_body th {
		font-size: 13px;
	}

	.data_common_small_table_body td {
		font-size: 11px;
	}

	.data_common_small_table_body td:nth-child(2) {
		font-size: 11px;
	}

	.data_common_small_table_body .note {
		font-size: 10px;
	}

	.table_posting_price_body th {
		font-size: 12px;
	}

	.table_posting_price_body td {
		font-size: 11px;
	}
}

@media screen and (max-width:375px) {
	.SC2_title {
		font-size: 1.3rem;
	}

	.SC1 {
		margin-bottom: 3rem;
	}
}

/**********************　topボタン　**********************/
.top_btn {
	padding-bottom: 2rem;
	width: 100%;
}

.top_btn_flex {
	padding: 0;
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
}

.top_btn li {
	text-align: center;
	border-radius: 5px;
	background: #333;
	/* padding: 13px 25px; */
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 18px;
}

.top_btn_inner a {
	color: #fff;
	display: block;
	padding: 13px 25px;
}

.top_btn_sp {
	display: none;
}

@media screen and (max-width:900px) {
	.top_btn_flex {
		justify-content: start;
	}
}

@media screen and (max-width:520px) {
	.top_btn_flex {
		display: flex;
		align-items: stretch;
	}

	.top_btn a {
		display: flex;
		align-items: stretch;
	}

	.top_btn li {
		line-height: 1.3;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 0;
		width: calc(95% / 2);
		margin-bottom: 15px;
	}

	.top_btn_sp {
		display: block;
	}
}

@media screen and (max-width:375px) {
	.top_btn li {
		font-size: 14px;
	}
}

/**********************　業務内容　**********************/
.Jdescription {
	display: flex;
	align-items: center;
	font-size: 1.5625rem;
	color: #333;
	padding-bottom: 2rem;
}

.Jdescription:after {
	border-top: 1px solid #333;
	content: "";
	flex-grow: 1;
}

.Jdescription:after {
	margin-left: 1rem;
}

.Jdescription2 {
	padding-bottom: 2rem;
}

.JD_TOP {
	display: flex;
	padding-bottom: 9.375rem;
	flex-wrap: wrap;
}

.JD_innertxt {
	padding-right: 1.5rem;
	text-align: left;
	flex-basis: 54%;
}

.JD_innertxt h3,
.JD_innertxt p {
	text-align: left;
	color: #333;
}

.JD_innertxt h3 {
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 1.5rem;
	font-size: 1.5625rem;
}

.PDB {
	padding-bottom: 1.5rem;
}

.basic_marker {
	background: linear-gradient(transparent 60%, #dddddb 60%);
	display: inline-block;
}

h3.basic_marker {
	font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
}

.JD_innertxt p,
.JD_innertxt_W_fullsize p {
	font-weight: normal;
	line-height: 1.7;
	font-size: 1rem;
	text-align: justify;
	word-break: break-all;
}

.JD_innertxt_W_fullsize {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.JD_innerimg {
	position: relative;
	width: 100%;
	flex-basis: 42%;
}

.JD_innerimg img {
	border-radius: 10px;
}

.JD_innertxt2 {
	order: 2;
	padding: 0;
}

.JD_innerimg2 {
	order: 1;
	padding-right: 1.875rem;
}

.video-container {
	display: flex;
	justify-content: center;
}

.responsive-video {
	width: 100%;
	max-width: 180px;
	height: auto;
	display: block;
}

.JD_innerwrap {
	display: flex;
	justify-content: space-between;
}

.h4_adjacent_head5 {
	font-size: 14px;
}

.h4_adjacent_head5_paragraph {
	font-size: 13px !important;
}

.bg_paper {
	background-color: #f6f6f6;
	padding: 20px;
}

.JD_txt1 {
	line-height: 1.4;
}

.h4_adjacent_head6 {
	font-size: 14px;
	border-left: 3px solid #ddd;
	padding: 3px;
	margin-bottom: 10px;
}

.h4_adjacent_head6_paragraph {
	font-size: 14px !important;
}

.dl_service_body {
	padding: 0 1rem;
	line-height: 1.7;
	margin-top: 1rem;
}

.dl_service_body dt {
	font-size: 14px;
	font-weight: bold;
}

.dl_service_body dt::before {
	content: "・";
	display: inline;
}

.dl_service_body dd {
	font-size: 14px;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

@media screen and (max-width: 1000px) {
	.JD_innerwrap {
		flex-direction: column;
	}
}

@media screen and (max-width:1000px) {
	.JD_TOP {
		padding-top: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-bottom: 5rem;
	}

	.JD_innertxt {
		padding-right: 0;
		text-align: left;
		order: 2;
		flex-basis: 100%;
	}

	.JD_innerimg {
		width: 100%;
		flex-basis: 100%;
		order: 1;
		padding-bottom: 2rem;
	}

	.JD_innertxt h3 {
		padding-bottom: 1rem;
	}

	.JD_innertxt p,
	.JD_innertxt_W_fullsize p {
		font-size: 15px;
		padding-bottom: 1rem;
	}

	.JD_innerimg2 {
		order: 1;
		padding-right: 0;
	}
}

@media screen and (max-width:520px) {
	.Jdescription {
		font-size: 1.5rem;
		padding-bottom: 1rem;

	}

	.JD_TOP {
		padding-bottom: 3rem;
	}

	.JD_innertxt h3 {
		font-size: 1.3rem;
		padding-bottom: 1rem;
	}

	.JD_innertxt p,
	.JD_innertxt_W_fullsize p {
		font-size: 14px;
		padding-bottom: 1rem;
	}

	.JD_innerimg {
		padding-bottom: 1rem;
	}
}

@media screen and (max-width:375px) {
	.Jdescription {
		font-size: 1.2rem;
		padding-bottom: 1rem;
	}

	.JD_innertxt h3 {
		font-size: 1.2rem;
		padding-bottom: 1rem;
	}
}

/**********************　レーダーチャート図　**********************/
.SC4 {
	margin-bottom: 9.375rem;
}

.rader_BOX {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 3rem;
}

.radarTXT {
	padding: 0;
	margin: 0;
	flex-basis: 60%;
}

.radarTXT li {
	color: #333;
	text-align: left;
	font-size: 1rem;
	line-height: 1.5;
}

.radarTOP {
	font-size: 1.5625rem !important;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-bottom: 1rem;
}

.radar_title {
	font-weight: bold;
	padding-bottom: 0.625rem;
}

.radar_txt {
	list-style-type: none;
	padding-bottom: 0.9375rem;
}

.radarIMG {
	padding-left: 3.125rem;
	flex-basis: 50%;
}

.radarIMG img {
	width: 100%;
}

.SC4_inner_title {
	font-size: 1.25rem;
	color: #333;
	font-weight: bold;
	padding-bottom: 0.8rem;
	padding-left: 20px;
}

.SC4_inner_txt {
	line-height: 2;
	font-size: 1rem;
	color: #333;
	font-weight: normal;
	padding-left: 20px;
}

.SC4_inner_txt_last {
	padding: 0;
}

.SC4_inner {
	margin-bottom: 3rem;
	border-left: 3px solid #333;
}

.radarTOPsp {
	display: none;
}

@media screen and (max-width:1000px) {
	.rader_BOX {
		flex-direction: column;
		padding-bottom: 1.875rem;
	}

	.radarTXT {
		text-align: center;
		order: 2;
		margin-right: auto;
	}

	.radarIMG {
		padding-left: 0;
		padding-top: 2rem;
		padding-bottom: 2rem;
		width: 80%;
		margin: auto;
		order: 1;
	}

	.SC4_inner_title {
		font-size: 1.1rem;
	}

	.radarTOPsp {
		margin-right: auto;
		display: block;
	}

	.radarTOPpc {
		display: none;
	}
}

@media screen and (max-width:520px) {
	.SC4_inner_title {
		line-height: 1.3;
		font-size: 1rem;
	}

	.SC4_inner_txt {
		font-size: 14px;
	}

	.radarTXT li {
		line-height: 1.3;
		font-size: 13px;
	}

	.radarTOP {
		font-size: 1.3rem !important;
	}

	.SC4 {
		margin-bottom: 5rem;
	}

	.SC4_inner {
		border: none;
	}

	.SC4_inner_title {
		padding-left: 0;
	}

	.SC4_inner_txt {
		padding-left: 0;

	}
}

@media screen and (max-width:375px) {
	.radarTOP {
		font-size: 1.1rem !important;
	}
}

.SC5_PDB {
	margin-bottom: 3.125rem;
}

.OOH_case {
	padding-bottom: 9.375rem;
}

.OOH_case:last-child {
	padding-bottom: 6.25rem;
}

.OOH_caseimg {
	width: 100%;
	padding-bottom: 2rem;
}

.OOH_caseimg img {
	width: 100%;
}

.OOH_case_genre {
	font-weight: bold;
	line-height: 1;
	font-size: 1.125rem;
	color: #333;
	padding-bottom: 2rem;
}

.OOH_case_title {
	font-weight: bold;
	line-height: 1;
	font-size: 1.5625rem;
	color: #333;
	text-align: left;
}

.OOH_case_txt {
	font-weight: normal;
	line-height: 2;
	font-size: 1rem;
	color: #333;
	padding-top: 1.5rem;
}

.OOH_case_tag {
	padding-top: 30px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 0.9rem;
}

.case_tag_inner {
	font-weight: bold;
	font-size: 1rem;
	border: 1px solid #333;
	border-radius: 100px;
	padding: 8px;
}

.OOH_caseimg_inner {
	padding-top: 1.875rem;
	display: flex;
	justify-content: space-between;
	gap: 1.875rem;
}

.OOH_caseimg_inner img {
	min-width: 0;
}

.OOH_caseimg_inner2 {
	width: 100%;
	padding-top: 1.875rem;
	display: flex;
	justify-content: space-between;
	gap: 1.875rem;
}

@media screen and (max-width:900px) {
	.SC5_PDB {
		margin-bottom: 1rem;
	}

	.OOH_case_genre {
		font-size: 1rem;
	}

	.OOH_caseimg_inner {
		gap: 1.3rem;
	}

}

@media screen and (max-width:520px) {
	.OOH_caseimg_inner {
		gap: 15px;
		padding-top: 1.5rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.OOH_caseimg_inner img {
		width: calc(94% / 2);
	}

	.OOH_case_txt {
		font-size: 14px;
	}

	.OOH_case {
		padding-bottom: 5rem;
	}

	.OOH_caseimg_inner2 {
		padding-top: 1.3rem;
		gap: 1.3rem;
	}
}

@media screen and (max-width:375px) {
	.OOH_case_tag {
		gap: 0.6rem;
	}

	.case_tag_inner {
		font-size: 14px;

	}
}

/**********************　広告掲載までの流れ　**********************/
.SC6_innerTOP {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.SC6_title {
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	padding-bottom: 1rem;
}

.SC6_txt {
	line-height: 2;
	font-size: 1rem;
	font-weight: normal;
	color: #333;
	padding-bottom: 1.5rem;
}

.SC6 {
	padding-bottom: 7.875rem;
}

@media screen and (max-width:520px) {
	.SC6_title {
		font-size: 1.3rem;
	}

	.SC6_txt {
		font-size: 1rem;
	}

	.SC6 {
		padding-bottom: 3rem;
	}
}

/**********************　制作実績の一例　**********************/
.past_work {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 3fr));
	gap: 30px;
}

.past_work img {
	width: 100%;
}

.past_work_txt {
	line-height: 2;
	font-size: 1rem;
	font-weight: 400;
	padding: 10px 0;
}

.SC7,
.CONTACT_A {
	padding-bottom: 9.375rem;
}

@media screen and (max-width:520px) {

	.SC7,
	.CONTACT_A {
		padding-bottom: 5rem;
	}

	.Jdescription3 {
		padding-bottom: 2rem;
	}
}

/* ページネーション　---------------- */
.pagination span,
.pagination a {
	display: block;
	width: auto;
	margin: 4px;
	padding: 8px;
	border: 1px solid #333;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 16px;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 50px;
	position: relative;
	font-size: 13px;
}

.pagination a:hover {
	background-color: #333;
	color: #fff;
}

.pagination .current {
	background-color: #333;
	color: #fff;
}

/**********************　事業内容 広告メディア企画 フリーペーパー　**********************/
.common_freepaper_first_heading {
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 50px;
}

.freepaper_title_wrap {
	text-align: center;
	margin-bottom: 50px;
}

.freepaper_main_title_img {
	max-width: 367px;
}

.freepaper_sub_title {
	margin-top: 5px;
	display: block;
	font-size: 1.1rem;
}

.common_freepaper_intro_body {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.common_freepaper_intro_img_wrap {
	margin-right: 1rem;
	width: 47%;
}

.common_freepaper_intro_contents {
	margin-bottom: 2rem;
	width: 50%;
}

.common_freepaper_intro_txt {
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 1rem;
}

.common_freepaper_intro_table {
	border-collapse: collapse;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

.common_freepaper_intro_table th,
.common_freepaper_intro_table td {
	padding: 12px 6px;
	border: solid 2px #ccc;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.4;
	vertical-align: middle;
}

.common_freepaper_intro_table th {
	font-size: 14px;
	background: #ddd;
}

.common_freepaper_intro_table td {
	font-size: 13px;
}

.common_freepaper_intro_table .comment {
	font-weight: normal;
	border: 1px solid #333;
	border-radius: 50px;
	padding: 2px 6px;
	margin: 0 auto 5px;
	display: block;
	max-width: 8rem;
	font-size: 11px;
	color: #fff;
	background: #333;
}

@media screen and (max-width:768px) {
	.freepaper_main_title_img {
		max-width: 240px;
	}

	.common_freepaper_intro_img_wrap {
		width: 100%;
		margin-right: 0;
	}

	.common_freepaper_intro_contents {
		width: 100%;
		margin-top: 0.5rem;
	}

	.sp_table_td_text_size_mini td {
		font-size: 10px;
		padding: 12px 2px;
	}

	.common_freepaper_intro_table_primary {
		display: none;
	}

}

.common_freepaper_intro_table .second-color {
	background: #eee;
}

.common_freepaper_intro_table .third-color {
	background: #f7f7f7;
}

/**********************　事業内容 広告メディア企画 フリーペーパー おすすめまとめ　**********************/
.topic_body {
	border: 2px solid #ddd;
}

.topic_title {
	padding: 20px;
	border-bottom: 11px solid #ddd;
	color: #333;
	font-weight: bold;
}


.topic_title::before {
	content: "";
	display: inline-block;
	background: url(../jarea_corporate_img/toc_icon.png)no-repeat left center/ contain;
	padding-left: 25px;
	height: 12px;
}

.topic_list {
	padding: 20px;
}

.topic_item {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}

.topic_item:last-child {
	margin-bottom: 0;
}

.topic_link:hover {
	text-decoration: underline;
}

.logo_img_ver {
	box-shadow: 1px 1px 2px 1px rgb(94 94 94 / 20%);
}

.freepaper_box_body {
	display: flex;
	gap: 40px;
	margin-top: 180px;
}

.freepaper_box_body:last-child {
	margin-bottom: 60px;
}

.freepaper_box_img_wrap {
	width: 100%;
}

.freepaper_box_contents {
	display: flex;
	flex-direction: column;
}

.freepaper_box_contents_heading {
	font-size: 19px;
	margin-bottom: 20px;
}

.freepaper_box_contents_txtarea {
	font-weight: normal;
	line-height: 1.7;
	font-size: 1rem;
	text-align: justify;
	word-break: break-all;
	color: #333;
	margin-bottom: 30px;
}

.freepaper_box_contents_btn_wrap {
	margin-top: auto;
}

.freepaper_box_contents_btn_link {
	display: block;
	max-width: 400px;
	margin: 0 auto;
	background-color: #ddd;
	text-align: center;
	padding: 20px;
	font-size: 1rem;
	font-weight: bold;
	background-color: #333;
	border-radius: 5px;
	color: #fff;
	transition: .3s;
}

.freepaper_box_contents_btn_link:hover {
	opacity: .8;
}

@media screen and (max-width:768px) {
	.freepaper_box_body {
		display: block;
		margin-top: 120px;
	}

	.freepaper_box_img_wrap {
		width: 50%;
		margin: 0 auto 20px;
	}
}

/**********************　事業内容 広告メディア企画　**********************/
.mediaplanning_freepaper_matome_btn_list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
}

.mediaplanning_freepaper_matome_btn_item {
	width: calc((100% - 45px * 2) / 3);
}

@media screen and (max-width:767px) {
	.mediaplanning_freepaper_matome_btn_list {
		gap: 15px;
	}

	.mediaplanning_freepaper_matome_btn_item {
		width: 100%;
	}
}

/**********************　事業内容 広告メディア企画 ポスティング　**********************/
.common_mediaplanning_posting_body {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.common_mediaplanning_posting_img {
	width: 100%;
}

.common_mediaplanning_posting_img_wrap {
	width: 50%;
}

.common_mediaplanning_posting_contents {
	margin-bottom: 2rem;
	width: 48%;
}

@media screen and (max-width:768px) {
	.common_mediaplanning_posting_img_wrap {
		width: 100%;
	}

	.common_mediaplanning_posting_contents {
		width: 100%;
		margin-top: 0.5rem;
	}
}

/**********************　事業内容一覧　**********************/
.service_top_title {
	font-size: 1.875rem;
	text-align: center;
	padding-bottom: 2.5rem;
}

.srv_top_btn_1 {
	margin-bottom: 9.375rem;
}

.top_btn_grid {
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: minmax(1rem, auto);
	gap: 0.9375rem;
	padding: 0;
}

.top_btn_inner1 {
	background-color: #333;
}

.top_btn_inner1 a {
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 15px 15px;
}

.service_title_top {
	font-weight: bold;
	color: #fff;
	font-size: 2.5rem;
}

.service_txt_top {
	max-width: 1140px;
	line-height: 1.5;
	padding: 0 5%;
	padding-top: 1rem;
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
}

/**********************　サービスコンテンツ　**********************/
.srv_tag_box {
	padding: 0;
}

.srv_flex_box {
	display: flex;
	gap: 40px;
	padding-bottom: 2rem;
}

.srv_title {
	font-size: 1.5625rem;
	padding-bottom: 1.3rem;
}

.srv_title:last-child {
	padding: 0;
	margin: 0;
}

.srv_txt {
	font-size: 1rem;
	line-height: 2;
	font-weight: bold;
	padding-bottom: 1.3rem;
}

.srv_img_inner {
	width: 350px;
}

.srv_img_inner img {
	object-fit: cover;
	border-radius: 10px;
}

.srv_tag_box {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: minmax(1rem, auto);
	gap: 0.9375rem;
	margin-bottom: 0;
}

.srv_tag_inner {
	font-weight: bold;
	border-radius: 5px;
	font-size: 1rem;
	border: 1px solid #333;
	padding: 15px 10px;
}

.srv_img_btn {
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	background-color: #333;
	border-radius: 5px;
	transition: .2s;
}

.srv_img_btn a,
.srv_img_btn span {
	display: block;
	padding: 20px 0;
	color: #fff;
}

.srv_img_btn:hover {
	background-color: #606060;
}

.srv_img_btn2 {
	margin-top: 2rem;
	width: 400px;
	margin: auto;
}

.srv_tag {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

.srv_tag:after {
	border-top: 1px solid #333;
	content: "";
	flex-grow: 1;
	margin-left: 1rem;
}

.srv_img_top {
	display: flex;
	flex-direction: column;
}

.srv_con_bottom {
	padding-bottom: 9.375rem !important;
}

.spimg {
	display: none;
}

@media screen and (max-width:1000px) {
	.srv_flex_box {
		padding-bottom: 1rem;

	}

	.srv_img_btn {
		width: 100%;
	}

	.spimg {
		padding-bottom: 2rem;
	}

	.srv_top_btn_1 {
		margin-bottom: 8rem;
	}

	.srv_con_bottom {
		padding-bottom: 8rem !important;
	}

	.service_top_title {
		padding-bottom: 1.5rem;
	}

	.srv_flex_box {
		flex-direction: column;
		align-items: stretch;
		gap: 30px;
	}

	.srv_txt {
		padding-bottom: 2rem;
		font-size: 1.125rem;
	}

	.srv_img_btn {
		font-size: 1.5rem;
	}

	.srv_tag_box {
		display: grid;
		gap: 0.9375rem;
	}

	.srv_tag_inner {
		text-align: center;
	}

	.srv_img_inner {
		order: 1;
		width: 100%;
	}

	.srv_title {
		order: 2;
	}

	.spimg {
		display: block;
	}

	.pcimg {
		display: none;
	}

	.srv_txt_top_order {
		order: 1;
	}

	.srv_img_top_order {
		order: 2;
	}

	.service_title_top {
		font-weight: bold;
		color: #fff;
		font-size: 2.5rem;
	}

	.service_txt_top {
		font-size: 1rem;
	}
}

@media screen and (max-width:700px) {
	.pcnone {
		display: none;
	}
}

@media screen and (max-width:600px) {
	.top_btn_grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: minmax(1rem, auto);
		gap: 0.8rem;
	}

	.top_btn_inner1 a {
		font-size: 14px;
		padding: 10px 0 10px 0;
	}
}

@media screen and (max-width:520px) {
	.srv_top_btn_1 {
		margin-bottom: 5rem;
	}

	.srv_title {
		font-size: 1.9rem;
	}

	.srv_txt {
		font-size: 1rem;
	}

	.srv_con_bottom {
		padding-bottom: 5rem !important;
	}

	.srv_tag_inner {
		font-size: 1rem;
	}

	.srv_img_btn {
		font-size: 1.2rem;

	}

	.srv_tag_box {
		gap: 0.7rem;
	}

	.srv_img_btn.srv_img_btn2.more_btn {
		margin-bottom: 11%;
		max-width: 315px;
	}
}

@media screen and (max-width:400px) {
	.top_btn_grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: minmax(1rem, auto);
		gap: 0.6rem;
	}
}

@media screen and (max-width:375px) {
	.service_top_title {
		padding-bottom: 1rem;
		font-size: 1.5rem;
	}

	.srv_title {
		font-size: 1.7rem;
	}

	.srv_txt {
		font-size: 14px;
	}

	.service_title_top {
		font-size: 2rem;
	}

	.service_txt_top {
		font-size: 14px;
	}
}

/**********************　リクルート系ページ　**********************/
.primary_headline.reqruit-top {
	font-family: 'Noto Serif JP', serif;
	font-size: clamp(0.625rem, 0.536rem + 0.45vw, 0.938rem);
	line-height: 1.4;
	letter-spacing: clamp(0rem, -0.011rem + 0.05vw, 0.037rem);
	text-align: center;
	color: #333;
	margin-bottom: 3rem;
	margin-top: 60px;
	font-weight: normal;
}

.recruit_sc1_SC2 {
	position: relative;
	background: url("../jarea_corporate_img/img_bakground_recruit.jpg")no-repeat center/cover;
	height: 400px;
	margin-bottom: 6rem;
}

#recruit_designer_background {
	background: url("../jarea_corporate_img/img_bakground_design.jpg")no-repeat center/cover;
}

#recruit_webcreator_background {
	background: url("../jarea_corporate_img/img_bakground_web.jpg")no-repeat center/cover;
}

#recruit_kikaku_background {
	background: url("../jarea_corporate_img/img_bakground_kikaku.jpg")no-repeat center/cover;
}

#recruit_art_background {
	background: url("../jarea_corporate_img/img_bakground_art.jpg")no-repeat center/cover;
}



@media screen and (max-width:700px) {
	.service_title_recruit {
		padding-bottom: 0.8rem !important;
		font-size: 1.7rem !important;
	}
}

.recruit_sc1_txt {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 2.5;
}

.recruit_sc1,
.recruit_sc_half {
	margin-bottom: 6.25rem;
}

.recruit_sc2 {
	background: #EEEEEE;
	padding: 3.125rem 0;
	margin-bottom: 6.25rem;
}

.recruit_sc2 .container_new {
	text-align: center;
}

.service_flex_title2 {
	padding-left: 0;
}

.recruit_sc1_btn {
	margin-top: 1.2rem;
	margin-right: auto;
	margin-left: auto;
	font-size: 1rem;
	font-weight: bold;
	background: #606060;
	color: #fff;
	padding: 8px 10px;
	width: 230px;
}

@media screen and (max-width:1050px) {
	.recruit_inner {
		font-size: 2.3rem;
		margin-bottom: 1.8rem;
	}

	.recruit_sc1_txt {
		font-size: 1rem;
	}
}

@media screen and (max-width:800px) {
	.recruit_sc1_SC2 {
		margin-bottom: 3rem;
	}

	.recruit_sc1 {
		margin-bottom: 3rem;
	}

	.recruit_sc1_txt {
		font-size: 13px;
	}

	.recruit_sc1_txt3 {
		line-height: 3;
	}
}

@media screen and (max-width:600px) {
	.recruit_inner_txt p br {
		display: none;
	}

	.recruit_sc1_txt {
		font-size: 14px;
		line-height: 2;
		max-width: 450px;
		text-align: left;
		margin: auto;
	}
}

@media screen and (max-width:500px) {

	.recruit_sc1,
	.recruit_sc2 {
		margin-bottom: 3rem;
	}
}

@media screen and (max-width:400px) {
	.recruit_sc1_txt {
		font-size: 12px;
	}
}

.recruit_sc3 {
	margin-bottom: 6.25rem;
}

.recruit_sc3 .container_new {
	text-align: center;
}

.recruit_sc3_inner {
	outline: 1px solid #333;
	outline-offset: -20px;
	background: #fff;
}

.recruit_sc3_interview_link_card {
	transition: all .4s;
}

.recruit_sc3_interview_link_card:hover {
	opacity: .7;
}

.recruit_sc3_interview_top {
	padding: 50px 15px 30px 15px;
	margin: 0 50px 20px 50px;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	border-bottom: 1px solid #333;
}

.recruit_sc3_interviewsub {
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
}

.recruit_sc3_interview {
	color: #333;
	font-size: 2.1875rem;
	font-weight: bold;
}

.recruit_interview_profileinner {
	width: 100%;
	border-right: 1px solid #333;
	padding: 0 15px;
}

.recruit_interview_profileinner:last-child {
	border-right: none;
}

.recruit_interview_profile {
	margin: 0 2%;
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
}

.recruit_interview_photo {
	padding-top: 15px;
	width: 140px;
	padding-bottom: 20px;
	margin: auto;
}

.recruit_interview_name {
	color: #333;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	padding-bottom: 15px;
}

.recruit_interview_txt {
	color: #333;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
	padding-bottom: 15px;
}

@media screen and (max-width:1050px) {
	.recruit_interview_profileinner {
		border-right: none;
		width: 45%;
	}

	.recruit_interview_profile {
		flex-wrap: wrap;
	}

	.recruit_interview_flextxt {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.recruit_interview_innertxt p {
		text-align: left;
		font-size: 14px;
		padding-bottom: 8px;
	}

	.recruit_interview_photo {
		margin: 0;
		flex: 1;
	}

	.recruit_interview_innertxt {
		flex: 1;
	}
}

@media screen and (max-width:850px) {
	.recruit_sc3_interviewsub {
		font-size: 14px;
	}

	.recruit_sc3_interview {
		font-size: 2rem;
	}

}

@media screen and (max-width:750px) {
	.recruit_sc3_interview_top {
		display: block;
	}

	.recruit_sc3_interviewsub {
		background: #fff;
		color: #333;
		font-weight: bold;
		padding: 6px 5px;
		font-size: 14px;
		width: 150px;
		text-align: center;
		margin: auto;
	}

	.recruit_interview_profile {
		margin: auto;
		text-align: center;
		justify-content: center;
	}

	.recruit_sc3_interview {
		padding-top: 15px;
		font-size: 1.8rem;
	}

	.recruit_interview_profileinner {
		width: 100%;
		margin: auto;
	}

	.recruit_interview_flextxt {
		justify-content: center;
		border-bottom: 1px solid #fff;
	}

	.recruit_interview_flextxt2 {
		border-bottom: none;
	}

	.recruit_interview_profileinner {
		width: 80%;
	}

	.recruit_interview_photo {
		width: 150px;
	}

	.recruit_interview_innertxt {
		flex: 1;
		line-height: 1.5;
	}
}

@media screen and (max-width:550px) {
	.recruit_sc3_interview {
		font-size: 1.3rem;
	}

	.recruit_interview_innertxt p {
		font-size: 12px;
	}

	.recruit_interview_photo {
		width: 100px;
	}
}

@media screen and (max-width:400px) {
	.recruit_sc3_interview_top {
		margin: 0 35px;
	}

	.recruit_sc3_interview {
		font-size: 1rem;
	}

	.recruit_interview_profile {
		padding-bottom: 20px;
	}
}

.recruit_sc4 {
	margin-bottom: 6.25rem;
}

.recruit_sc4 .container_new {
	text-align: center;
}

.recruit_sc4_inner {
	padding: 35px;
	background: #EEEEEE;
	text-align: left;
	border-radius: 10px;
}

.recruit_sc4_title {
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 1.5;
}

.recruit_sc4_txt {
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 1.5;
}

.recruit_sc4_benefits {
	padding: 10px 25px;
	border-radius: 10px;
	border: 1px #333 solid;
	display: flex;
	align-items: center;
	background: #fff;
	margin-bottom: 20px;
}

.recruit_sc4_benefits:last-child {
	margin-bottom: 0;
}

.recruit_sc4_inner {
	margin-bottom: 50px;
}

.recruit_sc4_benefits h2 {
	line-height: 1.3;
	padding: 25px 0;
	position: relative;
	font-size: 1.875rem;
	padding-right: 15px;
	width: 150px;
}

.recruit_sc4_benefits2 h2 {
	line-height: 1.3;
	padding: 60px 0;
	position: relative;
	font-size: 1.875rem;
	padding-right: 15px;
	width: 150px;
	text-align: center;
}

.recruit_sc4_benefits h2::after {
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #333;
}

.recruit_sc4_benefits2 h2::after {
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #333;
}

.recruit_sc4_benefits p {
	line-height: 1.5;
	flex: 1;
	font-size: 1rem;
	font-weight: normal;
	padding-left: 20px;
}

.recruit_sc4_benefits_h2 {
	text-align: center;
}

.recruit_sc4_benefits_inertxt {
	flex: 1;
}

.recruit_sc4_SDGs_inner img {
	width: 130px;
	float: left;
	padding: 0 15px 0 0;
}

.recruit_sc4_SDGs_inner p {
	text-align: justify;
	line-height: 1.5;
	font-size: 1rem;
	font-weight: normal;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}

.recruit_sc4_SDGs {
	padding: 25px;
	background: #fff;
	border-radius: 10px;
	border: solid 1px #333;
}

.recruit_sc4_SDGs_inner {
	border-bottom: 1px solid #333;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	display: flex;
	align-items: center;
}

.recruit_sc4_SDGs_inner:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.recruit_sales_sc1 {
	margin-bottom: 5rem;
}

@media screen and (max-width:800px) {
	.recruit_sc4_SDGs_inner {
		display: block;
	}

	.recruit_sc4_SDGs_inner p {
		font-size: 14px;
	}
}

@media screen and (max-width:600px) {
	.recruit_sc4_title {
		font-size: 1.3rem;
	}

	.recruit_sc4_benefits h2 {
		line-height: 1.3;
		padding: 40px 0;
		position: relative;
		font-size: 1.2rem;
		padding-right: 10px;
		width: 100px;
		text-align: center;
	}

	.recruit_sc4_benefits p {
		line-height: 1.5;
		flex: 1;
		font-size: 14px;
		padding-left: 15px;
	}

	.recruit_sc4_benefits {
		padding: 10px;
	}
}

@media screen and (max-width:450px) {
	.recruit_sc4_benefits {
		flex-direction: column;
	}

	.recruit_sc4_benefits h2 {
		font-size: 1.8rem;
		width: 100%;
		padding: 0;
		padding-bottom: 1rem;
		margin: 1rem 0;
		border-bottom: 1px solid #333;
	}

	.recruit_sc4_benefits p {
		padding: 0;
		padding-bottom: 1rem;
	}

	.recruit_sc4_benefits h2::after {
		display: none;
	}

	.br_450 {
		display: none;
	}

	.recruit_sc4_txt {
		font-size: 14px;
	}

	.recruit_sc4_inner {
		padding: 20px;
	}
}

@media screen and (max-width:400px) {

	.recruit_sc4_SDGs_inner img {
		width: 100px;
		float: left;
		padding: 0 15px 5px 0;

	}
}

@media screen and (max-width:500px) {

	.recruit_sc1,
	.recruit_sc2,
	.recruit_sc3,
	.recruit_sc4,
	.recruit_sc_half {
		margin-bottom: 3rem;
	}
}

.recruit_sales_title {
	font-size: 1.875rem;
	text-align: center;
	padding-bottom: 1rem;
}

.sales_title {
	border-bottom: 1px solid #A9A9A9;
	display: flex;
	padding: 35px 0;
}

.sales_title:first-child {
	border-top: 1px solid #A9A9A9;
}

.sales_title:last-child {
	border-bottom: none;
}

.sales_title_top {
	line-height: 2;
	width: 150px;
	font-size: 18px;
	font-weight: bold;
}

.sales_title_txt {
	flex: 1;
	line-height: 2;
	font-size: 16px;
	font-weight: 500;
}

.sales_title_txt2 {
	line-height: 2;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}

.sales_txt_top {
	padding-left: 0;
}

@media screen and (max-width:600px) {
	.sales_title_txt {
		flex: 1;
		font-size: 14px;
		font-weight: 500;
	}

	.sales_title {
		display: block;
	}

	.sales_title_top {
		padding-bottom: 0.5rem;

	}
}

/*----------インタビュー----------*/
.recruit_sc1_SC2_interview {
	background: url("../jarea_corporate_img/img_bakground_interview.jpg")no-repeat center/cover;
}

.recruit_interview_inner {
	margin-bottom: 90px;
}

.recruit_interview_title {
	text-align: center;
	font-size: 3.125rem;
	color: #333;
	margin-bottom: 2rem;
	font-weight: bold;
}

.decorate {
	position: relative;
}

.decorate::before {
	background-color: #F0F0F0;
	content: '';
	position: absolute;
	bottom: -1px;
	display: inline-block;
	width: 100%;
	padding: 0 50px;
	height: 21px;
	transform: skewX(-10deg);
	z-index: -1;
	/* 	left: calc(50% - 300px); */
}

.decorate2::before {
	padding: 0 30px;
	/* 	left: calc(50% - 500px); */
}

.recruit_interview_txt_inner {
	font-size: 1.7rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.4;
}

.recruit_interview_txt2 {
	display: none;
}

.none_pc_500 {
	display: none;
}

.recruit_interview_sc1 {
	margin-bottom: 6.25rem;
}

@media screen and (max-width:800px) {
	.recruit_interview_sc1 {
		margin-bottom: 3rem;
	}
}

@media screen and (max-width:550px) {
	.recruit_interview_sc1 {
		margin-bottom: 3rem;
	}

	.recruit_interview_inner {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:500px) {
	.service_title_recruith2 {
		font-size: 1.5rem;
	}

	.service_title_recruitp {
		line-height: 1.5;
		font-size: 1rem;
		padding: 0 20px;
	}

	.none_pc_500 {
		display: block;
	}
}

@media screen and (max-width:1050px) {
	.recruit_interview_title {
		font-size: 2.5rem;
		margin-bottom: 1.5rem;
	}

	.recruit_interview_txt_inner {
		font-size: 1.1rem;

	}

	.recruit_interview_deco1 {
		font-size: 6rem;
		top: -19px;
	}

	.decorate::before {
		bottom: -5px;
		/* 		left: calc(50% - 245px) */
	}

	.decorate2::before {
		padding: 0 15px;
		/* 		left: calc(50% - 320px); */
	}
}

@media screen and (max-width:700px) {
	.recruit_interview_title {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.recruit_interview_txt_inner {
		font-size: 14px;
	}

	.recruit_interview_deco1 {
		font-size: 5rem;
		top: -10px;
	}

	.decorate::before {
		padding: 0 30px;
		/* 		left: calc(50% - 185px); */
		height: 18px;
	}

	.decorate2::before {
		padding: 0 10px;
		bottom: -8px;
		/* 		left: calc(50% - 250px); */
	}
}

@media screen and (max-width:550px) {
	.recruit_interview_title {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

	.recruit_interview_txt_inner {
		font-size: 14px;
	}

	.recruit_interview_txt2 {
		margin-bottom: 0.7rem;
		display: block;
	}

	.recruit_interview_txt_none {
		display: none;
	}

	.decorate::before {
		padding: 0 10px;
		bottom: -3px;
		/* 		left: calc(50% - 138px); */
		height: 13px;
	}

	.decorate2::before {
		padding: 0 5px;
		/* 		left: calc(50% - 100px); */
	}

	.decorate3::before {
		padding: 0 0;
		left: calc(50% - 151px)
	}

	.recruit_interview_deco1 {
		font-size: 2.7rem;
		top: -18px;
	}
}

.recruit_interview_sc2 .container_new2 {
	position: relative;
	z-index: -2;
	border: 2px solid #D8D8D8;
	border-radius: 20px;
	padding: 0 40px;
}

.recruit_profile_top {
	z-index: -1;
	background: #fff;
	padding: 0 10px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.recruit_interview_sc2 {
	text-align: center;
}

.recruit_interview_sc2_title {
	font-family: 'Noto Sans JP';
	letter-spacing: 2px;
	font-size: 3.125rem;
	color: #777777;
	margin-bottom: 5px;
}

.recruit_interview_sc2_sub {
	margin: auto;
	font-size: 1rem;
	font-weight: bold;
	background: #777777;
	color: #fff;
	padding: 5px 0;
	width: 140px;
}

.recruit_interview_sc2_inner {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 1rem;
}

.recruit_interview_sc2_img {
	flex: 1;
}

.recruit_interview_sc2_txt {
	text-align: left;
	font-weight: bold;
	flex: 1;
}

.recruit_profile_name {
	font-size: 18px;
	line-height: 2;
}

.recruit_profile_txt {
	font-size: 16px;
	line-height: 2;
}

.recruit_interview_sc2_innertop {
	margin-top: 2rem;
	display: flex;
	gap: 2rem;
	padding-bottom: 30px;
}

.recruit_interview_sc2_innertop_padding {
	padding-top: 3.125rem;
	border-bottom: 2px solid #D8D8D8;
}

.recruit_interview_sc2_innertop_bm {
	padding-bottom: 3.125rem;
}

.recruit_interview_sc2_topflex {
	width: 100%;
}

.recruit_profile_txt_under {
	font-size: 1rem;
	text-align: left;
	line-height: 1.7;
	font-weight: bold;
}

.line_norder {
	margin: 0 1rem;
	width: 4px;
	background-color: #D8D8D8;
}

@media screen and (max-width:1000px) {
	.recruit_interview_sc2_innertop {
		flex-direction: column;
		gap: 0;
		border-bottom: none;
		margin: 0;
		padding: 0;
	}

	.recruit_interview_sc2_innertop_padding {
		padding-top: 5rem;
	}

	.recruit_interview_sc2_innertop_bm {
		padding-bottom: 1rem;
	}

	.recruit_interview_sc2_topflex {
		border-bottom: 2px solid #D8D8D8;
		padding-bottom: 2rem;
		padding-top: 2rem;
	}

	.line_norder {
		display: none;
	}

	.recruit_bordernone {
		border-bottom: none;
	}
}

@media screen and (max-width:600px) {
	.recruit_interview_sc2_txt p {
		font-size: 14px;
	}

	.recruit_profile_txt_under {
		font-size: 14px;
	}

	.recruit_interview_sc2_img {
		width: 130px;
	}

	.recruit_interview_sc2 .container_new2 {
		padding: 0 20px;
	}
}

@media screen and (max-width:500px) {
	.recruit_interview_sc2_innertop_padding {
		padding-top: 2.5rem;
	}

	.recruit_interview_sc2 .container_new2 {
		padding: 0 15px;
	}

	.recruit_interview_sc2_inner {
		gap: 10px;
	}

	.recruit_interview_sc2_txt p {
		font-size: 12px;
	}

	.recruit_profile_txt_under {
		font-size: 12px;
	}

	.recruit_interview_sc2_title {
		letter-spacing: 2px;
		font-size: 2rem;
		margin-bottom: 3px;
	}

	.recruit_interview_sc2_sub {
		font-size: 14px;
		padding: 3px 0;
		width: 100px;
	}

	.recruit_interview_sc2_topflex {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
}

.recruit_interview_sc2 {
	margin-bottom: 6.25rem;
}

@media screen and (max-width:400px) {
	.recruit_interview_sc2_img {
		width: 90px;
	}
}

/*==============
LINE風フキダシ
===============*/
.line_top_title {
	font-size: 2.5rem;
	text-align: center;
	border-bottom: 3px solid #202A43;
	padding-bottom: 15px;
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.line_flex {
	display: flex;
	gap: 20px;
	align-items: center;
}

.line_icon {
	width: 70px;
}

.line_name {
	text-align: center;
	font-weight: bold;
	font-size: 1rem;
}

.line_txt {
	text-align: justify;
	display: inline-block;
	position: relative;
	margin-right: 90px;
	padding: 20px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	border: 3px solid #E6E6E6;
	border-radius: 20px;
}

.line_txt_right {
	text-align: justify;
	position: relative;
	margin-left: 90px;
	padding: 20px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	border: 3px solid #E6E6E6;
	border-radius: 20px;
}

.line_txt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	margin-top: -12px;
	border: 8px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}

.line_txt:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -14px;
	border: 10px solid transparent;
	border-right: 14px solid #E6E6E6;
	z-index: 1;
}

.line_txt_right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -14px;
	border: 10px solid transparent;
	border-left: 14px solid #E6E6E6;
	z-index: 1;
}

.line_txt_right:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -18px;
	margin-top: -12px;
	border: 8px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}

.line_txt_small {
	text-align: justify;
	display: inline-block;
	margin-left: 90px;
	margin-right: 90px;
	padding: 20px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	border: 3px solid #E6E6E6;
	border-radius: 20px;
}

.line_txt_small_right {
	text-align: justify;
	display: inline-block;
	margin-right: 90px;
	margin-left: 90px;
	padding: 20px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	border: 3px solid #E6E6E6;
	border-radius: 20px;
}

.line_top_left,
.line_top_right {
	padding-bottom: 2.5rem;
}

.line_flex_left,
.line_flex_right {
	padding-bottom: 0.4rem;
}

.line_flex_right2,
.line_flex_left2 {
	padding-bottom: 1rem;
}

.line_top_right_small {
	justify-content: flex-end;
}

.recruit_schedule {
	margin-top: 3rem;
}

.decorate_schedule {
	position: relative;
}

.decorate_schedule::before {
	background-color: #F0F0F0;
	content: '';
	position: absolute;
	bottom: -1px;
	display: inline-block;
	width: 100%;
	padding: 0 50px;
	height: 21px;
	transform: skewX(-10deg);
	z-index: -1;
	/* 	left: calc(50% - 200px); */
}

.decorate_schedule2::before {
	padding: 0 50px;
	/* 	left: calc(50% - 360px) */
}

@media screen and (max-width:1050px) {
	.line_top_title {
		font-size: 1.7rem;
	}

	.decorate_schedule::before {
		bottom: -5px;
		/* 		left: calc(50% - 170px); */
	}

	.decorate_schedule2::before {
		bottom: -10px;
		/* 		left: calc(50% - 250px); */
	}
}

@media screen and (max-width:700px) {
	.line_top_title {
		font-size: 1.2rem;
		text-align: center;
		border-bottom: 1px solid #202A43;
		padding-bottom: 10px;
		margin-bottom: 3rem;
		margin-top: 3rem;
	}

	.decorate_schedule::before {
		padding: 0 30px;
		left: calc(50% - 130px);
		height: 18px;
	}

	.decorate_schedule2::before {
		padding: 0 10px;
		bottom: -8px;
		/* 		left: calc(50% - 175px); */
	}
}

@media screen and (max-width:550px) {

	.line_txt_right,
	.line_txt_small_right {
		margin-left: auto;
	}

	.line_txt,
	.line_txt_small {
		margin-right: auto;
	}

	.line_icon {
		width: 40px;
	}

	.line_txt,
	.line_txt_right,
	.line_txt_small,
	.line_txt_small_right {
		font-size: 14px;
	}

	.line_name {
		font-size: 12px;
	}

	.line_txt_small {
		margin-left: 60px;
	}

	.line_txt_small_right {
		margin-right: 60px;
	}

	.line_txt,
	.line_txt_small,
	.line_txt_right,
	.line_txt_small_right {
		padding: 15px;
	}

	.line_top_title {
		font-size: 1rem;
		text-align: center;
		border-bottom: 1px solid #202A43;
		padding-bottom: 10px;
		margin-bottom: 3rem;
		margin-top: 3rem;
	}

	.decorate_schedule::before {
		padding: 0 20px;
		bottom: -3px;
		left: calc(50% - 95px);
		height: 13px;
	}

	.decorate_schedule2::before {
		padding: 0 10px;
		left: calc(50% - 175px)
	}
}

@media screen and (max-width:400px) {
	.decorate_schedule2::before {
		padding: 0 5px;
		left: calc(50% - 145px)
	}

	.decorate_schedule2 {
		font-size: 12px;
	}
}

.none_pc_375 {
	display: none;
}

@media screen and (max-width:375px) {

	.line_txt,
	.line_txt_right,
	.line_txt_small,
	.line_txt_small_right {
		padding: 10px;
		font-size: 12px;
	}

	.line_flex {
		gap: 15px;
	}

	.line_top_title {
		line-height: 1.4;
		margin-bottom: 20px;
		margin-top: 1rem;
	}

	.line_flex_right2,
	.line_flex_left2 {
		padding-bottom: 0.5rem;
	}

	.line_top_left,
	.line_top_right {
		padding-bottom: 1rem;
	}

	.none_pc_375 {
		display: block;
	}
}

.schedule_title {
	padding: 20px 0;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	background: #202A43;
}

.recruit_schedule_inner {
	max-width: 900px;
	margin: auto;
	border: solid 2px #D8D8D8;
}

.schedule_flex {
	display: flex;
	padding-top: 1rem;
}

.schedule_ul {
	font-weight: bold;
	font-size: 1.5rem;
	padding: 20px 0;
}

.schedule_ul li {
	padding-left: 4rem;
	padding-bottom: 4.0625rem;
}

.schedule_ul li:last-child {
	padding-bottom: 0;
}

.schedule_ul2 {
	border-right: 2px solid #D8D8D8;
	padding-right: 4.0625rem;
}

.line_top_schedule {
	max-width: 900px;
	margin: auto;
	margin-top: 2rem;
}

.line_txt_right2 {
	margin-left: auto;
}

.recruit_schedule_inner2 {
	margin-top: 3rem;
}

.decorate_jarea {
	position: relative;
}

.decorate_jarea::before {
	background-color: #F0F0F0;
	content: '';
	position: absolute;
	bottom: -1px;
	display: inline-block;
	width: 100%;
	padding: 0 50px;
	height: 21px;
	transform: skewX(-10deg);
	z-index: -1;
	/* 	left: calc(50% - 175px); */
}

.decorate_jarea2::before {
	padding: 0 50px;
	/* 	left: calc(50% - 300px); */
}

@media screen and (max-width:1050px) {
	.decorate_jarea::before {
		bottom: -5px;
		/* 		left: calc(50% - 150px); */
	}

	.decorate_jarea2::before {
		bottom: -10px;
		left: calc(50% - 210px)
	}

	.decorate_jarea_deco1 {
		top: -12px;
	}
}

@media screen and (max-width:700px) {
	.recruit_schedule_inner2 {
		margin-top: 0;
	}

	.recruit_interview_txt3 {
		font-size: 1rem;
	}

	.decorate_jarea::before {
		padding: 0 30px;
		/* 		left: calc(50% - 110px); */
		height: 18px;
	}

	.decorate_jarea2::before {
		padding: 0 10px;
		bottom: -8px;
		left: calc(50% - 155px)
	}

	.schedule_title {
		font-size: 1.2rem;
	}

	.schedule_ul {
		font-weight: bold;
		font-size: 1rem;
		padding: 20px 0;
	}

	.schedule_ul li {
		padding-left: 4rem;
		padding-bottom: 3rem;
	}

	.schedule_ul li:last-child {
		padding-bottom: 0;
	}

	.schedule_ul2 {
		border-right: 2px solid #D8D8D8;
		padding-right: 4.0625rem;
	}

	.line_top_left,
	.line_top_right {
		padding-bottom: 1.5rem;
	}

	.line_flex_right2,
	.line_flex_left2 {
		padding-bottom: 0.8rem;
	}

	.line_top_title {
		margin-bottom: 1.5rem;
		margin-top: 1.5rem;
	}
}

@media screen and (max-width:550px) {
	.decorate_jarea::before {
		padding: 0 20px;
		bottom: -3px;
		/* 		left: calc(50% - 85px); */
		height: 13px;
	}

	.decorate_jarea2::before {
		padding: 0 10px;
		left: calc(50% - 155px)
	}

	.decorate_jarea_deco1 {
		font-size: 4.5rem;
	}

	.schedule_title {
		font-size: 16px;
	}

	.schedule_ul {
		font-weight: bold;
		font-size: 1rem;
		padding: 20px 0;
	}

	.schedule_ul li {
		padding-left: 2rem;
		padding-bottom: 2rem;
	}

	.schedule_ul li:last-child {
		padding-bottom: 0;
	}

	.schedule_ul2 {
		border-right: 2px solid #D8D8D8;
		padding-right: 2rem;
	}
}

.brnone_400 {
	display: none;
}

.COND_title_recruit {
	font-size: 1.875rem;
	padding-bottom: 1.875rem;
}

@media screen and (max-width:400px) {
	.recruit_interview_sc2 {
		margin-bottom: 3rem;
	}

	.brnone_400 {
		display: block;
	}

	.schedule_title {
		line-height: 1.5;
	}

	.schedule_flex {
		padding-top: 0;
	}

	.schedule_ul {
		font-weight: bold;
		font-size: 14px;
		padding: 15px 0;
	}

	.schedule_ul li {
		padding-left: 1rem;
		padding-bottom: 1.5rem;
	}

	.schedule_ul li:last-child {
		padding-bottom: 0;
	}

	.schedule_ul2 {
		border-right: 2px solid #D8D8D8;
		padding-right: 1rem;
	}

	.COND_title_recruit {
		font-size: 1.5rem;
	}
}

/* 以下、20230117 リクルートTOPコンテンツ リニューアル時、追加CSS */
.common_section1 {
	background-color: #fff;
	height: 100vh;
	padding-top: 101px;
	overflow: hidden;
	position: relative;
}

.common_top_menu {
	max-width: 1140px;
	width: 100%;
	text-align: center;
}

.heading_title {
	padding-bottom: 1rem;
	font-size: 1.7rem;
	font-weight: bold;
	color: #333;
}

.common_anker_text {
	background-color: #eee;
	font-size: 1rem;
	color: #333;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	padding: 15px 10px;
}

.common_eyecatch_text {
	font-family: 'Noto Serif JP', serif;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 9px;
	text-align: center;
	color: #333;
	margin-bottom: 3rem;
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.recruit_img_outer {
	width: 53%;
	margin: 0 auto;
}

.recruit_img_text {
	text-align: center;
}

.recruit_img_text img {
	width: 70%;
}

.recruit_bg_design_belt {
	background: url("../jarea_corporate_img/recruit_hero_belt_bg.png") repeat-x center /contain;
	margin: 0 -200%;
	padding: 0 200%;
	position: relative;
	bottom: 0;
	height: 21%;
}

.recruit_creation_text {
	margin: 0 auto;
}


.recruit_creation_text img {
	width: 344px;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
}

.recruit_common_textarea {
	font-size: 15px;
	line-height: 2;
	letter-spacing: .6px;
	font-family: 'Noto Serif JP', serif;
	text-align: justify;
	margin-top: 3rem;
}

.recruit_main_textarea {
	padding: 1rem 20rem 5rem;
}

.container_new_outer {
	max-width: 1190px;
	padding: 0 4%;
	margin: auto;
}

.photo_attached_txt {
	width: 80%;
	position: relative;
	left: 0;
	bottom: 56px;
}

.photo_attached_txt02 {
	width: 42%;
	position: relative;
	right: -7%;
	bottom: 205px;
	margin-left: auto;
	background: url("../jarea_corporate_img/recruit_creation_text.png") no-repeat right center /contain;
	padding: 12%;
}

.photo_attached_txt02 span {
	font-size: 19px;
	color: #fff;
	letter-spacing: 4px;
	white-space: nowrap;
	font-family: 'Noto Serif JP', serif;
}

.markup_text {
	padding: 2px 0;
}

.recruit_design_title {
	color: #fff;
	font-size: 24px;
	letter-spacing: 20px;
	line-height: 1.4;
	font-family: 'Noto Serif JP', serif;
	margin-top: -11rem;
}

.overflow-hidden {
	overflow: hidden;
}

@media screen and (max-width:550px) {
	.common_section1 {
		padding-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.common_eyecatch_text {
		font-size: 15px;
		line-height: 1.8;
		letter-spacing: 3px;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.common_top_menu {
		margin-top: 60px;
	}

	.recruit_bg_design_belt {
		margin: 0 -150%;
		padding: 0 150%;
	}

	.recruit_creation_text img {
		width: 210px;
	}

	.recruit_img_outer {
		width: 84%;
	}

	.recruit_main_textarea {
		padding: 0 1rem 2rem;
	}

	.recruit_common_textarea {
		font-size: 14px;
		line-height: 2;
		letter-spacing: .6px;
	}

	.photo_attached_txt {
		bottom: 17px;
	}

	.photo_attached_txt02 {
		bottom: 91px;
	}

	.photo_attached_txt02 span {
		font-size: 14px;
	}

	.recruit_design_title {
		font-size: 20px;
		letter-spacing: 15px;
		margin-top: -4rem;
	}
}

@media screen and (max-width:1050px) {
	.recruit_main_textarea {
		padding: 0;
	}
}

@media screen and (min-width: 900px) {
	.sp_br {
		display: none;
	}
}

/* キャリア採用、中途採用カードデザイン */
.recruit_card_list {
	display: flex;
	gap: 30px;
}

.recruit_card_item {
	background: #fff;
	padding: 20px;
	width: 50%;
}

.recruit_card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.recruit_card_title {
	font-size: 20px;
	margin-bottom: 16px;
	display: inline-block;
}

.recruit_card_title span {
	position: relative;
	display: inline-block;
}

.recruit_card_title.gold span {
	background-image: -webkit-linear-gradient(315deg, #efa304 0%, #d08602 40%, #efa403 60%, #c57d03 100%);
	background-image: linear-gradient(135deg, #efa304 0%, #d08602 40%, #efa403 60%, #c57d03 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.recruit_card_title span::before,
.recruit_card_title span::after {
	position: absolute;
	top: calc(50% - 3px);
	width: 43px;
	height: 3px;
	content: '';
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

.recruit_card_title.basic span::before {
	left: 87px;
}

.recruit_card_title.basic span::after {
	right: 87px;
}

.recruit_card_title.gold span::before {
	left: 125px;
}

.recruit_card_title.gold span::after {
	right: 125px;
}

.recruit_card_img_wrap {
	margin-bottom: 20px;
}

.recruit_card_sub_title {
	font-size: 15px;
	text-align: left;
	margin-bottom: 20px;
	line-height: 1.4;
}

.recruit_card_description {
	font-size: 14px;
	text-align: left;
	line-height: 1.7;
	margin-bottom: 40px;
	flex-grow: 1;
}

.recruit_card_btn_wrap {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.recruit_card_btn_wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(-96%);
	transform: translateX(-96%);
	background: #333;
}

.recruit_card_btn_wrap:hover:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.recruit_card_btn_link {
	display: block;
	border: 1px solid #333;
	padding: 24px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .4px;
	position: relative;
	transition: all .2s;
}

.recruit_card_btn_wrap:hover .recruit_card_btn_link {
	color: #fff;
}

.recruit_card_btn_link::before,
.recruit_card_btn_link::after {
	position: absolute;
	top: 50%;
	right: 22px;
	height: 1px;
	background: #333;
	content: '';
	transition: all .2s;
}

.recruit_card_btn_link::before {
	width: 30px;
	transform: translateY(-50%);
}

.recruit_card_btn_link::after {
	width: 8px;
	transform: translateY(-50%) rotate(45deg);
	transform-origin: right center;
}

.recruit_card_btn_link:hover::before,
.recruit_card_btn_link:hover::after {
	right: 15px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.recruit_card_list {
		flex-direction: column;
	}

	.recruit_card_item {
		width: fit-content;
	}

	.recruit_card_img_wrap {
		margin-bottom: 10px;
	}

	.recruit_card_sub_title {
		margin-bottom: 12px;
	}

	.recruit_card_description {
		margin-bottom: 20px;
	}

	.recruit_card_btn_wrap {
		margin-bottom: 15px;
	}

	.recruit_card_btn_link {
		font-size: 15px;
	}
}

/* FV、調整用コンテナ */
.container_recruit {
	max-width: 1140px;
	padding: 0 4%;
	margin: 0 auto;
}

.recruit_fv_section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 0;
}

/* FV、三つのキャッチコピー部分*/
.essential_title_wrap {
	width: fit-content;
	margin: 0 auto 5px;
}

.essential_title {
	background: #fff;
}

.indent_yohaku {
	letter-spacing: 4px;
}

.essential_title span {
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 2;
	width: fit-content;
}

.essential_title span::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #333;
	animation: a-ltr-after 1s cubic-bezier(.77, 0, .18, 1) forwards;
	transform: translateX(-101%);
}

.essential_title span::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	animation: a-ltr-before 1s cubic-bezier(.77, 0, .18, 1) forwards;
	transform: translateX(0);
}

.essential_title span:nth-of-type(1)::before,
.essential_title span:nth-of-type(1)::after {
	animation-delay: 0.3s;
}

.essential_title span:nth-of-type(2)::before,
.essential_title span:nth-of-type(2)::after {
	animation-delay: .6s;
}

@keyframes a-ltr-after {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translateX(101%)
	}
}

@keyframes a-ltr-before {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(200%)
	}
}

/* 「感動をクリエイトするとは」のテキストアニメーション */
#fv-animation-title {
	display: flex;
	overflow: hidden;
	color: #333;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: .5rem;
	font-family: "Noto Serif JP", serif;
}

#fv-animation-title span {
	display: inline-block;
	transform: translateY(105%);
}

#fv-animation-title span:nth-child(1) {
	animation: fadeInText 0.2s ease 1s forwards;
}

#fv-animation-title span:nth-child(2) {
	animation: fadeInText 0.2s ease 1.1s forwards;
}

#fv-animation-title span:nth-child(3) {
	animation: fadeInText 0.2s ease 1.2s forwards;
}

#fv-animation-title span:nth-child(4) {
	animation: fadeInText 0.2s ease 1.3s forwards;
}

#fv-animation-title span:nth-child(5) {
	animation: fadeInText 0.2s ease 1.4s forwards;
}

#fv-animation-title span:nth-child(6) {
	animation: fadeInText 0.2s ease 1.5s forwards;
}

#fv-animation-title span:nth-child(7) {
	animation: fadeInText 0.2s ease 1.6s forwards;
}

#fv-animation-title span:nth-child(8) {
	animation: fadeInText 0.2s ease 1.7s forwards;
}

#fv-animation-title span:nth-child(9) {
	animation: fadeInText 0.2s ease 1.8s forwards;
}

#fv-animation-title span:nth-child(10) {
	animation: fadeInText 0.2s ease 1.9s forwards;
}

#fv-animation-title span:nth-child(11) {
	animation: fadeInText 0.2s ease 2s forwards;
}

#fv-animation-title span:nth-child(12) {
	animation: fadeInText 0.2s ease 2.1s forwards;
}

#fv-animation-title span:nth-child(13) {
	animation: fadeInText 0.2s ease 2.2s forwards;
}

#fv-animation-title span:nth-child(14) {
	animation: fadeInText 0.2s ease 2.3s forwards;
}

#fv-animation-title span:nth-child(15) {
	animation: fadeInText 0.2s ease 2.4s forwards;
}

#fv-animation-title span:nth-child(16) {
	animation: fadeInText 0.2s ease 2.5s forwards;
}

@keyframes fadeInText {
	100% {
		transform: translateY(0);
	}
}

/*「まとまった多くの線である」のアニメーション*/
.fade-in-bottom {
	opacity: 0;
	animation-name: fadein-bottom;
	animation-duration: 1s;
	animation-delay: 2.7s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* あなたの創造性が世の中を動かす。部分テキストアニメーション */
.mask-bg {
	color: transparent;
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	transition: all 0ms 450ms;
	width: fit-content;
}

.mask-bg::after {
	background: linear-gradient(to right, #000 0%, #000 50%, #000 100%);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(0, 100%);
}

.recruit_design_title {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
}

.mask-bg.aos-animate {
	color: #fff;
	background-color: #000;
}

.mask-bg.aos-animate::after {
	animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
}

@keyframes mask-bg {
	0% {
		transform: translateX(-100%);

	}

	100% {
		transform: translateX(101%);

	}
}

.essential_title_wrap {
	display: flex;
	justify-content: center;
}

.a {
	width: clamp(281px, 64%, 423px);
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.common_eyecatch_text {
		flex-direction: column;
		align-items: center;
		line-height: 2.2;
	}

	.mask-bg {
		font-size: 16px;
	}

	#fv-animation-title {
		font-size: 11px;
		letter-spacing: .4rem;
	}

	.essential_title_wrap {
		width: 190px;
	}
}

/* 求人募集停止中デザイン */
.recruit_attention {
	color: red;
	margin: 20px 0 30px;
	text-align: center;
}

.recruit_grayout {
	opacity: .2;
}

/* NEWS記事　フォーマットデザイン */
.has-text-align-center {
	text-align: center;
}

.has-text-align-right {
	text-align: right;
}

.wp-block-table {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.wp-block-table table {
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	padding: 8px;
	vertical-align: top;
	line-height: 1.7;
}

/* NEWS記事　SEOコンサル追加コンテンツ部分 */
.seo-blog-related_article .container {
	padding-top: 80px;
	border-top: 1px solid;
	margin-bottom: 100px;
}

.seo-service-related_article {
	text-align: center;
}

.seo-service-related_article .container {
	padding-top: 80px;
	border-top: 1px solid;
	margin-bottom: 120px;
}