@charset "utf-8";

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

/about/

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

.about-intro .page-h2-block{
	position: relative;
	z-index: 3;
}
.about-intro .page-h2-block::after{
	content: '';
	position: absolute;
	top: -216px;
	right: 20px;
	max-width: 551px;
	width: 100%;
	height: 421px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-intro.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 40px;
	z-index: -1;
}
.about-intro-block{
	padding-inline: 0 50%;
}
.about-intro-read{
	font-family: var(--font-noto);
}
.about-intro-read p{
	font-weight: 400;
	line-height: 1.875;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about-intro .page-h2{
		padding-block: 173px 0;
	}
	.about-intro .page-h2-block::after{
		top: -355px;
		right: 50%;
		transform: translateX(50%);
		height: 321px;
	}
	.about-intro-block{
		padding-inline: 0;
	}
}

@media screen and (max-width: 767px) {
	.about-intro .page-h2{
		padding-block: 173px 0;
	}
	.about-intro .page-h2-block::after{
		top: -233px;
		left: 20px;
		right: 20px;
		max-width: 100%;
		width: auto;
		height: 200px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-intro_sp.jpg);
	}
	.about-intro-block{
		padding-inline: 0;
	}
}


.about-content{
	margin-block: 122px 0;
}
.about-content-list a{
	position: relative;
	display: block;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/hover-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0));
	z-index: 3;
	transition: filter .5s;
}
.about-content-list a:hover{
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .16));
}
.about-content-list a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 20px;
	z-index: -1;
	transition: all .5s;
}
.about-content-list a::before{
	content: '';
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/link-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.about-content-list a:hover::after{
	background-color: transparent;
}
.about-content-list a:hover::before{
	animation: btnIconRotation2 .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.about-content-list a + a{
	margin-block: 20px 0;
}
.about-content-inner{
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-gap: 20px;
	padding: 40px;
	color: var(--color-black);
}
.about-content-inner.case{
	display: grid;
	grid-template-columns: 39.2% 1fr;
	grid-gap: 20px;
	padding: 40px;
	color: var(--color-black);
}
.about-content-h3-txt{
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.5;
	letter-spacing: .1em;
}
.about-content-read{
	margin-block: 18px 0;
}
.about-content-read p{
	font-family: var(--font-noto);
	line-height: 1.875;
}
.about-content-worry{
	position: relative;
	margin-block: 24px 0;
	z-index: 3;
}
.about-content-worry::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #faf5ef;
	border-radius: 10px;
	z-index: -1;
}
.about-content-worry-inner{
	padding: 20px;
}
.about-content-worry-h4-txt{
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: .05em;
}
.about-content-worry-h4-txt{
	position: relative;
	padding-inline: 33px 0;
	z-index: 3;
}
.about-content-worry-h4-txt::before{
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 26px;
	height: 23px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/worry-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.about-content-worry-block{
	margin-block: 6px 0;
	padding-inline: 15px 0;
}
.about-content-worry-list > li{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1.875;
}
.about-content-worry-list > li{
	position: relative;
	padding-inline: 18px 0;
	z-index: 3;
}
.about-content-worry-list > li::before{
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #e6b0b4;
	border-radius: 9999px;
}
.about-content-worry-list > li + li{
	margin-block: 3px 0;
}
.about-content-img img{
	border-radius: 10px;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about-content-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		padding: 40px;
		color: var(--color-black);
	}
	.about-content-img{
		max-width: 300px;
		width: 100%;
		margin-inline: auto;
	}
	.about-content-inner.case{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		padding: 40px;
		color: var(--color-black);
	}
	.about-content-inner.case .about-content-img{
		max-width: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.about-content{
		margin-block: 60px 0;
	}
	.about-content-list a:hover{
		filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0));
	}
	.about-content-list a::before{
		bottom: 10px;
		right: 10px;
	}
	.about-content-list a:hover::after{
		background-color: #fff;
	}
	.about-content-list a + a{
		margin-block: 25px 0;
	}
	.about-content-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		padding: 20px;
		color: var(--color-black);
	}
	.about-content-inner.case{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		padding: 20px;
	}
	.about-content-h3-txt{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.6;
		letter-spacing: .1em;
	}
	.about-content-read{
		margin-block: 9px 0;
	}
	.about-content-read p{
		font-family: var(--font-noto);
		line-height: 1.85;
	}
	.about-content-worry{
		margin-block: 20px 0;
	}
	.about-content-worry-h4-txt{
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0em;
	}
	.about-content-worry-h4-txt{
		padding-inline: 33px 0;
	}
	.about-content-worry-h4-txt::before{
		top: 0;
	}
	.about-content-worry-block{
		margin-block: 13px 0;
		padding-inline: 0;
	}
	.about-content-worry-list > li{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.875;
	}
	.about-content-worry-list > li{
		position: relative;
		padding-inline: 18px 0;
		z-index: 3;
	}
	.about-content-worry-list > li::before{
		top: 12px;
	}
	.about-content-worry-list > li + li{
		margin-block: 8px 0;
	}
}


.about-whats-cloudsoft{
	margin-block: 138px 0;
}
.about-whats-cloudsoft-btn{
	margin-block: 60px 0;
}
.about-whats-cloudsoft-btn-inner{
	width: 100%;
	display: flex;
	justify-content: center;
}
.about-whats-cloudsoft-btn-list{
	display: flex;
	justify-content: center;
	gap: 23px;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about-whats-cloudsoft-btn-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 23px;
	}
}

@media screen and (max-width: 767px) {
	.about-whats-cloudsoft{
		margin-block: 60px 0;
	}
	.about-whats-cloudsoft-btn{
		margin-block: 40px 0;
		display: flex;
		justify-content: center;
	}
	.about-whats-cloudsoft-btn-inner{
		max-width: 335px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.about-whats-cloudsoft-btn-list{
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.about-whats-cloudsoft-btn a.button{
		position: relative;
		width: 100%;
		min-height: 68px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0 53px 0 29px;
		z-index: 3;
	}
	.about-whats-cloudsoft-btn a.button{
		font-family: var(--font-noto);
		text-align: center;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.3;
		letter-spacing: .05em;
		color: #fff;
		white-space: nowrap;
	}
}

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

/about/ 下層 - 共通

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

.about-lower-intro .page-content-inner{
	margin: 0 auto;
}
.about-lower-intro-block{
	display: grid;
	grid-template-columns: 1fr 40.74%;
	grid-gap: 24px;
}
.about-lower-intro-read{
	max-width: 560px;
	width: 100%;
	margin-inline: 0 auto;
}
.about-lower-intro-read p{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2;
	margin-block: 0 36px;
}
.about-lower-intro-read p:last-child{
	margin-block: 0;
}
.about-lower-intro-img{
	margin-block: -180px 0;
	height: 450px;
	aspect-ratio: 880 / 910;
	border-radius: 55px;
	overflow: hidden;
}
.about-lower-intro-img img{		
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
}
.about-lower-worry{
	position: relative;
	margin-block: 45px 0;
	z-index: 3;
}
.about-lower-worry::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.about-lower-worry-inner{
	display: grid;
	grid-template-columns: 395px 1fr;
	padding: 30px 22px;
}
.about-lower-worry-head{
	position: relative;
	min-height: 154px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline: 20px;
	z-index: 3;
}
.about-lower-worry-head::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background: rgba(173, 173, 173, .6);
	z-index: 1;
}
.about-lower-worry-head p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.75;
	letter-spacing: .1em;
	color: var(--color-red);
}
.about-lower-worry-content{
	font-family: var(--font-noto);
	display: flex;
	align-items: center;
	padding-inline: 44px 0;
}
.about-lower-worry-list > li{
	font-weight: 500;
	font-size: 2.0rem;
	line-height: 1.5;
}
.about-lower-worry-list > li{
	position: relative;
	padding-inline: 34px 0;
	z-index: 3;
}
.about-lower-worry-list > li::before{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/check-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.about-lower-worry-list > li + li{
	margin-block: 8px 0;
}

.about-lower-section-intro-read{
	font-family: var(--font-noto);
}
.about-lower-section-intro-read p{
	font-weight: 500;
	line-height: 1.875;
}

.pay_system-faq .about-faq-block{
	margin-block: 75px 0;
}
.about-lower-faq{
	position: relative;
	font-family: var(--font-noto);
	margin-block: 75px 0;
	z-index: 3;
}
.about-lower-faq::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.about-lower-faq-inner{
	padding: 50px;
}
.about-lower-faq-list > li + li{
	border-top: dotted 2px #b2b2b2;
	margin-block: 22px 0;
	padding-block: 22px 0;
}
.about-lower-faq-q p{
	position: relative;
	padding-inline: 55px 0;
}
.about-lower-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);
}
.about-lower-faq-q p{
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 2;
	letter-spacing: .08em;
	color: var(--color-red);
}
.about-lower-faq-a{
	margin-block: 16px 0;
}
.about-lower-faq-a p{
	position: relative;
	padding-inline: 55px 0;
}
.about-lower-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);
}
.about-lower-faq-a p{
	line-height: 1.875;
}

.about-faq-list > li{
	position: relative;
	z-index: 6;
}
.about-faq-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.about-faq-list > li + li{
	margin-block: 12px 0;
}
.about-faq-question{
	position: relative;
	padding: 40px;
	cursor: pointer;
	z-index: 6;
}
.about-faq-question::before{
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 40px;
	width: 26px;
	height: 3px;
	background-color: var(--color-black);
}
.about-faq-question::after{
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 40px;
	transform: rotate(90deg);
	width: 26px;
	height: 3px;
	background-color: var(--color-black);
	transition: all 0.3s;
}
.about-faq-question.open::after{
	transform: rotate(180deg);
}
.about-faq-question-head{
	font-family: var(--font-noto);
}
.about-faq-question-head p{
	position: relative;
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 1.68;
	letter-spacing: .08em;
	padding-inline: 54px 40px;
	z-index: 6;
}
.about-faq-question-head 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);
}
.about-faq-answer{
	display: none;
	margin-block: -18px 0;
	padding: 0 40px 40px;
}
.about-faq-answer-read{
	font-family: var(--font-noto);
}
.about-faq-answer-read p{
	position: relative;
	padding-inline: 54px 0;
}
.about-faq-answer-read 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);
}
.about-faq-answer-read p{
	line-height: 1.875;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about-lower-intro-img{
		height: 320px;
		aspect-ratio: 820 / 910;
		border-radius: 55px;
		overflow: hidden;
	}
	.about-lower-intro-img img{
		height: 320px;
	}
	.about-lower-worry-inner{
		grid-template-columns: 288px 1fr;
	}
}

@media screen and (max-width: 767px) {
	.about-lower-intro-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0;
		grid-template-areas:
		"image"
	    "read";
	}
	.about-lower-intro-read{
		grid-area: read;
	}
	.about-lower-intro-img{
		grid-area: image;
	}
	.about-lower-intro-read p{
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2;
		margin-block: 0 26px;
	}
	.about-lower-intro-img{
		margin-block: -18px 0;
		width: 100%;
		height: 201px;
		aspect-ratio: 880 / 910;
		border-radius: 40px;
	}
	.about-lower-intro-img img{
		width: 100%;
		height: 201px;
		border-radius: 40px;
		object-fit: cover;
	}
	.about-lower-worry{
		margin-block: 24px 0;
	}
	.about-lower-worry-inner{
		display: block;
		padding: 19px 20px 26px;
	}
	.about-lower-worry-head{
		min-height: auto;
		display: block;
		padding-block: 0 18px;
		padding-inline: 0;
	}
	.about-lower-worry-head::after{
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		width: auto;
		height: 1px;
		background: rgba(173, 173, 173, .6);
		z-index: 1;
	}
	.about-lower-worry-head p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.6;
		letter-spacing: .1em;
		color: var(--color-red);
	}
	.about-lower-worry-content{
		font-family: var(--font-noto);
		display: block;
		padding-block: 18px 0;
		padding-inline: 0;
	}
	.about-lower-worry-list > li{
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.about-lower-worry-list > li{
		position: relative;
		padding-inline: 28px 0;
		z-index: 3;
	}
	.about-lower-worry-list > li::before{
		top: 2px;
	}
	.about-lower-worry-list > li + li{
		margin-block: 10px 0;
	}
	.about-faq-list > li + li{
		margin-block: 13px 0;
	}
	.pay_system-faq .about-faq-block{
		margin-block: 30px 0;
	}
	.about-faq-question{
		position: relative;
		padding: 20px;
		cursor: pointer;
		z-index: 6;
	}
	.about-faq-question::before{
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		right: 20px;
		width: 14px;
		height: 2px;
		background-color: var(--color-black);
	}
	.about-faq-question::after{
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		right: 20px;
		transform: rotate(90deg);
		width: 14px;
		height: 2px;
		background-color: var(--color-black);
		transition: all 0.3s;
	}
	.about-faq-question.open::after{
		transform: rotate(180deg);
	}
	.about-faq-question-head{
		font-family: var(--font-noto);
	}
	.about-faq-question-head p{
		position: relative;
		font-weight: 600;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: .04em;
		padding-inline: 36px 26px;
		z-index: 6;
	}
	.about-faq-question-head 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);
	}
	.about-faq-answer{
		display: none;
		margin-block: -7px 0;
		padding: 0 20px 20px;
	}
	.about-faq-answer-read{
		font-family: var(--font-noto);
	}
	.about-faq-answer-read p{
		position: relative;
		padding-inline: 36px 0;
	}
	.about-faq-answer-read 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);
	}
	.about-faq-answer-read p{
		line-height: 1.875;
	}
}

