@charset "UTF-8";
/*
ヒラギノの代替（基本フォントはこれ）
https://fonts.google.com/noto/specimen/Noto+Sans+JP?subset=japanese&query=noto+sans
Regular 400
Medium 500
Bold 700
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&family=Noto+Sans+JP:wght@400;500;700&family=Oswald:wght@400;600;700&display=swap");
/* トップだけデザイン分けてたのをまた戻す場合は下記を有効にする
#header {
	#info-ennet {
		@include mq2($break_sp){
			header {
				display: none;
			}

			&.link-mega_menu {
				> div {
					visibility: visible;
					opacity: 1;
					right: 15px;
					top: 108px;
					z-index: 0;
				}
			}
		}

	}

	.sticky & {
		#info-ennet {
			&.link-mega_menu {
				> div {
					top: 75px;
				}
			}
		}
	}

	@include mq($break_sp){
		#gNavi {
			padding-right: 0;
		}
	}
}
@media only screen and (max-width: 1558px) {
	#gNavi {
		right: 0;
	}

}
 */

.pcOnly {
  display: block !important;
}
.tabletOnly {
  display: none !important;
}
.spOnly {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .pcOnly {
    display: none !important;
  }
  #AboutEnnet .pcOnly,
  #EnneGreen .pcOnly,
  #EnneSmart .pcOnly,
  #EnneEV .pcOnly{
    display: block !important;
  }
  .tabletOnly {
    display: block !important;
  }
  .spOnly {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
  #AboutEnnet .pcOnly,
  #EnneGreen .pcOnly,
  #EnneSmart .pcOnly,
  #EnneEV .pcOnly{
    display: none !important;
  }
  .tabletOnly {
    display: none !important;
  }
  .spOnly {
    display: block !important;
  }
}

#main-visual {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
  overflow: hidden;
  	/*
  	img {
  		height: 100%;
  	}
  
  	 */
}
#main-visual .slick-slide {
  position: relative;
}
#main-visual .slick-slide a {
  color: #fff !important;
}
#main-visual .slick-slide .mv-copy {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}
#main-visual .slick-slide .mv-copy.video {
  width: auto;
}
#main-visual .slick-slide .mv-copy.video .head {
  color: #fff;
  display: block;
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: bold;
  text-shadow: #000 0 0 4px;
  line-height: 1.66;
}
@media only screen and (max-width: 767px) {
  #main-visual .slick-slide .mv-copy.video {
    width: 21em;
    max-width: none;
  }
  #main-visual .slick-slide .mv-copy.video .head {
    font-size: clamp(2vw, 5vw, 3.8rem);
  }
}
#main-visual .slick-slide .mv-copy.enneev {
  text-align: center;
  width: 100%;
  max-width: 830px;
}
@media only screen and (max-width: 1120px){
  #main-visual .slick-slide .mv-copy.enneev {
    width: 80%;
  } 
}
#main-visual .slick-slide .mv-copy.enneev .head {
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-character;
  font-size: 3vw;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 1155px) {
  #main-visual .slick-slide .mv-copy.enneev .head {
    font-size: 3.6rem;
  }
}
#main-visual .slick-slide .mv-copy.enneev .foot {
  border: solid 4px #fff;
  display: block;
  border-radius: 8px;
  font-size: 1.6vw;
  font-weight: bold;
  margin-top: 5px;
}
@media only screen and (min-width: 1155px) {
  #main-visual .slick-slide .mv-copy.enneev .foot {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  #main-visual .slick-slide .mv-copy.enneev {
    width: 90%;
    bottom: 45%;
  }
  #main-visual .slick-slide .mv-copy.enneev .head {
    font-size: 5vw;
  }
  #main-visual .slick-slide .mv-copy.enneev .foot {
    font-size: 3vw;
  }
}
#main-visual .slick-slide .mv-copy.ennegreen {
  width: 100%;
  max-width: 640px;
  bottom: 50%;
  left: 37%;
}

@media only screen and (max-width: 991px) {
  #main-visual .slick-slide .mv-copy.ennegreen {
    width: 70%;
    max-width: none;
    bottom: 52%;
  } 
}

#main-visual .slick-slide .mv-copy.ennegreen > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 30px;
}

