@charset "UTF-8";

body {
	min-width: 900px;
}
.headerbtn {
	width: 860px;
	margin: 0 auto;
	text-align: right;
}

#contents {
	width: 740px;
	margin: 42px auto 60px;
}
.item__header {
	margin: 0 0 43px 0;
}
.item__ttl {
	height: 95px;
	position: relative;
}
h1 {
	color: #fff;
	background: #ce181e;
	border-radius: 8px;
	font-size: 200%;
	text-align: center;
	letter-spacing: 0.5em;
	padding: 3px 0 3px 0;
	margin: 0 0 45px 0;
}
h1:after {
	content: "";
	position: absolute;
	bottom: 35px;
	left: 360px;
	width: 21px;
	height: 10px;
	background: url(../img/img/title_bottom.png) no-repeat center;
}
.chara01 {
	position: absolute;
	top: -32px;
	left: 569px;
}
.note {
	font-size: 114.285714%;
	text-align: center;
}
.step li:after {
	content: "";
	clear: both;
	display: table;
}
.step h2 {
	width: 100px;
	float: left;
	color: #fff;
	text-align: center;
	padding: 0 0 45px 0;
	margin: 60px 0 0 0;
	font-size: 128.571429%;
	position: relative;
}
.step01 h2:after {
	content: "1";
	color: #ce181e;
	width: 29px;
	height: 29px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	top: 45px;
	left: 35px;
}
.step02 h2:after {
	content: "2";
	color: #ce181e;
	width: 29px;
	height: 29px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	top: 45px;
	left: 35px;
}
.step03 h2:after {
	content: "3";
	color: #ce181e;
	width: 29px;
	height: 29px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	top: 45px;
	left: 35px;
}
.step04 h2:after {
	content: "4";
	color: #ce181e;
	width: 29px;
	height: 29px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	top: 45px;
	left: 35px;
}

.step01 {
	background: url(../img/img/arrow_bottom_l.png) no-repeat center bottom;
	padding: 0 0 44px 0;
	margin: 0 0 10px 0;
}
.step01__bg {
	padding: 4px 4px 0 0;
	background: #ce181e;
	border-radius: 12px;
}
.step01__bg:after {
	content: "";
	clear: both;
	display: table;
}
.step .step01__in {
	background: #ffffff;
	width: 636px;
	float: right;
	border-radius: 8px;
	margin: 0 0 4px 0;
}
.step .step01__in:after {
	content: "";
	clear: both;
	display: table;
}
.step01 .step01__in .step01__imgarea {
	float: left;
	margin: 21px 0 15px 45px
}
.step01 .step01__in p {
	width: 295px;
	float: right;
	margin: 77px 20px 0 0;
	font-size: 92.857143%;
	line-height: 1.84615385;
}

.step02 {
	background: url(../img/img/arrow_bottom_l.png) no-repeat center bottom;
	padding: 0 0 42px 0;
	margin: 0 0 10px 0;
}
.step02__bg {
	padding: 4px 4px 0 0;
	background: #ce181e;
	border-radius: 12px;
}
.step02__bg:after {
	content: "";
	clear: both;
	display: table;
}
.step .step02__in {
	background: #ffffff;
	width: 636px;
	float: right;
	border-radius: 8px;
	margin: 0 0 4px 0;
}
.step .step02__in:after {
	content: "";
	clear: both;
	display: table;
}
.step02 .step02__in .step02__imgarea {
	float: left;
	margin: 21px 0 15px 21px
}
.step02 .step02__in p {
	width: 295px;
	float: right;
	margin: 89px 20px 0 0;
	font-size: 92.857143%;
	line-height: 1.84615385;
}

.step03 {
	background: url(../img/img/arrow_bottom_l.png) no-repeat center bottom;
	padding: 0 0 42px 0;
	margin: 0 0 10px 0;
}
.step03__bg {
	padding: 4px 4px 0 0;
	background: #ce181e;
	border-radius: 12px;
}
.step03__bg:after {
	content: "";
	clear: both;
	display: table;
}
.step .step03__in {
	background: #ffffff;
	width: 636px;
	float: right;
	border-radius: 8px;
	margin: 0 0 4px 0;
}
.step .step03__in:after {
	content: "";
	clear: both;
	display: table;
}
.step03 .step03__in .step03__imgarea {
	float: left;
	margin: 21px 0 15px 21px
}
.step03 .step03__in p {
	width: 295px;
	float: right;
	margin: 30px 20px 0 0;
	font-size: 92.857143%;
	line-height: 1.84615385;
}
.step03 .step03__in .text01 {
	margin: 14px 20px 0 0;
}

.step04 {
	margin: 0 0 49px 0;
}
.step04__bg {
	padding: 4px 4px 0px 0;
	background: #ce181e;
	border-radius: 12px;
}
.step04__bg:after {
	content: "";
	clear: both;
	display: table;
}
.step .step04__in {
	background: #ffffff;
	width: 636px;
	float: right;
	border-radius: 8px;
	margin: 0 0 4px 0;
}
.step .step04__in:after {
	content: "";
	clear: both;
	display: table;
}
.step04 .step04__in .step04__imgarea {
	float: left;
	margin: 21px 0 15px 21px
}
.step04 .step04__in p {
	width: 295px;
	float: right;
	margin: 75px 20px 0 0;
	font-size: 92.857143%;
	line-height: 1.84615385;
}
.step p img {
	vertical-align: middle;
}

.manner {
	border-radius: 12px;
	border: 3px solid #d6d6d6;
	padding: 24px 29px;
}
.manner h2 {
	font-size: 128.571429%;
	color: #ce181e;
	margin: 0 0 22px 0;
}
.manner p {
	font-size: 92.857143%;
	line-height: 2.15384615;
}
.link_icon {
	background: url(../img/img/link_icon.png) no-repeat left center;
	padding: 0 0 0 14px;
}