.u-box-youtube {
	max-width : 654px;
	margin : 0 auto;
	margin-top : 30px;
}
@media screen and (min-width: 768px), print {
	.u-box-youtube {
		margin-top : 50px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-box-youtube {
		width : 1200px;
		margin : 50px auto 0;
	}
}
.u-box-youtube .youtube-area {
	position : relative;
	height : 0;
	padding-top : 56.25%;
	overflow : hidden;
}
.u-box-youtube iframe {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}

.u-box-step {
	margin-top : 20px;
}
@media screen and (min-width: 768px), print {
	.u-box-step {
		margin-top : 30px;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list {
		padding : 0 40px;
		margin : 0 -20px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
	}
}
@media print {
	.u-box-step .step-list {
		display : block;
		letter-spacing : -0.40em;
	}
}
.u-box-step .step-list .list-item {
	position : relative;
	padding-bottom : 50px;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item {
		width : calc(100% / 2);
		width : calc((100% / 2 ) - 0.1px) \0;
		padding : 0 20px;
	}
}
@media print {
	.u-box-step .step-list .list-item {
		width : 50%;
		display : inline-block;
		padding : 0 20px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
}
.u-box-step .step-list .list-item .item-head {
	font-family : SuzukiPROBold;
	text-align : center;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item .item-head {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
}
.u-box-step .step-list .list-item .item-head .head-step {
	padding : 2px 5px 1px;
	background-color : #0098db;
	color : #fff;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	width : 85px;
	margin : 0 auto;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item .item-head .head-step {
		margin : 0;
		width : 90px;
	}
}
.u-box-step .step-list .list-item .item-head .head-step .step-num {
	display : inline-block;
	font-size : 32px;
	font-size : 2.0rem;
	margin-left : 5px;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item .item-head .head-step .step-num {
		font-size : 2.4rem;
	}
}
.u-box-step .step-list .list-item .item-head .head-ttl {
	margin-top : 10px;
	display : inline-block;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item .item-head .head-ttl {
		margin-top : 0;
		margin-left : 15px;
		max-width : calc(100% - 105px);
		text-align : left;
	}
}
.u-box-step .step-list .list-item .item-head.head-fzs0 {
	font-size : 0;
}
.u-box-step .step-list .list-item .item-body {
	margin-top : 20px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
}
.u-box-step .step-list .list-item .item-body img {
	width : 100%;
}
.u-box-step .step-list .list-item:after {
	content : '';
	position : absolute;
	bottom : 20px;
	left : 0;
	right : 0;
	margin : auto;
	width : 30px;
	height : 13px;
	background : url(../../images/i_arrow_sdsm_sp.png) no-repeat;
	background-size : 100% auto;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item:after {
		display : none;
	}
}
.u-box-step .step-list .list-item:last-child:after {
	display : none;
}
.u-box-step .step-list .list-item:last-child .item-body:after {
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item:nth-child(odd) .item-body {
		position : relative;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item:nth-child(odd) .item-body:after {
		content : '';
		position : absolute;
		top : 0;
		left : auto;
		right : -30px;
		bottom : 0;
		margin : auto;
		width : 20px;
		height : 37px;
		background : url(../../images/i_arrow_sdsm_pc.png) no-repeat;
		background-size : 100% auto;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item:nth-child(odd) .item-body:before {
		content : '';
		position : absolute;
		top : 0;
		right : auto;
		left : -30px;
		bottom : 0;
		margin : auto;
		width : 20px;
		height : 37px;
		background : url(../../images/i_arrow_sdsm_pc.png) no-repeat;
		background-size : 100% auto;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step .step-list .list-item:nth-child(n+3) {
		margin-top : 50px;
	}
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
	.u-box-step .step-list .list-item:first-child .item-body:before {
		display : none;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step.step-cols .step-list .list-item.item-col1 {
		width : calc(100% / 3);
		width : calc((100% / 3 ) - 0.1px) \0;
		padding : 0 20px;
	}
}
@media print {
	.u-box-step.step-cols .step-list .list-item.item-col1 {
		width : 33.33333%;
		display : inline-block;
		padding : 0 20px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-step.step-cols .step-list .list-item.item-col2 {
		width : calc(100% / 1.5);
		width : calc((100% / 1.5 ) - 0.1px) \0;
		padding : 0 20px;
	}
}
@media print {
	.u-box-step.step-cols .step-list .list-item.item-col2 {
		width : 66.66667%;
		display : inline-block;
		padding : 0 20px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
}

@media screen and (min-width: 768px), print {
	.u-box-app .app-list {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
	}
}

.u-box-app .app-list .list-item {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item {
		width : calc(50% - 20px);
		margin-right : 40px;
	}
	.u-box-app .app-list .list-item:nth-child(even) {
		margin-right : 0;
	}
}
@media screen and (min-width: 768px) and (min-width: 1024px), print {
	.u-box-app .app-list .list-item {
		margin-top : 25px;
	}
}
.u-box-app .app-list .list-item .item-btn {
	display : block;
	text-align : center;
}
.u-box-app .app-list .list-item .item-btn > img {
	width : 150px;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item .item-btn > img {
		height : 65px;
		width : auto;
	}
}
.u-box-app .app-list .list-item .item-txt {
	display : block;
	margin-top : 10px;
}
@media screen and (min-width: 1024px), print {
	.u-box-app .app-list .list-item .item-txt {
		margin-top : 25px;
	}
}
.u-box-app .app-list .list-item.item-download .download-list {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item.item-download .download-list .list-app {
		margin-right : 40px;
	}
}
.u-box-app .app-list .list-item.item-download .download-list .list-app .app-btn {
	display : block;
}
.u-box-app .app-list .list-item.item-download .download-list .list-app .app-btn > img {
	width : 150px;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item.item-download .download-list .list-app .app-btn > img {
		height : 65px;
		width : auto;
	}
}
.u-box-app .app-list .list-item.item-download .download-list .list-qr {
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item.item-download .download-list .list-qr {
		display : block;
	}
}
.u-box-app .app-list .list-item.item-download .download-list .list-qr .qr-btn {
	display : block;
}
.u-box-app .app-list .list-item.item-download .download-list .list-qr .qr-btn > img {
	width : 45px;
}
@media screen and (min-width: 768px), print {
	.u-box-app .app-list .list-item.item-download .download-list .list-qr .qr-btn > img {
		height : 65px;
		width : auto;
		-ms-interpolation-mode : nearest-neighbor;
		image-rendering : -moz-crisp-edges;
		image-rendering : pixelated;
	}
}