@charset "utf-8";

#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100lvh;
	z-index: -1;	
	pointer-events: none;
	user-select: none;
}

#bg_noise,
.recruit-bg-noise {
	position: absolute;	
	inset: 0;	
	z-index: 10;
	background-image: url('/wp-content/themes/renew_cloudsoft_theme/img/common//noise.png');
	background-repeat: repeat;
	background-size: 1000px 1000px;
	background-position: center;
	opacity: 0.04;
}

.recruit-bg-particle {
	position: absolute;
	inset: 0;
	z-index: 20;
}

#js_bgCanvas {
	position: absolute;
	inset: 0;
	z-index: -2; 
}

#js_bgParticles {
	position: absolute;
	inset: 0;
	z-index: -1;
}

#mainimage{
	opacity: 0;
	transition: all .32s;
	overflow: hidden;
}
#mainimage.fade-in{
	opacity: 1;
	transform: translate(0, 0);
}
.mainimage{
	position: relative;
	z-index: 1;;
}
.mainimage::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: -1;
}
.mv{
	position: relative;
	max-width: 1367px;
	width: 100%;
	min-height: 1102px;
	padding: 0 30px;
	margin: 0 auto;
	z-index: 1;
}
.mv-deco {
	background-color: #fff;
	border-radius: 50%;
	aspect-ratio: 1;
	pointer-events: none;
	user-select: none;
	position: absolute;
	z-index: -2;	
}
.mv-deco.__is1 {
	width: 15px;
	top: 20%;
	left: 30%;
	opacity: 0.3;
}
.mv-deco.__is2 {
	width: 15px;
	top: 10%;
	left: -5%;
	opacity: 0.3;
}
.mv-deco.__is3 {
	width: 10px;
	top: 40%;
	left: -3%;
	opacity: 0.3;
}
.mv-deco.__is4 {
	width: 12px;
	top: 50%;
	right: -3%;
	opacity: 0.25;
}
.mv-deco.__is5 {
	width: 12px;
	top: 20%;
	right: 10%;
	opacity: 0.1;
}
.mv-deco.__is6 {
	width: 16px;
	top: 80%;
	right: 5%;
	opacity: 0.15;
}
.mv-deco.__is7 {
	width: 16px;
	top: 60%;
	right: 55%;
	opacity: 0.15;
}
.mv-deco.__is8 {
	width: 10px;
	top: 10%;
	right: 25%;
	opacity: 0.15;
}
.mv-deco.__is8 {
	width: 5px;
	top: 8%;
	right: 15%;
	opacity: 0.15;
}
.mv-deco.__is9 {
	width: 12px;
	bottom: 8%;
	left: 10%;
	opacity: 0.15;
}
.mv-deco.__is10 {
	width: 9px;
	bottom: 14%;
	left: 30%;
	opacity: 0.15;
}
.mv::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 1367px 1102px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.mv-inner{
	position: relative;
	max-width: 1080px;
	width: 100%;
	height: 1102px;
	padding: 0;
	margin: 0 auto;
}
.mv-logo{
	position: absolute;
	top: 179px;
	left: 0;
	width: 200px;
	height: 251px;
	z-index: 3;
}
.mv-logo::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/logo.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.mv-pics {
	display: flex;
	align-items: flex-start;
	gap: 21px;
	position: absolute;
	top: 30%;
	left: -80px;
	z-index: -1;
}

.mv-pics-item {
	position: relative;	
	width: 175px;
	aspect-ratio: calc(175 / 425);			
	opacity: 0;	
	clip-path: path("M87.5,0 A87.5,87.5,0,0,1,163.44,131.25 L163.44,131.25 A87.5,87.5,0,0,1,11.56,131.25 L11.56,131.25 A87.5,87.5,0,0,1,87.5,0 Z");	
}
.mv-pics-item:nth-of-type(1) {
	transform: translateY(38%);	
}
.mv-pics-item:nth-of-type(2) {
	transform: translateY(59%);
}
.mv-pics-item:nth-of-type(3) {
	transform: translateY(-11%);
}

.mv-pics-item img {
	transform: scale(1.2);
}

.mv-pics-item:nth-of-type(1) [data-anim-loop="x"] {
	animation-duration: 50s;
}

.mv-pics-item:nth-of-type(2) [data-anim-loop="x"] {
	animation-duration: 55s;
	animation-delay: -5s;
}

.mv-pics-item:nth-of-type(3) [data-anim-loop="x"] {
	animation-duration: 52s;
	animation-delay: -53s;
}

.mv-pics-item:nth-of-type(1) [data-anim-loop="y"] {
	animation-duration: 58s;
	animation-delay: -85s;
}

.mv-pics-item:nth-of-type(2) [data-anim-loop="y"] {
	animation-duration: 52s;	
	animation-delay: -25s;
}

