.pdb100{padding-bottom:100px;}
.txt-pudublue{color:var(--color-pudu-blue);}
.txt-or{color:var(--color-seco);}
.w60{width:60%;margin-left:auto;margin-right:auto;}
.bg-grad{background-image: linear-gradient(90deg, rgba(4, 78, 199, 1), rgba(34, 63, 142, 1) 50%, rgba(19, 158, 222, 1));}
.c-pudu-button--border .c-pudu-button__inner.bg-grad:hover{background-image: linear-gradient(90deg, rgba(19, 158, 222, 1), rgba(34, 63, 142, 1) 50%, rgba(4, 78, 199, 1));}
.c-separator {
	margin: 20px auto;
	border-top: 1px solid var(--color-pudu-blue);
}
.c-imageset-small__inner {border:none;}
.c-imageset-small__title{font-size:1.8rem;}
.c-pudu-button__inner > span{color:#fff;font-weight:bold;}
.c-grid__item{position:relative;}
.c-caption-blue-box {
	display: block;
	padding: 30px;
	background-color: #eaf2f7;
}
.card-box{
	display:block;
	padding: 30px;
	background:#fff;
}
.check-box{
	display:block;
	margin:30px auto;
	padding: 30px;
	border:solid 6px var(--color-prim);
}
.check-box .c-pudu-button__inner {
	background-color: var(--color-prim);
}
.check-box .c-pudu-button__inner:hover {
	background-color: var(--color-pudu-prim);
}
.c-heading-tert {
	color:#fff;
	font-weight:bold;
	background-color: var(--color-prim);
}
.c-heading-quin::before {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	top: 0.2em;
	background-color: var(--color-prim);
}
.play-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
	height: auto;
	filter: drop-shadow(1px 1px 2px #666);
	z-index: 3;
}
@media (min-width: 768px) {
	.c-imageset-small__inner {
		grid-template-columns: 340px 1fr;
		grid-template-rows: auto 1fr;
		gap: 20px 50px; 
		align-items: flex-start;
		padding:0;
	}
	.pudu-support-button-m {
		margin: 0 auto;
		padding: 0 30px;
		width: fit-content;
		min-width: 400px;
		max-width: 440px;
	}
	.c-caption-blue-box {
		padding: 50px 70px;
	}
	.card-box{
		position:absolute;
		top:50%;
		left:-50px;
		transform: translateY(-50%);
	}
}
.bg-ph {
	position: relative;
	margin-top: -30px;
	padding: 50px 0 0;
	background-image: url(https://afrel-robotics.jp/assets/pudu/images/home/bg_01-1.jpg);
	background-size: cover;
	overflow: hidden;
}
#kadai .c-grid__item.flex{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px;
	color:var(--color-pudu-blue) ;
	font-size:2.2rem;
	font-weight:bold;
	border-radius:20px;
	background-color:#fff;
}
#kadai .c-imagelink__title::before{content:none;}
#kadai .c-imagelink__title{padding-left:0;font-size:2.6rem;}
#kadai .c-lead{
	line-height:1.4;
	font-size:4rem;
	text-align:left;
}
#kadai .c-lead.txt-kaiketsu{
	padding-top:80px;
	font-size:3rem;
	text-align:center;
}
#kadai .c-lead.txt-bot{
	font-size:2.8rem;
	text-align:left;
}
.radius-box{
	display:block;
	border-radius:20px;
	overflow:hidden;
}
@media screen and (min-width: 768px){
	#kadai {padding-bottom:0;padding-bottom:90px;}
	#kadai .c-lead,
	#kadai .c-lead.txt-kaiketsu{font-size:3.6rem;text-align:center;}
	#kadai .c-lead.txt-bot{font-size:3rem;}
	#kadai .w80{margin:0 auto;width:68%;}
}