/*common*/
.img_sp{
	display: none;
}
.header-txt{
	font-weight: 700;
	font-size: 1.25em;
	color: #666;
	margin: 16px 8px;
	line-height: 1.25em;
}
.w-wrap{
	margin-bottom: 24px;
}
/*パスポートを使ってみよう*/

.ug-how1{
	list-style: none;
	font-size: 0;
	text-align: center;
	margin-bottom:24px;
	margin-bottom: 0;
}
.ug-how1 li{
	display: inline-block;
	width: 33%;
	vertical-align: top;
	margin-bottom: 24px;
}
.ug-how1 li img {
	width: 100%;
}
.ug-how-txt{
	font-size: 1.25em;
	font-weight: 700;
	color: #3F8868;
	margin-bottom: 16px;
}
.ug-how-other li{
	display: inline-block;
	border: solid 2px #B2B2B2;
	border-radius: 6px;
	padding: 0.5em;
	margin: .25em;
	font-weight: 700;
	color: #535353;
}
.ug-search-desc{
	float: right;
	width:62%;
	margin-right: 4%;
}
.ug-search-desc img{
	width: 100%
}
.ug-search-step li{
	display: inline-block;
	width:32%;
	margin-bottom: 24px;
}
.ug-search-step li img{
	width: 100%;
}
.ug-search-step li:first-child{
	width:27%;
}
.ug-search-step li p{
	height:3em;
}
.ug-search-step1:before{
	background: url(/img/guide/img-guide-step1.png) no-repeat left center;
	content:"";
	display:block;
	height:3em;
	width:3em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step2:before{
	background: url(/img/guide/img-guide-step2.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step3:before{
	background: url(/img/guide/img-guide-step3.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step4:before{
	background: url(/img/guide/img-guide-step4.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step5:before{
	background: url(/img/guide/img-guide-step5.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step6:before{
	background: url(/img/guide/img-guide-step6.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-step7:before{
	background: url(/img/guide/img-guide-step7.png) no-repeat left center;
	content:"";
	display:block;
	height:2.5em;
	width:2.5em;
	margin-top:-.5em;
	background-size: contain;
	float: left;
	padding-right: 4px;
}
.ug-search-footer{
	text-align: center;
}
.ug-search-footer > img{
	margin-bottom: 32px;
	width: 100%;
	max-width: 650px
}
.ug-otoku-desc{
	text-align: center;
}
.ug-otoku-desc img{
	width: 45%;
	margin: 2%;
}
.ug-otoku-txt{
	text-align: center;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: 700;
	color: #FC406D;
}
.ug-passpoort{
	text-align: center;
}
.ug-passpoort a{
	display: block;
}
.ug-passpoort a img {
	width: 100%;
}
@media screen and (max-width: 1119px){
	.ug-h3 img{
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.ug-h3 img{
		width: 100%;
	}
	.img_sp{
		display: block;
	}
	.img_pc{
		display: none;
	}
	.ug-how1 li{
		width:50%;
	}
	.ug-search-step li{
		width: 48%
	}
	.ug-search-step li:first-child{
		width: 41%;
	}
	.ug-search-desc{
		width:59%;
		margin:3em 0;
	}
	.ug-otoku-desc img{
		width: 96%;
		margin: 2%;
	}
	.about-page h2.liner img {
    height: 16vw;
}
.ug-search-step li p {
    font-size: 90%;
}
.about-page .user_guide h2.liner img {
    height: 15vw;
}
}

/*
 *ショップガイド 
 **/
.ug-shop-how1{
	font-size: 0;
	text-align: center;
	margin-bottom:24px;
}
.ug-shop-how1 li{
	display: inline-block;
	width: 33%;
	vertical-align: top;
	margin-bottom: 24px;
}
.ug-shop-how1 li img {
	width: 95%;
}
.ug-shop-how-other{
	display:block;
	width:100%;
	margin:0 auto;
	text-align: left;
	/*margin-bottom:24px;*/
}
.ug-shop-how-other li{
	display: inline-block;
	width: 24%;
	font-size: 1.3em;
	position: relative;
	margin-bottom:16px;
	margin-left: 4%;
	padding-left:1.4em;
}
.ug-shop-how-other li:before{
	display: block;
	content: '';
	position: absolute;
	top: 0em;
	left: -.5em;
	border:solid 2px #ccc;
	width:24px;
	height: 24px;
}
.ug-shop-how-other li:after{
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: -.2em;
	width: 16px;
	height: 8px;
	border-left: 8px solid #F74E79;
	border-bottom: 5px solid #F74E79;
	border-right: :0px solid;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-35deg);
}
.ug-shop-how-other-ulend{
	text-align: right;
	margin-bottom: 24px;
}
.ug-shop-how-footer{
	text-align: center;
}
.ug-shop-how-footer img{
	width: 100%;
	max-width: 650px;
}
.ug-merit-list{
	vertical-align: middle;
}
.ug-merit-list li{
	font-size: 1.5em;
	line-height: 2em;
	position: relative;
	margin-left: 1em;
	font-weight: 700;
	color: #666;
}
.ug-merit-list li:before{
	position: absolute;
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-color: #4A8E73;
	border-radius: 1.2em;
	left:-1.5em;
	top: .3em;
}
.ug-enter-step{
	vertical-align: top;
}
.ug-enter-step li{
	display: inline-block;
	width:48%;
	vertical-align: top;
	margin-bottom:24px;
}
.ug-enter-step li p{
	width:85%;
}
.ug-enter-step li img{
	width:100%;
	margin-top:16px;
}
.ug-enter-h3{
	font-size:1.5em;
	font-weight: 700;
	margin-bottom:24px;
	color: #F74E79;
}
.ug-enter-button{
	text-align: center;
}
@media screen and (max-width: 767px){
.ug-shop-how-other li{
	width: 40%;
}
.about-page h2.liner img {
    height: 8.6vw;
    width: auto;
}
.ug-about-program .img_sp{
	width: 100%
	}
}
@media screen and (max-width: 550px){
.ug-shop-how-other li{
	width: 100%;
	
}
}