.mv-pics-item:nth-of-type(3) [data-anim-loop="y"] {
	animation-duration: 50s;
	animation-delay: -3s;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.mv-pics {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		top: 30%;
		left: 0;
		gap: 18px;
		width: 50%;
	}
	.mv-pics-item {
		width: 100%;
		clip-path: none !important;
		border-radius: 100px;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.mv-pics {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		top: 45%;
		left: 0;
		gap: 18px;
		width: calc(100% - 20px);
		left: 10px;
	}
	.mv-pics-item {
		width: 100%;
		clip-path: none !important;
		border-radius: 100px;
		overflow: hidden;
	}
	.mv-pics-item:nth-of-type(1) {
		transform: translateY(19%);	
	}
	.mv-pics-item:nth-of-type(2) {
		transform: translateY(30%);
	}
	.mv-pics-item:nth-of-type(3) {
		transform: translateY(-5%);
	}
}

.mv-head{
	position: absolute;
	top: 189px;
	right: 23px;
	width: 445px;
}
.mv-survey{
	position: absolute;
	bottom: 161px;
	right: 0;
	width: 557px;
	height: 175px;
	display: flex;
	align-items: center;
	z-index: 3;
}
.mv-survey::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/mv-survey-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .18));
	z-index: -1;
}
.mv-survey-inner{
	color: #fff;
	padding: 0 180px 0 63px;
}
.mv-survey-list > li{
	font-weight: 900;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: 0;
}
.mv-survey-list > li + li{
	margin: 8px 0 0;
}
.mv-survey-note{
	margin: 10px 0 0;
}
.mv-survey-note p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: -.02em;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.mv{
		min-height: 80.555vw;
	}
	.mv::after{
		background-size: 100vw 80.6vw;
	}
	.mv-inner{
		height: 80.555vw;
	}
	.mv-logo{
		position: absolute;
		top: 13.084vw;
		left: 6vw;
		width: 14.619vw;
		height: 18.347vw;
		z-index: 3;
	}
	.mv-head{
		position: absolute;
		top: 13.815vw;
		right: 1.68128vw;
		width: 36.529vw;
	}
	.mv-survey{
		bottom: 11.769vw;
		width: 40.7116vw;
		height: 12.7923vw;
	}
	.mv-survey-inner{
		color: #fff;
		padding: 0 13.157vw 0 4.605vw;
	}
	.mv-survey-list > li{
		font-weight: 900;
		font-size: 1.4619vw;
		line-height: 1;
		letter-spacing: 0;
	}
	.mv-survey-list > li + li{
		margin: .5847vw 0 0;
	}
	.mv-survey-note{
		margin: .7309vw 0 0;
	}
	.mv-survey-note p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: .804vw;
		line-height: 1;
		letter-spacing: -.02em;
	}
}

@media screen and (max-width: 767px) {
	.mv{
		position: relative;
		max-width: 1367px;
		width: 100%;
		min-height: 931px;
		padding: 0;
		margin: 0 auto;
		z-index: 1;
	}
	.mv::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
	.mv-inner{
		position: relative;
		max-width: 1080px;
		width: 100%;
		height: 931px;
		padding: 0;
		margin: 0 auto;
	}
	.mv-logo{
		display: none;
	}
	.mv-head{
		position: absolute;
		top: 102px;
		right: 50%;
		transform: translateX(50%);
		width: 258px;
	}
	.mv-survey{
		position: absolute;
		bottom: 57px;
		right: 50%;
		transform: translateX(50%);
		width: 90.697vw;
		height: 29.069vw;
		display: flex;
		align-items: center;
		z-index: 3;
	}
	.mv-survey::after{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/mv-survey-bg_sp.png);
	}
	.mv-survey-inner{
		color: #fff;
		padding: 0 28.6vw 0 9.3vw;
	}
	.mv-survey-list > li{
		font-weight: 900;
		font-size: 3.255vw;
		line-height: 1;
		letter-spacing: 0;
	}
	.mv-survey-list > li + li{
		margin: 8px 0 0;
	}
	.mv-survey-note{
		margin: 8px 0 0;
	}
	.mv-survey-note p{
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.86vw;
		line-height: 1;
		letter-spacing: -.02em;
	}
}

.main-content{
	padding: 164px 0 0;
}
.content-wrap{
	position: relative;
	max-width: 1368px;
	width: 100%;
	margin: 0 auto;
}
.content-inner{
	max-width: 1303px;
	width: 100%;
	margin: 0 auto;
}
.content-h2{
	padding: 0 0 0 112px;
}
.content-h2-txt{
	position: relative;
}
.content-h2-txt{
	font-weight: 700;
	font-size: 4.8rem;
	line-height: 1.3;
	letter-spacing: .1em;
}
.content-h2-txt::after{
	content: '';
	position: absolute;
	top: 34px;
	left: -112px;
	width: 88px;
	height: 1px;
	background: var(--color-red);
}
.content-h2-eng{
	display: inline-block;
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1;
	color: rgba(154, 140, 122, .5);
	margin: 16px 0 0;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.main-content{
		padding: 84px 0 0;
	}
	.content-h2-txt{
		font-weight: 700;
		font-size: 4.3rem;
		line-height: 1.3;
		letter-spacing: .1em;
	}
}

@media screen and (max-width: 767px) {
	.main{
		position: relative;
		z-index: 1;
	}
	.main-content{
		padding: 80px 0 0;
	}
	.content-wrap{
		position: relative;
		max-width: 1368px;
		width: 100%;
		margin: 0 auto;
	}
	.content-inner{
		max-width: 1303px;
		width: 100%;
		margin: 0 auto;
	}
	.content-h2{
		padding: 0 0 0 40px;
	}
	.content-h2-txt{
		position: relative;
	}
	.content-h2-txt{
		font-weight: 700;
		font-size: 3.2rem;
		line-height: 1.3;
		letter-spacing: .1em;
	}
	.content-h2-txt::after{
		content: '';
		position: absolute;
		top: 23px;
		left: -40px;
		width: 30px;
		height: 1px;
		background: var(--color-red);
	}
	.content-h2-eng{
		display: inline-block;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
		color: rgba(154, 140, 122, .5);
		margin: 15px 0 0;
	}
}

.company{
	padding: 0 32px 126px;
}
.company-block{
	position: relative;
	min-height: 715px;
	z-index: 3;
}
.company-block::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/company-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 40px;
	z-index: -1;
}
.company-block-inner{
	padding: 90px 113px 106px;
}
.company-h2{
	position: relative;
	z-index: 3;	
}
.company-h2-txt{
	font-weight: 700;
	font-size: 4.8rem;
	line-height: 1.66;
	letter-spacing: .1em;
}
.company-read{
	position: relative;
	margin: 44px 0 0;
	z-index: 3;
}
.company-read p{
	font-weight: 500;
	font-size: 2.1rem;
	line-height: 1.88;
}
.company-btn{
	margin: 51px 0 0;
}
.company-img{
	position: absolute;
	bottom: -126px;
	right: -32px;
	width: 434px;
	height: 436px;
	border-radius: 40px 0 0 40px;
	z-index: 1;
	overflow: hidden;
}

