@charset "utf-8";
/* =================================================================== */
#members {
	width: 960px;
	/*ここはサイトのヘッダの横幅に合わせる*/
	margin: 0 auto;
}
#members .bread {
	text-align: left;
	margin: 0 auto;
	padding: 20px 0;
	width: 880px;
	display: flex;
	font-size: 10px;
}
#members .bread {
}
#members .bread li {
	float: left;
	padding-right: 5px;
}
#members .bread li a {
	background: url("/static/full/images/common/arrow_s.png") right center no-repeat;
	display: block;
	padding-right: 10px;
}
br.sp{
	display:none;
}
.main{
	width: 880px;
	margin: auto;
	background: #b0a6a6;
	padding: 60px 0;
	color:#4c3d3d;
	font-size: 14px;
}
.page-title{
	color: #4c3d3d;
	font-size: 41px;
	line-height: 1;
	margin: 0 0 65px 0;
	text-align: center;
}

.step{
	display:flex;
	justify-content:center;
	margin-bottom: 50px;
}
.step:before,
.step:after{
	content:none;
}
.step li{
	color: #4c3d3d;
	font-size: 20px;
	width: 178px;
	height: 50px;
	line-height: 50px;
	background:#fff;
	border-radius: 50px;
	margin:0 13px;
	position: relative;
}
.step li:after{
	display:block;
	content: "＞";
	position: absolute;
	right: -25px;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 50px;
}
.step li:last-child:after{
	content: none;
}


.lead{
	text-align: center;
	margin-bottom: 35px;
}

.agree_box {
	width: 777px;
	height: 384px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	border: 1px #d8d8d8 solid;
	background-color: #f1f1f1;
}
.agree_box .agreement-inner {
	padding: 20px;
	width: 737px;
	height: 344px;
	overflow-y: auto;
	text-align: left;
}
.agree_check {
	text-align: center;
	margin: 20px 0;
}

.agree_box .agreement_text,
.agree_box .agreement_section {
	margin-bottom: 40px;
}

.agree_box .agreement_section_heading {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.agree_box .agreement_data_heading {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.agree_box .agreement_data {
    margin-top: 30px;
}

.agree_box .agreement_data_list {
    display: table;
    font-size: 12px;
    counter-reset: decimal decimal-bracket decimal-bracket1;
}

.agree_box .agreement_data_item {
    display: table-row;
    line-height: 1.4;
}

.agree_box .agreement_data_item.type_decimal:before {
    counter-increment: decimal;
    content: counter(decimal) ".";
    display: table-cell;
    width: 14px;
    padding-right: 4px;
    white-space: nowrap;
}

.agree_box .agreement_data_item.type2_decimal_bracket:before {
    counter-increment: decimal-bracket1;
    content: "(" counter(decimal-bracket1) ")";
    display: table-cell;
    width: 14px;
    padding-right: 4px;
    white-space: nowrap;
}
.single_btn{

}
.single_btn span{
	display:inline-block;
	width:290px;
	height:50px;
	margin:0 auto;
	background: #fff;
	border-radius:50px;
	line-height:50px;
	font-size: 20px;	
}

.before_purchasing{
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	border:6px solid #fff;
	border-radius: 19px;
	padding: 20px 0;
	margin: 45px 60px 40px;
}
.column{
	margin:0 60px 25px;
}
.column p{
	font-size: 14px;
	margin: 0 40px 1em;
	text-align:left;
}
.sub_title{
	background:#fff;
	font-size: 20px;
	padding: 15px 40px;
	margin-bottom:15px;
	text-align:left;
	border-radius:19px;
}
/* チェックボックス */

.agree_check input[type=checkbox] {
	display: inline-block;
}
.agree_check input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
.agree_check input[type=checkbox] {
	display: none;
	margin: 0;
}
.agree_check input[type=checkbox] + label {
	padding: 3px 0 0 30px;
}
.agree_check input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
}
.agree_check input[type=checkbox] + label::before {
	width: 15px;
	height: 15px;
	background: url("/static/full/images/common/check.gif") no-repeat;
	background-size: 15px 15px;
}
.agree_check input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 10px;
	display: block;
	left: 0;
}
.agree_check input[type=checkbox]:checked + label::after {
	width: 15px;
	height: 15px;
	background: url("/static/full/images/common/checked.gif") no-repeat;
	background-size: 15px 15px;
}
}