@charset "utf-8";

.interview .page-content-inner,
.case-study .page-content-inner,
.category-menu .page-content-inner,
.salary-up-cases .page-content-inner,
.post-article .page-content-inner{
	margin: 0 auto;
}
.interview-h2-title{
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 1.5;
	letter-spacing: .05em;
}

.interview a.button,
.case-study a.button{
	position: relative;
	min-height: 61px;
	display: inline-flex;
	align-items: center;
	padding: 0 78px 0 53px;
	z-index: 3;
}
.interview a.button,
.case-study a.button{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
	white-space: nowrap;
}
.interview a.button::before,
.case-study a.button::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/btn-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
	.interview,
	.member{
		margin-block: -68px 0;
		padding-block: 63px 0;
	}
	.interview-h2-title{
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1.5;
		letter-spacing: .1em;
	}
}

/***************

社員インタビュー

***************/

.interview-block{
	margin: 28px 0 0;
}
.interview-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 54px 21px;
}
.interview-list a{
	display: block;
	transition: all 0.3s;
}
.interview-list a:hover{
	opacity: .7;
}
.interview-img img{
	width: 100%;
	height: 409px;
	border-radius: 10px;
	object-fit: cover;
}
.interview-prof{
	margin: 17px 0 0;
}
.interview-prof p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.5;
	color: var(--color-red);
}
.interview-head{
	margin: 14px 0 0;
}
.interview-head p{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1.5;
	color: var(--color-black);
}
.interview-btn{
	margin: 8px 0 0;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.interview-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 54px 21px;
	}
	.interview-img img{
		height: 280px;
		object-fit: cover;
        object-position: center -38px;
	}
}

@media screen and (max-width: 767px) {
	.interview-block{
		max-width: 390px;
		width: 100%;
		margin: 24px auto 0;
	}
	.interview-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 28px;
	}
	.interview-list a{
		display: block;
		transition: all 0.3s;
	}
	.interview-list a:hover{
		opacity: 1;
	}
	.interview-img img{
		height: 280px;
		object-fit: cover;
        object-position: center -38px;
	}
	.interview-prof{
		margin: 16px 0 0;
	}
	.interview-prof p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.5;
		color: var(--color-red);
	}
	.interview-head{
		margin: 6px 0 0;
	}
	.interview-head p{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		color: var(--color-black);
	}
	.interview-btn{
		margin: 24px 0 0;
		display: flex;
		justify-content: center;
	}
}

