/* -------------------------------------------------------------------
 * title
 * ---------------------------------------------------------------- */
body {
	background-color:#fbfbfb;
	font-size: 12rem;
}

#guide > .wrap > .contents > h1 > img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin:1px 0 1px 0;
}

#guide > .wrap > .contents > .guide_ttl_line {
	background:url("/sp/guide/img/sp_guide_line_ttl.png") repeat;
	background-size:2px 2px;
	width:100%;
	height:3px;
}

#guide > .wrap > .contents > h2{
	font-size: 15rem;
	line-height: 100%;
	color: #00b2b3;
	padding: 12px 0 12px 20px;
}

#guide > .wrap > .contents > .line_flow_1 {
	border-bottom:1px solid #eee;
}

#guide > .wrap > .contents > .line_flow_2 {
	border-bottom:1px solid #fff;
}

#guide > .wrap > .contents > .step_box_suc {
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	position:relative;
}

#guide > .wrap > .contents > .step_box {
	height:auto;
	padding:10px 20px 45px 20px;
	position:relative;
	background:url("/sp/guide/img/sp_guide_icon_arrow.png") center  bottom no-repeat;
	background-size: 320px 87px;
}

#guide > .wrap > .contents > .step_box > h3 {
	margin:15px 0 15px 0;
}

#guide > .wrap > .contents > .step_box > div > figure > img{
	width: 100%;
	height: auto;
}

#guide > .wrap > .contents > .step_box > .txt{
	font-size: 12rem;
	line-height: 150%;
	margin-top: 11px;
}

#guide > .wrap > .contents > .step_box_suc > h3 {
	width:90px;
	height:14px;
	margin:15px 5% 15px 5%;
}

#guide > .wrap > .contents > .step_box > div > figure > img{
	width:100%;
	height:auto;
}

#guide > .wrap > .contents > .step_box_suc > div > figure > img{
	width:100%;
	height:auto;
}

#guide > .wrap > .contents > .step_box_suc > .txt{
	margin:13px 20px 0 20px;
}

#guide > .wrap > .contents > .icon_arrow {
	background:url("/sp/guide/img/sp_guide_icon_arrow.png") no-repeat;
	background-size:auto 100%;
	background-position:center;
	width:100%;
	height:87px;
}

#guide > .wrap > .contents > .icon_arrow > p{
	margin-left: 20px;
	height:auto;
	font-weight:bold;
	color:#333;
}

#guide > .wrap > .contents > .icon_arrow_suc {
	background-size:auto 100%;
	background-position:center;
	width:100%;
	height:auto;
}

#guide > .wrap > .contents > .icon_arrow_suc > p{
	width:90%;
	height:auto;
	font-weight:bold;
	margin:0 5% 0 5%;
	color:#333;
}

#guide > .wrap > .contents > .step_box_suc >.icon_suc {
	width: 60%;
	height: auto;
	position: absolute;
	top: -5%;
	left:50%;
	margin:0 0 0 -35%;
}

#guide > .wrap > .contents > .step_box >.icon_suc > img {
	width: 100%;
	height: auto;
}

#guide > .wrap > .contents > .step_box_suc >.icon_suc > img {
	width: 100%;
	height: auto;
}

#guide > .wrap > .contents > .flow_btn {
  padding:0 20px 30px 20px;
  display: block;
  box-sizing:border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#guide > .wrap > .contents > .flow_btn > img{
	width: 100%;
	height: auto;
}

#guide > .wrap > .contents > .area_banner{
	padding: 0 20px 0 20px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#guide > .wrap > .contents > .area_banner > div{
	float: left;
	width: 48%;
}

#guide > .wrap > .contents > .area_banner > div + div{
	float: right;
}

#guide > .wrap > .contents > .area_banner > div > a{
	display: block;
}

#guide > .wrap > .contents > .area_banner div:first-child{
	padding-left: 0;
}

#guide > .wrap > .contents > .area_banner a > img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

#guide > .wrap > .contents > .icon_shadow > img{
	width: 100%;
	height: auto;
}