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

.bx-wrapper .bx-pager {
	padding-top: 0;
	}

.js-carousel-heropanel .bx-wrapper .bx-pager {
	bottom: 10px!important;
	}

.hero-carousel-top .bx-wrapper ul li.first {
  background-image: url('/ep/topmost_images/kaketsuke_back_02.png') ;
  background-repeat: repeat-x;
}

.top-kaketsuke {
  /*background: #ccffff;*/

  background-image: url('/ep/topmost_images/kaketsuke_back_01.png') ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 480px;
  
}
.top-kaketsuke-content{
  width: 1240px;
  margin: 0 auto;
  position: relative;

}
.top-kaketsuke-inner {
  height: 480px;
  width: 582px;
  padding-left: 10px;
  max-width: 582px;
}

.top-kaketsuke-txtarea{
  box-sizing: border-box;
}

.top-kaketsuke-btn {
 margin-top: 15px;
	}

/* parts */

.mb36 {
 margin-bottom: 36px;
} 

sup.super {
 font-size: 77%;
 vertical-align: super;
}
	
/* */

.hero-carousel-top .bx-wrapper ul li.second {
  background-image: url('/ep/topmost_images/jyusetsu_back_02.jpg') ;
  background-repeat: repeat-x;
}

.top-kaketsuke2 {
  /*background: #ccffff;*/

  background-image: url('/ep/topmost_images/jyusetsu_back.jpg') ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 480px;
  
}
.top-kaketsuke2-content{
  width: 1240px;
  margin: 0 auto;
  position: relative;

}
.top-kaketsuke2-inner {
  height: 480px;
  width: 582px;
  padding-left: 10px;
  max-width: 582px;
}

.top-kaketsuke2-txtarea{
  box-sizing: border-box;
}

.top-kaketsuke2-btn {
 margin-top: 15px;
	}


/* */

.hero-carousel-top .bx-wrapper ul li.third {
  background-image: url('/ep/topmost_images/anshin_back_02.jpg') ;
  background-repeat: repeat-x;
}

.top-kaketsuke3 {
  /*background: #ccffff;*/

  background-image: url('/ep/topmost_images/anshin_back.png') ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 480px;
  
}
.top-kaketsuke3-content,.top-kaketsuke4-content{
  width: 1240px;
  margin: 0 auto;
  position: relative;

}
.top-kaketsuke3-inner,.top-kaketsuke4-inner {
  height: 480px;
  width: 582px;
  padding-left: 10px;
  max-width: 582px;
}

.top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea{
  box-sizing: border-box;
}

.top-kaketsuke3-btn,.top-kaketsuke4-btn {
 margin-top: 400px;
	}
	
/* */

.hero-carousel-top .bx-wrapper ul li.forth {
  background-image: url('/ep/topmost_images/anshin2_back_02.jpg') ;
  background-repeat: repeat-x;
}

.top-kaketsuke4 {
  /*background: #ccffff;*/

  background-image: url('/ep/topmost_images/anshin2_back.png') ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 480px;
  
}

.section ul.section__lead li {
 text-indent: -1em;
 padding-left: 1em}

.section ul.section__lead li span {
 }



/* 消費税改定 */


.content-eco-plan-private-detail02 table {
	margin-top: 0}

/* */

img.pc-only {
	text-align: center;
	margin: 0 auto;
	display: block
}

img.sp-only {
	display: none;
	}


@media screen and (max-width: 1280px) {


.top-kaketsuke3 {
  background-image: url('/ep/topmost_images/anshin_back.png') ;
  background-position: center left 10px;
  background-size; 100% auto;
}

.top-kaketsuke4 {
  background-image: url('/ep/topmost_images/anshin2_back.png') ;
  background-position: center left 10px;
  background-size; 100% auto;
}

.top-kaketsuke3-logo,.top-kaketsuke4-logo {
	width; 100%;
	}

  .top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
    width: 40%;
    
  }
  .top-kaketsuke3-inner img,.top-kaketsuke4-inner img {
    width: 80%;
  }
  
  .top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
    width: 100%;
  }
  
  
  .top-kaketsuke3-content,.top-kaketsuke4-content {
    width: 100%;
  }

  .top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
    position: absolute;
    top: 90%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .top-kaketsuke3-btn,.top-kaketsuke4-btn {
	position: fixed;
	bottom: -25%;
	}
}