.case-study{
	margin: 10px 0 0;
}
.case-study-block{
	margin: 37px 0 0;
}
.case-study-list{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
.case-study-list a{
	position: relative;
	display: grid;
	grid-template-columns: 297px 1fr;
	transition: all 0.3s;
	z-index: 6;
}
.case-study-list a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 20px;
	z-index: -1;
}
.case-study-list a:hover{
	opacity: .7;
}
.case-study-img{
	position: relative;
	z-index: 3;
}
.case-study-img img{
	width: 100%;
	height: 306px;
	border-radius: 10px;
	object-fit: cover;
}
.case-study-up{
	position: relative;
	font-family: var(--font-noto);
	z-index: 3;
}
.case-study-up::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom right, #d85d62, #de5d2e);
	border-radius: 10px 0 0 10px;
	z-index: -1;
}
.case-study-up-img{
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	width: 82px;
	height: 82px;
	z-index: 6;
}
.case-study-up-img img{
	width: 100%;
	height: 82px;
	border-radius: 9999px;
	object-fit: cover;
}
.case-study-up-before{
	position: relative;
	min-height: 55px;
	padding: 12px 21px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	z-index: 3;
}
.case-study-up-before-yen p{
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1;
	letter-spacing: .05em;
	color: rgba(255, 255, 255, .7);
}
.case-study-up-before-yen p .income-past{
	font-size: 1.1rem;
	margin-inline: 0 4px;
}
.case-study-up-before-yen p .unit{
	font-size: 1.1rem;
	margin-inline: 3px 0;
}
.case-study-up-currently{
	position: relative;
	min-height: 102px;
	padding: 24px 21px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	z-index: 3;
}
.case-study-up-currently::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-red);
	border-radius: 0 0 0 10px;
	z-index: -1;
}
.case-study-up-currently-yen{
	position: relative;
	z-index: 5;
}
.case-study-up-currently-yen p{
	font-weight: 700;
	font-size: 4.2rem;
	line-height: 1;
	letter-spacing: .02em;
	color: #fff;
}
.case-study-up-currently-yen p .income-nowpast{
	font-size: 1.4rem;
	margin-inline: 0 4px;
}
.case-study-up-currently-yen p .unit{
	font-size: 1.8rem;
	margin-inline: 4px 0;
}
.case-study-up-plus{
	position: absolute;
	top: -23px;
	left: 5px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
	z-index: 5;
}
.case-study-up-plus::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 9px;
	width: 15px;
	height: 12px;
	border: solid 1px #d9d2d0;
	background: #d9d2d0;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.case-study-up-plus-inner{
	position: relative;
	padding: 5px 10px;
	box-sizing: border-box;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
	z-index: 5;
}
.case-study-up-plus-inner::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border: solid 1px #d9d2d0;
	border-radius: 9999px;
	z-index: -1;
}
.case-study-up-plus-inner::before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 13px;
	width: 12px;
	height: 10px;
	background: #fff;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	z-index: 2;
}
.case-study-up-plus p{
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--color-red);
}
.case-study-info{
	display: flex;
	align-items: center;
}
.case-study-info-inner{
	padding: 24px 41px;
}
.case-study-head p{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.5;
	color: var(--color-black);
}
.case-study-prof{
	margin: 8px 0 0;
}
.case-study-prof p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.5;
	color: var(--color-black);
}
.case-study-btn{
	margin: 22px 0 0;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.case-study-info-inner{
		padding: 20px 30px;
	}
	.case-study-head p{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1.5;
		color: var(--color-black);
	}
}

@media screen and (max-width: 767px) {
	.case-study{
		margin: 42px 0 0;
	}
	.case-study-block{
		max-width: 390px;
		width: 100%;
		margin: 24px auto 0;
	}
	.case-study-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 22px;
	}
	.case-study-list a{
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		transition: all 0.3s;
		z-index: 6;
	}
	.case-study-list a::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		border-radius: 20px;
		z-index: -1;
	}
	.case-study-list a:hover{
		opacity: 1;
	}
	.case-study-up::after{
		border-radius: 20px 20px 0 0;
	}
	.case-study-up-img{
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		width: 82px;
		height: 82px;
		z-index: 6;
	}
	.case-study-up-img img{
		width: 100%;
		height: 82px;
		border-radius: 9999px;
		object-fit: cover;
	}
	.case-study-up-before{
		position: relative;
		min-height: 54px;
		padding: 12px 24px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		z-index: 3;
	}
	.case-study-up-before-yen p{
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1;
		letter-spacing: .05em;
		color: rgba(255, 255, 255, .7);
	}
	.case-study-up-before-yen p .income-past{
		font-size: 1.1rem;
		margin-inline: 0 4px;
	}
	.case-study-up-before-yen p .unit{
		font-size: 1.1rem;
		margin-inline: 3px 0;
	}
	.case-study-up-currently{
		position: relative;
		min-height: 54px;
		padding: 0 24px 8px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		z-index: 3;
	}
	.case-study-up-plus{
		position: absolute;
		top: -14px;
		left: -54px;
		filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
		z-index: 5;
	}
	.case-study-up-plus-inner{
		position: relative;
		padding: 5px 10px;
		box-sizing: border-box;
		filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
		z-index: 5;
	}
	.case-study-info-inner{
		padding: 16px 20px 20px;
	}
	.case-study-head p{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		color: var(--color-black);
	}
	.case-study-prof{
		margin: 5px 0 0;
	}
	.case-study-prof p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.3rem;
		line-height: 1.5;
		color: var(--color-black);
	}
	.case-study-btn{
		margin: 24px 0 0;
		display: flex;
		justify-content: center;
	}
}