.company-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;	
	transform: scale(1.2);	
}

@media screen and (min-width:1368px) {
	.company-img{
		border-radius: 40px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.company{
		padding: 0 32px 156px;
	}
	.company-block{
		position: relative;
		min-height: auto;
		z-index: 3;
	}
	.company-block-inner{
		padding: 45px 56px 130px;
	}
	.company-h2-txt{
		font-weight: 700;
		font-size: 3.2rem;
		line-height: 1.66;
		letter-spacing: .1em;
	}
	.company-read{
		position: relative;
		margin: 32px 0 0;
		z-index: 3;
	}
	.company-read p{
		font-weight: 500;
		font-size: 1.8rem;
		line-height: 1.88;
	}
	.company-btn{
		margin: 41px 0 0;
	}
	.company-img{
		bottom: -156px;
		width: 300px;
		height: 301px;
	}
}

@media screen and (max-width: 767px) {
	.company{
		padding: 0 20px 80px;
	}
	.company-block{
		position: relative;
		min-height: 700px;
		z-index: 3;
	}
	.company-block::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/* background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/company-bg_sp.jpg); */
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 20px;
		z-index: -1;
	}
	.company-block-inner{
		padding: 41px 20px 261px;
	}
	.company-h2{
		position: relative;
		z-index: 3;	
	}
	.company-h2-txt{
		font-weight: 700;
		font-size: 5.58vw;
		line-height: 1.92;
		letter-spacing: .1em;
	}
	.company-read{
		position: relative;
		margin: 30px 0 0;
		z-index: 3;
	}
	.company-read p{
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.84;
	}
	.company-btn{
		margin: 30px 0 0;
	}
	.company-img{
		position: absolute;
		bottom: -80px;
		right: -20px;
		width: 287px;
		height: 290px;
		/* 20250411追記 */
		/* background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/company-img_sp.jpg); */
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 40px 0 0 40px;
		z-index: 1;t
	}
}


.about{
 padding: 63px 0 110px;
}
.about .content-h2-txt{
	color: #fff;
}
.about .content-h2-txt::after{
	background: #fff;
}
.about .content-h2-eng{
	color: rgba(255, 255, 255, .5);
}
.about-block{
	max-width: 1144px;
	width: 100%;
	margin: 75px auto 0;
	padding: 0 32px;
}
.about-block .slide-wrap{
	margin-left: -20px;
	margin-right: calc(50% - 50vw);
}
.about-list{
	display: block;
}
.about-list li{
	padding: 20px;
}
.about-list a{
	position: relative;
	color: #040000;
	width: 530px;
	min-height: 353px;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 190px;
	margin-inline: 0;
	z-index: 1;
}
.about-list a::before{
	content: '';
	position: absolute;
	bottom: 11px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.about-list a:hover::before{
	animation: btnIconRotation2 .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.about-list a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .16));
	transition: all 0.52s;
	opacity: 0;
	z-index: -1;
}
.about-list a:hover:after{
	opacity: 1;
}
.about-list a.about-case{
	position: relative;
	color: #040000;
	width: 724px;
	min-height: 353px;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 306px;
	margin-inline: 0 20px;
	z-index: 1;
}

.about-list-content{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 30px 20px 30px 34px;
	z-index: 1;
}
.about-list-content::before,
.about-list-content::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px 0 0 20px;
}
.about-list-content::after{
	background: linear-gradient(to bottom right, #F0DAB0, #F7CCC6);
	transition: all 0.52s;
	opacity: 0;
	z-index: -1;
}
.about-list a:hover .about-list-content::after{
	opacity: 1;
}
.about-list a.about-case:hover .about-list-content::after{
	opacity: 0;
}
.about-list-content::before{
	background: #fff;
	z-index: -2;
	transition: all 0.52s;
}
.about-list a.about-case:hover .about-list-content::before{
	opacity: 0;
}

.about-list a.about-case{
	position: relative;
	z-index: 6;
}
.about-list a.about-case::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px;
	background: linear-gradient(to bottom right, #F0DAB0, #F7CCC6);
	transition: all 0.52s;
	opacity: 0;
	z-index: -1;
}
.about-list a.about-case:hover::after{
	opacity: 1;
}
.about-list-h3{
	position: relative;
	padding-block: 25px 0;
	z-index: 6;
}
.about-list-h3::before{
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: .1em;
	color: #adadad;
	z-index: 1;
}
.about-01 .about-list-h3::before{
	content: '01';
}
.about-02 .about-list-h3::before{
	content: '02';
}
.about-03 .about-list-h3::before{
	content: '03';
}
.about-04 .about-list-h3::before{
	content: '04';
}
.about-05 .about-list-h3::before{
	content: '05';
}
.about-06 .about-list-h3::before{
	content: '06';
}
.about-list-h3-txt{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.55;
	letter-spacing: .1em;
}
.about-list-read{
	font-family: var(--font-noto);
	flex-grow: 1;
	margin: 18px 0 0;
}
.about-list-read p{
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2;
}
.about-list-img{
	position: relative;
	z-index: 1;
}
.about-list-img::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 20px 20px 0;
	z-index: 2;
}
.about-list-img.about-01::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-01.jpg);
}
.about-list-img.about-02::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-02.jpg);
}
.about-list-img.about-03::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-03.jpg);
}
.about-list-img.about-04::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-04.png);
}
.about-list-img.about-05::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-05.jpg);
}
.about-list-img.about-06::before{
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-06.jpg);
}
.about-list-img::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-def.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 20px 20px 0;
	opacity: 1;
	transition: all 0.52s;
	z-index: 3;
}
.about-list-img.about-04::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	background-image: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 20px 20px 0;
	opacity: 1;
	transition: all 0.52s;
	z-index: -1;
}
.about-list a:hover .about-list-img::after{
	opacity: 0;
}
.about-list a:hover .about-list-img.about-04::after{
	opacity: 0;
}
.about-block .slick-nav{
	position: relative;
	max-width: 28%;
	width: 100%;
	margin: 0 auto 0 31%;
}

