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


div.contents{
	overflow:hidden;
	width:800px;
	margin:0 auto;
	padding-top:10px;
}

h2.content_title{
	width:800px;
	height:40px;
	font-size:16px;
	line-height:40px;
	padding-left:10px;
	background:#E6F1EF;
	border-radius:3px;
	margin-bottom:20px;
}
section{
	width:800px;
	margin:0 auto;
}
p.main_img img{
	width:800px;
	height:auto;
}


/*-----ボタン装飾-----*/

div.btn_box01{
	width:780px;
	margin:0 auto;
	display:flex;
}
div.btn_box01 p{
	width:380px;
	padding-top:50px;
	padding-bottom:70px;
	
}
div.btn_box01 p.contact{
	margin-right:20px;
}
div.btn_box01 p.contact img,div.btn_box01 p.request img{
	width:380px;
	height:auto;
}


/*-------------------------------------------------------
ご利用者の声

-------------------------------------------------------*/
ul.customer_reviews{
	width:780px;
	margin:0 auto;
}
ul.customer_reviews li{
	padding-left:105px;
	padding-bottom:50px;
	position:relative;
}
ul.customer_reviews li:last-child{
	padding-bottom:20px;
}
li.wrap_blue:before{
	content:"";
	background:url("../../../images/info/icon_user01.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width:70px;
	height:71px;
	position:absolute;
	top: 20px;
    left: 0;
}
dl.blue dt{
	font-size:14px;
	font-weight:bold;
	color:#0085E2;
}
dl.green dt{
	font-size:14px;
	font-weight:bold;
	color:#3D9C61;
}
li.wrap_green:before{
	content:"";
	background:url("../../../images/info/icon_user02.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width:70px;
	height:71px;
	position:absolute;
	top: 20px;
    left: 0;
}
dl.purple dt{
	font-size:14px;
	font-weight:bold;
	color:#A963D6;
}
li.wrap_purple:before{
	content:"";
	background:url("../../../images/info/icon_user03.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width:70px;
	height:71px;
	position:absolute;
	top: 20px;
    left: 0;
}
/*----------吹き出し----------*/

.blue{
    position:relative;
    width:675px;
    background:#FFFFFF;
    padding:15px;
    text-align:left;
    border:2px solid #0085E2;
    font-size:13px;
}
.blue:after,.blue:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:43%;
}
.blue:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -10px;
    border-right-color:#FFFFFF;
}
.blue:before{
    border-color: rgba(0, 133, 226, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:24px;
    border-right-width:24px;
    margin-top: -12px;
    margin-right: 2px;
    border-right-color:#0085E2;
}


.green{
    position:relative;
    width:675px;
    background:#FFFFFF;
    padding:15px;
    text-align:left;
    border:2px solid #3D9C61;
    font-size:13px;
}
.green:after,.green:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:43%;
}
.green:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -10px;
    border-right-color:#FFFFFF;
}
.green:before{
    border-color: rgba(0, 133, 226, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:24px;
    border-right-width:24px;
    margin-top: -12px;
    margin-right: 2px;
    border-right-color:#3D9C61;
}


.purple{
    position:relative;
    width:675px;
    background:#FFFFFF;
    padding:15px;
    text-align:left;
    border:2px solid #A963D6;
    font-size:13px;
}
.purple:after,.purple:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:43%;
}
.purple:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -10px;
    border-right-color:#FFFFFF;
}
.purple:before{
    border-color: rgba(0, 133, 226, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:24px;
    border-right-width:24px;
    margin-top: -12px;
    margin-right: 2px;
    border-right-color:#A963D6;
}

/*----------吹き出しここまで----------*/




/*----------タイムライン----------*/

.Inner {
	width:500px;
	margin:0 auto;
}
.List-Item:nth-of-type(1) {
  border-top: 0;
}
.List-Item-Content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}