.category-menu{
	margin-block: 20px 0;
}


/***************

インタビュー

***************/

.member .interview-block{
	margin: 16px 0 0;
}
.category-menu-member{
	margin-block: 98px 0;
}

@media screen and (max-width: 767px) {
	.member .interview-block{
		max-width: 100%;
		margin: 24px 0 0;
	}
	.member .interview-list{
		display: block;
	}
	.member .interview-list > li{
		padding-block: 0 17px;
		border-bottom: dotted 2px #adadad;
	}
	.member .interview-list > li + li{
		padding-block: 17px;
	}
	.member .interview-list a{
		display: grid;
		grid-template-columns: 98px 1fr;
		grid-gap: 14px;
		transition: all 0.3s;
	}
	.member .interview-list a:hover{
		opacity: 1;
	}
	.member .interview-img img{
		height: 80px;
		object-fit: cover;
        object-position: center -8px;
	}
	.member .interview-prof{
		margin: 0;
	}
	.member .interview-prof p{
		font-family: var(--font-noto);
		font-weight: 500;
		font-size: 1.1rem;
		line-height: 1.5;
		color: var(--color-red);
	}
	.member .interview-head{
		margin: 4px 0 0;
	}
	.member .interview-head p{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1.5;
		color: var(--color-black);
	}
	.member .interview-btn{
		margin: 24px 0 0;
		display: flex;
		justify-content: center;
	}
}


/***************

単価・給与アップ事例

***************/

.salary-up-cases .case-study-block{
	margin: 16px 0 0;
}
.category-menu-salary-up-cases{
	margin-block: 112px 0;
}

@media screen and (max-width: 767px) {
	.salary-up-cases{
		margin-block: -68px 0;
		padding-block: 27px 0;
	}
	.salary-up-cases .case-study-block{
		margin: 0;
	}
	.category-menu-salary-up-cases{
		margin-block: 77px 0;
	}
}


/***************

インタビュー - 記事

***************/

.article-member-head{
	display: grid;
	grid-template-columns: 1fr 34.858%;
	grid-gap: 7.08%;
}
.article-title-member-prof{
	margin-block: 0 20px;
}
.article-title-member-prof p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.3;
	color: var(--color-red);
}
.article-member-img{
	margin-block: -127px 0;
}
.article-member-img img{
	width: 100%;
	height: 380px;
	border-radius: 10px;
	object-fit: cover;
}
.article-content-member-faq{
	font-family: var(--font-noto);
}
.article-content-member-faq-list > li + li{
	border-top: dotted 2px #b2b2b2;
	margin-block: 47px 0;
	padding-block: 47px 0;
}
.article-content-member-faq-q p{
	position: relative;
	padding-inline: 55px 0;
}
.article-content-member-faq-q p::before{
	content: 'Q';
	position: absolute;
	top: 2px;
	left: 0;
	font-family: var(--font-lato);
	font-weight: 700;
	font-size: 3.3rem;
	line-height: 1;
	color: var(--color-red);
}
.article-content-member-faq-q p{
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 2;
	letter-spacing: .08em;
	color: var(--color-red);
}
.article-content-member-faq-a{
	margin-block: 30px 0;
}
.article-content-member-faq-a p{
	position: relative;
	padding-inline: 55px 0;
}
.article-content-member-faq-a p::before{
	content: 'A';
	position: absolute;
	top: 2px;
	left: 0;
	font-family: var(--font-lato);
	font-weight: 700;
	font-size: 3.3rem;
	line-height: 1;
	color: rgba(154, 140, 122, .43);
}
.article-content-member-faq-a p{
	line-height: 1.875;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.article-title-member-prof p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.7rem;
		line-height: 1.3;
		color: var(--color-red);
	}
	.article-member-img img{
		height: 280px;
		object-position: top;
	}
}
@media screen and (max-width: 767px) {
	.article-member-head{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 21px;
		grid-template-areas:
		"thumb"
		"ttl";
	}
	.article-title{
		grid-area: ttl;
	}
	.article-thumbnail{
		grid-area: thumb;
	}
	.article-title-member-prof{
		margin-block: 0 20px;
	}
	.article-title-member-prof p{
		font-family: var(--font-noto);
		font-weight: 500;
		font-size: 1.8rem;
		line-height: 1.5;
		color: var(--color-red);
	}
	.article-member-img{
		margin-block: -38px 0;
	}
	.article-member-img img{
		height: 280px;
		object-position: top;
	}
	.article-content-member-faq{
		font-family: var(--font-noto);
	}
	.article-content-member-faq-list > li + li{
		border-top: dotted 2px #b2b2b2;
		margin-block: 25px 0;
		padding-block: 30px 0;
	}
	.article-content-member-faq-q p{
		position: relative;
		padding-inline: 36px 0;
	}
	.article-content-member-faq-q p::before{
		content: 'Q';
		position: absolute;
		top: -5px;
		left: 0;
		font-family: var(--font-lato);
		font-weight: 700;
		font-size: 3.0rem;
		line-height: 1;
		color: var(--color-red);
	}
	.article-content-member-faq-q p{
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: .04em;
		color: var(--color-black);
	}
	.article-content-member-faq-a{
		margin-block: 15px 0;
	}
	.article-content-member-faq-a p{
		position: relative;
		padding-inline: 36px 0;
	}
	.article-content-member-faq-a p::before{
		content: 'A';
		position: absolute;
		top: -5px;
		left: 0;
		font-family: var(--font-lato);
		font-weight: 700;
		font-size: 3.0rem;
		line-height: 1;
		color: rgba(154, 140, 122, .43);
	}
	.article-content-member-faq-a p{
		line-height: 1.875;
	}
}