.about-suggest{
	margin-block: 71px 0;
}
.about-suggest-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 19px;
}
.about-suggest-list a{
	position: relative;
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.about-suggest-list a::before{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 9px;
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/link-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.about-suggest-list a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 190px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.about-suggest-list a.about-suggest-project-selection::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-suggest-project-selection.jpg);
}
.about-suggest-list a.about-suggest-pay_system::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-suggest-pay_system.jpg);
}
.about-suggest-list a.about-suggest-work-environment::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-suggest-work-environment.jpg);
}
.about-suggest-list a.about-suggest-whats_cloudsoft::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/about-suggest-whats_cloudsoft.jpg);
}
.about-suggest-list a:hover::before{
	animation: btnIconRotation2 .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.about-suggest-bnr{
	min-height: 169px;
	display: flex;
	align-items: center;
}
.about-suggest-bnr-inner{
	padding: 20px 210px 20px 35px;
}
.about-suggest-bnr-head p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: .1em;
	color: var(--color-black);
}
.about-suggest-bnr-read{
	font-family: var(--font-noto);
	margin-block: 15px 0;
}
.about-suggest-bnr-read p{
	font-weight: 500;
	line-height: 1.875;
	color: var(--color-black);
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about-suggest-block{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
	}
	.about-suggest-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.about-suggest{
		margin-block: 60px 0;
	}
	.about-suggest-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 14px;
	}
	.about-suggest-list a::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 140px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.about-suggest-list a::before{
		content: '';
		position: absolute;
		bottom: 8px;
		right: 8px;
		width: 30px;
		height: 30px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/link-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1;
	}
	.about-suggest-list a.work-environment-suggest-project-selection::after{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-project-selection_sp.jpg);
	}
	.about-suggest-list a.work-environment-suggest-pay-system::after{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-pay-system_sp.jpg);
	}
	.about-suggest-bnr{
		min-height: 125px;
		display: flex;
		align-items: center;
	}
	.about-suggest-bnr-inner{
		padding: 20px 160px 20px 20px;
	}
	.about-suggest-bnr-head p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: .1em;
		color: var(--color-black);
	}
	.about-suggest-bnr-read{
		font-family: var(--font-noto);
		margin-block: 15px 0;
	}
	.about-suggest-bnr-read p{
		font-weight: 500;
		line-height: 1.875;
		color: var(--color-black);
	}
}

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

/about/project-selection/

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

.whats-project-selection{
	margin-block: 132px 0;
}
.whats-project-selection-read{
	font-family: var(--font-noto);
	max-width: 740px;
	width: 100%;
	margin-inline: 0 auto;
}
.whats-project-selection-read p{
	line-height: 1.875;
}

.project-selection-feature{
	position: relative;
	margin-block: 99px 0;
	padding-block: 102px 113px;
	z-index: 3;
}
.project-selection-feature::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f5f3f1;
	z-index: -1;
}
.project-selection-feature-read{
	font-family: var(--font-noto);
}
.project-selection-feature-read p{
	line-height: 1.875;
}
.project-selection-feature-block{
	margin-block: 75px 0;
}
.project-selection-feature-list > li{
	position: relative;
	z-index: 3;	
}
.project-selection-feature-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.project-selection-feature-list > li + li{
	margin-block: 34px 0;
}
.project-selection-feature-list-inner{
	display: grid;
	grid-template-columns: 1fr 31.9%;
	grid-gap: 20px;
	padding: 40px;
	grid-template-areas: 
	"a b";
}
.project-selection-feature-list-content{
	grid-area: a;
}
.project-selection-feature-list-img{
	grid-area: b;
}
.project-selection-feature-list-h3-txt{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.625;
}
.project-selection-feature-list-read{
	max-width: 606px;
	width: 100%;
	margin-block: 24px 0;
}
.project-selection-feature-list-read p{
	font-family: var(--font-noto);
	line-height: 1.875;
	margin-block: 0 19px;
}
.project-selection-feature-list-read p:last-child{
	margin-block: 0;
}
.project-selection-feature-list-img img{
	width: 100%;
	height: 213px;
	border-radius: 10px;
	object-fit: cover;
}
.project-selection-feature-list > li:nth-child(2n) .project-selection-feature-list-inner{
	display: grid;
	grid-template-columns: 31.9% 1fr;
	grid-gap: 20px;
	padding: 40px;
	grid-template-areas: 
	"b a";
}
.project-selection-feature-list > li:nth-child(2n) .project-selection-feature-list-content{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.project-selection-feature-list > li:nth-child(2n) .project-selection-feature-list-h3{
	max-width: 606px;
	width: 100%;
}

.project-selection-flow{
	margin-block: 117px 0;
}
.project-selection-flow-read{
	font-family: var(--font-noto);
}
.project-selection-flow-read p{
	line-height: 1.875;
}
.project-selection-flow-block{
	margin-block: 40px 0;
}
.project-selection-flow-list > li{
	position: relative;
	padding-inline: 57px 0;
	z-index: 3;
}
.project-selection-flow-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.project-selection-flow-list > li::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 57px;
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.1rem;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom, #d85d62, #de5d2e);
	border-radius: 20px 0 0 20px;
	z-index: 1;
}
.project-selection-flow-list > li:nth-child(1):before{
	content: '1';
}
.project-selection-flow-list > li:nth-child(2):before{
	content: '2';
}
.project-selection-flow-list > li:nth-child(3):before{
	content: '3';
}
.project-selection-flow-list > li + li{
	margin-block: 15px 0;
}
.project-selection-flow-list-inner{
	font-family: var(--font-noto);
	display: grid;
	grid-template-columns: 39.3% 1fr;
	grid-gap: 30px;
	padding: 37px 56px 37px 28px;
}
.project-selection-flow-list-head{
	display: flex;
	align-items: center;
}
.project-selection-flow-list-head p{
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.5;
	color: var(--color-red);
}
.project-selection-flow-list-read{
	display: flex;
	align-items: center;
}
.project-selection-flow-list-read p{
	line-height: 1.875;
}

.project-selection-faq{
	margin-block: 99px 0;
}

@media screen and (max-width: 767px) {
	.whats-project-selection{
		margin-block: 60px 0;
	}
	
	.project-selection-feature{
		position: relative;
		margin-block: 46px 0;
		padding-block: 33px 45px;
		z-index: 3;
	}
	.project-selection-feature::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #f5f3f1;
		z-index: -1;
	}
	.project-selection-feature-read{
		font-family: var(--font-noto);
	}
	.project-selection-feature-read p{
		line-height: 1.875;
	}
	.project-selection-feature-block{
		margin-block: 32px 0;
	}
	.project-selection-feature-list > li + li{
		margin-block: 14px 0;
	}
	.project-selection-feature-list-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 18px;
		padding: 20px;
		grid-template-areas: 
		"b"
		"a";
	}
	.project-selection-feature-list-content{
		grid-area: a;
	}
	.project-selection-feature-list-img{
		grid-area: b;
	}
	.project-selection-feature-list-h3-txt{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.6;
	}
	.project-selection-feature-list-read{
		margin-block: 8px 0;
	}
	.project-selection-feature-list-read p{
		line-height: 1.875;
		margin-block: 0;
	}
	.project-selection-feature-list-read p:last-child{
		margin-block: 0;
	}
	.project-selection-feature-list-img img{
		width: 100%;
		height: 186px;
		border-radius: 10px;
		object-fit: cover;
	}
	.project-selection-feature-list > li:nth-child(2n) .project-selection-feature-list-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 18px;
		padding: 20px;
		grid-template-areas: 
		"b"
		"a";
	}
	.project-selection-feature-list > li:nth-child(2n) .project-selection-feature-list-content{
		display: block;
	}
	
	.project-selection-flow{
		margin-block: 54px 0;
	}
	.project-selection-flow-block{
		margin-block: 24px 0;
	}
	.project-selection-flow-list > li{
		position: relative;
		padding-inline: 0;
		z-index: 3;
	}
	.project-selection-flow-list > li::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 20px;
		z-index: -1;
	}
	.project-selection-flow-list > li::before{
		display: none;
	}
	.project-selection-flow-list > li + li{
		margin-block: 14px 0;
	}
	.project-selection-flow-list-inner{
		display: block;
		padding: 0;
	}
	.project-selection-flow-list-head{
		position: relative;
		display: block;
		padding: 20px;
		z-index: 3;
	}
	.project-selection-flow-list-head::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #faf5ef;
		border-radius: 20px 20px 0 0;
		z-index: -1;
	}
	.project-selection-flow-list-head p{
		position: relative;
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		color: var(--color-red);
		padding-inline: 38px 0;
		z-index: 3;
	}
	.project-selection-flow-list-head p::before{
		position: absolute;
		top: 1px;
		bottom: auto;
		left: 0;
		width: 28px;
		height: 28px;
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.77;
		color: #fff;
		display: flex;
		justify-content: center;
		background: linear-gradient(to bottom, #d85d62, #de5d2e);
		border-radius: 9999px;
		z-index: 1;
	}
	.project-selection-flow-list > li:nth-child(1) .project-selection-flow-list-head p:before{
		content: '1';
	}
	.project-selection-flow-list > li:nth-child(2) .project-selection-flow-list-head p:before{
		content: '2';
	}
	.project-selection-flow-list > li:nth-child(3) .project-selection-flow-list-head p:before{
		content: '3';
	}
	.project-selection-flow-list-read{
		display: block;
		padding: 15px 20px 20px;
	}
	.project-selection-flow-list-read p{
		line-height: 1.875;
	}
	
	.project-selection-faq{
		margin-block: 51px 0;
	}
}


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

/about/pay_system/

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

.pay_system-worry{
	margin-block: 90px 0;
}

.pay_system-structure{
	margin-block: 90px 0;
}
.pay_system-structure-block{
	margin-block: 62px 0;
}
.pay_system-structure-list > li{
	position: relative;
	z-index: 3;
}
.pay_system-structure-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.pay_system-structure-list > li + li{
	margin-block: 27px 0;
}
.pay_system-structure-list-inner{
	display: grid;
	grid-template-columns: 1fr 30%;
	grid-gap: 40px;
	padding: 40px;
}
.pay_system-structure-list-h3{
	max-width: 642px;
	width: 100%;
}
.pay_system-structure-list-h3-txt{
	position: relative;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.5;
	letter-spacing: .1em;
	/*padding-inline: 54px 0;*/
	z-index: 3;
}
/*
.pay_system-structure-list-h3-txt::before{
	position: absolute;
	top: 1px;
	left: 0;
	width: 38px;
	height: 38px;
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.pay_system-structure-list > li:nth-child(1) .pay_system-structure-list-h3-txt::before{
	content: '1';
}
.pay_system-structure-list > li:nth-child(2) .pay_system-structure-list-h3-txt::before{
	content: '2';
}
.pay_system-structure-list-h3-txt::after{
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 38px;
	height: 38px;
	background: linear-gradient(to bottom, #d85d62, #de5d2e);
	border-radius: 9999px;
	z-index: -1;
}
*/
.pay_system-structure-list-read{
	font-family: var(--font-noto);
	max-width: 642px;
	width: 100%;
	margin-block: 24px 0;
}
.pay_system-structure-list-read p{
	line-height: 1.875;
}
.pay_system-structure-list-img img{
	width: 100%;
	height: 265px;
	border-radius: 10px;
	object-fit: cover;
}

.pay_system-faq{
	margin-block: 131px 0;
}
.pay_system-faq-btn{
	margin-block: 30px 0;
}

@media screen and (max-width: 767px) {
	.pay_system-worry{
		margin-block: 0;
	}
	.pay_system-structure{
		margin-block: 60px 0;
	}
	.pay_system-structure-block{
		margin-block: 40px 0;
	}
	.pay_system-structure-list > li + li{
		margin-block: 20px 0;
	}
	.pay_system-structure-list-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		padding: 20px;
		grid-template-areas:
		"image"
		"readbox";
	}
	.pay_system-structure-list-content{
		grid-area: readbox;
	}
	.pay_system-structure-list-img{
		grid-area: image;
	}
	.pay_system-structure-list-h3{
		max-width: 642px;
		width: 100%;
	}
	.pay_system-structure-list-h3-txt{
		position: relative;
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: 0;
		/*padding-inline: 37px 0;*/
		z-index: 3;
	}
	/*
	.pay_system-structure-list-h3-txt::before{
		position: absolute;
		top: 1px;
		left: 0;
		width: 28px;
		height: 28px;
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 0;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1;
	}
	.pay_system-structure-list > li:nth-child(1) .pay_system-structure-list-h3-txt::before{
		content: '1';
	}
	.pay_system-structure-list > li:nth-child(2) .pay_system-structure-list-h3-txt::before{
		content: '2';
	}
	.pay_system-structure-list-h3-txt::after{
		content: '';
		position: absolute;
		top: 2px;
		left: 0;
		width: 28px;
		height: 28px;
		background: linear-gradient(to bottom, #d85d62, #de5d2e);
		border-radius: 9999px;
		z-index: -1;
	}
	*/
	.pay_system-structure-list-read{
		margin-block: 10px 0;
	}
	.pay_system-structure-list-read p{
		line-height: 1.875;
	}
	.pay_system-structure-list-img img{
		width: 100%;
		height: 186px;
		border-radius: 10px;
		object-fit: cover;
	}
	
	.pay_system-faq{
		margin-block: 60px 0;
	}
	.pay_system-faq-btn{
		margin-block: 30px 0;
	}
}

