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



/* 無料法律相談 */

#free,
.step{
	margin-left:2%;
	}

.consult #free dl,
.consult #free dt,
.consult #free dd {
  box-sizing: border-box;
}

.consult #free dl {
  background: #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.consult #free dt,
.consult #free dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}

.consult #free dt {
  width:20%;
  float: left;
}

.consult #free dd {
  background: #fff;
  margin-left:20%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
.consult #free dd:after {
  content: '';
  display: block;
  clear: both;
}


/* お問合せ */
#main_content .consult .step{
	position:relative;
	}
#main_content .consult .step dl{
	z-index:1;
	}
#main_content .consult .step .textr{
	position: absolute;
  top: 0%;
  left: 65%;
	z-index:2;
	}
.step {
	counter-reset: number 0;
}


.step>dl>dt {
	position:relative;
	margin:50px 0 20px 0px;
	padding-left:95px;
	font-weight: bold;
	font-size:16px;
	line-height:36px;
	border: 2px solid #69afe7;
	color: #000;
	background-color:#fff;
}
.step>dl>dt:before {
	counter-increment: number 1;
	content: "STEP " counter(number) " ";
	
	position: absolute;
	left: 0px;
	width:80px;
	height:36px;
	text-align: center;
	color: #fff;
	line-height:36px;
	background: #69afe7;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.step>dl>dt:nth-of-type(1) {
	margin-top:35px;
}

.step>dl ol {
	margin:15px 0;
}

.step>dl ol li {
	list-style:disc;
	margin-left:1.5em;
}

.step>dl ul {
	display:flex;
	justify-content: space-between;
	margin:15px auto;
	width:90%;
}

.step>dl ul li {
	width:21%;
	border:solid 1px #159BE8;
	border-radius:8px;
	padding:10px;
	line-height:1.1;
}

.step>dl ul li span {
	display:block;
	text-align:center;
}

.step>dl ul li span img {
	margin-bottom:5px;
}

.step>dl ul li .text_t {
	line-height:1.1;
	color:#f00;
	height:2.5em;
	font-size:1.3em;
}

.step #contact_info {
	display:flex;
	justify-content:center;
	margin-top: 4%;
	text-align:center;

}

.step #contact_info dl {
	border:solid 1px #159BE8;
	border-top: solid 8px #159BE8;
	width:25em;
	margin:25px 5px;
	padding:5px 25px 15px 25px;
}

.step #contact_info dt {
	border-top:solid 1px #ccc;
	padding-top:5px;
	margin:15px 0 0 0;
	font-size:1.2em;
}
#contact_info dl .mailnum a{
	color:#159BE8;
	}
.step #contact_info dt:nth-of-type(1) {
	border-top:none;
	margin:0;
}

/*.step #contact_info dl:nth-of-type(2) {
	height:6.5em;
}*/

.step #contact_info .mailnum,
.step #contact_info .telnum,
.step #contact_info .faxnum {
	font-weight:bold;
	font-size:28px;
	line-height:1;
}
.step #contact_info .telnum::before {
	font-family: "FontAwesome";
	content: "\f098";
	padding-right:10px;
	padding-left:5px;
}
.step #contact_info .faxnum::before {
	font-family: "FontAwesome";
	content: "\f02f";
	padding-right:10px;
	padding-left:5px;
}
.step #contact_info .mailnum::before {
	font-family: "FontAwesome";
	content: "\f0e0";
	padding-right:10px;
	padding-left:5px;
}

#main_content .step dl dd .address{
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 14px #ffaf58;/*左線（実線 太さ 色）*/
}


@media screen and ( max-width:600px) {
body {
	background:none;
}

.consult #free dl {
  border-right:none;
  border-bottom:none;
  border-left:none;
}

.consult #free dt,
.consult #free dd {
  padding:5px 10px;
  border-top:none;
}

.consult #free dt {
  width:100%;
  float:none;
}

.consult #free dd {
  margin-left:0;
  border-left:none;
}

.step>dl ul {
	flex-wrap: wrap;
}

.step>dl ul li {
	width:43%;
	margin-bottom:10px;;
}

.step #contact_info {
	width:90%;
	padding:15px;
	display:block;
}

.step #contact_info .telnum,
.step #contact_info .faxnum {
	font-size:24px;
}

.step #contact_info dl {
    width: 84%;
}

#main_content .consult .step .textr{
	display:none;
	}
}

@media screen and (min-width:600px) and ( max-width:960px) {
	#main_content .consult .step .textr{
  left: 60%;
	}
}