/***************

単価・給与アップ事例 - 記事

***************/

.article-salary-up-cases-head{
	display: grid;
	grid-template-columns: 274px 1fr;
	grid-gap: 6.81%;
}
.article-salary-up-cases-title{
	padding-block: 26px 0;
}
.article-salary-up-cases-title .article-title-txt{
	line-height: 1.277;
}
.article-title-prof{
	margin: 16px 0 0;
}
.article-title-prof p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: .05em;
}
.article-case-study-img{
	position: relative;
	z-index: 3;
}
.article-case-study-img-thumb{
	max-width: 274px;
	width: 100%;
	margin: 0 auto;
}
.article-case-study-img img{
	width: 100%;
	height: 274px;
	border-radius: 9999px;
	object-fit: cover;
}
.article-case-study-up{
	position: relative;
	font-family: var(--font-noto);
	max-width: 562px;
	width: 100%;
	min-height: 98px;
	display: grid;
	grid-template-columns: 137px 1fr;
	margin-block: 0 19px;
	z-index: 5;
}
.article-case-study-up::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d85d62;
	border-radius: 20px;
	z-index: -1;
}
.article-case-study-up-before{
	position: relative;
	padding: 10px 0;
	display: flex;
	justify-content: flex-end;
	z-index: 3;
}
.article-case-study-up-before::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px 0 0 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/interview/article-up-before.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	z-index: -1;
}
.article-case-study-up-before-yen{
	margin-block: -17px 0;
}
.article-case-study-up-before-yen p{
	font-weight: 700;
	font-size: 4.3rem;
	line-height: 1;
	letter-spacing: .05em;
	color: rgba(255, 255, 255, .7);
}
.article-case-study-up-before-yen p .income-past{
	font-size: 1.4rem;
	letter-spacing: .05em;
}
.article-case-study-up-before-yen p .unit{
	font-size: 1.4rem;
	letter-spacing: .05em;
	margin-inline: 3px 0;
}
.article-case-study-up-currently{
	position: relative;
	padding: 10px 26px 10px 88px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 3;
}
.article-case-study-up-currently::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/interview/article-up-after.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	border-radius: 0 20px 20px 0;
	z-index: -1;
}
.article-case-study-up-currently-yen{
	position: relative;
	margin-block: -8px 0;
	z-index: 5;
}
.article-case-study-up-currently-yen p{
	font-weight: 700;
	font-size: 7.6rem;
	line-height: 1;
	letter-spacing: .02em;
	color: #fff;
}
.article-case-study-up-currently-yen p .income-nowpast{
	font-size: 2.3rem;
	margin-inline: 0 4px;
}
.article-case-study-up-currently-yen p .unit{
	font-size: 2.7rem;
	margin-inline: 4px 0;
}
.article-case-study-up-plus{
	position: absolute;
	top: -24px;
	left: -120px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
	z-index: 5;
}
.article-case-study-up-plus.unit-price{
	left: -161px;
}
.article-case-study-up-plus-inner{
	position: relative;
	padding: 5px 17px 7px;
	box-sizing: border-box;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
	z-index: 5;
}
.article-case-study-up-plus-inner::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 9999px;
	z-index: -1;
}
.article-case-study-up-plus-inner::before {
	content: "";
	position: absolute;
	bottom: -11px;
	right: 67px;
	width: 14px;
	height: 13px;
	border-radius: 1px;
	background: #fff;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	z-index: 2;
}
.article-case-study-up-plus p{
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	letter-spacing: .05em;
	color: var(--color-red);
}
.article-case-study-up-plus p .unit-up{
	font-size: 1.6rem;
}
.article-case-study-up-plus p .unit-up::after{
	content: '：';
}
.article-case-study-up-plus p .unit{
	font-size: 2.1rem;
}
.article-content-salary-up-cases-box + .article-content-salary-up-cases-box{
	margin-block: 53px 0;
}
.article-content-salary-up-cases-h2{
	padding-block: 0 12px;
	border-bottom: solid 1px #d9d2d0;
}
.article-content-salary-up-cases-h2-txt{
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.5;
}
.article-content-salary-up-cases-read{
	font-family: var(--font-noto);
	font-weight: 400;
	line-height: 2;
	margin-block: 13px 0;
}
.article-content-salary-up-cases-faq-box > li + li{
	margin-block: 22px 0;
}
.article-content-salary-up-cases-faq-q p{
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 2;
	color: var(--color-red);
}
.article-content-salary-up-cases-faq-a{
	margin: 3px 0 0;
}
.article-content-salary-up-cases-faq-a p{
	line-height: 2;
}

