@charset "utf-8";
/* CSS Document */

/*----------------
  #mile
----------------*/
#mile.res-contents .ttl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 50px;
}
#mile.res-contents .column-block {
	background-color: #f8f7f7;
	padding: 40px 5.263%;
}
.res-contents .column-block .hidden {
  width: 100%;
  overflow: hidden;
}
.res-contents .column-block .floatL,
.res-contents .column-block .floatR {
  width: 50%;
  text-align: center;
}
.res-contents .column-block .txt {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 25px;
  text-align: left;
}
.res-contents .column-block .floatL.txt { padding-right: 50px; }
.res-contents .column-block .floatR.txt { padding-left: 50px; }

.res-contents .toggle-box-contents {
  padding-top: 50px;
}
.floatL { float: left; }
.floatR { float: right; }

@media (max-width: 570px) {
  .res-contents .column-block .floatL,
  .res-contents .column-block .floatR {
    width: 100%;
  }
  .res-contents .column-block .floatL.txt { padding-right: 0; }
  .floatL { float: none; }
  .floatR { float: none; }
  
  .anchor {
	margin: 0;
	width: 100%;
  }
  .anchor li {
	margin: 10px 0 0;
	float: none;
	width: 100%;
	text-align:  center;
  }
}

/*----------------
  .anchor
  navボタン
----------------*/
.anchor {
	margin: 20px auto 0;
	width: 95.78%;
	overflow: hidden;
}
.anchor li {
	width: 49%;
	float: left;
	margin-left:2%;
}

.anchor li:first-child {
	margin-left: 0;
}
@media (max-width: 570px) {
  .anchor {
	margin: 0;
	width: 100%;
  }
  .anchor li {
	margin: 10px 0 0;
	float: none;
	width: 100%;
	text-align:  center;
  }
}

/* フロー */
#stepblock {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 0;
    display: table;
    border-top: 3px solid #093568;
    padding-top: 20px;
}
#stepblock dl {
	width: 50%;
  display: table-cell;
}

#stepblock dl dt {
	overflow: hidden;
	display: table;
	width: 90%;
	margin-bottom: 3px;
}
#stepblock dl dt span {
	display: table-cell;
	line-height: 1.2;
}
#stepblock dl dt span:first-child {
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 1;
	width: 10%;
	vertical-align: top;
}

#stepblock dl dd.bg-gray {
	background-color: #f3f3f3;
	display: table;
	text-align: center;
	width: 100%;
}
#stepblock dl#step01 dd.bg-gray{
	margin-top: 11px;
	height: 288px;
}
#stepblock dl#step02 dd.bg-gray{
	margin-top: 8px;
	height: 288px;
}

#stepblock dl dd.bg-gray:after {
  content: "";
  display: table-cell;
  width: 10%;
  height: 20px;
  background-color: #f00;
  background: url(/amc/cpn/mobileplus_edy1612_02/image/arrow_01.gif) #fff center center no-repeat;
  background: 100% auto;
}
#stepblock dl#step02 dd.bg-gray:after {
  content: none;
}
#stepblock dl dd.bg-gray p {
  vertical-align: middle;
  padding: 15px;
  display: table-cell;
}

#stepblock dl dd.btn {
  width: 100%;
}
#stepblock dl dd.btn .res-btn-link.type-01 {
  margin: 15px 0;
  width: 90%;
}
#stepblock dl#step03 dd.btn .res-btn-link.type-01 {
  width: 100%;
}
@media (min-width: 0) and (max-width: 570px) {
  #stepblock {
    margin-top: 15px;
  }
  #stepblock dl {
    display: block;
    width: 100%;
  }
  #stepblock dl#step01 {
    margin-top: 0;
  }
  
  #stepblock dl dd.bg-gray {
    display: block;
    margin-bottom: 20px;
  }
  #stepblock dl dd.bg-gray:after {
    display: none;
  }
  #stepblock dl:after {
    content: "";
    display: block;
    width: 26px;
    height: 40px;
    background: url(/amc/cpn/mobileplus_edy1612_02/image/arrow_01_sp.gif) left top no-repeat;
    margin: 20px auto;
  }
  #stepblock dl#step02:after {
    content: none;
  }
  #stepblock dl#step02 dd.bg-gray{
	margin-top: 0;
	height: auto;
  }
  #stepblock dl dd.bg-gray p {
    display: block;
  }
  #stepblock dl dd.btn .res-btn-link.type-01 {
    width: 100%;
    margin: 0 0 3px;
  }
  
  #stepblock dl:last-child {
    width: 100%;
  }
}