* {
    box-sizing: border-box;
}


/*Reset*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
	border-collapse: collapse;
	vertical-align: top;

}

textarea,
input{
  -webkit-appearance:none;
}
/* ------------------------------------------------*/
html {
	font-size:62.5%;
	height: 100%;
}

body {
	margin:0 auto;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background: #f8f8f3;
	color: #000;
	height: 100%;
}
em{
  text-decoration: none;
  font-style: normal;
}
textarea,
select,
input[type="text"],
input[type="email"],
input[type="tel"]{
  padding: 0.2em 0.4em;
  background: #dddddd;
  border:2px solid #ddd;
  border-radius: 0;
  font-size:14px;
  font-size:1.6rem;
}

button{
  cursor: pointer;
}
input,
textarea{
  width: 100%;
}

p{
  margin: 1em 0 0 0;
  padding: 0 15px;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6;

}

ul.t{
  display: table;
}
ul.t li.t{
  display: table-cell;;
}



header{
  background: url(img/header_back.png) repeat-x left top;
  height: 120px;
}
header h1{
  margin: 0;
  padding: 25px 0 0 0;
  text-align: center;
}

/*--footer--*/
footer div{
	width:700px;
	margin:0 auto;
	padding:50px 0 10px 0;
	text-align:center;
}
footer div ul{
	display:inline-block;
	padding:0 10px;
}
footer div li{
	display:inline-block;
	padding:0 10px;
}
footer div li a{
	color:#181818;
	transition:all 0.5s;
  font-size: 14px;
  font-size:1.4rem;
  text-decoration: none;
  font-style: normal;;
}
footer div li a:hover{
	color:#7B7979;
}

footer p.corp{
	margin-top:30px;
	text-align:center;
}

/*--p.totop--*/
p.totop{
	display:inline-block;
	position:fixed;
	bottom:10px;
	right:10px;
	opacity:0;
	transition:all 1s;
}
p.totop.see{
	opacity:1;
}


h2{
  margin:40px 0 0 0;
  font-size:38px;
  font-size:3.8rem;
  text-align: center;
  color:#007d4b;
}

h3{
  margin:20px 0 0 0;
  font-size: 20px;
  font-size:2rem;
  text-align: center;
}
#stage{
  margin: 30px auto 0 auto;
  padding-bottom: 30px;
  width: 880px;
  min-height: 370px;
  border:5px solid #009e69;
  border-radius: 10px;
  background: #fff;
}

#stage a.button,
#stage button{
  padding: 18px 10px;
  background:#f77300;
  border-radius: 5px;
  line-height: 1;
  font-size:20px;
  font-size:2rem;
  color: #fff;
  text-align: center;
  display: inline-block;;
  border-style: none;
  min-width: 130px;
  text-decoration: none;
}
#stage a.button span,
#stage button span{
  margin-top:5px;
  display: block;
  font-size:12px;
}
#stage dt{
  margin: 25px 0 0 0;
  font-size:24px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.6;
}
#stage dt em.underline{
  padding-bottom: 0.1em;
  display: inline-block;
  border-bottom:2px solid #f77300;
  font-weight: bold;
  line-height: 1.2;
}
#stage dt em.marker{
  padding: 0.1em 0 0 0;
  display: inline-block;
  font-weight: bold;
  background: #ffff00;
}
#stage dt span.note{
  font-size:14px;
  font-size:1.4rem;
}
#stage dd p.note{
  font-size: 16px;
  font-size:1.6rem;
  line-height: 1.7;
  text-align: center;
}
#stage dd p.note em{
  color: #007d4b;
}
#stage dd ul.button{
  margin: 10px auto 0 auto;
}
#stage dd ul.button li{
  padding: 0 5px;
}
#stage p.go2checker{
  margin:10px 0 0 0;
}
#stage p.go2checker a{
  padding: 18px 30px;
  font-size:26px;
  font-size:2.6rem;
  height: 56px;
  border-radius: 31px;
  box-shadow: 0 3px 0 #cc6103;
}
#stage p.go2checker:before{
  margin: 15px auto;
  content: '';
  display: block;
  width: 28px;
  height: 33px;
  background: url(img/illust.gif) no-repeat 0 -1800px;
}
#stage a.go2start{
  padding: 8px 10px;
  font-size:14px;
  font-size:1.4rem;
  height: 30px;
  border-radius: 19px;
}
#stage div.image_space{
  margin: 0 auto;
  width: 700px;
  height:175px;
  background: url(img/illust.gif) no-repeat center top;
}
#stage #image_space_2{
  background-position: 0 -175px;
}
#stage #image_space_3{
  background-position: 0 -2625px;
}
#stage #image_space_5{
  background-position: 0 -2625px;
}
#stage #image_space_8{
  background-position: 0 -2800px;
}
#stage #image_space_17,
#stage #image_space_18{
  background-position: 0 -875px;
}
#stage #image_space_4{
  background-position: 0 -350px;
}

