html{
	font-size: 62.5%;		
}
body{
	font-family: "Helvetica Neue", Arial, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;	
}
.tpoint-register{
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
}
.tpoint-register a{
	color: #004697;
}
.tpoint-register h3{
	font-size: 130%;
	font-weight: bold;
	color: #212121;
	border:none !important;
	padding:0;
	margin: 0;
	position: relative;	
}
.tpoint-register h2{
	font-weight: inherit;
	font-size: inherit;
	text-align: left;
	margin: 0;
	line-height: inherit;	
}
.tpoint-register h3:after {
	display: none;
}
.tpoint-register{
	background: #f1f1f1;
}

.tpoint-register header {
	padding: 0;
	text-align: inherit;
	background: none;
}


a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}


@media screen and (min-width: 769px) {

	body{
		font-size: 1.4rem;
		color: #333;
	}
	.sp{
		display: none;
	}
	.ignore-pc{
		display: none;
	}
	.note{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.note a{
		text-decoration: underline;
	}
	.note a:hover{
		text-decoration: none;
	}
	#gfooter a,footer small{
		font-size: 1.2rem;
	}
	.tpoint-register a:hover{
		text-decoration: none;
	}

	a:hover{
		text-decoration: none;
	}
	#header{
		position: relative;
		z-index: 110;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
	}

	/* register-info
	--------------------------------------------------------------- */
	.register-info{
		padding: 40px 0;
		background: #fff;
		text-align: center;
	}
	.register-info-inner{
		margin: auto;
		max-width: 960px;
	}
	.register-info h1,
	.register-info h2{
		font-weight: bold;		
	}
	.register-info h1 strong,
	.register-info h2 strong{
		display: block;
		font-size: 3rem;
		color: #004098;
	}
	.register-info h1 span,
	.register-info h2 span{
		display: block;
		margin: 30px 0 0;
		font-size: 2.5rem;
	}
	.register-info p{
		margin: 30px 0 0;
	}
	.register-info p a{
		font-weight: bold;
        color: #00428b;
		text-decoration: underline;
	}

	/* register-step
	--------------------------------------------------------------- */
	.register-step{
		margin: auto;
		padding: 50px 0;
		max-width: 960px;
	}
	.register-step .step-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.register-step .step-item{
		width: calc(50% - 17px);
		padding: 30px;
		border-radius: 10px;
		background: #fff;
	}
	.register-step .step-item:nth-child(n+3){
		margin-top: 34px;
	}
	.register-step h2{
		line-height: 1.8;
	}
	.register-step h2.textcenter{
		text-align: center;
	}
	.register-step h2 span{
		display: inline-block;
		margin: 0 20px 0 0;
		width: 67px;
	}
	.register-step h2 i{
		font-size: 18px;
		font-weight: bold;
	}
	.register-step .step-item p{
		margin: 30px auto 0;
		text-align: left;
		max-width: 330px;
	}
	.register-step .step-item .text-center{
		text-align: center;
		display: block;
	}
	.register-step .step-item p a{
		font-weight: bold;
		color: #00428b;
	}
	.register-step figure{
		margin: 30px auto 0;
		width: 322px;
	}
	.register-step figure.border{
		border: 1px solid #888;
	}
	.register-step .note{
		margin: 45px 0 0;
		line-height: 1.8;
		text-align: center;
	}
	.register-step .btn-yahoo{
		margin: 20px auto 0;
		width: 262px;
	}


	/* register-howto
	--------------------------------------------------------------- */

	.register-howto{
		margin: auto;
		padding: 50px 0;
		width: 960px;
	}
	.register-howto .register-howto-inner{
		padding: 30px;
		background: #fff;
		border-radius: 10px;
	}
	.register-howto .register-howto-inner{
		padding: 30px;
		background: #fff;
		border-radius: 10px;
	}
	.register-howto h2{
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
	}
	.register-howto p{
		margin: 30px auto 0;
		width: 630px;
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.icon-size {
		width: 100px;
		height: auto;
	}

	.app-download{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		margin-top: 30px;
	}

	.app-download a img{
		display: block;
		margin: 0 auto;
	}



}


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


	.tpoint-register{
		font-size: 1.3rem;
		line-height: 1.7;
	}
	.note{
		font-size: 1.2rem;
	}
	.note a{
		text-decoration: underline;
	}
	.pc{
		display: none;
	}
	.ignore-sp{
		display: none;
	}
	#header{
		position: relative;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
		z-index: 110;
	}

	/* register-info
	--------------------------------------------------------------- */
	.register-info{
		padding: 20px 25px;
		background: #fff;
		text-align: center;
	}
	.register-info .info-header{
		text-align: center;
	}
	.register-info h1{
		font-weight: bold;		
	}
	.register-info h1 strong{
		display: block;
		font-size: 2.3rem;
		color: #004098;
	}
	.register-info h1 span{
		display: block;
		margin: 15px 0 0;
		font-size: 1.6rem;
	}
	.register-info p{
		margin: 20px 0 0;
	}
	.register-step + .register-info p br{
		display: none;
	}
	.register-step + .register-info p{
		margin: 20px 0 0;
		text-align: left;
	}
	.register-info p a{
		font-weight: bold;
        color: #00428b;
		text-decoration: underline;
	}
	/* register-step
	--------------------------------------------------------------- */
	.register-step{
		margin: auto;
		padding: 15px 15px 25px;
	}
	.register-step .step-item{
		padding: 20px 20px 25px;
		border-radius: 10px;
		background: #fff;
	}
	.register-step .step-item + .step-item{
		margin-top: 15px;
	}
	.register-step h2{
		line-height: 1.8;
	}
	.register-step h2.textcenter{
		text-align: center;
	}
	.register-step h2 span{
		display: inline-block;
		margin: 0 18px 0 0;
		width: 50px;
	}
	.register-step h2 i{
		vertical-align: middle;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.register-step .step-item p{
		margin: 20px auto 0;
		text-align: left;
		max-width: 304px;
	}
	.register-step .step-item .text-center{
		text-align: center;
		margin: 1.5em auto 0 auto;
		display: block;
	}
	.register-step .step-item p a{
		font-weight: bold;
		color: #00428b;
	}
	.register-step figure{
		margin: 25px auto 0;
		width: 278px;
	}
	.register-step figure.border{
		border: 1px solid #888;
	}
	.register-step .note{
		margin: 25px 0 0;
		text-align: center;
		line-height: 1.8;
	}
	.register-step .btn-yahoo{
		margin: 20px auto 0;
		width: 200px;
	}

	/* register-howto
	--------------------------------------------------------------- */

	.register-howto{
		margin: 0 15px;
		padding: 15px 0;
	}
	.register-howto .register-howto-inner{
		padding: 25px 15px;
		background: #fff;
		border-radius: 10px;
	}
	.register-howto h2{
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.register-howto p{
		margin: 25px auto 0;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.icon-size {
		width: 65px;
		height: auto;
	}

	.app-download{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 20px;
		margin-top: 20px;
	}

	.app-download a img{
		display: block;
		margin: 0 auto;
	}


}


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


}