.pay_system-salary-up-cases{
	margin-block: 82px 0;
}
.pay_system-salary-up-cases-block{
	display: block;
}
.slider {
	position: relative;
	width: 100%;
}
.slide-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 9999px;
	background-color: var(--color-black);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.prev-arrow {
	left: -40px;
}
.next-arrow {
	right: -40px;
}
.prev-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 54%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(135deg);
}
.next-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 46%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.entry-salary-up-cases-thumb{
	margin-inline: 22px;
}
.entry-salary-up-cases-thumb-inner{
	position: relative;
	z-index: 3;
}
.entry-salary-up-cases-thumb-img{
	max-width: 263px;
	width: 100%;
	margin: 0 auto;
}
.entry-salary-up-cases-thumb-img img{
	width: 100%;
	height: 263px;
	border-radius: 9999px;
	object-fit: cover;
}
.entry-salary-up-cases-case-study-up{
	position: relative;
	width: 329px;
	font-family: var(--font-noto);
	margin-block: 21px 0;
	z-index: 5;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-case-study-up-before-yen{
	margin-block: 3px 0;
}
.entry-salary-up-cases-case-study-up-before-yen p{
	font-weight: 700;
	font-size: 3.7rem;
	line-height: 1;
	letter-spacing: .05em;
	color: rgba(255, 255, 255, .7);
}
.entry-salary-up-cases-case-study-up-before-yen p .income-past{
	font-size: 1.6rem;
	margin-inline: 0 4px;
}
.entry-salary-up-cases-case-study-up-before-yen p .unit{
	font-size: 1.6rem;
	margin-inline: 3px 0;
}
.entry-salary-up-cases-case-study-up-currently{
	position: relative;
	min-height: 74px;
	padding: 15px 30px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	z-index: 3;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-case-study-up-currently-yen{
	position: relative;
	z-index: 5;
}
.entry-salary-up-cases-case-study-up-currently-yen p{
	font-weight: 700;
	font-size: 5.7rem;
	line-height: 1;
	letter-spacing: .02em;
	color: #fff;
}
.entry-salary-up-cases-case-study-up-currently-yen p .income-nowpast{
	font-size: 1.6rem;
	margin-inline: 0 4px;
}
.entry-salary-up-cases-case-study-up-currently-yen p .unit{
	font-size: 2.2rem;
	margin-inline: 4px 0;
}
.entry-salary-up-cases-case-study-up-plus{
	position: absolute;
	top: 16px;
	left: 17px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
	z-index: 5;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-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;
}
.entry-salary-up-cases-case-study-up-plus-inner::before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 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;
}
.entry-salary-up-cases-case-study-up-plus p{
	text-align: center;
	font-weight: 700;
	font-size: 2.1rem;
	line-height: 1.3;
	letter-spacing: .05em;
	color: var(--color-red);
}
.entry-salary-up-cases-case-study-up-plus p .unit{
	font-size: 1.8rem;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.slider {
		position: relative;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	.prev-arrow {
		left: 20px;
	}
	.next-arrow {
		right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.entry-salary-up-cases{
		margin-block: 60px 0;
	}
	.entry-salary-up-cases-block{
		display: block;
	}
	.slider {
		position: relative;
		width: 100%;
	}
	.prev-arrow {
		left: 0;
	}
	.next-arrow {
		right: 0;
	}
}

.entry-other-btn{
	margin: 70px 0 0;
}
.entry-other-btn-inner{
	width: 100%;
	display: flex;
	justify-content: center;
}
.entry-other-btn-list{
	display: flex;
	justify-content: center;
	gap: 23px;
}
a.other-button{
	position: relative;
	min-height: 77px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 53px 0 29px;
	z-index: 3;
}
a.other-button{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
	white-space: nowrap;
}
a.other-button::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #AC4030, #A7764C);;
	border-radius: 50px;
	z-index: -1;
}
a.other-button::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/btn-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
a.other-button:hover::before {	
	animation: btnIconRotation .5s cubic-bezier(0.76, 0, 0.24, 1);
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.entry-other-btn-list{
		display: flex;
		justify-content: center;
		gap: 15px;
	}
	a.other-button{
		position: relative;
		min-height: 77px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0 50px 0 29px;
		z-index: 3;
	}
	a.other-button{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: .05em;
		color: #fff;
		white-space: nowrap;
	}
}

@media screen and (max-width: 767px) {
	.entry-other-btn{
		margin: 40px 0 0;
	}
	.entry-other-btn-inner{
		max-width: 335px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.entry-other-btn-list{
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	a.other-button{
		position: relative;
		width: 100%;
		min-height: 68px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0 53px 0 29px;
		z-index: 3;
	}
	a.other-button{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
		letter-spacing: .05em;
		color: #fff;
		white-space: nowrap;
	}
	a.other-button::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 21px;
		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;
	}
	a.other-button:hover::before {	
		animation: btnIconRotation .5s cubic-bezier(0.76, 0, 0.24, 1);
	}
}

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

/about/it-education/

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

.it-education-worry{
	margin-block: 66px 0;
}

.it-education-feature{
	position: relative;
	margin-block: 114px 0;
	padding-block: 114px 128px;
	z-index: 3;
}
.it-education-feature::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f5f3f1;
	z-index: -1;
}
.it-education-feature-block{
	margin-block: 103px 0;
}
.it-education-feature-list > li{
	position: relative;
	z-index: 3;
}
.it-education-feature-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.it-education-feature-list > li + li{
	margin-block: 82px 0;
}
.it-education-feature-list-numb{
	position: absolute;
	top: -48px;
	left: 50px;
}
.it-education-feature-list-numb::after{
	content: '';
	position: absolute;
	bottom: -13px;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--color-red);
}
.it-education-feature-list-numb p{
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: .04em;
	color: var(--color-red);
}
.it-education-feature-list-numb p .number{
	font-weight: 500;
	font-size: 4.3rem;
	padding-inline: 2px 0;
}
.it-education-feature-list-inner{
	padding: 40px;
}
.it-education-feature-list-block{
	display: grid;
	grid-template-columns: 1fr 36.9%;
	grid-gap: 40px;
}
.it-education-feature-list-content.btn-inst{
	position: relative;
	max-width: 544px;
	width: 100%;
	z-index: 6;
}
.it-education-feature-list-h3{
	max-width: 544px;
	width: 100%;
}
.it-education-feature-list-content.btn-inst .it-education-feature-list-h3{
	padding-inline: 0 166px;
}
.it-education-feature-list-h3-txt{
	position: relative;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.5;
	letter-spacing: .1em;
	z-index: 3;
}
.it-education-feature-list-btn{
	position: absolute;
	top: 12px;
	right: 0;
}
a.qs-button{
	position: relative;
	min-height: 66px;
	display: inline-flex;
	align-items: center;
	padding: 0 39px 0 30px;
	z-index: 3;
}
a.qs-button{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 1;
	letter-spacing: .1em;
	color: #fff;
	white-space: nowrap;
}
a.qs-button::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #a0242f, #c31423);
	border-radius: 50px;
	z-index: -1;
}
a.qs-button::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 21px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/menu-informal-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;		
}
a.qs-button:hover::before {	
	animation: btnIconRotation .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.it-education-feature-list-read{
	font-family: var(--font-noto);
	max-width: 544px;
	width: 100%;
	margin-block: 24px 0;
}
.it-education-feature-list-read p{
	line-height: 1.875;
}
.it-education-feature-list-img img{
	width: 100%;
	height: 292px;
	border-radius: 10px;
	object-fit: cover;
}
.it-education-feature-example{
	position: relative;
	font-family: var(--font-noto);
	margin-block: 20px 0;
	z-index: 3;
}
.it-education-feature-example::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #faf5ef;
	border-radius: 16px;
	z-index: -1;
}
.it-education-feature-example-inner{
	min-height: 113px;
	padding: 40px 50px;
	display: flex;
	align-items: center;
}
.it-education-feature-example-block{
	width: 100%;
	display: grid;
	grid-template-columns: 222px 1fr;
}
.it-education-feature-example-head{
	display: flex;
	align-items: center;
}
.it-education-feature-example-head p{
	font-weight: 700;
	font-size: 1.9rem;
	line-height: 1;
}
.it-education-feature-example-list{
	display: flex;
	flex-wrap: wrap;
	gap: 18px 43px;
}
.it-education-feature-example-list > li{
	position: relative;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.3;
	padding-inline: 22px 0;
}
.it-education-feature-example-list > li::before{
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	background: var(--color-red);
	border-radius: 9999px;
}

.it-education-skillup{
	margin-block: 108px 0;
}
.it-education-skillup-block{
	margin-block: 50px 0;
}
.it-education-skillup-list > li{
	position: relative;
	z-index: 3;
}
.it-education-skillup-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.it-education-skillup-list > li + li{
	margin-block: 30px 0;
}
.it-education-skillup-list-inner{
	min-height: 239px;
	padding-block: 41px;
	display: flex;
	align-items: center;
}
.it-education-skillup-list-block{
	width: 100%;
	display: grid;
	grid-template-columns: 373px 1fr;
}
.it-education-skillup-list-head{
	display: flex;
	justify-content: center;
	align-items: center;
}
.it-education-skillup-list-h3{
	position: relative;
	padding: 67px 20px 0;
	z-index: 3;
}
.it-education-skillup-list-h3::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 78px;
	height: 48px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.it-education-skillup-list-h3.skillup-01::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/it-education/it-education-skillup-01.png);
}
.it-education-skillup-list-h3.skillup-02::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/it-education/it-education-skillup-02.png);
}
.it-education-skillup-list-h3-txt{
	font-weight: 700;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: .1em;
}
.it-education-skillup-list-content{
	font-family: var(--font-noto);
	display: flex;
	align-items: center;
}
.it-education-skillup-list-read{
	padding-inline: 0 54px;
}
.it-education-skillup-list-read p{
	line-height: 1.875;
}

.it-education-faq{
	margin-block: 131px 0;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.it-education-feature-list-content.btn-inst{
		max-width: 100%;
	}
	.it-education-feature-list-h3{
		max-width: 100%;
	}
	.it-education-feature-list-content.btn-inst .it-education-feature-list-h3{
		padding-inline: 0;
	}
	.it-education-feature-list-btn{
		position: static;
		margin-block: 15px 0;
	}
	a.qs-button{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: .1em;
		color: #fff;
		white-space: nowrap;
	}
}

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

	.it-education-worry{
		margin-block: 24px 0;
	}
	.it-education-feature{
		position: relative;
		margin-block: 60px 0;
		padding-block: 60px 60px;
		z-index: 3;
	}
	.it-education-feature-block{
		margin-block: 80px 0;
	}
	.it-education-feature-list > li + li{
		margin-block: 60px 0;
	}
	.it-education-feature-list-numb{
		position: absolute;
		top: -45px;
		left: 20px;
	}
	.it-education-feature-list-numb::after{
		content: '';
		position: absolute;
		bottom: -13px;
		left: 0;
		right: 0;
		height: 4px;
		background: var(--color-red);
	}
	.it-education-feature-list-inner{
		padding: 20px;
	}
	.it-education-feature-list-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		grid-template-areas: 
		"image"
		"readbox";
	}
	.it-education-feature-list-content{
		grid-area: readbox;
	}
	.it-education-feature-list-img{
		grid-area: image;
	}
	.it-education-feature-list-content.btn-inst{
		max-width: 100%;
	}
	.it-education-feature-list-h3{
		max-width: 100%;
	}
	.it-education-feature-list-content.btn-inst .it-education-feature-list-h3{
		padding-inline: 0;
	}
	.it-education-feature-list-btn{
		position: static;
		margin-block: 15px 0;
	}
	a.qs-button{
		min-height: 48px;
	}
	a.qs-button{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: .1em;
		color: #fff;
		white-space: nowrap;
	}
	a.qs-button::before{
		width: 17px;
		height: 17px;
	}
	.it-education-feature-list-h3{
		max-width: 544px;
		width: 100%;
	}
	.it-education-feature-list-h3-txt{
		position: relative;
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: 0;
		z-index: 3;
	}
	.it-education-feature-list-read{
		font-family: var(--font-noto);
		max-width: 544px;
		width: 100%;
		margin-block: 20px 0;
	}
	.it-education-feature-list-read p{
		line-height: 1.875;
	}
	.it-education-feature-list-img img{
		width: 100%;
		height: 186px;
		border-radius: 10px;
		object-fit: cover;
	}
	.it-education-feature-example{
		position: relative;
		font-family: var(--font-noto);
		margin-block: 24px 0;
		z-index: 3;
	}
	.it-education-feature-example-inner{
		min-height: auto;
		padding: 18px 24px;
		display: flex;
		align-items: center;
	}
	.it-education-feature-example-block{
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 13px;
	}
	.it-education-feature-example-head{
		display: block;
	}
	.it-education-feature-example-head p{
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
		color: var(--color-red);
	}
	.it-education-feature-example-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 13px 21px;
	}
	.it-education-feature-example-list > li{
		position: relative;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1;
		padding-inline: 18px 0;
	}
	.it-education-feature-example-list > li::before{
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 6px;
		height: 6px;
		background: var(--color-red);
		border-radius: 9999px;
	}
	
	.it-education-faq{
		margin-block: 60px 0;
	}
}


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

/about/work-environment/

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

