@charset "utf-8";

.qr_login{
	display: flex;
	justify-content:center;
	align-items:center;
	margin: 38px 0;
}
.qr_login_img1{
    width: 20%;
}
.qr_login_img2{
    width: 26%;
    margin-left: 48px;
    position: relative;
    z-index: 1;
}

.qr_login_img2:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -49px;
	width: 15px;
	height: 15px;
	margin: auto;
	border-top: 4px solid #e21d1d;
	border-right: 4px solid #e21d1d;
	transform: rotate(45deg);
}

/*------------------------*/

.app{
    margin: 15px 0;
}
.app_ttl{
    margin: 0 0 9px;
    font-weight: bold;
}
.app_btn{
    display: flex;
}
.app_btn a + a{
	margin-left: 10px;
}

/*------------------------*/
.flow{
	display: flex;
	justify-content:center;
	margin-top: 45px;
}
.flow li{
	width: 26%;
}
.flow li + li{
	margin-left: 5%;
}
.flow_ttl{
    min-height: 51px;
    font-weight: bold;
    margin-bottom: 6px;
}
.flow_img{}
.flow_img img{
	width: 100%;
}

/*------------------------*/
/*------------------------*/
/*------------------------*/

/*---------------------------------------------------------
	w1200
---------------------------------------------------------*/
@media screen and (max-width: 1200px) {}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px),
screen and (max-width: 737px) and (orientation: landscape) {

	.qr_login{
    margin: 29px 0;
}
	.qr_login_img1{
    width: 25%;
}
	.qr_login_img2{
    width: 42%;
    margin-left: 41px;
}

	.qr_login_img2:before{
    left: -36px;
}

	/*------------------------*/

	.app{}
	.app_ttl{}
	.app_btn{}
	.app_btn a + a{}

	/*------------------------*/
	.flow{
    display: block;
}
	.flow li{
    width: auto;
}
	.flow li + li{
    margin: 25px 0 0;
}
	.flow_ttl{
    min-height: 0;
    margin-bottom: 13px;
}
	.flow_img{
    margin: 0 13%;
}
	.flow_img img{}

	/*------------------------*/
	/*------------------------*/
	/*------------------------*/

}