.about-experience{
	margin: 20px 0 0;
}
.about-experience a{
	position: relative;
	color: #040000;
	min-height: 350px;
	height: 100%;
	display: grid;
	grid-template-columns: 41.85% 1fr;
	z-index: 1;
}
.about-experience a::before{
	content: '';
	position: absolute;
	bottom: 11px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.about-experience a:hover::before {	
	animation: btnIconRotation2 .5s cubic-bezier(0.76, 0, 0.24, 1);
}

.about-experience a::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px;
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .16));
	transition: all 0.52s;
	opacity: 0;
	z-index: -1;
}
.about-experience a:hover:after{
	opacity: 1;
}
.about-experience-content{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 45px 20px 58px 41px;
	z-index: 1;
}
.about-experience-content::before,
.about-experience-content::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 20px 0 0 20px;
}
.about-experience-content::after{
	background: linear-gradient(to bottom right, #F0DAB0, #F7CCC6);
	transition: all 0.52s;
	opacity: 0;
	z-index: -1;
}
.about-experience a:hover .about-experience-content::after{
	opacity: 1;
}
.about-experience-content::before{
	background: #fff;
	z-index: -2;
}
.about-experience-img{
	position: relative;
	z-index: 1;
}
.about-experience-img::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 0 20px 20px 0;
	z-index: -1;
}
.about-experience-img-inner{
	padding: 28px 60px 58px 20px;
}
.about-btn{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.about{
		padding: 63px 0 50px;
	}
	.about-block{
		max-width: 1144px;
		width: 100%;
		margin: 55px auto 0;
		padding: 0 32px;
	}
	.about-list a.about-case{
		width: 706px;
	}
	.about-block .slick-nav{
		position: relative;
		max-width: 52%;
		width: 100%;
		margin: 0 auto;
	}
	.about-experience a{
		grid-template-columns: 1fr;
	}
	.about-experience-content{
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 45px 20px 15px 41px;
		z-index: 1;
	}
	.about-experience-content::before,
	.about-experience-content::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 20px 20px 0 0;
	}
	.about-experience-content::after{
		background: linear-gradient(to bottom right, #F0DAB0, #F7CCC6);
		transition: all 0.52s;
		opacity: 0;
		z-index: -1;
	}
	.about-experience a:hover .about-experience-content::after{
		opacity: 1;
	}
	.about-experience-content::before{
		background: #fff;
		z-index: -2;
	}
	.about-experience-img{
		position: relative;
		z-index: 1;
	}
	.about-experience-img::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 0 0 20px 20px;
		z-index: -1;
	}
	.about-experience-img-inner{
		padding: 15px 60px 58px 20px;
	}
	
}