/* */

@media screen and (max-width: 980px) {

.top-kaketsuke {
  background-image: url('/ep/topmost_images/kaketsuke_back_01.png') ;
  background-position: center center;
  background-size; 100% auto;
}

.top-kaketsuke-logo {
	width; 100%;
	}

  .top-kaketsuke-inner,
  .top-kaketsuke-txtarea {
    width: 60%;
    
  }
  .top-kaketsuke-inner img {
    width: 100%;
  }
  .top-kaketsuke-content {
    width: 100%;
  }

  .top-kaketsuke-txtarea {
    position: absolute;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .top-kaketsuke-btn {
	position: fixed;
	bottom: -25%;
	}
	
	
	.top-kaketsuke2 {
  background-image: url('/ep/topmost_images/jyusetsu_back.jpg') ;
  background-position: center center;
  background-size; 100% auto;
}

.top-kaketsuke2-logo {
	width; 100%;
	}

  .top-kaketsuke2-inner,
  .top-kaketsuke-txtarea {
    width: 40%;
    
  }
  .top-kaketsuke2-inner img {
    width: 80%;
  }
  
  .top-kaketsuke2-btn img {
    width: 100%;
  }
  .top-kaketsuke2-content {
    width: 100%;
  }

  .top-kaketsuke2-txtarea {
    position: absolute;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .top-kaketsuke2-btn {
	position: fixed;
	bottom: -25%;
	}
	
	
.top-kaketsuke3 {
  background-image: url('/ep/topmost_images/anshin_back.png') ;
  background-position: center left 10px;
  background-size: 125%;
}

.top-kaketsuke4 {
  background-image: url('/ep/topmost_images/anshin2_back.png') ;
  background-position: center left 10px;
  background-size: 125%;
}


.top-kaketsuke3-logo,.top-kaketsuke4-logo {
	width; 100%;
	}

  .top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
    width: 40%;
  }
  
  .top-kaketsuke3-inner img,.top-kaketsuke4-inner img {
    width: 80%;
  }
  
  .top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
    width: 100%;
  }
  .top-kaketsuke3-content,.top-kaketsuke4-content {
    width: 100%;
  }

  .top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
    position: absolute;
    top: 90%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .top-kaketsuke3-btn,.top-kaketsuke4-btn {
	position: fixed;
	bottom: -25%;
	}

}




@media (min-width: 768px) and (max-width: 979px) {
  .top-kaketsuke-inner,
  .top-kaketsuke-txtarea {
    width: 60%;
  }
  .top-kaketsuke-btn img {
    width: 100%;
  }
}

.top-kaketsuke-logo {
  margin-bottom: 10px;
  padding-top: 50px;

}