.work-environment-container{
	margin-block: 109px 0;
}
.work-environment-container-inner{
	max-width: 1308px;
	width: 100%;
	margin: 0 auto;
	display: block;
}
.work-environment-toc{
	max-width: 292px;
	width: 100%;
}
.work-environment-toc-block{
	position: -webkit-sticky;
	position: sticky;
	top: 123px;
	font-family: var(--font-noto);
	width: 100%;
	z-index: 6;
}
.work-environment-toc-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 20px;
	z-index: -1;
}
.work-environment-toc-block-inner{
	padding: 30px;
}
.work-environment-content{
	width: 100%;
}
.work-environment-content .page-h2{
	padding: 0;
}
.work-environment-toc-head p{
	font-weight: 500;
	line-height: 1;
	color: #adadad;
}
.work-environment-toc-content{
	margin-block: 15px 0;
}
.work-environment-toc-list > li + li{
	margin-block: 13px 0;
}
.work-environment-toc-list > li a{
	position: relative;
	display: block;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--color-black);
	padding-inline: 14px 0;
	z-index: 3;
}
.work-environment-toc-list > li a::before{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 1px;
	background-color: #9a8c7a;
	z-index: -1;
}
.work-environment-h2-sub{
	margin-block: 10px 0;
}
.work-environment-h2-sub p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: .1em;
	color: var(--color-red);
}
.work-environment-block{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	padding-inline: 0 51px;
}
.work-environment-content .about-lower-section-intro-read{
	width: 100%;
}
.work-environment-sec01 .about-lower-section-intro-read,
.work-environment-sec02 .about-lower-section-intro-read,
.work-environment-sec03 .about-lower-section-intro-read,
.work-environment-sec04 .about-lower-section-intro-read,
.work-environment-sec05 .about-lower-section-intro-read,
.work-environment-sec06 .about-lower-section-intro-read,
.work-environment-sec07 .about-lower-section-intro-read,
.work-environment-sec08 .about-lower-section-intro-read,
.work-environment-sec09 .about-lower-section-intro-read{
	margin-block: 35px 0;
}
.work-environment-sec02,
.work-environment-sec03,
.work-environment-sec04,
.work-environment-sec05,
.work-environment-sec06,
.work-environment-sec07{
	margin-block: 70px 0;
}
.work-environment-situation{
	position: relative;
	max-width: 736px;
	width: 100%;
	font-family: var(--font-noto);
	margin-block: 31px 0;
	margin-inline: auto;
	z-index: 3;
}
.work-environment-situation::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 20px;
	z-index: -1;
}
.work-environment-situation-head{
	position: relative;
	min-height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.work-environment-situation-head::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #f2f2f2;
}
.work-environment-situation-head p{
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1;
}
.work-environment-situation-inner{
	padding: 27px 47px 43px;
}
.work-environment-situation-read{
	margin-block: 27px 0;
}
.work-environment-situation-read p{
	font-weight: 500;
	line-height: 1.875;
}
.work-environment-sec03-read{
	position: relative;
	padding-inline: 0 433px;
	z-index: 3;
}
.work-environment-sec03-read::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 378px;
	height: 239px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-sec03-figure.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.work-environment-container-inner{
		max-width: 1308px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.work-environment-toc{
		max-width: 100%;
		width: 100%;
	}
	.work-environment-toc{
		padding-inline: 30px;
	}
	.work-environment-toc-block{
		position: -webkit-static;
		position: static;
		top: 123px;
		font-family: var(--font-noto);
		width: 100%;
		z-index: 6;
	}
	.work-environment-toc-block::after{
		display: none;
	}
	.work-environment-toc-block-inner{
		position: relative;
		padding: 0;
		z-index: 6;
	}
	.work-environment-toc-block-inner::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		border-radius: 20px;
		z-index: -1;
	}
	.work-environment-content{
		max-width: 100%;
		width: 100%;
	}
	.work-environment-toc-head{
		padding: 40px 40px 20px;
	}
	.work-environment-toc-content{
		display: none;
		padding: 0 40px 40px;
		margin-block: 0;
	}
	.work-environment-content{
		margin-block: 70px 0;
	}
	.work-environment-block{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		padding-inline: 30px;
	}
	.work-environment-sec03-read{
		position: relative;
		padding-inline: 0 315px;
		z-index: 3;
	}
	.work-environment-sec03-read::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 300px;
		height: 190px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-sec03-figure.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
}

@media screen and (max-width: 767px) {
	.work-environment-container{
		margin-block: 60px 0;
	}
	.work-environment-container-inner{
		max-width: 1308px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.work-environment-toc{
		max-width: 100%;
		width: 100%;
	}
	.work-environment-toc-block{
		position: -webkit-static;
		position: static;
		top: 123px;
		font-family: var(--font-noto);
		width: 100%;
		z-index: 6;
	}
	.work-environment-toc-block::after{
		display: none;
	}
	.work-environment-toc-block-inner{
		position: relative;
		padding: 0;
		z-index: 6;
	}
	.work-environment-toc-block-inner::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		border-radius: 20px;
		z-index: -1;
	}
	.work-environment-content{
		max-width: 100%;
		width: 100%;
	}
	.work-environment-content .page-h2{
		padding: 0;
	}
	.work-environment-toc-head{
		position: relative;
		padding: 20px;
		cursor: pointer;
		z-index: 6;
	}
	.work-environment-toc-head p{
		font-weight: 500;
		line-height: 1;
		color: #adadad;
	}
	.work-environment-toc-head::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 8px;
		height: 8px;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		transform: translateY(-50%) rotate(45deg);
		transition: transform 0.32s ease;
	}
	.work-environment-toc-head.open::after {
		transform: translateY(-50%) rotate(-135deg);
	}
	.work-environment-toc-content{
		display: none;
		padding: 0 20px 20px;
		margin-block: 0;
	}
	.work-environment-toc{
		padding-inline: 20px;
	}
	.work-environment-toc-list > li + li{
		margin-block: 13px 0;
	}
	.work-environment-toc-list > li a{
		position: relative;
		display: block;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.3;
		color: var(--color-black);
		padding-inline: 14px 0;
		z-index: 3;
	}
	.work-environment-toc-list > li a::before{
		content: '';
		position: absolute;
		top: 10px;
		left: 0;
		width: 8px;
		height: 1px;
		background-color: #9a8c7a;
		z-index: -1;
	}
	.work-environment-content{
		margin-block: 60px 0;
	}
	.work-environment-h2-sub{
		margin-block: 5px 0;
	}
	.work-environment-h2-sub p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: .1em;
		color: var(--color-red);
	}
	.work-environment-block{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		padding-inline: 20px;
	}
	.work-environment-content .about-lower-section-intro-read{
		max-width: 100%;
		width: 100%;
	}
	.work-environment-sec01 .about-lower-section-intro-read,
	.work-environment-sec02 .about-lower-section-intro-read,
	.work-environment-sec03 .about-lower-section-intro-read,
	.work-environment-sec04 .about-lower-section-intro-read,
	.work-environment-sec05 .about-lower-section-intro-read,
	.work-environment-sec06 .about-lower-section-intro-read,
	.work-environment-sec07 .about-lower-section-intro-read,
	.work-environment-sec08 .about-lower-section-intro-read,
	.work-environment-sec09 .about-lower-section-intro-read{
		margin-block: 26px 0;
	}
	.work-environment-sec02,
	.work-environment-sec03,
	.work-environment-sec04,
	.work-environment-sec05,
	.work-environment-sec06,
	.work-environment-sec07{
		margin-block: 60px 0;
	}
	.work-environment-situation{
		position: relative;
		max-width: 736px;
		width: 100%;
		font-family: var(--font-noto);
		margin-block: 31px 0;
		z-index: 3;
	}
	.work-environment-situation::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		border-radius: 20px;
		z-index: -1;
	}
	.work-environment-situation-head{
		position: relative;
		min-height: 68px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.work-environment-situation-head::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 3px;
		background-color: #f2f2f2;
	}
	.work-environment-situation-head p{
		font-weight: 500;
		font-size: 1.8rem;
		line-height: 1;
	}
	.work-environment-situation-inner{
		padding: 20px;
	}
	.work-environment-situation-read{
		margin-block: 27px 0;
	}
	.work-environment-situation-read p{
		font-weight: 500;
		line-height: 1.875;
	}
	.work-environment-sec03-read{
		position: relative;
		padding-inline: 0;
		padding-block: 0 241px;
		z-index: 3;
	}
	.work-environment-sec03-read::after{
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		right: 50%;
		transform: translateX(50%);
		width: 350px;
		height: 221px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-sec03-figure.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
}

.employee-benefits{
	margin-block: 113px 0;
	padding-block: 92px 111px;
	background: #f5f3f1;
}
.about-samepage-intro .about-lower-intro-img{
	margin-block: 0;
}
.about-samepage-title-h2{
	font-weight: 700;
	font-size: 6.0rem;
	line-height: 1.5;
	letter-spacing: .1em;
	color: var(--color-black);
}
.about-samepage-title-h2-sub{
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--color-black);
}
.about-samepage-intro-read{
	margin-block: 51px 0;
}
.employee-benefits-system{
	margin-block: 0 0;
}

.employee-benefits-system-list > li{
	position: relative;
	z-index: 3;
}
.employee-benefits-system-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.employee-benefits-system-list > li + li{
	margin-block: 40px 0;
}
.employee-benefits-system-list-inner{
	padding: 40px;
}
.employee-benefits-system-title-h3{
	position: relative;
	min-height: 70px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 4.0rem;
	line-height: 1.3;
	letter-spacing: .05em;
	padding-inline: 118px 0;
	z-index: 6;
}
.employee-benefits-system-title-h3::after,
.employee-benefits-system-title-h3::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
}
.employee-benefits-system-title-h3::after{
	background: linear-gradient(to bottom, #e87b84, #f78c6c);
	border-radius: 9999px;
	z-index: -1;
}
.employee-benefits-system-title-h3::before{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.employee-benefits-system-title-h3.basic-s::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/employee-benefits-system-icon-01.png);
}
.employee-benefits-system-title-h3.eb-s::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/employee-benefits-system-icon-02.png);
}
.employee-benefits-system-read{
	font-family: var(--font-noto);
	margin-block: 20px 0;
}
.employee-benefits-system-read p{
	font-weight: 500;
	line-height: 1.875;
}
.employee-benefits-system-content{
	position: relative;
	font-family: var(--font-noto);
	margin-block: 40px 0;
	z-index: 6;
}
.employee-benefits-system-content::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px;
	z-index: -1;
}
.employee-benefits-system-content.basic-s::after{
	background: #d5eac9;
}
.employee-benefits-system-content.eb-s::after{
	background: #e3d8cc;
}
.employee-benefits-system-content-inner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5.98%;
	padding: 40px;
}
.employee-benefits-system-content-list > li{
	position: relative;
	font-weight: 500;
	line-height: 1.5;
	padding-inline: 41px 0;
	z-index: 6;
}
.employee-benefits-system-content-list > li::before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/check-mark.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.employee-benefits-system-content-list > li + li{
	margin-block: 22px 0;
}

.employee-benefits-club{
	margin-block: 98px 0;
}
.employee-benefits-club-block{
	display: grid;
	grid-template-columns: 1fr 41.57%;
	grid-gap: 34px;
}
.employee-benefits-club-btn{
	margin-block: 36px 0;
}

@media screen and (max-width: 767px) {
	.employee-benefits{
		margin-block: 60px 0;
		padding-block: 0 60px;
		background: #f5f3f1;
	}
	.about-samepage-intro .about-lower-intro-block,
	.women-support-intro .about-lower-intro-block{
		padding-block: 60px 0;
	}
	.about-samepage-intro .about-lower-intro-img{
		margin-block: 0;
	}
	.about-samepage-intro-content{
		margin-block: -20px 0;
	}
	.about-samepage-title-h2{
		font-weight: 700;
		font-size: 3.4rem;
		line-height: 1.5;
		letter-spacing: .1em;
		color: var(--color-black);
	}
	.about-samepage-title-h2-sub{
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: 0;
		color: var(--color-black);
	}
	.about-samepage-intro-read{
		margin-block: 26px 0;
	}
	.employee-benefits-system{
		padding-block: 40px 0;
	}
	
	.employee-benefits-system-list > li + li{
		margin-block: 20px 0;
	}
	.employee-benefits-system-list-inner{
		padding: 20px;
	}
	.employee-benefits-system-title-h3{
		position: relative;
		min-height: 59px;
		display: flex;
		align-items: center;
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1.3;
		letter-spacing: .05em;
		padding-inline: 71px 0;
		z-index: 6;
	}
	.employee-benefits-system-title-h3::after,
	.employee-benefits-system-title-h3::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 59px;
		height: 59px;
	}
	.employee-benefits-system-read{
		font-family: var(--font-noto);
		margin-block: 18px 0;
	}
	.employee-benefits-system-read p{
		font-weight: 500;
		line-height: 1.875;
	}
	.employee-benefits-system-content{
		position: relative;
		font-family: var(--font-noto);
		margin-block: 26px 0;
		z-index: 6;
	}
	.employee-benefits-system-content-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 14px;
		padding: 20px;
	}
	.employee-benefits-system-content-list > li{
		position: relative;
		font-weight: 500;
		line-height: 1.5;
		padding-inline: 31px 0;
		z-index: 6;
	}
	.employee-benefits-system-content-list > li + li{
		margin-block: 14px 0;
	}
	
	.employee-benefits-club{
		margin-block: 60px 0;
	}
	.employee-benefits-club-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.employee-benefits-club-block{
		position: relative;
		z-index: 6;
	}
	.employee-benefits-club-btn{
		margin-block: 282px 0;
		display: flex;
		justify-content: center;
	}
	.employee-benefits-club-img{
		position: absolute;
		bottom: 86px;
		left: 0;
		width: 100%;
	}
}