@media screen and (max-width: 767px) {
	.about{
		padding: 74px 0 65px;
	}
	.about-block{
		margin: 37px auto 0;
		padding: 0 20px;
	}
	.about-block .slide-wrap{
		margin-left: 0;
		margin-right: calc(50% - 50vw);
	}
	.about-list{
		display: block;
	}
	.about-list li{
		padding: 0 20px 0 0;
	}
	.about-list a{
		position: relative;
		color: #040000;
		width: 390px;
		min-height: 280px;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr 129px;
		margin-inline: 0;
		z-index: 1;
	}
	.about-list a::before{
		content: '';
		position: absolute;
		bottom: 11px;
		right: 10px;
		width: 27px;
		height: 27px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 3;
	}
	.about-list a::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 20px;
		filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .16));
		transition: all 0.52s;
		opacity: 0;
		z-index: -1;
	}
	.about-list a:hover:after{
		opacity: 0;
	}
	.about-list a.about-case{
		position: relative;
		color: #040000;
		width: 390px;
		min-height: 280px;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr;
		margin-inline: 0;
		z-index: 1;
	}
	
	.about-list-content{
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 20px;
		z-index: 1;
	}
	.about-list-content::before,
	.about-list-content::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 20px 0 0 20px;
	}
	.about-list-content::after{
		background: #fff;
		transition: all 0.52s;
		opacity: 0;
		z-index: -1;
	}
	.about-list a:hover .about-list-content::after{
		opacity: 0;
	}
	.about-list a.about-case:hover .about-list-content::after{
		opacity: 1;
	}
	.about-list-content::before{
		background: #fff;
		z-index: -2;
		transition: all 0.52s;
	}
	.about-list a.about-case:hover .about-list-content::before{
		opacity: 1;
	}
	
	.about-list a.about-case{
		position: relative;
		z-index: 6;
	}
	.about-list a.about-case::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 20px;
		background: linear-gradient(to bottom right, #F0DAB0, #F7CCC6);
		transition: all 0.52s;
		opacity: 0;
		z-index: -1;
	}
	.about-list a.about-case:hover::after{
		opacity: 0;
	}
	.about-list a.about-case .about-list-content::before,
	.about-list a.about-case .about-list-content::after{
		border-radius: 20px;
	}
	.about-list-h3-txt{
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1.55;
		letter-spacing: .1em;
	}
	.about-list-read{
		font-family: var(--font-noto);
		flex-grow: 1;
		margin: 18px 0 0;
	}
	.about-list-read p{
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	.about-list-img{
		position: relative;
		z-index: 1;
	}
	.about-list-img::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 0 20px 20px 0;
		z-index: 2;
	}
	.about-list-img.about-01::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-01_sp.jpg);
	}
	.about-list-img.about-02::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-02_sp.jpg);
	}
	.about-list-img.about-03::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-03_sp.jpg);
	}
	.about-list-img.about-04::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-04_sp.png);
	}
	.about-list-img.about-05::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-05_sp.jpg);
	}
	.about-list-img.about-06::before{
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-06_sp.jpg);
	}
	.about-list-img::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-img-def.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 0 20px 20px 0;
		opacity: 1;
		transition: all 0.52s;
		z-index: 3;
	}
	.about-list-img.about-04::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		background-image: none;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 0 20px 20px 0;
		opacity: 1;
		transition: all 0.52s;
		z-index: -1;
	}
	.about-list a:hover .about-list-img::after{
		opacity: 1;
	}
	.about-list a:hover .about-list-img.about-04::after{
		opacity: 1;
	}
	.about-list-img.about-04{
		display: none;
	}
	.about-block .slick-nav{
		position: relative;
		max-width: 85%;
		margin: 0 auto 0 20px;
	}
	.about-experience{
		margin: 20px 0 0;
	}
	.about-experience a{
		position: relative;
		color: #040000;
		min-height: 696px;
		height: 100%;
		display: block;
		z-index: 1;
	}
	.about-experience a::before{
		content: '';
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 27px;
		height: 27px;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/about-icon.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 3;
	}
	.about-experience a::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 20px;
		filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, .16));
		transition: all 0.52s;
		opacity: 1;
		z-index: -1;
	}
	.about-experience a:hover:after{
		opacity: 1;
	}
	.about-experience-content{
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 20px 20px 0;
		z-index: 1;
	}
	.about-experience-content::before,
	.about-experience-content::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 20px 20px 0 0;
	}
	.about-experience-content::after{
		background: #ede0cf;
		transition: all 0.52s;
		opacity: 0;
		z-index: -1;
	}
	.about-experience a:hover .about-experience-content::after{
		opacity: 1;
	}
	.about-experience-content::before{
		background: #fff;
		z-index: -2;
	}
	.about-experience-img{
		position: relative;
		z-index: 1;
	}
	.about-experience-img::before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-radius: 0 0 20px 20px;
		z-index: -1;
	}
	.about-experience-img-inner{
		max-width: 327px;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 39px;
	}
}
@media screen and (max-width: 429px) {
	.about-block{
		margin: 37px auto 0;
		padding: 0;
	}
	.about-list li{
		padding: 0 20px;
	}
	.about-list a{
		position: relative;
		color: #040000;
		width: 355px;
		min-height: 289px;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr 129px;
		margin-inline: 0;
		z-index: 1;
	}
	.about-list a.about-case{
		position: relative;
		color: #040000;
		width: 355px;
		min-height: 289px;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr;
		margin-inline: 0;
		z-index: 1;
	}
	.about-block .slick-nav{
		position: relative;
		max-width: 86%;
		margin: 0 auto;
	}
	.about-list-img.about-04{
		display: none;
	}
}


.group{
	padding: 110px 0 162px;
}
.group .content-h2-txt{
	letter-spacing: .05em;
}
.group .content-inner{
	position: relative;
	min-height: 877px;
}
.group-head{
	max-width: 1250px;
	width: 100%;
	display: grid;
	grid-template-columns: 520px 1fr;
}
.group-block{
	position: relative;
	max-width: 1303px;
	width: 100%;
	margin: 80px auto 0;
	padding: 0 32px;
	z-index: 6;
}
.group-read{
	margin-inline: 60px 0;
}
.group-read p{
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 2;
}
.group-note{
	max-width: 1144px;
	width: 100%;
	margin: 50px auto 0;
}
.group-note p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.875;
}
.group-btn{
	display: flex;
	justify-content: center;
	margin-block: 40px 0;
}
.group-img{
	max-width: 822px;
	width: 100%;
	margin: 0 auto;
}
.group-img-inner{
	position: relative;
}
.group-img-figure{
	max-width: 876px;
	aspect-ratio: 822 / 876;
	width: 100%;
	z-index: 3;
}
.group-img-figure-point {
	width: 136px;
	aspect-ratio: 1;
	position: absolute;
}
.group-img-figure-point.__is1 {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(calc(-50% - 115px));
	z-index: 8;		
}
.group-img-figure-point.__is2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 8;	
}
.group-img-figure-point.__is3 {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(calc(-50% + 115px));
	z-index: 8;	
}
.group-img-figure-center {
	width: 143px;
	aspect-ratio: 1;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 50%);
	bottom: 330px;
	border-radius: 50%;
	box-shadow: 0 0 45px rgb(95, 95, 95, 25%);	
	z-index: 10;	
}

@keyframes groupFig {
	0% {
		transform: translate(-50%, 50%) scale(1);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, 50%) scale(1.1);
	}
}
.group-img-figure::before {
	position: absolute;
	bottom: 330px;
	left: 50%;
	transform: translate(-50%, 50%);
	content: "";
	width: 480px;
	aspect-ratio: 1;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: -1;	
	animation: groupFig 2s ease-in-out infinite;
}
	