@media screen and (max-width: 468px) {

.js-carousel-heropanel .bx-wrapper .bx-pager {
	bottom: 1px!important;
	}
	
	.top-kaketsuke-txtarea {
	top: 18%;
	}

.top-kaketsuke {
  /*background: #ccffff;*/

  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  }

  .top-kaketsuke-txtarea {
    position: absolute;
    
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }


  .top-kaketsuke-inner,
  .top-kaketsuke-txtarea {
    width: 190px;
  }
  .top-kaketsuke-aqua {
    margin: 10px 0;
  }
  .eco_text  {
    display: none;
  }
  .top-kaketsuke {
    -webkit-background-size: cover;
    background-size: cover;
    /*background-position: center bottom;*/
  }
  .top-kaketsuke,
  .top-kaketsuke-inner {
    height: 200px;
  }
  

  .top-kaketsuke-logo img,
  .top-kaketsuke-aqua img {
    width: 100%;
  }
  .top-kaketsuke-btn img {
    width: 100px;
  }
  .top-kaketsuke-logo {
    padding-top: 10px;
    margin-bottom: 0;
  }
  
  
  /* */
  
.top-kaketsuke2 {
  /*background: #ccffff;*/

  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  }

  .top-kaketsuke2-txtarea {
    position: absolute;
    
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }


  .top-kaketsuke2-inner,
  .top-kaketsuke2-txtarea {
    width: 190px;
  }
  
  .top-kaketsuke2-aqua {
    margin: 10px 0;
  }

  .top-kaketsuke2 {
    -webkit-background-size: cover;
    background-size: cover;
    /*background-position: center bottom;*/
  }
  .top-kaketsuke2,
  .top-kaketsuke2-inner {
    height: 200px;
  }
  
   .top-kaketsuke2-txtarea {
    top: 20%;
   }

  .top-kaketsuke2-logo img,
  .top-kaketsuke-aqua img {
    width: 100%;
  }
  .top-kaketsuke2-btn img {
    width: 100px;
  }
  .top-kaketsuke2-logo {
    padding-top: 10px;
    margin-bottom: 0;
  }
  
  
  
  
  
  
  .top-kaketsuke3,.top-kaketsuke4 {
  /*background: #ccffff;*/

  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left 10px;
  }

  .top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
    position: absolute;
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }


  .top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
    width: 190px;
  }
  
  .top-kaketsuke3-aqua,.top-kaketsuke4-aqua {
    margin: 10px 0;
  }

  .top-kaketsuke3,.top-kaketsuke4 {
    -webkit-background-size: cover;
    background-size: cover;
    /*background-position: center bottom;*/
  }
  .top-kaketsuke3,.top-kaketsuke3-inner,.top-kaketsuke4,.top-kaketsuke4-inner {
    height: 200px;
  }
  
   .top-kaketsuk3-txtarea,.top-kaketsuk4-txtarea {
    top: 20%;
   }

  .top-kaketsuke3-logo img,.top-kaketsuke3-aqua img,.top-kaketsuke4-logo img,.top-kaketsuke4-aqua img {
    width: 100%;
  }
  .top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
    width: 100px;
  }
  .top-kaketsuke3-logo,.top-kaketsuke4-logo {
    padding-top: 10px;
    margin-bottom: 0;
  }
  
}

@media screen and (max-height: 468px) {

  .top-kaketsuke,.top-kaketsuke2,.top-kaketsuke3,.top-kaketsuke4 {
  /*background: #ccffff;*/

  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top center;
  }
  
  .top-kaketsuke-inner,.top-kaketsuke-txtarea,.top-kaketsuke2-inner,.top-kaketsuke2-txtarea {
  	height: 60%;
  	}
  
  .top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
    width: 100%;
  }

  .top-kaketsuke,.top-kaketsuke-inner,.top-kaketsuke2,.top-kaketsuke2-inner,.top-kaketsuke3,.top-kaketsuke3-inner,.top-kaketsuke4,.top-kaketsuke4-inner {
    height: 200px;
  }
  
  .top-kaketsuke-btn img,.top-kaketsuke2-btn img,.top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
    width: 75%;
  }
  
  .top-kaketsuke3-btn,###-btn {
	position: fixed;
	bottom: -25%;
	left: 15%;
	}
	
  .top-kaketsuke-txtarea,.top-kaketsuke-txtarea2 {
    position: absolute;
    top: 35%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  
    .top-kaketsuke-btn,.top-kaketsuke2-btn {
	position: fixed;
	bottom: -32%;
	left: 10%;
	}
	
img.pc-only {
	display: none;
	}
	
img.sp-only {
	display: block;
	width: 100%
	}

}
