/*-------------------------------------
■ content
-------------------------------------*/
.system_w{
	margin-bottom:40px;
}

.sys_info_box{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.sys_info_box li{
	position:relative;
	width:calc(33.333% - 10px);
	padding:24px 15px;
}
.sys_info_box li:after{
	content:"";
	border:1px solid #ede6d4;
	position:absolute;
	top:9px;
	left:9px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
}
.sys_info_box li p{
	text-align:center;
	line-height:1.3;
}
.sys_info_box li p:first-child{
	font-size:1.6rem;
	font-weight:bold;
}
.sys_info_box li p:first-child span{
	font-weight:bold;
}
.sys_info_box li p:last-child{
	font-size:1.5rem;
}
.sys_info_box li p:last-child span{
	font-size:2rem;
}


.system_inner{
	padding:20px;
	margin-bottom:30px;
}
.system_inner.smcc{
	margin-bottom:2%;
}
.system_inner.sys_menu{
	padding:0;
}


.sys_2c{
	display:flex;
}
.sys_2c .sys_exp_t{
	width:50%;
	padding:25px 10px 25px 25px;
}

.sys_pb_box{
	justify-content:space-between;
}
.sys_pb_box .system_inner{
	width:49%
}

.smi_box{
	padding:20px 0;
	margin:0 auto;
	width:70%;
}
.sys_2c .smi_box{
	width:50%;
	padding:20px;
}
.sys_2c.sys_pb_box .smi_box{
	width:80%;
}

.smi_box li{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
	border-bottom:1px solid rgba(237,230,212,.5);
}
.content .smi_box li p{
	font-size:1.5rem;
	line-height:1.2;
}
.content .smi_box li p .sys_time,
.content .smi_box li p .sys_fee{
	padding:0 5px;
	font-size:1.8rem
}

.bg_black{
	backdrop-filter:blur(15px);
	background:linear-gradient(-45deg,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.5));
}

.content .smi_box.sys_area li p{
	font-size:1.2rem
}
.content .smi_box.sys_area li p .sys_fee{
	font-size:1.3rem
}

.sys_card{
	padding:0 20px 20px;
	text-align:center;
}
.sys_card p{
	padding-top:10px;
}
.s_c_img{
	margin:20px auto 20px;
	max-width:540px;
	background:#fff;
	padding:10px 20px 5px 20px;
}
.s_c_link{
	display:block;
	margin:0 auto 10px;
	width:100%;
	max-width:260px;
	padding:10px 20px;
	border-radius:10px;
	font-weight:bold;
	font-size:1rem;
	color:rgba(46,34,16,1);
	background:linear-gradient(180deg, rgba(255, 188, 87, 1),rgba(198, 130, 28, 1));
	transition:opacity .3s;
}
.s_c_link:hover{
	opacity:.85;
}

.sys_terms ul,
.sys_note ul{
	list-style:disc;
	padding:1rem 2rem;
	letter-spacing:normal;
	font-size:0.9rem
}
.sys_terms ul li,
.sys_note ul li{
	padding:2px 0;
}

.t24{
	margin:-40px auto 0;
	padding-bottom:20px;
	width:70%;
}


/*クレカPOPUP*/
.popup_wrap{
    margin-bottom:20px;
}

#popup {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup-open {
  cursor: pointer;
    text-decoration: underline;
    margin-bottom:20px;
}

.popup-overlay {
  display: none;
  z-index: 99999;
  background-color: #00000070;
}

#popup:checked ~ .popup-overlay {
  display: block;
}

.popup-window {
  width: 90%;
  max-width: 560px;
  padding: 20px;
  background:rgba(255,255,255,0.9);
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-text {
  margin: 0;
    color:rgb(46,34,16);
}

.popup-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}



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




@media screen and (max-width:767px){
	.sys_info_box li{
		width:32%;
		padding:10px;
		border:1px solid #ede6d4;
	}
	.sys_info_box li:after{
		display:none;
	}
	.sys_info_box li p:first-child{
		font-size:3.5vw;
	}
	.sys_info_box li p:last-child{
		font-size:2vw;
	}
	.sys_info_box li p:last-child span{
		font-size:5vw;
	}

	.system_inner.smcc{
		margin-bottom:30px;
	}
	.sys_2c{
		display:block;
	}
	.sys_2c .sys_exp_t{
		width:100%;
		padding:20px;
		padding-bottom:0;
		font-size:0.8rem;
	}
	.sys_2c .sys_exp_t br{
		display:none;
	}

	.sys_pb_box .system_inner{
		width:100%
	}

	.smi_box,
	.sys_2c .smi_box,
	.sys_2c.sys_pb_box .smi_box,
	.t24{
		width:calc(100% - 40px);
	}
	.content .smi_box li p{
		font-size:1.2rem;
	}
	.content .smi_box li p .sys_time,
	.content .smi_box li p .sys_fee{
		font-size:1.5rem;
	}
	.content .smi_box.sys_area li p{
		font-size:0.9rem;
	}
	.content .smi_box.sys_area li p .sys_fee{
		font-size:1rem
	}
}





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