.group-img-figure-ses {
	width: 360px;
	aspect-ratio: 1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 152px;
	border-radius: 50%;
	box-shadow: 0 0 40px rgb(240, 123, 132, 70%);
	z-index: 5;
	backdrop-filter: blur(20px);
}
.group-img-figure-recruit {
	width: 360px;
	aspect-ratio: 1;
	position: absolute;
	border-radius: 50%;
	left: 27px;
	bottom: 27px;
	box-shadow: 0 0 40px rgb(66, 122, 221, 70%);
	backdrop-filter: blur(20px);
}
.group-img-figure-free {
	width: 360px;
	aspect-ratio: 1;
	position: absolute;
	right: 27px;
	bottom: 27px;	
	border-radius: 50%;
	box-shadow: 0 0 40px rgb(118, 195, 67, 70%);
	backdrop-filter: blur(20px);
}
.group-img-copy{
	position: absolute;
	top: 0;
	right: 112px;
	max-width: 66px;
	width: 100%;
	z-index: 3;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.group{
		padding: 50px 0 162px;
	}
	.group-head{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 32px;
	}
	.group-block{
		position: initial;
	}
	.group-read p{
		text-align: left;
	}
	.group-note p{
		text-align: center;
	}
	.group-note{
		margin: 30px 0 0;
	}
	.group-img{
		position: static;
		max-width: 720px;
		width: 100%;
		height: 768px;
		margin: 40px auto 0;
	}
	.group-img-figure-center {
		width: 130px;
		bottom: 268px;
	}
	.group-img-figure::before {
		bottom: 268px;
		width: 380px;
	}
	.group-img-figure-ses {
		width: 300px;
	}
	.group-img-figure-free {
		width: 300px;
	}
	.group-img-figure-recruit {
		width: 300px;
	}
	.group-img-copy{
		right: 60px;
	}
}

@media screen and (max-width: 767px) {
	.group{
		padding: 65px 0 112px;
	}
	.group .content-inner{
		position: relative;
		min-height: initial;
	}
	.group-head{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 32px;
	}
	.group-block{
		position: initial;
		margin: 34px auto 0;
		padding: 0 40px;
		overflow: hidden;
		z-index: 6;
	}
	.group-read{
		margin-inline: 40px;
	}
	.group-read p{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 2;
	}
	.group-note{
		margin: 33px 0 0;
	}
	.group-note p{
		font-family: var(--font-noto);
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.714;
	}
	.group-btn{
		display: block;
		margin: 40px auto 0 40px;
	}
	.group-btn a.button{
		padding: 0 80px 0 50px;
	}
	.group-btn a.button::before{
		right: 40px;
	}
	.group-img{
		position: static;
		max-width: 352px;
		width: 100%;
		height: 468px;
		margin: 40px auto 0;
	}
	.group-img-figure-center {
		width: 102px;
		aspect-ratio: 1;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 50%);
		bottom: 163px;
		border-radius: 50%;
		box-shadow: 0 0 45px rgb(95, 95, 95, 25%);	
		z-index: 10;	
	}
	.group-img-figure {
		position: relative;
		width: 100%;
		margin: 255px 0 0;
		aspect-ratio: auto;
		width: 100%;
		max-width: 352px;
		width: 100%;
		height: 442px;
		margin-left: auto;
		margin-right: auto;			
		margin-bottom: 30px;	
	}
	.group-img-figure::before {
		position: absolute;
		bottom: 163px;
		left: 50%;
		transform: translate(-50%, 50%);
		content: "";
		width: 212px;
		aspect-ratio: 1;
		border: 1px solid #fff;
		border-radius: 50%;
		z-index: -1;	
		animation: groupFig 2s ease-in-out infinite;
	}
		
	.group-img-figure-ses {
		width: 180px;
		aspect-ratio: 1;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 116px;
		border-radius: 50%;
		box-shadow: 0 0 40px rgb(240, 123, 132, 70%);
		z-index: 5;
		backdrop-filter: blur(20px);
	}
	.group-img-figure-recruit {
		width: 180px;
		aspect-ratio: 1;
		position: absolute;
		border-radius: 50%;
		left: 3px;
		bottom: 0;
		box-shadow: 0 0 40px rgb(66, 122, 221, 70%);
		backdrop-filter: blur(20px);
		z-index: 6;
	}
	.group-img-figure-free {
		width: 180px;
		aspect-ratio: 1;
		position: absolute;
		right: 3px;
		bottom: 0;	
		border-radius: 50%;
		box-shadow: 0 0 40px rgb(118, 195, 67, 70%);
		backdrop-filter: blur(20px);
		z-index: 7;
	}
	.group-img-copy{
		position: absolute;
		top: -250px;
		right: 50%;
		transform: translateX(50%);
		max-width: 136px;
		width: 100%;
		z-index: 3;
	}
}
@media screen and (max-width: 414px) {
	.group-img-figure-free {
		right: -8px;
	}
	.group-img-figure-recruit {
		left: -8px;

	}
}
@media screen and (max-width: 390px) {
	.group-img-figure-free {
		right: -20px;
	}
	.group-img-figure-recruit {
		left: -20px;

	}
}
@media screen and (max-width: 375px) {
	.group-read p{
		font-weight: 700;
		font-size: 1.7rem;
		line-height: 2;
	}
	.group-img-figure-center {
		width: 92px;
		aspect-ratio: 1;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 50%);
		bottom: 148px;
		border-radius: 50%;
		box-shadow: 0 0 45px rgb(95, 95, 95, 25%);	
		z-index: 10;	
	}
	.group-img-figure {
		position: relative;
		width: 100%;
		margin: 255px 0 0;
		aspect-ratio: auto;
		width: 100%;
		max-width: 352px;
		width: 100%;
		height: 428px;
		margin-left: auto;
		margin-right: auto;			
		margin-bottom: 30px;	
	}
	.group-img-figure::before {
		position: absolute;
		bottom: 148px;
		left: 50%;
		transform: translate(-50%, 50%);
		content: "";
		width: 202px;
		aspect-ratio: 1;
		border: 1px solid #fff;
		border-radius: 50%;
		z-index: -1;	
		animation: groupFig 2s ease-in-out infinite;
	}
	.group-img-figure-ses {
		width: 170px;
		aspect-ratio: 1;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 116px;
		border-radius: 50%;
		box-shadow: 0 0 40px rgb(240, 123, 132, 70%);
		z-index: 5;
		backdrop-filter: blur(20px);
	}
	.group-img-figure-recruit {
		width: 170px;
		aspect-ratio: 1;
		position: absolute;
		border-radius: 50%;
		left: -18px;
		bottom: 0;
		box-shadow: 0 0 40px rgb(66, 122, 221, 70%);
		backdrop-filter: blur(20px);
		z-index: 6;
	}
	.group-img-figure-free {
		width: 170px;
		aspect-ratio: 1;
		position: absolute;
		right: -18px;
		bottom: 0;	
		border-radius: 50%;
		box-shadow: 0 0 40px rgb(118, 195, 67, 70%);
		backdrop-filter: blur(20px);
		z-index: 7;
	}
	.group-img-copy{
		position: absolute;
		top: -250px;
		right: 50%;
        transform: translateX(50%);
		max-width: 136px;
		width: 100%;
		z-index: 3;
	}
}
@media screen and (max-width: 344px) {
	.group-img-figure-free {
		right: -30px;
	}
	.group-img-figure-recruit {
		left: -30px;

	}
}

