@charset "utf-8";
/* CSS Document */
html {
	font-size:62.5%;
	 height: 100%;
  width: 100%;
}
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;

	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height:1.8;
	text-align: left;
	list-style-type: none;
	border-collapse: collapse;
	vertical-align: top;

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

}
img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	border-style:none;
	text-align:center;
}

div{
	display:block;
}


p{
	text-align:center;
}
span.red{
	color:#FB080C;
	font-weight:800;
}
ul.t{
margin:0;
  display: table;
}

li.col{
  display: table-cell;
}
li{
	list-style-type:none;
}
div.form{
	/*margin-bottom:40px;*/
}

div.phone{
	width:86%;
	text-align:center;
	border-radius:10px;
	height:auto;
	margin:0 auto;
	padding:17px 0;
	background:#eeeeee;
	border:3px solid #B9B9B9;
	display:block;
}
div.phone p.number{
	font-size:24px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:none;
}
div.phone p.number a{
	color:#000000;
	border-bottom:none;
	text-decoration:none;
}
div.phone p.open{
	font-size:12px;
	padding-bottom:4px;
	text-decoration:none;
}
div.phone p.open a{
	color:#000;
	text-decoration:none;
}

div.phone p{
	position:static;
	width:100%;
	text-align:center;
}



div#fix_form{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
}
div#fix_form ul{
	width:100%;
	max-width:640px;
	margin:0 auto;

	border-spacing:10px;
	border-collapse:separate;

}
div#fix_form li img{
	vertical-align:middle;
}

section.form div.rera{
	position:relative;
}

section.form ul.t{
	position:absolute;
	top:64%;
	left:5%;
	width:80%;
	margin-left:15px;
	margin-right:15px;
}

section.form ul.ab img{
	width:65%;
}
section.form ul.t li.number{
	font-size:25px;
	font-weight:800;

}

section.form ul.t li.number a{
		color:#000000;
	text-decoration:none;
}
section.form ul.t li.number span{
	font-size:12px;
	font-weight:200;
}
section.form p.teltext{
	width:80%;
	position:absolute;
	margin-left:15px;
	margin-right:15px;
	top:52%;
	left:5%;

}

p.formcatch{
	padding-top:25px;
	background:#001c58;
}

/*選ばれる3つの理由*/

section#reason{
	background:#d8f2fc;
	padding-bottom:70px;
}

section#reason div.graph{
	background:#001c58;
	padding:20px 15px;
	margin:15px;
	color:#ffffff;
	text-align:left;
}

section#reason div.graph h3{
	font-size:20px;
	padding-bottom:15px;
	margin-bottom:10px;
	margin-top:5px;
	border-bottom:2px solid #8F90E3;
}

section#reason div.graph p{
	text-align:left;
	line-height:2;
}
section#reason div.graph p.graph{
	margin-top:20px;
}


/*大手のカラクリ*/
	
section#karakuri{
	background:url(../img/ver11/karakuri.jpg);
	padding-top:60px;
	padding-bottom:30px;
}
section#karakuri div.text{
	background:#FDFDFD;
	margin:40px 10px;
	border:10px solid #11253e;
	padding:10px 14px;
}
section#karakuri div.text h3{
	font-size:18px;
	font-weight:800;
	line-height:1.7;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:3px solid #000000;
}
section#karakuri div.text p.text{
	padding:25px 0;
	text-align:left;
}


#accordion{
  position:relative;
  margin:30px 20px;
  padding: 0;
  border-radius: 3px;
  font-size: 16px;
  line-height: 1;

}

#accordion input{
  position:absolute;
  height: 0;
  padding: 0;

}

#accordion div div{
  position: relative;
  padding: 15px 10px 12px 40px;
  border-top: 1px solid #d4ebf2;
  border-bottom: 1px solid #d4ebf2;
  background: #2897FF;
  color:#FFFFFF;
  font-weight:500;
  font-size:20px;

}
#accordion div div span.crown2 img{
	width:40px;
	margin-left:2px;
	margin-bottom:8px;
}
#accordion label:first-child div div{

  border-top: 0;

}

#accordion label:last-child div div{
  border-bottom: 0;

}

#accordion div div:hover{
  background: #070FAF;
  cursor: pointer;

}

#accordion div div:before{
  position:absolute;
  top: 13px;
  left:10px;
  color: #2f7f99;
  font: 24px/100% 'Typicons';
  content: "";

}

#accordion div div:after{
  position:absolute;
  top: 15px;
  right:10px;
  color: #2f7f99;
  font: 15px 'Typicons';
  content:url(../img/ver11/arrow3.png);
/*  content: "+";*/
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;

}

#accordion input:checked + div div:after{
  top: 12px;
  right: 15px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#accordion ul{
  list-style: none;
  margin: 0;
  background: #e1f1f6;

}

#accordion ul li a{
  display: block;
  overflow: hidden;
  height: 0;

  color: #333;
  text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;

}

#accordion ul li a:hover{
  border-top-color: #c7e4ee;
  background: #d4ebf2;
  color: #1b4958;

}