#stage #image_space_6{
  background-position: 0 -525px;
}
#stage #image_space_7{
  background-position: 0 -700px;
}
#stage #image_space_9{
  background-position: 0 -1050px;
}
#stage #image_space_10{
  background-position: 0 -1925px;
}
#stage #image_space_11{
  background-position: 0 -1225px;
}
#stage #image_space_12{
  background-position: 0 -2450px;
}
#stage #image_space_13{
  background-position: 0 -2100px;
}
#stage #image_space_17{
  background-position: 0 -1225px;
}
#stage #image_space_18{
  background-position: 0 -1225px;
}
#stage #image_space_19{
  background-position: 0 -2275px;
}
#stage #image_space_20{
  background-position: 0 -1575px;
}
/* #stage.calc */
[class^=slider] { display: inline-block; }

.slider-checker {
  width: 340px;
}

.slider-checker > .dragger {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border-radius: 18px;
  background: #007d4b;
}
.slider-checker > .track,
.slider-checker > .highlight-track {
  height: 25px;
  background: #fff;
  border: 1px solid #009b69;
}
.slider-checker > .highlight-track {
  background-color: #009b69;
}

#stage.calc h4{
  padding: 20px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-size:1.6rem;
  line-height: 1.5;
}

input[type="number"]{
  margin: 0 0px 0 20px;
  font-size:24px;
  font-size:2.4rem;
  width: 135px;
  height: 50px;
  font-weight: bold;
  border:1px solid #b1b1b1;
  text-align: center;
}
#stage.calc table{
  margin:20px auto 0 auto;
  width: 650px;
}
#stage.calc td{
  padding: 15px 0;
  vertical-align: middle;
  font-size:23px;
  font-size:2.3rem;
  color: #007d4b;
}
#stage.calc th{
  font-size:23px;
  font-size:2.3rem;
  font-style: normal;
  vertical-align: middle;;
  color: #007d4b;
}
#stage.calc .slide{
  text-align: center;
}
#stage.calc .slide ul.t{
  margin: 0 auto;
  width: 350px;
}
#stage.calc .slide li.t{
  padding: 0 10px 2px 10px;
  color: #000;
  font-size:12px;
  font-size: 1.2rem;
}
#stage.calc .slide li.t:nth-of-type(2){
  text-align: right;
}
#stage.calc p.go2result{
  margin:10px auto 0 auto;
  text-align: center;
  height: 97px;
  width: 645px;
  background: url(img/calc_button_back.png) no-repeat center top;
}
#stage.calc p.go2result button{
  margin-top:20px;
  padding: 18px 50px;
  font-size:26px;
  font-size:2.6rem;
  height: 56px;
  border-radius: 31px;
  background:#f54101;
  box-shadow: 0 3px 0 #ae4102;
  line-height: 0.8;
}
#stage.calc p.note,
#stage.result p.note{
  text-align: center;
  font-size:14px;
  font-size: 1.4rem;
}

#stage.result h4{
  padding: 40px 0 0 0;
  text-align: center;
  font-size: 38px;
  font-size:3.8rem;
  line-height: 1.5;
  color: #007d4b;
}
#stage.result p.message{
  margin: 10px 0;
  font-size:20px;
  font-size:2rem;
  text-align: center;
}
#stage.result p.result{
  margin: 10px auto 0 auto;
  padding: 0px 0 10px 0;
  font-size: 2px;
  font-size:2rem;
  text-align: center;
  line-height: 1.5;
}
#stage.result p.result span{
  font-size: 18px;
  font-size:1.8rem;
  font-weight: normal;;
}
#stage.result p.result em{
  font-size: 30px;
  font-size:3rem;
  font-weight: bold;
  border-bottom:5px solid #f54100;
}
#stage.result p.result em span{
  font-weight: bold;
  font-size: 25px;
  font-size:2.5rem;
}


#stage.result:after{
  margin: 20px auto 0 auto;
  display: block;;
  content: '';
  width: 252px;
  height: 98px;
  background: url(img/illust.gif) no-repeat -40px -1800px ;
}

#stage.result dl{
  margin: 0px auto 0 auto;
  padding-bottom: 10px;
  width: 600px;
  background: #eee;
  border-radius: 10px;
}
#stage.result dt{
  padding: 10px 0 5px 0;
  font-size:14px;
  font-size:1.4rem;
  font-weight: bold;
}
#stage.result dd{
  font-size:14px;
  font-size:1.4rem;
}
#stage.result dd li{
  margin-left:2em;
  text-align: left;
  list-style-type: disc;
  line-height: 1.8;
}
#result h4{
  text-align: center;
  font-size: 38px;
  font-size:3.8rem;
  line-height: 1.5;
  color: #007d4b;
}

#result h5{
  margin: 1em 0 0 0;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.5;
}

#result div.table{
  margin: 25px auto 0 auto;
  padding: 15px 0;
  border:3px solid #d6b877;
  width: 680px;
  text-align: center;
}
#result table{
  margin: 0 auto;
  width: auto;
}
#result th{
  padding: 12px 0;
  font-size:26px;
  font-size:2.6rem;
  font-weight: bold;
  color: #da9346;
  vertical-align: middle;
}
#result td{
  padding: 12px 0 12px 40px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  vertical-align: middle;
  text-align: right;
}
#result td span{
  font-size: 33px;
  font-size: 3.3rem;
}