.interview-post-all{
	display: flex;
	justify-content: center;
	margin-block: 40px 0;
}


.article-interview-recruit-btn{
	position: relative;
	margin-block: 52px 0;
	z-index: 6;
}
.article-interview-recruit-btn::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/interview/article-interview-recruit-bg.jpg);
	border-radius: 20px;
	z-index: -1;
}
.article-interview-recruit-btn-inner{
	max-width: 720px;
	min-height: 197px;
	display: flex;
	align-items: center;
	width: 100%;
	margin-inline: auto;
}
.article-interview-recruit-btn-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.article-interview-recruit-btn-list > li{
	min-height: 100px;
}
a.article-interview-recruit-casual{
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 9999px;
	padding-inline: 102px 67px;
	z-index: 3;
}
a.article-interview-recruit-casual{
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: .01em;
	color: var(--color-black);
	white-space: nowrap;
}
a.article-interview-recruit-casual .ls-c{
	letter-spacing: .1em;
	padding-inline: 5px 0;
}
a.article-interview-recruit-casual::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	width: 70px;
	height: 70px;
	border-radius: 9999px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/article-recruit-casual.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .9;
}
a.article-interview-recruit-casual::before,
a.article-interview-recruit-info::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 26px;
	transform: translateY(-50%);
	width: 31px;
	height: 30px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/informal-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