#consul .slide_IM{
  object-fit: cover;
}

#Img_EnneGreen,
#Img_EnneGreen_sp {
  object-position: top;
}

#main-visual .slick-slide#EnneSmart figure img {
  object-position: top;


}

#main-visual .slick-slide .mv-copy.ennegreen > div .icon {
  width: 38%;
  max-width: 276px;
}
#main-visual .slick-slide .mv-copy.ennegreen > div .icon img {
  width: 100%;
}
#main-visual .slick-slide .mv-copy.ennegreen .head {
  font-size: 2.8vw;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: #000 1px 0 10px;
}
@media only screen and (min-width: 1155px) {
  #main-visual .slick-slide .mv-copy.ennegreen .head {
    font-size: 3.5rem;
  }
}
#main-visual .slick-slide .mv-copy.ennegreen .head small {
  display: block;
  font-size: 2.1vw;
}
@media only screen and (min-width: 1155px) {
  #main-visual .slick-slide .mv-copy.ennegreen .head small {
    font-size: 3.0rem;
  }
}
#main-visual .slick-slide .mv-copy.ennegreen .head span {
  letter-spacing: -2px;
}
@media only screen and (max-width: 767px) {
  #main-visual .slick-slide .mv-copy.ennegreen {
    width: 85%;
    bottom: auto;
    top: 40%;
    left: 50%;
    transform:translateX(-50%) translateY(0);
  }
  
  #main-visual .slick-slide .mv-copy.ennegreen > div {
    margin-right: 10px;
  }
  #main-visual .slick-slide .mv-copy.ennegreen .head {
    font-size: 3.8vw;
  }
  #main-visual .slick-slide .mv-copy.ennegreen .head small {
    font-size: 3vw;
  }
}

#main-visual .slick-slide .mv-copy.aboutEnnet {
  width: 100%;
  max-width: 1180px;
  bottom: 50%;
  left: 29%;
}
@media only screen and (max-width: 767px) {
  #main-visual .slick-slide .mv-copy.aboutEnnet {
    left: 50%;
  } 
}
.Webnr {
}

.Webnr_CP {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 80%;
  display: block;
  max-width: 860px;
  transform: translateX(-50%);
}

.Webnr_CP img {
  /* object-fit: contain !important; */
  /* display: block; */
}


#main-visual .slick-slide .mv-copy.es {
  width: 100%;
  max-width: 700px;
  bottom: 41%;
}



@media only screen and (max-width: 767px) {
  #main-visual .slick-slide .mv-copy.es {
    width: 90%;
    bottom: 42%;
  }
}

#main-visual .img_dummy {
  width: 100%;
  height: 100%;
}
#main-visual .box-slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}
#main-visual .box-slider img {
  object-fit: cover;
}
#main-visual .slick-slider,
#main-visual .slick-list {
  height: 100%;
}
#main-visual .slick-dots {
  bottom: inherit;
  top: calc(100% - 50px);
  width: 100%;
}
#main-visual .slick-slide video {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
}
@media only screen and (min-width: 768px) {
  #main-visual .slick-slide video {
    min-width: 100vw;
    min-height: calc(100vh - 56px);
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  #main-visual .slick-slide video {
    left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #main-visual .box-slider {
    height: 100%;
  }
  #main-visual .box-slider img {
    height: 100%;
    width: 100%;
  }
}
#main-visual #scroll-guide {
  background: rgba(45, 49, 51, 0.63);
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  padding: 10px;
  width: 82px;
  height: 69px;
  text-align: center;
}
#main-visual #scroll-guide span {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#main-visual #scroll-guide span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#main-visual #scroll-guide span:nth-of-type(2) {
  top: calc(40% + 8px);
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#main-visual #scroll-guide span:nth-of-type(3) {
  top: calc(40% + 16px);
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@media (max-height: 580px) {
  #main-visual #scroll-guide em {
    display: none;
  }
}

/*
@media only screen and (min-width: 1380px) {
	#main-visual {
		.mv-copy {
			font-size: 2.8rem;
		}
	}
}

 */
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.slick-dots button {
  width: 50px;
  height: 4px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 5px 0px #ccc;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .slick-dots button {
    width: 20px;
  }
}