/*
 * .document-block{
	position: relative;
	max-width: 1144px;
	width: 100%;
	margin: 62px auto 0;
	padding: 0 32px;
	z-index: 6;
}
.document-pdf iframe{
	border-radius: 30px !important;
    box-shadow: none !important;
}

@media screen and (max-width: 767px) {
	.document-block{
		margin: 50px auto 0;
		padding: 0 20px;
	}
	.document-pdf iframe{
		border-radius: 20px !important;
		box-shadow: none !important;
	}
}
*/

.document-block{
	position: relative;
	max-width: 1144px;
	width: 100%;
	margin: 62px auto 0;
	padding: 0 32px;
	z-index: 6;
}
.document-movie-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.document-movie-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 0;
}
@media screen and (max-width: 767px) {
	.document-block{
		margin: 50px auto 0;
		padding: 0 20px;
	}
	.document-movie-container iframe{
		border-radius: 20px ;
	}
}

.content-02{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 332px;
	z-index: 5;
}
.content-02::after{
	content: '';
	position: absolute;
	top: -297px;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/content-02-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	border-radius: 100px 100px 0 0;
	z-index: -1;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.content-02{
		padding: 0 0 283px;
	}
	.content-02::after{
		top: -30vw;
	}
}

@media screen and (max-width: 767px) {
	.content-02{
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 222px;
		z-index: 5;
	}
	.content-02::after{
		content: '';
		position: absolute;
		top: -125px;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/content-02-bg_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		border-radius: 20px 20px 0 0;
		z-index: -1;
	}
}


