@charset "utf-8";
/* CSS Document */
.link_text{
	text-decoration: underline!important;
}
.link_text:hover{
	color: #C00F23;
}
@keyframes tabAnim{
	0%{opacity:0;}
	100%{opacity:1;}
}
@media screen and (min-width: 0px) and (max-width: 750px) {
.breadcrumb{
	margin-top: 10px;
}

h2{
	text-align: center;
}

img.border{
	margin: 0 auto;
	display: block;
}

section .member-benefits{
		background-color: #eee;
		margin: 0 auto 60px;
		padding: 2em 0;

	
}

.benefits-box{
		display:block;
		width: 100%;
		margin: 0 auto;
}

.benefits-box h3{
		color:#083449;
		margin-bottom: 20px!important;
		display: block;
		font-size: 4vw;
		text-align: center;
		font-family: source-han-serif-japanese;
}

ul.benefits-point{
	width: 100%;
	display: inline-block;
	margin: 0 auto 1em;
}

ul.benefits-point li{
	padding: 0.5em;
	margin: 0.5em 0;
	position: relative;
	font-weight: 800;
	font-family: source-han-serif-japanese, sans-serif;
	color: #4d4d4d;
	border: 1px #ddd solid;
	width: 96%;
	}

p.point-no{
	background-color:#083449;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px; 
}

p.main-notice{
margin-top: 4.5vw;
font-size: 4.5vw;
}

span.notice{
	font-size: 2.5vw;
	text-align: right;
	font-weight: normal;
	display: block;
}


h3.how_to,h3.sub_title{
	width: 100%;
	font-family: source-han-serif-japanese, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 4vw;
	color: #4d4d4d;
	background: #eee;
	padding: 10px 0;
	margin: 3em auto 0;
	text-align: center;
}
p.bold{
	text-align: center;
	margin-top: 2em;
}


}
@media screen and (min-width: 751px) and (max-width: 1024px) {


.breadcrumb{
	margin-top: 10px;
}

h2{
	text-align: center;
}

img.border{
	margin: 0 auto;
	display: block;
}

section .member-benefits{
		background-color: #eee;
		margin: 0 auto 60px;
		padding: 50px 0;

	
}

.benefits-box{
		display:block;
		width: 100%;
		margin: 0 auto;
}

.benefits-box h3{
		color:#083449;
		margin-bottom: 20px!important;
		display: block;
		font-size: 4vw;
		text-align: center;
		font-family: source-han-serif-japanese;
}

ul.benefits-point{
	width: 100%;
	display: inline-block;
	margin: 0 auto 1em -1em;
}

ul.benefits-point li{
padding: 0.8em;
margin: 0.2em;
position: relative;
font-size: 3vw;
font-weight: 800;
font-family: source-han-serif-japanese, sans-serif;
color: #4d4d4d;
    border: 2px #ddd solid;
    width: 96%;
}

p.point-no{
	background-color:#083449;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px; 
}

p.main-notice{
margin-top: 3.5vw;
}

span.notice{
	font-size: 16px;
	text-align: right;
	font-weight: normal;
	display: block;
}


h3.how_to,h3.sub_title{
	width: 100%;
	font-family: source-han-serif-japanese, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 3vw;
	color: #4d4d4d;
	background: #eee;
	padding: 10px 0;
	margin: 60px auto 0;
	text-align: center;
}
p.bold{
	text-align: center;
	margin-top: 40px;
}


}
@media screen and (min-width:1025px), print, tv {

h2{
	text-align: center;
}

img.border{
	margin: 0 auto;
	display: block;
}

section .member-benefits{
		background-color: #eee;
		margin: 0 auto 60px;
		padding: 50px 0;

	
}

.benefits-box{
		display:block;
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
}

.benefits-box h3{
		color:#083449;
		margin-bottom: 20px!important;
		display: block;
		font-size: 36px;
		text-align: center;
		font-family: source-han-serif-japanese;
}

ul.benefits-point{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

ul.benefits-point li{
padding: 25px 18px;
margin: 0 5px 20px;
position: relative;
font-size: 26px;
font-weight: 800;
font-family: source-han-serif-japanese, sans-serif;
color: #4d4d4d;
    border: 2px #ddd solid;
    width: 29%;
    height: 150px;
    float: left;
}

p.point-no{
	background-color:#083449;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px; 
}

p.main-notice{
	position: absolute;
	top: 60px;
	width: 90%;
}

span.notice{
	font-size: 16px;
	text-align: right;
	font-weight: normal;
	display: block;
}


h3.how_to,h3.sub_title{
	width: 100%;
    font-family: source-han-serif-japanese, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 23px;
    color: #4d4d4d;
    background: #eee;
    padding: 10px 0;
    margin: 60px auto 0;
    text-align: center;
}
p.bold{
	text-align: center;
	margin-top: 40px;
}


}