.slick-dots button {
  background: #fff;
  opacity: .6;
}

.slick-dots .slick-active button {
  background: #fff;
  opacity: 1;
}

.news-area {
  	/*
  	&.infomation {
  		color: $color_accent;
  		.title {
  			font-size: 2.2rem;
  		}
  		dl {
  			a {
  				color: $color_accent;
  			}
  		}
  	}
  
  	 */
}
.news-area + .news-area {
  margin-top: 50px;
}
.news-area .title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.36;
}
.news-area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.875;
  margin-top: 10px;
  width: 100%;
}
.news-area dl dt {
  width: 9em;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  .news-area dl dt {
    padding-left: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .news-area dl dt.new:before {
    content: "NEW!";
    position: absolute;
    left: 0;
    font-size: 1.6rem;
    color: #ff0000;
  }
}
@media only screen and (max-width: 767px) {
  .news-area dl dt.new:after {
    content: "NEW!";
    font-size: 1.4rem;
    color: #ff0000;
    margin-left: 10px;
  }
}
.news-area dl dd {
  width: calc(100% - 9em);
  margin-top: 5px;
}
.news-area dl a {
  color: #2D3133;
}
.news-area + .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}
.news-area + .btns > * {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 0;
  line-height: 1.5;
}
.news-area + .btns .btn.btn-link {
  width: calc(97% / 4);
}
.news-area + .btns .btn.btn-link:hover {
  background-color: #408B46;
}
.news-area + .btns > * em {
  display: block;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .news-area + .news-area {
    margin-top: 40px;
  }
  .news-area .title {
    font-size: 1.8rem;
  }
  .news-area dl {
    line-height: 1.6;
  }
  .news-area dl dt,
  .news-area dl dd {
    width: 100%;
  }
  .news-area dl dt + dt,
  .news-area dl dd + dt {
    margin-top: 15px;
  }
  .news-area + .btns {
    flex-wrap: wrap;
    margin-top: 35px;
  }
  .news-area + .btns > * {
    width: 100%;
  }
  .news-area + .btns > * + * {
    margin-top: 15px;
  }
  .news-area + .btns .btn.btn-link {
    width: 100%;
  }
}

.box-half figure img {
  width: 100%;
}
.box-half .btn {
  margin-top: 50px;
  width: 100%;
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .box-half .btn {
    margin-top: 25px;
  }
}

.title-tag {
  color: #010101;
  font-size: clamp(2rem, 2.5vw, 4rem);
  font-weight: bold;
  text-align: left;
  line-height: 1;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.title-tag .category {
  margin-left: 1em;
  		/*
  		position: absolute;
  		top: 50%;
  		transform: translateY(-50%);
  		right: 0;
  
  		 */
}
@media only screen and (max-width: 1120px) {
  .title-tag {
    		/*
    		.category {
    			position: absolute;
    			top: inherit;
    			bottom: -20px;
    			transform: translateY(0);
    		}
    
    		 */
  }
}
@media only screen and (max-width: 767px) {
  .title-tag {
    font-size: 2.0rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .title-tag .category {
    margin-left: 0;
    bottom: inherit;
  }
}

.title-header {
  font-size: 3.0rem;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .title-header {
    font-size: 2.0rem;
    margin-bottom: 15px;
  }
}

.box-pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box-pickup > * {
  width: 32%;
  background: #fff;
  margin-bottom: 20px;
}
.box-pickup .box-pickup_card {
  color: #2D3133;
  font-size: 1.8rem;
  position: relative;
}
.box-pickup .box-pickup_card.new:before {
  content: 'NEW';
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #CC0000;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0px 1.5rem;
}
.box-pickup .box-pickup_card .body {
  margin: 15px 14px;
}
@media only screen and (max-width: 767px) {
  .box-pickup > * {
    width: 100%;
  }
  .box-pickup .box-pickup_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
  }
  .box-pickup .box-pickup_card.new:before {
    font-size: 1.2rem;
  }
  .box-pickup .box-pickup_card .img {
    width: 30%;
    margin: 0;
  }
  .box-pickup .box-pickup_card .body {
    width: 65%;
    line-height: 1.5;
  }
}

.box-footer {
  text-align: center;
}
.box-footer .siteTitle {
  width: 17.05%;
  max-width: 197px;
  margin: 0 auto 28px;
}
.box-footer dl dt {
  font-size: 2rem;
}
.box-footer dl dd {
  margin-top: 50px;
}
.box-footer dl dd a {
  display: inline-block;
  margin: 0 25px;
}
.box-footer dl dd a:first-child {
  width: 22.51%;
  max-width: 260px;
}
.box-footer dl dd a:nth-child(2) {
  width: 17.14%;
  max-width: 198px;
}
.box-footer dl dd a:last-child {
  width: 14.28%;
  max-width: 165px;
}
.box-footer .box-footer_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 90px;
}
.box-footer .box-footer_bnr > * {
  width: 23.72%;
  max-width: 274px;
}
.box-footer .box-footer_bnr > * + * {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .box-footer .siteTitle {
    width: 25%;
    margin: 0 auto 25px;
  }
  .box-footer dl dt {
    font-size: 1.5rem;
  }
  .box-footer dl dd {
    margin-top: 25px;
  }
  .box-footer dl dd a {
    margin: 0 15px;
  }
  .box-footer dl dd a:first-child {
    width: 27.51%;
  }
  .box-footer dl dd a:nth-child(2) {
    width: 22.14%;
  }
  .box-footer dl dd a:last-child {
    width: 19.28%;
  }
  .box-footer .box-footer_bnr {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 45px;
  }
  .box-footer .box-footer_bnr > * {
    width: 48.5%;
    margin-bottom: 12px;
  }
  .box-footer .box-footer_bnr > * + * {
    margin-left: 0;
  }
}

