@charset "utf-8";

img{
	max-width: 100%;
}

.twoColumn, section + section {
	margin-top: 0;
}

.pc_switch{
	display: block;
}

.sp_switch{
	display: none;
}

.contents_pc .inner{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0;
}

.contents_pc .sec7 .inner{
	position: relative;
	z-index: 1;
}

.contents_pc .sec7 .txt img{
	position: absolute;
	z-index: 2;
	right: 0;
}

.contents_pc .sec7 .txt .img1{
	top: 518px;
}

.contents_pc .sec7 .txt .img2{
	top: 971px;
}

.contents_pc .sec7 .txt .img3{
	bottom: 123px;
}

.contents_pc .sec15 .faq{
	text-align: left;
	margin-bottom: 59px;
}

.contents_pc .sec15 .faq_item:not(:last-child){
	margin-bottom: 3px;
}

.contents_pc .sec15 .faq_item .ttl{
	font-size: 20px;
	position: relative;
	background: #ece8dd;
	padding: 18px 0 18px 132px;
	cursor: pointer;
}

.contents_pc .sec15 .faq_item .ttl:before{
	position: absolute;
	content: "";
	background: url(/co-backyard/wp-content/uploads/specialcontent/360-dailybra/img/pc/icon_q.png) no-repeat;
	width: 24px;
	height: 33px;
	top: 50%;
	left: 58px;
	transform: translateY(-50%);
}

.contents_pc .sec15 .faq_item .ttl span:before,
.contents_pc .sec15 .faq_item .ttl span:after{
	position: absolute;
	content: "";
	display: block;
	width: 17px;
	height: 2px;
	background: #2f2f2f;
	right: 75px;
	top: 50%;
}

.contents_pc .sec15 .faq_item .ttl span:before{
	transform: translateY(-50%);
}

.contents_pc .sec15 .faq_item .ttl span:after{
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}

.contents_pc .sec15 .faq_item .ttl.open span:after{
	transform: rotate(0);
}

.contents_pc .sec15 .faq_item .txt{
	display: none;
	position: relative;
	font-size: 18px;
	background: #f8ede8;
	padding: 30px 0 30px 132px;
}

.contents_pc .sec15 .faq_item .txt:before{
	position: absolute;
	content: "";
	background: url(/co-backyard/wp-content/uploads/specialcontent/360-dailybra/img/pc/icon_a.png) no-repeat;
	width: 22px;
	height: 24px;
	top: 38px;
	left: 58px;
}

/*---------- CTA ----------*/
.cta{
	position: relative;
}

.btn{
	border: none;
	padding: 0 0;
}

