@charset "UTF-8";

/*モーダル中身*/
#modal_content{
	max-width:700px;
	margin:0 auto;
}
.online_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:30px 0;
	padding:80px 60px 60px;
}
.online_wrap > div{
	width:45%;
}
.online_wrap > div img{
	width:100%;
	display:block;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	.online_wrap{
		padding:50px 30px 30px;
	}
}
@media screen and (max-width: 480px) {
	.online_wrap > div{
		width:100%;
	}
	.online_wrap > div img{
		max-width: 261px;
	}
}

/*モーダル●×閉じるボタン*/
#cboxClose {
background-image: none;
}
#cboxClose {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background-color: #333;
	border-radius: 100%;
}
#cboxClose::before,
#cboxClose::after {
	content: "";
	width: 12px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin: 50% calc(2px / 2);
	position: absolute;
	top: calc(50% - 2px / 2);
	left: calc((100% - 12px) / 2);
}
#cboxClose::after {
	transform: rotate(-45deg);
}