#footer .footer-logo,
#footer #footer-slider {
  display: none;
}

.box-service .box-service_card {
  padding-bottom: 3em;
}
.box-service .box-service_card .category {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
@media only screen and (max-width: 767px) {
  .box-service .box-service_card {
    padding-bottom: 5em;
  }
  .box-service .box-service_card .category {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }
}

/*---------230630追記----------*/
.mitsumori-btn{
  display: flex;
  margin-top: 2rem;
  gap: 0 2%;
}

.mitsumori-btn li{
  flex: 0 0 49%;
}

.mitsumori-btn li img{
  max-width: 14%;
}

.mitsumori-btn li a{
  display: flex;
  border: 5px solid #a37500;
  color: #000;
  font-weight: bold;
  align-items: center;
  gap: 0 5%;
  padding: 1rem 2rem;
  background-color: #fff;
  text-decoration: none;
  height: 100%;
}

.mitsumori-btn li a:hover{
  background-color: #fff;
  opacity: 0.4;
  transition: opacity .2s;
}

.mitsumori-btn li a img{
  flex: 0 0 25%;
}

.mitsumori-btn li a p{
  flex: 0 0 70%;
  text-align: center;
}

.mitsumori-btn li:last-of-type{
  margin-right: 0;
}

@media only screen and (max-width: 1120px){
  .box-half{
    flex-direction: column;
  }
  .box-half > *{
    width: 100%;
  }

  .box-half > .text{
    padding: 50px 20px;
  }

  .container-fluid.full{
    padding-bottom: 0;
  }

  /* .mitsumori-btn{
    display: block;
  } */

  /* .mitsumori-btn li{
    margin-bottom: 1rem;
  } */

  .mitsumori-btn li:last-of-type{
    margin-bottom: 0;
  }

  .container-fluid.padtop-none{
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px){
  .mitsumori-btn{
    display: block;
  }

  .mitsumori-btn li{
    margin-bottom: 1rem;
  }

  .mitsumori-btn li img{
    max-width: 13.5%;
  }

  .mitsumori-btn li a{
    padding: 0.8rem 2rem;
  }

  .mitsumori-btn li:last-of-type{
    margin-bottom: 0;
  }
}


/*---------250310追記 mitumori-btn 1つの時----------*/
.mitsumori-btn.single{
  justify-content: center;
}

@media only screen and (max-width: 1470px){
  .mitsumori-btn.single li{
    flex: 0 0 63%;
  }
}


@media only screen and (max-width: 1120px){
  .mitsumori-btn.single li{
    flex: 0 0 45%;
    font-size: 1.6rem;
  }
}