@charset "shift_jis";

/* ==========================================================
 * Customer point_transfer
*==========================================================*/
/* point_transfer-01
---------------------------------------------------------- */
#point_transfer-01 .slid-image .screen{
  width:100%;
  border: 1px solid #ccc;
}
#point_transfer-01 .slid-image .screen-width{
  width:80%;
  border: 1px solid #ccc;
}
#point_transfer-01 .slid-image .atm, #point_transfer-01 .slid-image .adjust-width{
	width: 35%;
}
#point_transfer-01 #step07 .slid-image .adjust-width{
	width: 50%;
}
#point_transfer-01 .slid-image .atm_plus,#point_transfer-01 .slid-image .atm_bank{
	width: 13%;
}
#point_transfer-01 .slid-image-inner.flex,#point_transfer-01 .pc_only li{
	display: flex;
    align-items: flex-start;
	width: auto;
    justify-content: flex-end;
}
#point_transfer-01 .pc_only li:last-child{
	margin-top: 30px;
}
#point_transfer-01 #step02 .pc_only{
    margin: 0 auto;
    width: 100%;
}
#point_transfer-01 #step01 .comment{
	margin-top: 60px;
}
#point_transfer-01 #step02 .comment{
	margin-top: 90px;
}
#point_transfer-01 #step07 .comment{
	margin-top: 40px;
}
#point_transfer-01 .sp_only{
	display: none;
}
#point_transfer-01 #step01 .pc_only li:last-child {
	margin-top: 0;
}

#point_transfer-01 #step02 .slid-image-inner {
  position: absolute;
}

#point_transfer-01 #step07 .slid-image-inner.flex {
  flex-direction: column;
}

#point_transfer-01 #step07 .pc_only li{
  justify-content: flex-start;
}

#point_transfer-01 #step07 .slid-image .screen-width{
  width:55%;
}
#point_transfer-01 #step07 .slid-image .screen-width:first-of-type {
  width:62%;
}

#point_transfer-01 #step07 .slid-image .atm_plus {
	width: 8%;
}

#point_transfer-01 #step07 .slid-image-inner.flex,
#point_transfer-01 #step07 .pc_only li {
  justify-content: center;
  align-items: center;
}

#point_transfer-01 .slid-text p {
	font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
	#point_transfer-01 .sp_invisible{
		display: none;
	}
	#point_transfer-01 .sp_only{
		display: block;
	}
	#point_transfer-01 .pc_only{
    	margin-left: 2vw;
	}
	#point_transfer-01 .slid-image .adjust-width, #point_transfer-01 .slid-image .sp_step01.screen-width, #point_transfer-01 #step02 .pc_only{
		width: 100%;
	}
	#point_transfer-01 .sp_step01 .slid-image-inner .adjust-width{
		width: 100%;
	}
	#point_transfer-01 .mod-slider-step .fixratio .slid-image::before {
		padding-top: 60%;
	}
	#point_transfer-01 #step01 .slid-image-inner.flex.adjust-width {
		display: flex;
	}
	#point_transfer-01 #step02 .slid-image .screen {
		width: 100%;
	}
	#point_transfer-01 #step02 .pc_only li:last-child {
	margin-top: 0;
	}
	#point_transfer-01 #step02 .slid-image-inner {
			top: 0;
		}
	#point_transfer-01 #step07 .slid-image .adjust-width{
		width: 100%;
	}
	#point_transfer-01 #step07 .slid-image-inner.flex {
  display: block;
	}
	#point_transfer-01 #step07 .slid-image .screen-width:first-of-type {
		width:100%;
	}
	#point_transfer-01 .slid-text p {
	font-size: 1.4rem;
}
}