.List-Item-Content.one {
  padding-top: 0;
}
.List-Item-Content-Number {
  position: relative;
  margin-right: 40px;
	min-width: 105px;
	width: 105px;
	height: 105px;
	border-radius:50%;
  line-height: 70px;
  text-align: center;
  background: #E6F1EF;
  color: #00A381;
  font-size: 23px;
	font-weight:bold;
}
.step1,.step4{
	border:2px solid #00A381;
}
.step1:after{
	content:"";
	background:url("../../../images/info/icon_step1.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width:55px;
	height:44px;
	position:absolute;
	top: 51px;
    left: 21px;
}
.step2:after{
	content:"";
	background:url("../../../images/info/icon_step2.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width: 39px;
    height: 46px;
    position: absolute;
    top: 47px;
    left: 33px;
}
.step3:after{
	content:"";
	background:url("../../../images/info/icon_step3.png") no-repeat;
	background-size: cover;
	display:inline-block;
    width: 32px;
    height: 39px;
    position: absolute;
    top: 50px;
    left: 38px;
}
.step4:after{
	content:"";
	background:url("../../../images/info/icon_step4.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width: 34px;
    height: 32px;
    position: absolute;
    top: 50px;
    left: 35px;
}
.step5:after{
	content:"";
	background:url("../../../images/info/icon_step5.png") no-repeat;
	background-size: cover;
	display:inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50px;
    left: 35px;
}
.step6:after{
	content:"";
	background:url("../../../images/info/icon_step6.png") no-repeat;
	background-size: cover;
	display:inline-block;
    width: 55px;
    height: 41px;
    position: absolute;
    top: 52px;
    left: 29px;
}
.List-Item-Content-Number-Line {
  position: absolute;
  top: -36%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 20px;
  height: 75px;
  background: #5bc8ac;
	z-index:-1;
}

.List-Item-Content-Title {
  margin-right: 48px;
  flex-basis: 257px;
  font-size: 13px;
}
.List-Item-Content-Title dl dt{
	font-size:18px;
	font-weight:bold;
}
.List-Item-Content-Title dl dd{
	padding-left:10px;
}

/*----------タイムラインここまで----------*/



















p.campaign{
	width:800px;
	margin:0 auto;
}
p.campaign img{
	width:800px;
	height:auto;
}


.btn_box02{
	width:800px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:50px;
	border-bottom:1px solid #E6F1EF;
}
.btn_box02 p{
	width:615px;
	margin:0 auto;
}
.btn_box02 a img{
	width:615px;
	height:auto;
}

.contact_box{
	width:555px;
	margin:0 auto;
	padding-top:50px;
}
.contact_box dl.contact_box_inner{
	width:555px;
	border:2px solid #00A381;
}
.contact_box dl dt.box_head{
	background:#E6F1EF;
	font-size:18px;
	color:#00A381;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}
.contact_box dl dd.box_top{
	padding:10px;
	text-align:center;
}
.contact_box dl dd .btn_box03{
	padding-top:20px;
	border-bottom:1px solid #E6F1EF;
	padding-bottom:20px;
}
.contact_box dl dd .btn_box03 a img{
	width:382px;
	height: auto;
}
.contact_box dl dd .btn_box03 p{
	font-size:12px;
	color:#636A77;
}
dd.box_bottom dl{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:30px;
	position:relative;
}
dd.box_bottom dl:before{
	content:"";
	background:url("../../../images/info/icon_phone.png") no-repeat;
	background-size: cover;
	display:inline-block;
	width:32px;
	height:38px;
	position:absolute;
	top: 27px;
    left: 145px;
}
dd.box_bottom dl dt{
	font-size:14px;
}
dd.box_bottom dl dd{
	font-size:12px;
	color:#636A77;
}
dd.box_bottom dl dd.tel{
	font-size:27px;
	font-weight:bold;
	color:#0F0F0F;
}



/*その他エリア*/
.other_area{
	padding-top:70px;
	padding-bottom:50px;
}
.other_area h3{
	width:800px;
	height:30px;
	font-size:14px;
	line-height:30px;
	padding-left:10px;
	background:#00A381;
	color:#ffffff;
	border-radius:3px;
	margin-bottom:10px;
}
.othe_area_list{
	padding-left:10px;
	display:flex;
	flex-wrap: wrap;
}
.othe_area_list li{
	font-size:13px;
}
.other_area_current{
	font-weight:bold;
}
.othe_area_list li::after{
	content:" ｜ ";
	color:#00A381;
}