.women-support{
	margin-block: 0;
}
.women-support-intro-emp{
	margin-block: 0 46px;
}
.women-support-intro-emp p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 2;
}
.women-support-reason{
	margin-block: 68px 0;
}
.women-support-reason-block{
	position: relative;
	z-index: 6;
}
.women-support-reason-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 24px;
	z-index: -1;
}
.women-support-reason-block-inner{
	padding: 40px;
}
.women-support-reason-title-h3{
	font-weight: 700;
	font-size: 4.0rem;
	line-height: 1.6;
	letter-spacing: .05em;
}
.women-support-read{
	font-family: var(--font-noto);
	margin-block: 24px 0;
}
.women-support-read p{
	font-weight: 500;
	line-height: 1.875;
}
.women-support-voice{
	font-family: var(--font-noto);
	margin-block: 32px 40px;
}
.women-support-voice-list > li{
	position: relative;
	padding: 4px 0 4px 101px;
	z-index: 6;
}
.women-support-voice-list > li + li{
	margin-block: 7px 0;
}
.women-support-voice-list > li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	height: 78px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.women-support-voice-list > li:nth-child(1):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-voice-01.png);
}
.women-support-voice-list > li:nth-child(2):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-voice-02.png);
}
.women-support-voice-list > li:nth-child(3):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-voice-03.png);
}
.women-support-voice-block{
	position: relative;
	min-width: 488px;
	min-height: 70px;
	display: inline-flex;
	align-items: center;
	z-index: 6;
}
.women-support-voice-block::before{
	content: '';
	position: absolute;
	top: 14px;
	left: -13px;
	width: 19px;
	height: 16px;
	clip-path: polygon(100% 0, 100% 100%, 0 0);
	background: #f2f2f2;
	z-index: -1;
}
.women-support-voice-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f2f2f2;
	border-radius: 13px;
	z-index: -1;
}
.women-support-voice-block-inner{
	padding: 22px 31px;
}
.women-support-voice-block p{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	.women-support{
		margin-block: 60px 0;
	}
	.women-support-intro-emp{
		margin-block: 0 30px;
	}
	.women-support-intro-emp p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.7;
	}
	.women-support-reason{
		margin-block: 60px 0;
	}
	.women-support-reason-block-inner{
		padding: 20px;
	}
	.women-support-reason-title-h3{
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1.5;
		letter-spacing: .05em;
	}
	.women-support-read{
		margin-block: 18px 0;
	}
	.women-support-read p{
		font-weight: 500;
		line-height: 1.875;
	}
	.women-support-voice{
		font-family: var(--font-noto);
		margin-block: 30px;
	}
	.women-support-voice-list > li{
		position: relative;
		padding: 4px 0 4px 86px;
		z-index: 6;
	}
	.women-support-voice-list > li + li{
		margin-block: 7px 0;
	}
	.women-support-voice-block{
		position: relative;
		min-width: auto;
		width: 100%;
		min-height: 70px;
		display: inline-flex;
		align-items: center;
		z-index: 6;
	}
	.women-support-voice-block::before{
		content: '';
		position: absolute;
		top: 21px;
		left: -9px;
		width: 19px;
		height: 16px;
		clip-path: polygon(100% 0, 100% 100%, 0 0);
		background: #f2f2f2;
		z-index: -1;
	}
	.women-support-voice-block-inner{
		padding: 14px;
	}
	.women-support-voice-block p{
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}

.women-support-career{
	margin-block: 0;
	padding-block: 0 117px;
	background: #f5f3f1;
}
.women-support-career-system{
	margin-block: 37px 0;
}
.women-support-career-system-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}
.women-support-career-system-img img{
	width: 100%;
	height: 250px;
	border-radius: 20px;
	object-fit: cover;
}
.women-support-career-system-title{
	margin-block: 28px 0;
}
.women-support-career-system-title-h3{
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.6;
}
.women-support-career-system-read{
	font-family: var(--font-noto);
	margin-block: 17px 0;
}
.women-support-career-system-read p{
	line-height: 1.875;
}
.women-support-career-voice{
	margin-block: 23px 0;
}
.women-support-career-voice-list{
	font-family: var(--font-noto);
	display: grid;
	grid-template-columns: 1fr 38.51%;
	grid-gap: 27px;
}
.women-support-career-voice-list > li{
	position: relative;
	padding: 4px 0 4px 101px;
	z-index: 6;
}
.women-support-career-voice-list > li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	height: 78px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.women-support-career-voice-list > li:nth-child(1):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-01.png);
}
.women-support-career-voice-list > li:nth-child(2):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-02.png);
}
.women-support-career-voice-block{
	position: relative;
	width: 100%;
	min-height: 70px;
	display: inline-flex;
	align-items: center;
	z-index: 6;
}
.women-support-career-voice-block::before{
	content: '';
	position: absolute;
	top: 14px;
	left: -13px;
	width: 19px;
	height: 16px;
	clip-path: polygon(100% 0, 100% 100%, 0 0);
	background: #fff;
	z-index: -1;
}
.women-support-career-voice-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 13px;
	z-index: -1;
}
.women-support-career-voice-block-inner{
	padding: 22px 13px;
}
.women-support-career-voice-block p{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	.women-support-career{
		margin-block: 60px 0;
		padding-block: 60px;
		background: #f5f3f1;
	}
	.women-support-career-system{
		margin-block: 26px 0;
	}
	.women-support-career-system-list{
		display: grid;
		grid-template-columns:  1fr;
		grid-gap: 40px;
	}
	.women-support-career-system-img img{
		width: 100%;
		height: 224px;
		border-radius: 20px;
		object-fit: cover;
	}
	.women-support-career-system-title{
		margin-block: 25px 0;
	}
	.women-support-career-system-title-h3{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.6;
	}
	.women-support-career-system-read{
		font-family: var(--font-noto);
		margin-block: 15px 0;
	}
	.women-support-career-system-read p{
		line-height: 1.875;
	}
	.women-support-career-voice{
		margin-block: 45px 0;
	}
	.women-support-career-voice-list{
		font-family: var(--font-noto);
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 21px;
	}
	.women-support-career-voice-list > li{
		position: relative;
		padding: 4px 0 4px 98px;
		z-index: 6;
	}
}

.women-support-measures{
	margin-block: 69px 0;
}

.women-support-measures-list > li{
	position: relative;
	z-index: 3;
}
.women-support-measures-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.women-support-measures-list > li + li{
	margin-block: 40px 0;
}
.women-support-measures-list-inner{
	padding: 40px;
}
.women-support-measures-title{
	margin-block: 41px 0;
}
.women-support-measures-title-h3{
	position: relative;
	min-height: 70px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 4.0rem;
	line-height: 1.3;
	letter-spacing: .05em;
	color: var(--color-red);
	padding-inline: 80px 0;
	z-index: 6;
}
.women-support-measures-title-h3::after,
.women-support-measures-title-h3::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
}
.women-support-measures-title-h3::after{
	background: linear-gradient(to bottom, #e87b84, #f78c6c);
	border-radius: 9999px;
	z-index: -1;
}
.women-support-measures-title-h3::before{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.women-support-measures-title-h3.various-m::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-icon-01.png);
}
.women-support-measures-title-h3.voice-m::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-icon-02.png);
}
.women-support-measures-read{
	font-family: var(--font-noto);
	margin-block: 20px 0;
}
.women-support-measures-read p{
	font-weight: 500;
	line-height: 1.875;
}
.women-support-measures-content{
	position: relative;
	font-family: var(--font-noto);
	margin-block: 40px 0;
	z-index: 6;
}
.women-support-measures-content::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px;
	z-index: -1;
}
.women-support-measures-content.various-m::after{
	background: #f8f0e7;
}
.women-support-measures-content-inner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5.98%;
	padding: 40px;
}
.women-support-measures-content-list > li{
	position: relative;
	font-weight: 500;
	line-height: 1.5;
	padding-inline: 41px 0;
	z-index: 6;
}
.women-support-measures-content-list > li::before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/check-mark.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.women-support-measures-content-list > li + li{
	margin-block: 22px 0;
}
.women-support-measures-voice{
	font-family: var(--font-noto);
	margin-block: 32px 0;
}
.women-support-measures-voice-list > li{
	position: relative;
	padding: 4px 0 4px 101px;
	z-index: 6;
}
.women-support-measures-voice-list > li + li{
	margin-block: 7px 0;
}
.women-support-measures-voice-list > li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	height: 78px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.women-support-measures-voice-list > li:nth-child(1):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-01.png);
}
.women-support-measures-voice-list > li:nth-child(2):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-02.png);
}
.women-support-measures-voice-list > li:nth-child(3):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-01.png);
}
.women-support-measures-voice-list > li:nth-child(4):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/women-support-measures-voice-02.png);
}
.women-support-measures-voice-block{
	position: relative;
	min-width: 488px;
	min-height: 70px;
	display: inline-flex;
	align-items: center;
	z-index: 6;
}
.women-support-measures-voice-block::before{
	content: '';
	position: absolute;
	top: 14px;
	left: -13px;
	width: 19px;
	height: 16px;
	clip-path: polygon(100% 0, 100% 100%, 0 0);
	background: #faf5ef;
	z-index: -1;
}
.women-support-measures-voice-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #faf5ef;
	border-radius: 13px;
	z-index: -1;
}
.women-support-measures-voice-block-inner{
	padding: 22px 31px;
}
.women-support-measures-voice-block p{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	.women-support-measures{
		margin-block: 60px 0;
	}
	.women-support-measures-list > li + li{
		margin-block: 32px 0;
	}
	.women-support-measures-list-inner{
		padding: 20px;
	}
	.women-support-measures-title{
		margin-block: 32px 0;
	}
	.women-support-measures-title-h3{
		position: relative;
		min-height: 70px;
		display: flex;
		align-items: center;
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1.3;
		letter-spacing: .05em;
		padding-inline: 71px 0;
		z-index: 6;
	}
	.women-support-measures-title-h3::after,
	.women-support-measures-title-h3::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 59px;
		height: 59px;
	}
	.women-support-measures-content{
		position: relative;
		font-family: var(--font-noto);
		margin-block: 20px 0;
		z-index: 6;
	}
	.women-support-measures-content-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 14px;
		padding: 20px;
	}
	.women-support-measures-content-list > li{
		position: relative;
		font-weight: 500;
		line-height: 1.5;
		padding-inline: 41px 0;
		z-index: 6;
	}
	.women-support-measures-content-list > li::before{
		content: '';
		position: absolute;
		top: 3px;
		left: 0;
		width: 20px;
		height: 20px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/check-mark.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1;
	}
	.women-support-measures-content-list > li + li{
		margin-block: 14px 0;
	}
	.women-support-measures-voice{
		font-family: var(--font-noto);
		margin-block: 20px 0;
	}
	.women-support-measures-voice-list > li{
		position: relative;
		min-height: 78px;
		display: flex;
		align-items: center;
		padding: 4px 0 4px 86px;
		z-index: 6;
	}

	.women-support-measures-voice-block{
		position: relative;
		min-width: auto;
		width: 100%;
		min-height: 48px;
		display: inline-flex;
		align-items: center;
		z-index: 6;
	}
	.women-support-measures-voice-block::before{
		content: '';
		position: absolute;
		top: 21px;
		left: -9px;
		width: 19px;
		height: 16px;
		clip-path: polygon(100% 0, 100% 100%, 0 0);
		background: #faf5ef;
		z-index: -1;
	}
	.women-support-measures-voice-block::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #faf5ef;
		border-radius: 13px;
		z-index: -1;
	}
	.women-support-measures-voice-block-inner{
		padding: 14px;
	}
	.women-support-measures-voice-block p{
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}

.work-environment-suggest{
	margin-block: 71px 0;
}
.work-environment-suggest-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 19px;
}
.work-environment-suggest-list a{
	position: relative;
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.work-environment-suggest-list a::before{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 9px;
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/link-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.work-environment-suggest-list a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 190px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.work-environment-suggest-list a.work-environment-suggest-we::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-we.jpg);
}
.work-environment-suggest-list a.work-environment-suggest-eb::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-eb.jpg);
}
.work-environment-suggest-list a.work-environment-suggest-project-selection::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-project-selection.jpg);
}
.work-environment-suggest-list a.work-environment-suggest-pay-system::after{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-pay-system.jpg);
}
.work-environment-suggest-list a:hover::before {	
	animation: btnIconRotation2 .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.work-environment-suggest-bnr{
	min-height: 169px;
	display: flex;
	align-items: center;
}
.work-environment-suggest-bnr-inner{
	padding: 20px 210px 20px 35px;
}
.work-environment-suggest-bnr-head p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: .1em;
	color: var(--color-black);
}
.work-environment-suggest-bnr-read{
	font-family: var(--font-noto);
	margin-block: 15px 0;
}
.work-environment-suggest-bnr-read p{
	font-weight: 500;
	line-height: 1.875;
	color: var(--color-black);
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.work-environment-suggest-block{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
	}
	.work-environment-suggest-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
}