a.article-interview-recruit-info{
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 9999px;
	padding-inline: 54px 78px;
	z-index: 3;
}
a.article-interview-recruit-info{
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: .1em;
	color: var(--color-black);
	white-space: nowrap;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.article-salary-up-cases-head{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
	.article-case-study-up{
		max-width: 100%;
	}
	.article-interview-recruit-btn-inner{
		max-width: 720px;
		min-height: 197px;
		padding: 20px;
		display: flex;
		align-items: center;
		width: 100%;
		margin-inline: auto;
	}
	.article-interview-recruit-btn-list{
		width: 100%;
	}
	a.article-interview-recruit-casual{
		position: relative;
		width: 100%;
		height: 100%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		border-radius: 9999px;
		padding-inline: 70px 52px;
		z-index: 3;
	}
	a.article-interview-recruit-casual::after{
		content: '';
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		border-radius: 9999px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/article-recruit-casual.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: .9;
	}
	a.article-interview-recruit-casual::before,
	a.article-interview-recruit-info::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 20px;
		height: 20px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/informal-icon.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}
	a.article-interview-recruit-casual{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		letter-spacing: .01em;
		color: var(--color-black);
		white-space: nowrap;
	}
	a.article-interview-recruit-info{
		position: relative;
		width: 100%;
		height: 100%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		border-radius: 9999px;
		padding-inline: 54px;
		z-index: 3;
	}
	a.article-interview-recruit-info{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		letter-spacing: .1em;
		color: var(--color-black);
		white-space: nowrap;
	}
}