#result p.img{
  text-align: center;
}

#result p.button_risona{
  cursor: pointer;
}

#result #point3{
  margin:50px 0 0 0;
  padding: 50px 0;
  background: #fff;
}
#result #point3 p.img{
  margin-top:30px;

}
#result #point3 h5{
  margin:50px 15px 30px 15px;
  padding-bottom:20px;
  font-size:30px;
  font-size:3rem;
  color: #f47300;
  text-align: center;
  border-bottom:2px solid #f47300;
}

#result #point3 ul.t{
  margin: 10px auto 0 auto;
  width: 960px;
  border-collapse:separate;
  border-spacing: 15px 0;
}
#result #point3 li.t{
  padding: 0;
}

/*●りそなコールセンター●*/
p.logo_risona{
	text-align:right;
	margin-top:10px;
}

div.callcenter{
  width: 880px;
	margin:30px auto 0 auto;
	background:#fff;
	border:3px solid #BEB99D;
	border-radius:10px;
	padding:10px 15px;
}
div.callcenter p{
  margin: 0;
}
div.callcenter p.name{
	text-align:center;
	font-size:24px;
	font-size:2.4rem;
	border-bottom:2px solid #F58C00;
	line-height:2;
}
div.callcenter p.text{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	margin-top:15px;
}
div.callcenter ul.t.phone{
	margin:15px  auto 0 auto;
}
div.callcenter li.woman{
	width:90px;
	position:relative;
}
div.callcenter li.woman img{
	position:absolute;
	bottom:0;
}

div.callcenter p{
  font-size:14px;
  font-size:1.4rem;
}
div.callcenter p.free{
	color:#F77300;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
div.callcenter p.no{
	color:#009B69;
	font-size:34px;
	font-size:3.4rem;
	font-weight:900;
	background:url("../img/freedial.png") no-repeat left 5px;
	background-size:35px auto;
	padding-left:40px;
	line-height:1;
}

section div.all{
	width:700px;
	margin:0 auto;
	padding:50px 0 20px 0;
}

/*●大手4社を比較●*/
section#hikaku{
  padding:0 0 50px 0;
	background:#F0F0E6;
}
section#hikaku  h2{
  margin: 0;
}
section#hikaku  h2 span{
	font-size:27px;
	font-size:2.7rem;
}
section#hikaku table{
	margin-top:50px;
	border-top:1px solid #C1C1C0;
	border-left:1px solid #C1C1C0;
}
section#hikaku th,
section#hikaku td{
	padding:15px 10px;
	border-right:1px solid #C1C1C0;
	border-bottom:1px solid #C1C1C0;
	text-align:center;
}
section#hikaku th{
	height:60px;/*p.hikaku_man固定のために*/
	font-size:16px;
	font-size:1.6rem;
	background:#FFFFE6;
	line-height:1.2;
	vertical-align:middle;
}
section#hikaku th span{
	font-size:10px;
	font-size:1.0rem;
}
section#hikaku th.one{
	width:120px;
}
section#hikaku th.two{
	width:90px;
}
section#hikaku th.three{
	width:110px;
}
section#hikaku th.four{
	width:140px;
}

section#hikaku td.bank{
	vertical-align:middle;
	background:#535761;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
section#hikaku td{
	background:#FFF;
}
section#hikaku td p{
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	line-height:1.4;
	margin-top:15px;
}
section#hikaku td.text{
	vertical-align:middle;
	font-size:12px;
	font-size:1.2rem;
	text-align:left;
	line-height:1.5;
}
section#hikaku div.all{
	position:relative;
}
section#hikaku p.hikaku_man{
  padding: 0;
  margin: 0;
	width:89px;
	height:113px;
	position:absolute;
	top:156px;
	left:25px;
}
section#hikaku p.hikaku_man img{
  margin: 0;
  padding: 0;
  display: block;
}
section#hikaku li.hikaku_woman{
	width:90px;
	vertical-align:bottom;
}
section#hikaku div.matome{
  width: 880px;
	margin:0px auto 50px auto;
	background:#fff;
	border:3px solid #009B69;
	border-radius:10px;
	padding:15px 15px 0 15px;
}
section#hikaku div.matome p{
	text-align:center;
	font-size:20px;
	font-size:2.0rem;
	padding-bottom:15px;
}
section#hikaku div.matome p span{
	font-size:24px;
	font-size:2.4rem;
	color:#F47300;
	font-weight:bold;
}
section#hikaku div.matome ul.t{
  margin:0 auto;
}
section#hikaku div.callcenter{
  margin:20px auto 0 auto;
}

/*●アドセンス●*/
div.adsenwaku {
    padding: 18px 20px 12px;
}
div.adsen {
    display: inline-block;
    margin: 0 10px 0 12px;
}
div.adsen2 {
    display: inline-block;
    margin: 0 20px 0 60px;
}