@charset "UTF-8";

/*---------------------------------------------
pageCommon
---------------------------------------------*/
.txt-basic small{
    display: block;
    font-size: 1.2rem;
    margin-top: 30px;
}
@media screen and (max-width: 736px){
	.txt-basic small{margin-top: 10px;}
}
/*
sec01
---------------------------------------------*/
.sec01 figure{
	display: block;
	max-width: 370px;
	margin: 0 auto;
}
@media screen and (max-width: 736px){
	.sec01 figure{
		margin-bottom: 10px;
	}
}

/*
sec02
---------------------------------------------*/
.smartPlan{
    padding: 40px;
    border: 1px solid #D2D2D2;
    border-width: 1px;
    margin-top: 40px;
    margin-bottom: 80px;	
}

.eco ul,
.service ul{ margin-top: 10px;}
.eco ul li+li,
.service ul li+li{ border-left: 2px #ccc dashed;}

.eco ul figure+p{ margin-top: 15px;}
.service ul p{ 
	margin-bottom: 30px;
	text-align: center;;
	font-size: 1.7rem;
	font-weight: 600;
}
.service ul img{ 
    margin: 0 auto;
    display: block;
}
.service small{
	display: block;
    margin-top: 20px;
}
.service ul li:nth-child(1) img{ max-width: 224px;}
.service ul li:nth-child(2) img{ max-width: 260px;}
.service ul li:nth-child(3) img{ max-width: 202px;}

.eco .imgWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.eco .imgWrap > * {
  width: calc(100% / 2 - 30px);
}
.eco .imgWrap + p {
  margin-top: 15px;
}

@media screen and (max-width: 991px){
}
@media screen and (max-width: 736px){
	figure.only-sp{margin: 15px auto;}
	.smartPlan {
		padding: 20px;
	    border: 1px solid #D2D2D2;
	    border-width: 1px;
	    width: calc(100% - 20px);
	    margin-left: 20px;
	}
	.eco ul,
	.service ul{ margin-top: 0px;}
	.eco ul li div{
		display: flex;
		flex-wrap: wrap;
	}
	.eco ul li div>*{
		display: block;
		width: 100%;
	}
	.eco ul li div p{
		order: -1;
		margin: 0px auto 15px;
	}
	.eco ul li+li,
	.service ul li+li {
		border-left: none;
	    border-top: 2px #ccc dashed;
	    padding-top: 25px;
	    margin-top: 25px;
	}
  .eco .imgWrap > * {
    width: 100%;
  }
  .eco .imgWrap > *:nth-child(n+2) {
    margin-top: 15px;
  }
}