@charset "UTF-8";


/*========================================

  

========================================*/
main .bgwrap {
	background:url(/img/bg_pop.png) repeat center top;
	background-size:100% auto;
	padding-bottom:100px;
	border-bottom:1px solid #eee;
}
@media screen and (max-width: 767px) {
	main .bgwrap {
		padding-bottom:10vw;
	}
}


main .catchcopy {
	margin-top:30px;
	font-weight:bold;
	font-size:40px;
}
main .catchcopy span {
	color:#009d47;
	background:-webkit-linear-gradient(20deg, #00ab37, #00afd7, #d400c0);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

main .box {
	margin-top:150px;
}
main .box.firstbox {
	margin-top:50px;
}
main .box .imgbox {
}
main .box .imgbox img {
	width:50%;
	height:auto;
}
main .box .txtbox {
	position:relative;
	background-color:#fff;
	background:rgb(255,255,220);
	background:linear-gradient(130deg, rgba(255,255,220,1) 0%, rgba(211,233,255,1) 100%);
	width:840px;
	margin:0 auto;
	box-sizing:border-box;
	padding:50px 60px;
	margin-top:-50px;
	z-index:1;
	border-radius:10px;
	box-shadow:0 0 10px #fff;
}
main .box .txtbox h2 {
	font-size:28px;
	color:#555;
}
main .box .txtbox h2 span {
	background:-webkit-linear-gradient(0deg, #00ab37, #0077e2);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
main .box .txtbox h2 span.cl02 {
	background:-webkit-linear-gradient(0deg, #9d34ff, #ff4ba6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

main .box .txtbox p {
	text-align:left;
	margin-top:1em;
	line-height:1.7em;
}

.cp_breadcrumb {
	background-color:#fff;
}
@media screen and (max-width: 767px) {
	main .catchcopy {
		margin-top:7vw;
		font-size:6vw;
	}

	main .box {
		margin-top:10vw;
	}
	main .box.firstbox {
		margin-top:10vw;
	}
	main .box .txtbox {
		width:86%;
		padding:8vw 5vw;
		margin-top:-5vw;
	}
	main .box .txtbox h2 {
		font-size:4.8vw;
	}
	main .box .txtbox p {
		font-size:3.4vw;
	}
}