.blog-interview{
	position: relative;
	padding: 162px 0 170px;
}
.blog-interview-block{
	position: relative;
	max-width: 1144px;
	width: 100%;
	margin: 82px auto 0;
	padding: 0 32px;
	z-index: 6;
}
.blog-interview-content{
	display: grid;
	grid-template-columns: 1fr 234px;
	grid-gap: 40px;
}
.blog-interview-read{
	width: 100%;
}
.blog-interview-read p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2;
}
.blog-interview-btn-pc{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 8px;
}
.blog-interview-slide-block{
	max-width: 1144px;
	width: 100%;
	margin: 83px auto 0;
	padding: 0 32px;
}
.blog-interview-slide{
	margin-right: calc(50% - 50vw);
}
.interview-slider{
	opacity: 0;
	transition: opacity .3s linear;
}
.interview-slider.slick-initialized{
	opacity: 1;
}
.interview-box{
	cursor: grab;
}
.interview-box:active {
	cursor: grabbing;
}
.interview-box {
	width: 338px;
	height: auto;
	padding: 0 25px 0 0;
	display: block;
}
.interview-img img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.interview-name{
	margin: 16px 0 0;
}
.interview-name p{
	font-family: var(--font-noto);
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.5;
	color: var(--color-red);
}
.interview-title{
	margin: 10px 0 0;
}
.interview-title p{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: 2.0rem;
	line-height: 1.6;
	color: var(--color-black);
}
.slick-nav {
	position: relative;
	max-width: 44%;
	width: 100%;
	margin: 0 auto 0 19%;
}
.slick-num {
	width: auto;
	margin: 0 auto 5px;
	font-size: 14px;
	letter-spacing: 0.06em;
	line-height: calc(27 / 14);
	text-align: center;
	color: #000;
}
.arrow_box {
	width: 100%;
	position: relative;
	top: 0;
}
.slick-slider {
	padding: 0 0 55px;
	margin: 0;
}
.slick-arrow {
	width: 44px;
	height: 44px;
	background-size: 44px 44px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 2px;
	color: transparent;
	overflow: hidden;
	text-indent: 40px;
	border: none;
	position: absolute;
	z-index: 10;
	top: unset;
	bottom: unset;
}
.slick-arrow.slick-prev {
	left: 0;
	top: 1px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/arrow-left-c.png);
	background-position: left center;
	transform: translateY(-50%);
	opacity: 1.0;
	transition: opacity .4s ease-out;
}
.slick-arrow.slick-next {
	right: 0;
	top: 1px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/arrow-right-c.png);
	background-position: right center;
	transform: translateY(-50%);
	opacity: 1.0;
	transition: opacity .4s ease-out;
}
.about-block .slick-arrow {
	width: 44px;
	height: 44px;
	background-size: 44px 44px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 2px;
	color: transparent;
	overflow: hidden;
	text-indent: 40px;
	border: none;
	position: absolute;
	z-index: 10;
	top: unset;
	bottom: unset;
}
.about-block .slick-arrow.slick-prev {
	left: 0;
	top: 1px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/arrow-left-c.png);
	background-position: left center;
	transform: translateY(-50%);
	opacity: 1.0;
	transition: opacity .4s ease-out;
}
.about-block .slick-arrow.slick-next {
	right: 0;
	top: 1px;
	background-image: url(/wp-content/themes/renew_cloudsoft_theme/img/top/arrow-right-c.png);
	background-position: right center;
	transform: translateY(-50%);
	opacity: 1.0;
	transition: opacity .4s ease-out;
}
.slick-arrow.slick-prev:hover,
.slick-arrow.slick-next:hover {
	opacity: 0.6;
}
.slick-arrow.slick-prev.slick-disabled,
.slick-arrow.slick-next.slick-disabled {
	opacity: 0.5;
	pointer-events: none;
	cursor: pointer;
}
.progress-container {
	width: calc(100% - 114px);
	height: 2px;
	background-color: rgba(154, 140, 122, .49);
	border-radius: 5px;
	position: relative;
	margin: 0 auto;
}
.progress-bar {
	width: 0;
	height: 100%;
	background-color: var(--color-brown);
	position: absolute;
	top: 0;
	left: 0;
	transition: width 0.5s ease;
}
.about-block .progress-container {
	width: calc(100% - 114px);
	height: 2px;
	background-color: rgba(154, 140, 122, .49);
	border-radius: 5px;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.blog-interview{
		position: relative;
		padding: 102px 0 120px;
	}
	.interview-box {
		width: 314px;
	}
	.slick-nav {
		position: relative;
		max-width: 52%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.blog-interview{
		position: relative;
		padding: 74px 0 287px;
	}
	.blog-interview-block{
		position: initial;
		margin: 29px auto 0;
		padding: 0 40px;
	}
	.blog-interview-content{
		display: block;
	}
	.blog-interview-read p{
		font-family: var(--font-noto);
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.84;
	}
	.blog-interview-btn-pc{
		display: none;
	}
	.blog-interview-btn{
		position: absolute;
		bottom: 65px;
		left: 40px;
		margin: 0;
	}
	.blog-interview-btn a.button{
		padding: 0 80px 0 50px;
	}
	.blog-interview-btn a.button::before{
		right: 40px;
	}
	.blog-interview-btn a.button + a.button{
		margin-block: 16px 0;
	}
	.blog-interview-slide{
		margin: 44px 0 0 0;
	}
	.blog-interview-slide{
		margin-right: calc(50% - 50vw);
	}
	.interview-box {
		width: 225px;
		height: auto;
		padding: 0 21px 0 0;
		display: block;
	}
	.interview-title{
		margin: 10px 0 0;
	}
	.interview-title p{
		font-family: var(--font-noto);
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 2;
		color: var(--color-black);
	}
	.slick-nav {
		position: relative;
		max-width: calc(100% - 40px);
		margin: 0 auto 0 0;
	}
	.arrow_box {
		width: 100%;
		position: relative;
		top: 0;
	}
	.slick-slider {
		padding: 0 0 55px;
		margin: 0;
	}
}

.news{
	padding: 0 32px;
}
.news .content-inner{
	position: relative;
	z-index: 3;
}
.news .content-inner::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border-radius: 40px;
	z-index: -1;
}
.news-block{
	display: grid;
	grid-template-columns: 33.9% 1fr;
	padding: 88px 0 120px;
}
.news-title{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news-all{
	padding: 0 0 0 112px;
	margin: 32px 0 0;
}
.news-all a{
	display: inline-block;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: .1em;
	color: var(--color-brown);
	white-space: nowrap;
}
.news-all a{
	position: relative;
	padding: 5px 0;
	transition: all 0.52s;
}
.news-all a::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--color-brown);
}
.news-all a:hover{
	opacity: .6;
}
.news-article-list{
	padding: 0 13% 0 0;
}
.news-article-list dl{
	display: grid;
	grid-template-columns: 14% 1fr;
	grid-gap: 2%;
	padding: 19px 0 22px;
	border-bottom: 1px #dedede solid;
}
.news-article-list dt{
	font-family: var(--font-noto);
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1;
	color: #707070;
	padding: 6px 0 0;
}
.news-article-list dd a{
	font-family: var(--font-noto);
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.6;
	color: var(--color-black);
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.news-block{
		display: grid;
		grid-template-columns: 1fr;
		padding: 58px 0 80px;
	}
	.news-title{
		display: flex;
		flex-direction: initial;
		justify-content: space-between;
	}
	.news-all{
		padding: 0 32px 0 0;
		margin: 15px 0 0;
	}
	.news-article-list{
		padding: 0 32px 0;
	}
}

@media screen and (max-width: 767px) {
	.news{
		padding: 0 20px;
	}
	.news .content-inner{
		position: relative;
		z-index: 3;
	}
	.news .content-inner::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #f8f8f8;
		border-radius: 20px;
		z-index: -1;
	}
	.news-block{
		display: grid;
		grid-template-columns: 1fr;
		padding: 20px 0 35px;
	}
	.news-title{
		display: flex;
		flex-direction: initial;
		justify-content: space-between;
	}
	.news-title .content-h2{
		margin: 0 0 0 -20px;
	}
	.news-all{
		padding: 0 20px 0 0;
		margin: 6px 0 0;
	}
	.news-article-list{
		padding: 14px 20px 0;
	}
	.news-article-list dl{
		display: block;
		padding: 10px 0 0;
		border-bottom: 1px #dedede solid;
	}
	.news-article-list dt{
		font-family: var(--font-noto);
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1;
		padding: 6px 0 0;
	}
	.news-article-list dd a{
		display: block;
		font-family: var(--font-noto);
		font-weight: 400;
		font-size: 1.3rem;
		line-height: 1.84;
		color: var(--color-black);
		padding: 8px 0 13px;
	}
}

.movie-op-block{
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
}
.movie-op-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie-op-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 0;
}

@media screen and (max-width: 767px) {
	.movie-op-container iframe{
		border-radius: 20px;
	}
}