@media screen and (max-width: 767px) {
	.article-salary-up-cases-head{
		display: block;
	}
	.article-salary-up-cases-title{
		padding-block: 0;
		margin-block: -26px 0;
	}
	.article-salary-up-cases-title .article-title-txt{
		line-height: 1.277;
	}
	.article-title-prof{
		margin: 10px 0 0;
	}
	.article-title-prof p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.3;
		letter-spacing: .05em;
	}
	.article-thumbnail{
		max-width: 283px;
		width: 100%;
		margin: 0 auto;
	}
	.article-case-study-img-thumb{
		max-width: 233px;
		width: 100%;
		margin: 0 auto;
	}
	.article-case-study-img img{
		width: 100%;
		height: 233px;
		border-radius: 9999px;
		object-fit: cover;
	}
	.article-case-study-up{
		position: relative;
		font-family: var(--font-noto);
		max-width: 273px;
		width: 100%;
		min-height: 121px;
		display: grid;
		grid-template-columns: 1fr;
		margin-block: 0 19px;
		margin-inline: auto;
		z-index: 5;
	}
	.article-case-study-up::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		width: 27px;
		height: 15px;
		border-radius: 2px;
		background: linear-gradient(to bottom right, #d85d62, #de5d2e);
		clip-path: polygon(50% 0, 0 100%, 100% 100%);
		z-index: 2;
	}
	.article-case-study-up::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to bottom right, #d85d62, #de5d2e);
		border-radius: 20px;
		z-index: -1;
	}
	.article-case-study-up-before{
		position: relative;
		min-height: 50px;
		padding: 10px 21px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		z-index: 3;
	}
	.article-case-study-up-before::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 20px 20px 0 20px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/interview/article-up-before.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center right;
		z-index: -1;
	}
	.article-case-study-up-before-yen{
		margin-block: -17px 0;
	}
	.article-case-study-up-before-yen p{
		font-weight: 700;
		font-size: 3.1rem;
		line-height: 1;
		letter-spacing: .05em;
		color: rgba(255, 255, 255, .7);
	}
	.article-case-study-up-before-yen p .income-past{
		font-size: 1.2rem;
		letter-spacing: .05em;
	}
	.article-case-study-up-before-yen p .unit{
		font-size: 1.2rem;
		letter-spacing: .05em;
		margin-inline: 3px 0;
	}
	.article-case-study-up-currently{
		position: relative;
		min-height: 74px;
		padding: 15px 21px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		z-index: 3;
	}
	.article-case-study-up-currently::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: var(--color-red);
		border-radius: 0 0 20px 20px;
		z-index: -1;
	}
	.article-case-study-up-currently-yen{
		position: relative;
		margin-block: -8px 0;
		z-index: 5;
	}
	.article-case-study-up-currently-yen p{
		font-weight: 700;
		font-size: 4.7rem;
		line-height: 1;
		letter-spacing: .02em;
		color: #fff;
	}
	.article-case-study-up-currently-yen p .income-nowpast{
		font-size: 1.5rem;
		margin-inline: 0 4px;
	}
	.article-case-study-up-currently-yen p .unit{
		font-size: 2.0rem;
		margin-inline: 4px 0;
	}
	.article-case-study-up-plus{
		position: absolute;
		top: -46px;
		left: -67px;
		filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
		z-index: 5;
	}
	.article-case-study-up-plus.unit-price{
		left: -97px;
	}
	.article-case-study-up-plus-inner{
		position: relative;
		padding: 5px 11px 7px;
		box-sizing: border-box;
		filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
		z-index: 5;
	}
	.article-case-study-up-plus-inner::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 8px;
		z-index: -1;
	}
	.article-case-study-up-plus-inner::before {
		content: "";
		position: absolute;
		bottom: -11px;
		right: 50%;
		transform: translateX(50%);
		width: 14px;
		height: 13px;
		border-radius: 1px;
		background: #fff;
		clip-path: polygon(0 0, 100% 100%, 100% 0);
		z-index: 2;
	}
	.article-case-study-up-plus p{
		text-align: center;
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1.3;
		letter-spacing: .05em;
		color: var(--color-red);
	}
	.article-case-study-up-plus p .unit-up{
		font-size: 1.5rem;
	}
	.article-case-study-up-plus p .unit-up::after{
		content: '';
	}
	.article-case-study-up-plus p .unit{
		font-size: 1.5rem;
	}
	.article-content-salary-up-cases-box + .article-content-salary-up-cases-box{
		margin-block: 41px 0;
	}
	.article-content-salary-up-cases-h2{
		padding-block: 0 12px;
		border-bottom: solid 1px #d9d2d0;
	}
	.article-content-salary-up-cases-h2-txt{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
	}
	.article-content-salary-up-cases-read{
		font-family: var(--font-noto);
		font-weight: 400;
		line-height: 2;
		margin-block: 13px 0;
	}
	.article-content-salary-up-cases-faq-box > li + li{
		margin-block: 21px 0;
	}
	.article-content-salary-up-cases-faq-q p{
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.66;
		color: var(--color-red);
	}
	.article-content-salary-up-cases-faq-a{
		margin: 12px 0 0;
	}
	.article-content-salary-up-cases-faq-a p{
		line-height: 1.85;
	}
	
	.interview-post-all{
		display: flex;
		justify-content: center;
		margin-block: 40px 0;
	}
	
	
	.article-interview-recruit-btn{
		position: relative;
		margin-block: 52px 0;
		z-index: 6;
	}
	.article-interview-recruit-btn::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/interview/article-interview-recruit-bg.jpg);
		border-radius: 20px;
		z-index: -1;
	}
	.article-interview-recruit-btn-inner{
		max-width: 100%;
		min-height: auto;
		display: block;
		padding: 20px;
	}
	.article-interview-recruit-btn-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 5px;
	}
	.article-interview-recruit-btn-list > li{
		min-height: 68px;
	}
	a.article-interview-recruit-casual{
		position: relative;
		width: 100%;
		height: 100%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		border-radius: 9999px;
		padding-inline: 58px;
		z-index: 3;
	}
	a.article-interview-recruit-casual{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		letter-spacing: .01em;
		color: var(--color-black);
		white-space: nowrap;
	}
	a.article-interview-recruit-casual .ls-c{
		letter-spacing: .1em;
		padding-inline: 5px 0;
	}
	a.article-interview-recruit-casual::after{
		content: '';
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		width: 48px;
		height: 48px;
		border-radius: 9999px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/article-recruit-casual.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: .9;
	}
	a.article-interview-recruit-casual::before,
	a.article-interview-recruit-info::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/informal-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	a.article-interview-recruit-info{
		position: relative;
		width: 100%;
		height: 100%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		border-radius: 9999px;
		padding-inline: 58px;
		z-index: 3;
	}
	a.article-interview-recruit-info{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		letter-spacing: .1em;
		color: var(--color-black);
		white-space: nowrap;
	}
}