* html .clearfix {
	display:inline-table;
/*\*/
	display:block
/**/
}


.wrapper{
	width:1280px;
	background:#f4f4f4;
	margin:0 auto;
	/* box-shadow */
	box-shadow:0px 0px 6px 2px #e3e3e3;
	-moz-box-shadow:0px 0px 6px 2px #e3e3e3;
	-webkit-box-shadow:0px 0px 6px 2px #e3e3e3;
	}

.main{
	width:950px;
	margin:0 auto;
	padding-bottom:30px;
	background:#FFF;
	font-size:12px;
	color:#333;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.main .mainvs{
	display:block;
	width:950px;
	margin:60px auto 0px;
}

.sche{
	background:#C00;
	padding:5px 0;
	font-size:18px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.attention{
	font-size:10px;
}

.intro_sp{
	display:none;
}


.intro_pc{
	text-align:center;
	padding:20px 0 20px;
	line-height:2;
}

.intro_pc span{
	display:block;
	padding:15px 5px 0 5px;
	font-size:16px;
	font-weight:bold;
}

.red{
	color:#F00;
}

.sub{
	width:950px;
	margin:30px auto;
	padding-bottom:100px;
	font-size:12px;
	color:#333;
}

.detail{
	padding:5px;
	border-bottom:2px solid #C00;
	font-size:16px;
	font-weight:bold;
	color:#C00;
}

.d-text{
	width:910px;
	height:auto;
	padding:20px 20px 60px;
	line-height:1.8;
}

.back{
	background-image:url(../img/point.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	bottom:30px; right:20px;
}

.d-text .point{
	font-size:12px;
	color:#F90;
}

.d-text a{
	color:#C00;
/* 	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block; */
}
/*20170509追加*/
.button a{
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
}

.d-text ul{
	margin:0 auto;
	overflow:auto;
}


ul .box{
	width:210px;
	height:auto;
	background:#FFF;
	padding:5px;
	margin-right:5px;
	border:1px #CCC solid;
	float:left;
}

.box .step{
	padding-bottom:10px;
}

.box .step img{
	vertical-align:middle;
	width:30px;
}
	
.box .step span{
	font-size:14px;
	font-weight:bold;
	color:#C00;
	padding-left:10px;
}

.box > img{
	display:block;
	margin:0 auto 5px;
}

/*20170509追加*/
.cart1,.cart2,.cart3,.cart4 {
	margin:0 auto 10px;
	display: block;
}

/* .box .cart1, .cart4{
	width:150px;
}

.box .cart2{
	width:200px;
}

.box .cart3{
	width:190px;
} */

/* ボタン */

.button {
    width: 400px;
    height: 50px;
    value: "親要素に対して比率で設定";
    font-size: large;
    background: #fbdddf;
    margin: 20px auto 0;
    border-radius: 10px;
}

.text{
    border: 1px solid #aaa;
    width: 150px;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

@media screen and (max-width:767px) {
	* html .clearfix {
	display:inline-table;
/*\*/
	display:block
/**/
}


.wrapper{
	width:100%;
	background:#f4f4f4;
	margin:0 auto;
	/* box-shadow */
	box-shadow:0px 0px 6px 2px #e3e3e3;
	-moz-box-shadow:0px 0px 6px 2px #e3e3e3;
	-webkit-box-shadow:0px 0px 6px 2px #e3e3e3;
	}
.wrapper img {
	width:100%;
}
.main{
	width: 100%;
	margin:0 auto;
	padding-bottom:30px;
	background:#FFF;
	font-size:12px;
	color:#333;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.main .mainvs{
	display:block;
	width: 100%;
	margin:60px auto 0px;
}

.sche{
	background:#C00;
	padding:5px 0;
	font-size:18px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.attention{
	font-size:10px;
}

.intro_pc{
	display: none;
}


.intro_sp{
	text-align:left;
	padding: 20px 5% 20px;
	line-height:2;
	display: block;
}

.intro_sp span{
	display:block;
	padding:15px 5px 0 5px;
	font-size:16px;
	font-weight:bold;
}

.red{
	color:#F00;
}

.sub{
	width: 100%;
	margin:30px auto;
	padding-bottom:100px;
	font-size:12px;
	color:#333;
}

.detail{
	padding: 5px 5%;
	border-bottom:2px solid #C00;
	font-size:16px;
	font-weight:bold;
	color:#C00;
}

.d-text{
	width: 100%;
	height:auto;
	padding: 20px 5% 60px;
	line-height:1.8;
	box-sizing: border-box;
}

.back{
	background-image:url(../img/point.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	bottom:30px; right:20px;
}

.d-text .point{
	font-size:12px;
	color:#F90;
}

.d-text a{
	color:#C00;
}


.d-text ul{
	margin:0 auto;
	overflow:auto;
}


ul .box{
	width: 100%;
	height:auto;
	background:#FFF;
	padding:5px;
	margin-right:5px;
	border:1px #CCC solid;
	float:left;
	box-sizing: border-box;
}

.box .step{
	padding-bottom:10px;
}

.box .step img{
	vertical-align:middle;
	width:30px;
}
	
.box .step span{
	font-size:14px;
	font-weight:bold;
	color:#C00;
	padding-left:10px;
}

.box > img{
	display:block;
	margin:0 auto 5px;
}

.box .cart1, .cart4{
	width:150px;
}

.box .cart2{
	width:200px;
}

.box .cart3{
	width:190px;
}

/* �{�^�� */

.button {
    width: 100%;
    height: 50px;
    value: "�e�v�f�ɑ΂��Ĕ䗦�Őݒ�";
    font-size: medium;
    background: #fbdddf;
    margin: 20px auto 0;
    border-radius: 10px;
}

.bu-text a{
	color:#ffffff;
}



}