.cta_wrap .cta .btn{
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.cta_wrap .cta .btn1{
	bottom: 61px;
}

.cta_wrap .cta .btn2{
	bottom: 66px;
}

.cta_wrap .cta .btn3{
	bottom: 60px;
}

.cta_wrap .cta .btn4{
	bottom: 64px;
}

.cta_wrap2 .cta .btn{
	width: 425px;
	position: absolute;
}

.cta_wrap2 .cta .btn1{
	left: 62px;
	bottom: 76px;
}

.cta_wrap2 .cta .btn2{
	right: 61px;
	bottom: 76px;
}

.cta_wrap2 .cta .btn3{
	left: 62px;
	bottom: 80px;
}

.cta_wrap2 .cta .btn4{
	right: 61px;
	bottom: 80px;
}

.cta_wrap2 .cta .btn5{
	left: 62px;
	bottom: 76px;
}

.cta_wrap2 .cta .btn6{
	right: 61px;
	bottom: 76px;
}

.cta_wrap2 .cta .btn7{
	left: 62px;
	bottom: 86px;
}

.cta_wrap2 .cta .btn8{
	right: 61px;
	bottom: 86px;
}

.revico-star{
	margin-bottom: 100px;
}

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

	.revico-star{
		margin-bottom: 30px;
	}

	.revico-star-graph-wrapper{
		width: 100%!important;
	}

	.contents_sp .inner{
		padding: 0 0;
	}

	.pc_switch{
		display: none;
	}

	.sp_switch{
		display: block;
	}

	.sec7 .inner{
		position: relative;
		z-index: 1;
	}

	.sec7 .txt img{
		width: 71.2%;
		position: absolute;
		z-index: 2;
		right: 0;
	}

	.sec7 .txt .img1{
		top: 26.09%;
	}

	.sec7 .txt .img2{
		top: 48.91%;
	}

	.sec7 .txt .img3{
		bottom: 11.03%;
	}

	.sec15 .faq{
		text-align: left;
		margin-bottom: 19px;
	}

	.sec15 .faq_item:not(:last-child){
		margin-bottom: 3px;
	}

	.sec15 .faq_item .ttl{
		font-size: 12px;
		position: relative;
		background: #ece8dd;
		padding: 8px 40px 8px 38px;
		cursor: pointer;
	}

	.sec15 .faq_item .ttl:before{
		position: absolute;
		content: "";
		background: url(/co-backyard/wp-content/uploads/specialcontent/360-dailybra/img/sp/icon_q.png) no-repeat;
		background-size: 100% auto;
		width: 11px;
		height: 15px;
		top: 50%;
		left: 16px;
		transform: translateY(-50%);
	}

	.sec15 .faq_item .ttl span:before,
	.sec15 .faq_item .ttl span:after{
		position: absolute;
		content: "";
		display: block;
		width: 9px;
		height: 2px;
		background: #2f2f2f;
		right: 16px;
		top: 50%;
	}

	.sec15 .faq_item .ttl span:before{
		transform: translateY(-50%);
	}

	.sec15 .faq_item .ttl span:after{
		transform: translateY(-50%) rotate(90deg);
		transition: 0.5s;
	}

	.sec15 .faq_item .ttl.open span:after{
		transform: rotate(0);
	}

	.sec15 .faq_item .txt{
		display: none;
		position: relative;
		font-size: 11px;
		background: #f8ede8;
		padding: 8px 17px 8px 38px;
	}

	.sec15 .faq_item .txt:before{
		position: absolute;
		content: "";
		background: url(/co-backyard/wp-content/uploads/specialcontent/360-dailybra/img/sp/icon_a.png) no-repeat;
		background-size: 100% auto;
		width: 11px;
		height: 15px;
		top: 9px;
		left: 16px;
	}

	/*---------- CTA ----------*/
	.cta{
		position: relative;
	}

	.cta_wrap .cta .btn{
		width: 85.2%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.cta_wrap .cta .btn1{
		bottom: 6.08%;
	}

	.cta_wrap .cta .btn2{
		bottom: 6.78%;
	}

	.cta_wrap .cta .btn3{
		bottom: 6.25%;
	}

	.cta_wrap .cta .btn4{
		bottom: 10.08%;
	}

	.cta_wrap2 .cta .btn{
		width: 35.33%;
		position: absolute;
	}

	.cta_wrap2 .cta .btn1{
		left: 58%;
		top: 40.70%;
	}

	.cta_wrap2 .cta .btn2{
		left: 58%;
		bottom: 9.62%;
	}

	.cta_wrap2 .cta .btn3{
		left: 58%;
		top: 41.72%;
	}

	.cta_wrap2 .cta .btn4{
		left: 58%;
		bottom: 9.60%;
	}

	.cta_wrap2 .cta .btn5{
		left: 58%;
		top: 41.80%;
	}

	.cta_wrap2 .cta .btn6{
		left: 58%;
		bottom: 9.51%;
	}

	.cta_wrap2 .cta .btn7{
		left: 9.46%;
		bottom: 9.70%;
	}

	.cta_wrap2 .cta .btn8{
		left: 56.26%;
		bottom: 9.70%;
	}
}