@media screen and (max-width: 767px) {
	.work-environment-suggest{
		margin-block: 60px 0;
	}
	.work-environment-suggest-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 14px;
	}
	.work-environment-suggest-list a::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 140px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.work-environment-suggest-list a::before{
		content: '';
		position: absolute;
		bottom: 8px;
		right: 8px;
		width: 30px;
		height: 30px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/common/link-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1;
	}
	.work-environment-suggest-list a.work-environment-suggest-project-selection::after{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-project-selection_sp.jpg);
	}
	.work-environment-suggest-list a.work-environment-suggest-pay-system::after{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/work-environment/work-environment-suggest-pay-system_sp.jpg);
	}
	.work-environment-suggest-bnr{
		min-height: 125px;
		display: flex;
		align-items: center;
	}
	.work-environment-suggest-bnr-inner{
		padding: 20px 160px 20px 20px;
	}
	.work-environment-suggest-bnr-head p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: .1em;
		color: var(--color-black);
	}
	.work-environment-suggest-bnr-read{
		font-family: var(--font-noto);
		margin-block: 15px 0;
	}
	.work-environment-suggest-bnr-read p{
		font-weight: 500;
		line-height: 1.875;
		color: var(--color-black);
	}
}


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

/about/case/

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

.case-study-intro .page-content-inner{
	margin: 0 auto;
}
.case-study-default-read p{
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2;
	margin-block: 0 36px;
}
.case-study-default-read p:last-child{
	margin-block: 0;
}
.case-study-lots{
	margin-block: 130px 0;
}
.case-study-introduce{
	position: relative;
	margin-block: 38px 0;
	z-index: 6;
}
.case-study-introduce::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.case-study-team{
	margin-block: 66px 0;
}
.case-study-team-merit{
	position: relative;
	margin-block: 45px 0;
	z-index: 3;
}
.case-study-team-merit::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.case-study-team-merit-inner{
	display: grid;
	grid-template-columns: 352px 1fr;
	padding: 30px 22px;
}
.case-study-team-merit-title{
	position: relative;
	min-height: 194px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-inline: 20px;
	z-index: 3;
}
.case-study-team-merit-title::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background: rgba(173, 173, 173, .6);
	z-index: 1;
}
.case-study-team-merit-head{
	max-width: 238px;
	width: 100%;
	margin: 0 auto;
}
.case-study-team-merit-head p{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.75;
	letter-spacing: .1em;
	color: var(--color-red);
}
.case-study-team-merit-sub{
	font-family: var(--font-noto);
	max-width: 238px;
	width: 100%;
	margin: 22px auto 0;
}
.case-study-team-merit-sub p{
	font-weight: 500;
	line-height: 1.875;
}
.case-study-team-merit-content{
	font-family: var(--font-noto);
	display: flex;
	align-items: center;
	padding-inline: 77px 0;
}
.case-study-team-merit-list > li{
	font-weight: 500;
	line-height: 1.5;
}
.case-study-team-merit-list > li{
	position: relative;
	padding-inline: 34px 0;
	z-index: 3;
}
.case-study-team-merit-list > li::before{
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/check-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.case-study-team-merit-list > li + li{
	margin-block: 18px 0;
}
.case-study-project{
	margin-block: 66px 0;
}
.case-study-project-block{
	font-family: var(--font-noto);
	margin-block: 48px 0;
}
.case-study-project-info + .case-study-project-info{
	margin-block: 36px 0;
}
.case-study-project-info-content{
	position: relative;
	padding-block: 0 20px;
	transition: all 0.3s;
}
.case-study-project-info-content.open{
	padding-block: 0;
}
.case-study-project-info-head{
	position: relative;
	z-index: 3;
}
.case-study-project-info-head::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top right, #a39372, #8d7255);
	border-radius: 20px 20px 0 0;
	z-index: -1;
}
.case-study-project-info-head-inner{
	min-height: 86px;
	display: flex;
	align-items: center;
	padding: 18px 40px;
}
.case-study-project-info-head p{
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.5;
	color: #fff;
}
.case-study-project-info-data{
	position: relative;
	height: auto;
	max-height: 50px;
	overflow: hidden;
	transition: max-height .5s ease;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
	z-index: 3;
}
.case-study-project-info-data::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 0 0 20px 20px;
	z-index: -1;
}
.case-study-project-info-data.open {
	-webkit-mask-image: none;
	mask-image: none;
}
.case-study-project-info-data-inner{
	padding: 40px 54px 141px;
}
.case-study-project-info-data-block{
	position: relative;
	z-index: 6;
}
.case-study-project-info-data-block dl{
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-gap: 20px;
	padding-block: 0 29px;
	border-bottom: solid 1px #adadad;
}
.case-study-project-info-data-block dl + dl{
	padding-block: 29px;
}
.case-study-project-info-data-block dl dt{
	font-weight: 700;
	line-height: 2;
	color: var(--color-red);
}
.case-study-project-info-data-block dl dd{
	font-weight: 500;
	line-height: 2;
}
.case-study-project-info-data-btn{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-block: 46px 0;
}
.case-study-project-info-data-btn .more-btn{
	position: relative;
	min-height: 50px;
	padding: 8px 50px 8px 20px;
	border: solid 1px #998d7b;
	border-radius: 9999px;
	background-color: #fff;
	cursor: pointer;
	z-index: 3;
	transition: all 0.3s;
}
.case-study-project-info-data-btn .more-btn{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: .05em;
	color: #9b8b7a;
}
.case-study-project-info-data-btn .more-btn::before{
	content: '';
	position: absolute;
	top: 46%;
	right: 2.95rem;
	transform: rotate(45deg) translateY(-50%);
	width: 5px;
	height: 5px;
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	z-index: 1;
	transition: all 0.3s;
}
.case-study-project-info-data-btn .more-btn::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background: #9b8b7a;
	border-radius: 9999px;
	z-index: -1;
	transition: all 0.3s;
}
.case-study-project-info-data-btn .more-btn.close{
	border: solid 1px #9a8c7a;
	background-color: #9a8c7a;
}
.case-study-project-info-data-btn .more-btn.close{
	color: #fff;
	margin-block: 0 47px;
}
.case-study-project-info-data-btn .more-btn.close::before{
	top: 42%;
	right: 2.5rem;
	transform: rotate(-135deg) translateY(-50%);
	border-bottom: solid 2px #9b8b7a;
	border-right: solid 2px #9b8b7a;
}
.case-study-project-info-data-btn .more-btn.close::after{
	background: #fff;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.case-study-team-merit-inner{
		display: grid;
		grid-template-columns: 268px 1fr;
		padding: 30px 22px;
	}
	.case-study-team-merit-content{
		padding-inline: 24px 0;
	}
}

@media screen and (max-width: 767px) {
	.case-study-intro .page-content{
		padding: 40px 20px 0;
		margin-block: -68px 0;
	}
	.case-study-default-read p{
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2;
		margin-block: 0 36px;
	}
	.case-study-lots{
		margin-block: 60px 0;
	}
	.case-study-introduce{
		position: relative;
		margin-block: 30px 0;
		z-index: 6;
	}
	.case-study-team{
		margin-block: 60px 0;
	}
	.case-study-team-merit{
		position: relative;
		margin-block: 45px 0;
		z-index: 3;
	}
	.case-study-team-merit-inner{
		display: grid;
		grid-template-columns: 1fr;
		padding: 20px;
	}
	.case-study-team-merit-title{
		position: relative;
		min-height: auto;
		display: block;
		flex-direction: column;
		justify-content: center;
		padding: 0 0 19px;
		z-index: 3;
	}
	.case-study-team-merit-title::after{
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		width: auto;
		height: 1px;
		background: rgba(173, 173, 173, .6);
		z-index: 1;
	}
	.case-study-team-merit-head{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.case-study-team-merit-head p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.75;
		letter-spacing: .1em;
		color: var(--color-red);
	}
	.case-study-team-merit-sub{
		font-family: var(--font-noto);
		max-width: 100%;
		width: 100%;
		margin: 8px auto 0;
	}
	.case-study-team-merit-sub p{
		font-weight: 500;
		line-height: 1.875;
	}
	.case-study-team-merit-content{
		font-family: var(--font-noto);
		display: block;
		padding: 19px 0 0;
	}
	.case-study-team-merit-list > li{
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.case-study-team-merit-list > li{
		position: relative;
		padding-inline: 34px 0;
		z-index: 3;
	}
	.case-study-team-merit-list > li::before{
		content: '';
		position: absolute;
		top: 4px;
		left: 0;
		width: 20px;
		height: 20px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/check-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
	.case-study-team-merit-list > li + li{
		margin-block: 9px 0;
	}
	.case-study-project{
		margin-block: 60px 0;
	}
	.case-study-project-block{
		font-family: var(--font-noto);
		margin-block: 40px 0;
	}
	.case-study-project-info + .case-study-project-info{
		margin-block: 27px 0;
	}
	.case-study-project-info-content{
		position: relative;
		padding-block: 0 20px;
		transition: all 0.3s;
	}
	.case-study-project-info-content.open{
		padding-block: 0;
	}
	.case-study-project-info-head{
		position: relative;
		z-index: 3;
	}
	.case-study-project-info-head::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to top right, #a39372, #8d7255);
		border-radius: 20px 20px 0 0;
		z-index: -1;
	}
	.case-study-project-info-head-inner{
		min-height: 86px;
		display: flex;
		align-items: center;
		padding: 18px 20px;
	}
	.case-study-project-info-head p{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 1.5;
		color: #fff;
	}
	.case-study-project-info-data{
		position: relative;
		height: auto;
		max-height: 50px;
		overflow: hidden;
		transition: max-height .5s ease;
		-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
		z-index: 3;
	}
	.case-study-project-info-data::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 0 0 20px 20px;
		z-index: -1;
	}
	.case-study-project-info-data.open {
		-webkit-mask-image: none;
		mask-image: none;
	}
	.case-study-project-info-data-inner{
		padding: 40px 20px 106px;
	}
	.case-study-project-info-data-block{
		position: relative;
		z-index: 6;
	}
	.case-study-project-info-data-block dl{
		display: grid;
		grid-template-columns: 76px 1fr;
		grid-gap: 15px;
		padding-block: 0 29px;
		border-bottom: solid 1px #adadad;
	}
	.case-study-project-info-data-block dl + dl{
		padding-block: 29px;
	}
	.case-study-project-info-data-block dl dt{
		font-weight: 700;
		line-height: 2;
		color: var(--color-red);
	}
	.case-study-project-info-data-block dl dd{
		font-weight: 500;
		line-height: 2;
	}
	.case-study-project-info-data-btn{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		margin-block: 28px 0;
	}
	.case-study-project-info-data-btn .more-btn{
		position: relative;
		min-height: 50px;
		padding: 8px 50px 8px 20px;
		border: solid 1px #998d7b;
		border-radius: 9999px;
		background-color: #fff;
		cursor: pointer;
		z-index: 3;
		transition: all 0.3s;
	}
	.case-study-project-info-data-btn .more-btn{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		letter-spacing: .05em;
		color: #9b8b7a;
	}
	.case-study-project-info-data-btn .more-btn::before{
		content: '';
		position: absolute;
		top: 46%;
		right: 2.95rem;
		transform: rotate(45deg) translateY(-50%);
		width: 5px;
		height: 5px;
		border-bottom: solid 2px #fff;
		border-right: solid 2px #fff;
		z-index: 1;
		transition: all 0.3s;
	}
	.case-study-project-info-data-btn .more-btn::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 22px;
		height: 22px;
		background: #9b8b7a;
		border-radius: 9999px;
		z-index: -1;
		transition: all 0.3s;
	}
	.case-study-project-info-data-btn .more-btn.close{
		border: solid 1px #9a8c7a;
		background-color: #9a8c7a;
	}
	.case-study-project-info-data-btn .more-btn.close{
		color: #fff;
		margin-block: 0 28px;
	}
	.case-study-project-info-data-btn .more-btn.close::before{
		top: 42%;
		right: 2.5rem;
		transform: rotate(-135deg) translateY(-50%);
		border-bottom: solid 2px #9b8b7a;
		border-right: solid 2px #9b8b7a;
	}
	.case-study-project-info-data-btn .more-btn.close::after{
		background: #fff;
	}
}


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

/about/whats_cloudsoft/

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

.whats-outset .page-content-inner{
	margin: 0 auto;
}
.whats-outset-read{
	font-family: var(--font-noto);
}
.whats-outset-read p{
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2;
}

@media screen and (max-width: 767px) {
	.whats-outset{
		margin-block: -68px 0;
	}
	.whats-outset-read{
		padding-block: 60px 0;
	}
	.whats-outset-read p{
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 2;
	}
}