#accordion input:checked + div ul li a{
  position:relative;
  background: none;
  line-height: 1;
  height: 100%;
  padding: 13px 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;

}

#accordion input:checked + div ul li a:before{

  position: absolute;
  top: 16px;
  left: 45px;
  color: #2f7f99;
  font:16px/100% 'Typicons';
  content: "";
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;

}

#accordion input:checked + div ul li:first-child a{

  border-top: 0px;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;

}

#accordion input:checked + div ul li:last-child a{

  border-bottom: 1px solid #d4ebf2;

}

#accordion input:checked + div ul li a:hover{

  background: #d4ebf2;
  border-top-color: #eef7fa;

}


section#isharyou{
	background:url(../img/ver11/isharyou_back.jpg);
	padding:50px 15px;
}

section#isharyou div.white{
	background:#ffffff;
	margin-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:20px;
}


section#isharyou div.white h3{
	margin-bottom:30px;
}


section#isharyou div.white p{
	margin:20px 0;
	text-align:left;
	font-size:18px;
}
	
	
	
section#difference p.title{
}
	
section#difference div.blue{
	background:#d9e9fd;
	padding-top:30px;
	padding-bottom:40px;
}

section#difference div.blue h3{
	font-size:27px;
	text-align:center;
	background:#354a83;
	font-weight:800;
	color:#ffffff;
	margin:0 10px;
	padding-top:10px;
}
section#difference div.blue div.waku{
	background:#ffffff;
	border:10px solid #354a83;
	padding:10px;
	margin:0 10px;
}

section#difference div.waku ul{
	margin:18px 8px;
  display: flex;
}

section#difference div.waku li.text{
}
section#difference div.waku li.checkbox img{
	width:34px;
	height:34px;
	padding-right:8px;
	

}
section#difference p.arrow{
	width:82px;
	height:56px;
	text-align:center;
	margin:0 auto;
}
section#difference div.blue p.text{
	font-size:26px;
	font-weight:bold;
	color:#354a83;
	line-height:1.5;
	margin:30px 5px;
}




section#difference div.orange{
	background:#fff7c4;
	padding-top:30px;
	padding-bottom:40px;
}

section#difference div.orange h3{
	font-size:27px;
	text-align:center;
	background:#f7b527;
	font-weight:800;
	color:#ffffff;
	margin:0 10px;
	padding-top:10px;
}
section#difference div.orange  div.waku{
	background:#ffffff;
	border:10px solid #f7b527;
	padding:10px;
	margin:0 10px;
}


section#difference div.orange p.text{
	font-size:26px;
	font-weight:bold;
	color:#f79c27;
	line-height:1.5;
	margin:30px 5px;
}


section#difference div.orange p.text2{
	text-align:left;

	margin:30px 15px;
}


p.warning{
margin-bottom: -40px;
    background-color: #d5f1fe;
}
section#check{
	background:url(../img/ver11/check_back.jpg);
}
section#check p.text{
	padding: 10px;
}
section#check h3{
	font-size:25px;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;
	padding-top:50px;
}


/*ボタン*/
.button{
    background: url("../img/ver11/action-back.png");
    background-size: contain;
}
.button h2{
    position: relative;
}
.button h2 .ribon{
    position: absolute;
    left: 3%;
    width: 25%;
}
.button ul{
    margin:0 auto;
    width: 95%;
}
.button li{
    padding: 3% 1% 4% 1%;
}
.button .okigaru{
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.03em;
}


/*　■■■ページトップボタン
-------------------------------------*/
.page-top {
    position: fixed;
    bottom: 0px;
    font-size: 77%;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 1000;
}

.page-top li{
    padding: 3% 0 2%;
}

footer a{
    text-decoration: none;
}

footer a:nth-of-type(2){
  border-left: 1px solid #fff;
  padding:0 0 0 3px;
}

footer p{
	padding:5px;
	font-size:10px;
	font-size:1.0rem;
	text-align:center;	
	background:#000000;
	color:#ffffff;
}

/*フォーム変更*/
.form{
	background: #1d3c6f;
	padding-bottom: 30px;
}
.form p.form__button{
	width: 94%;
	margin: 0 auto 15px auto;
}
.form p.form__tel{
	width: 94%;
	text-align: center;
	margin: 0 auto;
	background: url("../img/ver11/tel.png") no-repeat;
	background-size: contain;
	font-weight: bold;
	line-height: 1;
	display: block;
}
.form p.form__tel a{
	color: #073355;
	text-decoration: none;
	display: block;
	font-size:6vw;
	padding: 9%;
}
.form p.form__tel a span{
	font-size:3vw;
	font-weight: bold;
}

@media screen and (min-width:60em) and ( max-width:80em) {
    /*　960px~1280px　*/
.form p.form__tel a{
	font-size:4vw;
}
.form p.form__tel a span{
	font-size:2vw;
}

}
@media screen and (min-width:80em) {
    /*　1280px~ */
.form p.form__tel a{
	font-size:2vw;
}
.form p.form__tel a span{
	font-size:1vw;
}

}