.whats-cloudsoft{
	margin: 85px 0 0;
}
.whats-cloudsoft-block > div + div{
	margin: 20px 0 0;
}
.whats-cloudsoft-list > li{
	position: relative;
	z-index: 3;
}
.whats-cloudsoft-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -2;
}
.whats-cloudsoft-basis-one{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
.whats-cloudsoft-basis-two{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.whats-cloudsoft-basis-three{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 21px;
}
.whats-cloudsoft-row-1 .whats-cloudsoft-list-block{
	padding: 31px 30px 43px;
}
.whats-cloudsoft-row-2 .whats-cloudsoft-list-block{
	padding: 30px 19px 19px;
}
.whats-cloudsoft-row-3 .whats-cloudsoft-list-block{
	min-height: 340px;
	padding: 30px 19px 19px;
}
.whats-cloudsoft-row-7 .whats-cloudsoft-list-block{
	padding: 31px 30px 34px;
}
.whats-cloudsoft-row-8 .whats-cloudsoft-list-block{
	padding: 31px 20px 49px;
}
.whats-cloudsoft-row-9 .whats-cloudsoft-list-block{
	padding: 40px 30px 29px;
}
.whats-cloudsoft-row-10 .whats-cloudsoft-list-block{
	padding: 30px 30px 27px;
}
.whats-cloudsoft-row-h3,
.member-cloudsoft-row-h3{
	text-align: center;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.6;
	letter-spacing: .1em;
}
.whats-cloudsoft-row-h4{
	text-align: center;
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 1.5;
	letter-spacing: 0;
}
.whats-cloudsoft-row-read,
.member-cloudsoft-row-read{
	font-family: var(--font-noto);
}
.whats-cloudsoft-row-read p,
.member-cloudsoft-row-read p{
	font-weight: 500;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5625;
}
.whats-cloudsoft-block-1 .whats-cloudsoft-row-read{
	margin: 16px 0 0;
}
.whats-cloudsoft-block-1 .whats-cloudsoft-row-img{
	margin: 22px 0 0;
}
.whats-cloudsoft-block-1 .whats-cloudsoft-row-count{
	margin: 14px 0 0;
}
.whats-cloudsoft-row-count p{
	text-align: center;
	font-weight: 700;
	font-size: 3.9rem;
	line-height: 1;
	color: var(--color-red);
}
.whats-cloudsoft-row-count p .emp{
	font-weight: 900;
	font-size: 8.7rem;
	line-height: 1;
	padding: 0 2px;
}
.whats-cloudsoft-row-count p .emp-m{
	font-weight: 900;
	font-size: 6.0rem;
	line-height: 1;
	padding: 0 5px 0 0;
}
.whats-cloudsoft-row-note{
	margin: 10px 0 0;
}
.whats-cloudsoft-row-note p{
	font-weight: 500;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5625;
	color: #807C7A;
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-img{
	margin: 28px 0 0;
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-count{
	position: relative;
	display: grid;
	grid-template-columns: 47% 1fr;
	margin: 24px 0 0;
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-count::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 47%;
	transform: translateX(-50%);
	width: 1px;
	background: #adadad;
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-top p{
	font-family: var(--font-noto);
	font-weight: 500;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5625;
	color: var(--color-black);
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-bottom{
	margin: 5px 0 0;
}
.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-bottom p{
	font-family: var(--font-noto);
	font-weight: 700;
	text-align: center;
	font-size: 2.1rem;
	line-height: 1.5625;
	color: var(--color-black);
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-read{
	margin: 26px 0 0;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count{
	margin: 20px 0 0;
	border-top: solid 1px #adadad;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl{
	display: grid;
	grid-template-columns: 97px 1fr;
	min-height: 110px;
	border-bottom: solid 1px #adadad;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt p{
	font-family: var(--font-noto);
	font-weight: 700;
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.25;
	color: var(--color-black);
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt{
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dd{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 8px 0 0;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count .whats-cloudsoft-row-count-overtime dd p{
	text-align: center;
	font-weight: 700;
	font-size: 3.0rem;
	line-height: 1;
	color: var(--color-red);
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dd .emp{
	line-height: 0.6;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt .whats-cloudsoft-row-count-note p{
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.25;
	padding: 3px 0 0;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt .whats-cloudsoft-row-count-note p .emp-m{
	padding: 0;
}
.whats-cloudsoft-block-3 .whats-cloudsoft-row-note{
	margin: 15px 0 0;
}
.whats-cloudsoft-block-4 .whats-cloudsoft-row-img{
	max-width: 294px;
	width: 100%;
	margin: 12px auto 0;
}
.whats-cloudsoft-block-4 .whats-cloudsoft-row-note{
	margin: 0;
}
.whats-cloudsoft-block-5 .whats-cloudsoft-list-block{
	padding: 30px 15px 19px;
}
.whats-cloudsoft-block-5 .whats-cloudsoft-row-img{
	max-width: 294px;
	width: 100%;
	margin: 12px auto 0;
}
.whats-cloudsoft-block-5 .whats-cloudsoft-row-note{
	margin: 0;
}
.whats-cloudsoft-list > li.whats-cloudsoft-block-6::before,
.whats-cloudsoft-list > li.whats-cloudsoft-block-7::before,
.whats-cloudsoft-list > li.whats-cloudsoft-block-8::before{
	content: '';
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 215px;
	height: 184px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.whats-cloudsoft-list > li.whats-cloudsoft-block-6::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-6.png);
}
.whats-cloudsoft-list > li.whats-cloudsoft-block-7::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-7.png);
}
.whats-cloudsoft-list > li.whats-cloudsoft-block-8::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-8.png);
}
.whats-cloudsoft-block-6 .whats-cloudsoft-row-count{
	margin: 20px 0 0;
}
.whats-cloudsoft-block-6 .whats-cloudsoft-row-read{
	margin: 26px 0 0;
}
.whats-cloudsoft-block-6 .whats-cloudsoft-row-read .emp{
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 2.3;
}
.whats-cloudsoft-block-7 .whats-cloudsoft-row-read{
	margin: 43px 0 0;
}
.whats-cloudsoft-block-7 .whats-cloudsoft-row-count{
	margin: 13px 0 0;
}
.whats-cloudsoft-block-8 .whats-cloudsoft-row-read{
	margin: 43px 0 0;
}
.whats-cloudsoft-block-8 .whats-cloudsoft-row-note{
	margin: 6px 0 0;
}
.whats-cloudsoft-block-8 .whats-cloudsoft-row-count{
	margin: 13px 0 0;
}
.whats-cloudsoft-block-9 .whats-cloudsoft-list-block{
	padding: 31px 67px 50px;
}
.whats-cloudsoft-block-9 .whats-cloudsoft-row-count{
	margin: 16px 0 0;
}
.whats-cloudsoft-block-9 .whats-cloudsoft-row-count .total{
	font-size: 2.0rem;
	color: var(--color-black);
	margin: 0 4px 0 0;
}
.whats-cloudsoft-block-9 .whats-cloudsoft-row-img{
	margin: 55px 0 0;
}
.whats-cloudsoft-block-9 .whats-cloudsoft-row-note{
	margin: 39px 0 0;
}
.whats-cloudsoft-block-10 .whats-cloudsoft-list-block{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 49px 115px;
}
.whats-cloudsoft-block-10 .whats-cloudsoft-area-a{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.whats-cloudsoft-block-10 .whats-cloudsoft-row-h3,
.whats-cloudsoft-block-10 .whats-cloudsoft-row-read p{
	text-align: left;
}
.whats-cloudsoft-block-10 .whats-cloudsoft-row-read{
	margin: 21px 0 0;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-list-block{
	display: grid;
	grid-template-columns: 43.9% 1fr;
	padding: 49px 43px 41px 46px;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-area-c{
	padding: 0 38px;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-row-note{
	margin: 8px 0 0;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-row-read p{
	font-size: 2.0rem;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-area-c .whats-cloudsoft-row-img{
	margin: 29px 0 0;
}
.whats-cloudsoft-block-11 .whats-cloudsoft-area-d{
	display: flex;
	align-items: flex-end;
	padding: 0 0 20px;
}
.whats-cloudsoft-block-12 .whats-cloudsoft-row-img{
	max-width: 347px;
	width: 100%;
	margin: 29px auto 0;
}
.whats-cloudsoft-block-12 .whats-cloudsoft-row-readhead{
	margin: 31px 0 0;
}
.whats-cloudsoft-block-12 .whats-cloudsoft-row-read{
	margin: 10px 0 0;
}
.whats-cloudsoft-block-13 .whats-cloudsoft-row-img{
	margin: 25px 0 0;
}
.whats-cloudsoft-row-8 .whats-cloudsoft-basis-three{
	grid-template-areas:
	"block-14 block-14 block-15";
}
.whats-cloudsoft-block-14{
	grid-area: block-14;
}
.whats-cloudsoft-block-15{
	grid-area: block-15;
}
.whats-cloudsoft-block-14 .whats-cloudsoft-row-img{
	max-width: 619px;
	width: 100%;
	margin: 23px auto 0;
}
.whats-cloudsoft-block-15 .whats-cloudsoft-row-img{
	margin: 43px auto 0;
}
.whats-cloudsoft-block-16 .whats-cloudsoft-row-read{
	margin: 10px 0 0;
}
.whats-cloudsoft-block-16 .whats-cloudsoft-row-note{
	margin: 0 0 0;
}
.whats-cloudsoft-block-16 .whats-cloudsoft-row-img{
	margin: 10px 0 0;
}
.whats-cloudsoft-block-17 .whats-cloudsoft-row-img{
	margin: 19px 0 0;
}
.whats-cloudsoft-block-18 .whats-cloudsoft-row-img{
	margin: 30px 0 0;
}
.whats-cloudsoft-block-19 .whats-cloudsoft-row-img{
	margin: 10px 0 0;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.whats-cloudsoft-basis-two{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.whats-cloudsoft-basis-three{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.whats-cloudsoft-row-8 .whats-cloudsoft-basis-three{
		grid-template-areas:
		"block-14"
		"block-15";
	}
}

@media screen and (max-width: 767px) {
	.whats-cloudsoft{
		margin: 60px 0 0;
	}
	.whats-cloudsoft-basis-one{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.whats-cloudsoft-basis-two{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.whats-cloudsoft-basis-three{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.whats-cloudsoft-row-1 .whats-cloudsoft-list-block{
		padding: 20px;
	}
	.whats-cloudsoft-row-2 .whats-cloudsoft-list-block{
		padding: 30px 19px 19px;
	}
	.whats-cloudsoft-row-3 .whats-cloudsoft-list-block{
		min-height: auto;
		padding: 25px 20px 40px;
	}
	.whats-cloudsoft-row-7 .whats-cloudsoft-list-block{
		padding: 25px 20px 30px;
	}
	.whats-cloudsoft-row-8 .whats-cloudsoft-list-block{
		padding: 31px 20px 49px;
	}
	.whats-cloudsoft-row-9 .whats-cloudsoft-list-block{
		padding: 25px 20px;
	}
	.whats-cloudsoft-row-10 .whats-cloudsoft-list-block{
		padding: 25px 20px;
	}
	.whats-cloudsoft-row-h3,
	.member-cloudsoft-row-h3{
		text-align: center;
		font-weight: 700;
		font-size: 2.2rem;
		line-height: 1.5;
		letter-spacing: .06em;
	}
	.whats-cloudsoft-row-h4{
		text-align: center;
		font-weight: 600;
		font-size: 2.0rem;
		line-height: 1.5;
		letter-spacing: 0;
	}
	.whats-cloudsoft-row-read p,
	.member-cloudsoft-row-read p{
		font-weight: 500;
		text-align: center;
		font-size: 1.55rem;
		line-height: 1.5625;
	}
	.whats-cloudsoft-block-1 .whats-cloudsoft-row-read{
		margin: 4px 0 0;
	}
	.whats-cloudsoft-block-1 .whats-cloudsoft-row-img{
		margin: 17px 0 0;
	}
	.whats-cloudsoft-block-1 .whats-cloudsoft-row-count{
		margin: 8px 0 0;
	}
	.whats-cloudsoft-row-count p{
		text-align: center;
		font-weight: 700;
		font-size: 3.9rem;
		line-height: 1;
		color: var(--color-red);
	}
	.whats-cloudsoft-block-1 .whats-cloudsoft-row-count p,
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count p{
		text-align: center;
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1;
		color: var(--color-red);
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-count p{
		text-align: center;
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1;
		color: var(--color-red);
	}
	.whats-cloudsoft-row-count p .emp{
		font-weight: 900;
		font-size: 7.8rem;
		line-height: 1;
		padding: 0 2px;
	}
	.whats-cloudsoft-block-1 .whats-cloudsoft-row-count p .emp,
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count p .emp{
		font-weight: 900;
		font-size: 6.4rem;
		line-height: 1;
		padding: 0 2px;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-count p .emp{
		font-weight: 900;
		font-size: 4.6rem;
		line-height: 1;
		padding: 0 2px;
	}
	.whats-cloudsoft-row-count p .emp-m{
		font-weight: 900;
		font-size: 6.0rem;
		line-height: 1;
		padding: 0 5px 0 0;
	}
	.whats-cloudsoft-row-note{
		margin: 8px 0 0;
	}
	.whats-cloudsoft-row-note p{
		font-weight: 500;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.5625;
		color: #807C7A;
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-img{
		margin: 14px 0 0;
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count{
		position: relative;
		display: grid;
		grid-template-columns: 47% 1fr;
		margin: 24px 0 0;
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 47%;
		transform: translateX(-50%);
		width: 1px;
		background: #adadad;
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-top p{
		font-family: var(--font-noto);
		font-weight: 500;
		text-align: center;
		font-size: 1.1rem;
		line-height: 1.5625;
		color: var(--color-black);
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-bottom{
		margin: 5px 0 0;
	}
	.whats-cloudsoft-block-2 .whats-cloudsoft-row-count-bottom p{
		font-family: var(--font-noto);
		font-weight: 700;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.5625;
		color: var(--color-black);
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-read{
		margin: 12px 0 0;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count{
		margin: 20px 0 0;
		border-top: solid 1px #adadad;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl{
		display: grid;
		grid-template-columns: 97px 1fr;
		min-height: 110px;
		border-bottom: solid 1px #adadad;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt p{
		font-family: var(--font-noto);
		font-weight: 700;
		text-align: center;
		font-size: 2.0rem;
		line-height: 1.25;
		color: var(--color-black);
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt{
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dd{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 0 8px 0 0;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count .whats-cloudsoft-row-count-overtime dd p{
		text-align: center;
		font-weight: 700;
		font-size: 3.0rem;
		line-height: 1;
		color: var(--color-red);
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dd .emp{
		line-height: 0.6;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt .whats-cloudsoft-row-count-note p{
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.25;
		padding: 3px 0 0;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-count dl dt .whats-cloudsoft-row-count-note p .emp-m{
		padding: 0;
	}
	.whats-cloudsoft-block-3 .whats-cloudsoft-row-note{
		margin: 15px 0 0;
	}
	.whats-cloudsoft-block-4 .whats-cloudsoft-row-img{
		max-width: 294px;
		width: 100%;
		margin: 12px auto 0;
	}
	.whats-cloudsoft-block-4 .whats-cloudsoft-row-note{
		margin: 0;
	}
	.whats-cloudsoft-block-5 .whats-cloudsoft-list-block{
		padding: 30px 15px 19px;
	}
	.whats-cloudsoft-block-5 .whats-cloudsoft-row-img{
		max-width: 314px;
		width: 100%;
		margin: 17px auto 0;
	}
	.whats-cloudsoft-block-5 .whats-cloudsoft-row-note{
		margin: 0;
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-6::before,
	.whats-cloudsoft-list > li.whats-cloudsoft-block-7::before,
	.whats-cloudsoft-list > li.whats-cloudsoft-block-8::before{
		content: '';
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 215px;
		height: 184px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-6::before{
		top: 51%;
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-7::before{
		top: 57%;
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-6::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-6.png);
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-7::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-7.png);
	}
	.whats-cloudsoft-list > li.whats-cloudsoft-block-8::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/whats-8.png);
	}
	.whats-cloudsoft-block-6 .whats-cloudsoft-row-count{
		margin: 14px 0 0;
	}
	.whats-cloudsoft-block-6 .whats-cloudsoft-row-read{
		margin: 32px 0 0;
	}
	.whats-cloudsoft-block-6 .whats-cloudsoft-row-read .emp{
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 2.3;
	}
	.whats-cloudsoft-block-7 .whats-cloudsoft-row-read{
		margin: 28px 0 0;
	}
	.whats-cloudsoft-block-7 .whats-cloudsoft-row-count{
		margin: 17px 0 0;
	}
	.whats-cloudsoft-block-8 .whats-cloudsoft-row-read{
		margin: 30px 0 0;
	}
	.whats-cloudsoft-block-8 .whats-cloudsoft-row-note{
		margin: 6px 0 0;
	}
	.whats-cloudsoft-block-8 .whats-cloudsoft-row-count{
		margin: 23px 0 0;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-list-block{
		padding: 25px 20px;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-count{
		margin: 4px 0 0;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-count .total{
		font-size: 1.0rem;
		color: var(--color-black);
		margin: 0 4px 0 0;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-img{
		margin: 17px 0 0;
	}
	.whats-cloudsoft-block-9 .whats-cloudsoft-row-note{
		margin: 21px 0 0;
	}
	.whats-cloudsoft-block-10 .whats-cloudsoft-list-block{
		display: grid;
		grid-template-columns: 1fr;
		padding: 25px 20px;
		grid-gap: 11px;
	}
	.whats-cloudsoft-block-10 .whats-cloudsoft-area-a{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.whats-cloudsoft-block-10 .whats-cloudsoft-row-h3,
	.whats-cloudsoft-block-10 .whats-cloudsoft-row-read p{
		text-align: center;
	}
	.whats-cloudsoft-block-10 .whats-cloudsoft-row-read{
		margin: 10px 0 0;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-list-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 17px;
		padding: 25px 20px;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-area-c{
		padding: 0 38px;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-row-note{
		margin: 8px 0 0;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-row-read p{
		font-size: 2.0rem;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-area-c .whats-cloudsoft-row-img{
		margin: 33px 0 0;
	}
	.whats-cloudsoft-block-11 .whats-cloudsoft-area-d{
		display: flex;
		align-items: flex-end;
		padding: 0 0 10px;
	}
	.whats-cloudsoft-block-12 .whats-cloudsoft-row-img{
		max-width: 100%;
		width: 100%;
		margin: 14px auto 0;
	}
	.whats-cloudsoft-block-12 .whats-cloudsoft-row-readhead{
		margin: 31px 0 0;
	}
	.whats-cloudsoft-block-12 .whats-cloudsoft-row-read{
		margin: 10px 0 0;
	}
	.whats-cloudsoft-block-13 .whats-cloudsoft-row-img{
		margin: 17px 0 0;
	}
	.whats-cloudsoft-row-8 .whats-cloudsoft-basis-three{
		grid-template-areas:
		"block-14"
		"block-15";
	}
	.whats-cloudsoft-block-14{
		grid-area: block-14;
	}
	.whats-cloudsoft-block-15{
		grid-area: block-15;
	}
	.whats-cloudsoft-block-14 .whats-cloudsoft-row-img{
		max-width: 100%;
		width: 100%;
		margin: 18px auto 0;
	}
	.whats-cloudsoft-block-15 .whats-cloudsoft-row-img{
		margin: 17px auto 0;
	}
	.whats-cloudsoft-block-16 .whats-cloudsoft-row-read{
		margin: 6px 0 0;
	}
	.whats-cloudsoft-block-16 .whats-cloudsoft-row-note{
		margin: 0 0 0;
	}
	.whats-cloudsoft-block-16 .whats-cloudsoft-row-img{
		margin: 16px 0 0;
	}
	.whats-cloudsoft-block-17 .whats-cloudsoft-row-img{
		margin: 10px 0 0;
	}
	.whats-cloudsoft-block-18 .whats-cloudsoft-row-img{
		margin: 14px 0 0;
	}
	.whats-cloudsoft-block-19 .whats-cloudsoft-row-img{
		margin: 14px 0 0;
	}
}

.member-cloudsoft{
	margin: 99px 0 0;
}
.member-cloudsoft-block > div + div{
	margin: 26px 0 0;
}
.member-cloudsoft-list > li{
	position: relative;
	z-index: 3;
}
.member-cloudsoft-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -2;
}
.member-cloudsoft-basis-one{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}
.member-cloudsoft-basis-two{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.member-cloudsoft-row-1 .member-cloudsoft-list-block{
	padding: 31px 15px 48px;
}
.member-cloudsoft-block-1 .member-cloudsoft-row-read,
.member-cloudsoft-block-2 .member-cloudsoft-row-read{
	margin: 16px 0 0;
}
.member-cloudsoft-block-1 .member-cloudsoft-row-img{
	max-width: 495px;
	width: 100%;
	margin: 5px auto 0;
}
.member-cloudsoft-block-2 .member-cloudsoft-row-img{
	max-width: 397px;
	width: 100%;
	margin: 50px auto 0;
}
.member-cloudsoft-row-2 .member-cloudsoft-list-block{
	padding: 31px 62px 60px;
}
.member-cloudsoft-hope{
	margin: 29px 0 0;
}
.member-cloudsoft-hope-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4px 4px;
}
.member-cloudsoft-hope-list > li{
	position: relative;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
.member-cloudsoft-hope-list > li::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f8efe2;
	border-radius: 10px;
	z-index: -2;
}
.member-cloudsoft-hope-list > li{
	font-family: var(--font-noto);
	font-weight: 500;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: -.02em;
}
.member-cloudsoft-block-4{
	position: relative;
	z-index: 3;
}
.member-cloudsoft-block-4::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	z-index: -1;
}
.member-cloudsoft-block-4-inner{
	display: block;
	padding: 60px 62px 65px;
}
.member-cloudsoft-qs{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 75px;
}
.member-cloudsoft-qs-block-1,
.member-cloudsoft-qs-block-2{
	padding: 31px 34px 48px;
}
.member-cloudsoft-qs-img{
	margin-block: 38px 0;
}
.member-cloudsoft-eppy-block{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 42px;
	margin-block: 41px 0;
}
.member-cloudsoft-eppy-list > li{
	position: relative;
	padding-inline: 82px 0;
	z-index: 6;
}
.member-cloudsoft-eppy-list > li + li{
	margin-block: 10px 0;
}
.member-cloudsoft-eppy-list > li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.member-cloudsoft-eppy-list > li:nth-child(1):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-01.png);
}
.member-cloudsoft-eppy-list > li:nth-child(2):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-02.png);
}
.member-cloudsoft-eppy-list > li:nth-child(3):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-03.png);
}
.member-cloudsoft-eppy-list > li:nth-child(4):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-04.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(1):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-05.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(2):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-06.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(3):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-07.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(4):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-08.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(5):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-09.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(6):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-10.png);
}
.member-cloudsoft-eppy-list.col-2 > li:nth-child(7):before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/about/whats_cloudsoft/eppy-11.png);
}
.member-cloudsoft-eppy-voice{
	position: relative;
	font-family: var(--font-noto);
	z-index: 6;
}
.member-cloudsoft-eppy-list > li:nth-child(2n+1) .member-cloudsoft-eppy-voice::before,
.member-cloudsoft-eppy-list > li:nth-child(2n) .member-cloudsoft-eppy-voice::before{
	content: '';
	position: absolute;
	top: 23px;
	left: -10px;
	width: 11px;
	height: 14px;
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
	z-index: -1;
}
.member-cloudsoft-eppy-list > li:nth-child(2n+1) .member-cloudsoft-eppy-voice::before{
	background: #f8efe2;
}
.member-cloudsoft-eppy-list > li:nth-child(2n) .member-cloudsoft-eppy-voice::before{
	background: #faf5ef;
}
.member-cloudsoft-eppy-list > li:nth-child(2n+1) .member-cloudsoft-eppy-voice::after,
.member-cloudsoft-eppy-list > li:nth-child(2n) .member-cloudsoft-eppy-voice::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
	z-index: -1;
}
.member-cloudsoft-eppy-list > li:nth-child(2n+1) .member-cloudsoft-eppy-voice::after{
	background: #f8efe2;
}
.member-cloudsoft-eppy-list > li:nth-child(2n) .member-cloudsoft-eppy-voice::after{
	background: #faf5ef;
}
.member-cloudsoft-eppy-voice-inner{
	padding: 16px 20px;
}
.member-cloudsoft-eppy-voice p{
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: -.02em;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.member-cloudsoft-basis-two{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.member-cloudsoft-block-4-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 75px;
		padding: 60px 62px 65px;
	}
	.member-cloudsoft-block-4{
		max-width: 530px;
		width: 100%;
		margin-inline: auto;
	}
	.member-cloudsoft-eppy-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
		margin-block: 20px 0;
	}
}

@media screen and (max-width: 767px) {
	.member-cloudsoft{
		margin: 60px 0 0;
	}
	.member-cloudsoft-block > div + div{
		margin: 20px 0 0;
	}
	.member-cloudsoft-basis-one{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.member-cloudsoft-basis-two{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.member-cloudsoft-row-1 .member-cloudsoft-list-block{
		padding: 25px 20px 35px;
	}
	.member-cloudsoft-block-1 .member-cloudsoft-row-read,
	.member-cloudsoft-block-2 .member-cloudsoft-row-read{
		margin: 10px 0 0;
	}
	.member-cloudsoft-block-1 .member-cloudsoft-row-read p,
	.member-cloudsoft-block-2 .member-cloudsoft-row-read p{
		font-size: 1.3rem;
	}
	.member-cloudsoft-block-1 .member-cloudsoft-row-img{
		max-width: 100%;
		width: 100%;
		margin: 11px auto 0;
	}
	.member-cloudsoft-block-2 .member-cloudsoft-row-img{
		max-width: 292px;
		width: 100%;
		margin: 10px auto 0;
	}
	.member-cloudsoft-row-2 .member-cloudsoft-list-block{
		padding: 25px 20px 35px;
	}
	.member-cloudsoft-hope{
		margin: 20px 0 0;
	}
	.member-cloudsoft-hope-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2.32vw 2.32vw;
	}
	.member-cloudsoft-hope-list > li{
		position: relative;
		min-height: 68px;
		padding-inline: 4px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 3;
	}
	.member-cloudsoft-hope-list > li{
		font-family: var(--font-noto);
		font-weight: 500;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.5;
		letter-spacing: -.02em;
	}
	.member-cloudsoft-block-4-inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 75px;
		padding: 25px 20px 35px;
	}
	.member-cloudsoft-qs{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 33px;
	}
	.member-cloudsoft-qs-block-1,
	.member-cloudsoft-qs-block-2{
		padding: 25px 20px 35px;
	}
	.member-cloudsoft-qs-img{
		margin-block: 25px 0;
	}
	.member-cloudsoft-eppy-block{
		margin-block: 22px 0;
	}
	.member-cloudsoft-eppy-block{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
		margin-block: 20px 0;
	}
	.member-cloudsoft-eppy-list > li{
		position: relative;
		padding-inline: 68px 0;
		z-index: 6;
	}
	.member-cloudsoft-eppy-list > li + li{
		margin-block: 10px 0;
	}
	.member-cloudsoft-eppy-list > li::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		height: 50px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
	.member-cloudsoft-eppy-list > li:nth-child(2n+1) .member-cloudsoft-eppy-voice::before,
	.member-cloudsoft-eppy-list > li:nth-child(2n) .member-cloudsoft-eppy-voice::before{
		top: 18px;
	}
	.member-cloudsoft-eppy-voice-inner{
		padding: 20px;
	}
	.member-cloudsoft-eppy-voice p{
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 2;
		letter-spacing: -.02em;
	}
}