@import url('green.css');
/* Value-added services sub page */
.mainVisual.valueAdded {
  background-color: #f0f0e4; }
  .mainVisual.valueAdded.icon_sdgs02 {
    background: #f0f0e4 url(../../shared/img/about/icon_sdgs02.png) no-repeat;
    background-position: center right 150px;
    background-size: 200px; }
  .mainVisual.valueAdded.icon_sdgs03 {
    background: #f0f0e4 url(../../shared/img/about/icon_sdgs03.png) no-repeat;
    background-position: center right 150px;
    background-size: 200px; }
  .mainVisual.valueAdded.icon_sdgs03_02 {
    background: #f0f0e4 url(../../shared/img/about/icon_sdgs03_02.png) no-repeat;
    background-position: center right 150px;
    background-size: 200px; }
  .mainVisual.valueAdded.icon_sdgs05 {
    background: #f0f0e4 url(../../shared/img/about/icon_sdgs05.png) no-repeat;
    background-position: center right 100px;
    background-size: 300px; }
  .mainVisual.valueAdded .subTitle {
    background-color: #a37500; }
  .mainVisual.valueAdded .mainTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px; }
    .mainVisual.valueAdded .mainTitle img {
      height: 80px;
      margin-right: 25px; }
  .mainVisual.valueAdded .secondaryTitle {
    color: #005b3a;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.3;
    margin-top: 0.5em; }

.mb3em {
  margin-bottom: 3em; }

.txtLeft {
  text-align: left; }
  .txtLeft.contentsHead {
    max-width: 1250px; }

.txtGreen,
.txtGreen > span {
  color: #005b3a !important; }

.txtLightGreen,
.txtLightGreen > span {
  color: #009e60 !important; }

.txtLightBlue,
.txtLightBlue > span {
  color: #00a4e0 !important; }

.txtLink {
  color: #005b3a; }
  .txtLink:hover {
    text-decoration: none; }

.imgArea {
  text-align: center;
  margin: 35px 0 30px; }

.txtArea p:nth-of-type(n + 2) {
  margin-top: 1em; }

.annoArea {
  text-align: left; }
  .annoArea .olList li {
    text-indent: -1.8em;
    padding-left: 1.8em; }
.annoArea {
}
.annoArea .clm2{
	display: flex;
}
.annoArea .clm2 dl{
	width: 50%;
}
.annoArea dl dt.clm2_dt{
	font-size: 1.6rem;;
	margin-bottom: 10px;
}
ul.list_link{
	color: #005b35;
	font-size: 1.7rem;
}
ul.list_link a{
	color: #005b35;
	line-height: 1.4;
}

.movieArea {
  max-width: 700px;
  margin: 0 auto; }
  .movieArea .movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    .movieArea .movie iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.imgWithTxt .imgArea {
  margin: 0; }
  .imgWithTxt .imgArea.left {
    float: left; }
  .imgWithTxt .imgArea.right {
    float: right; }

.contact h4 {
  margin-bottom: 70px;
  color: #005b3a;
  font-size: 4rem;
  font-weight: 500;
  text-align: center; }
.contact .contactBtnArea {
  margin: 35px auto 25px; }
  .contact .contactBtnArea .btnArea .mail {
    width: 360px;
    letter-spacing: 0; }
.contact .btnArea.btnGoals {
  width: 550px;
  margin: 100px auto;
  border: 1px solid #ccc; }
  .contact .btnArea.btnGoals a {
    flex-wrap: wrap;
    box-shadow: 0px 4px 0px 0px #dfdbdb; }
    .contact .btnArea.btnGoals a span {
      width: 100%;
      margin-top: 25px;
      font-size: 3rem;
      font-weight: 500; }
.contact .btnArea.btnEntry {
  margin: 50px auto; }
  .contact .btnArea.btnEntry a {
    width: 800px;
    margin: auto;
    padding: 36px 0;}
	.contact .btnArea.btnEntry a.orange {
		border: none;
	background: #F6803E;
	color: #fff;}
	.contact .btnArea.btnEntry a.orange::before {
	border-color: #fff!important;}

.stepList {
  margin: 50px auto !important; }
  .stepList li {
    position: relative; }
    .stepList li + li::before {
      content: '';
      position: absolute;
      top: calc((100% - 70px) / 2);
      left: -47px;
      border-top: 35px solid transparent;
      border-bottom: 35px solid transparent;
      border-left: 36px solid #005b3a; }
    .stepList li .txtArea {
      text-align: left; }
      .stepList li .txtArea .note {
        font-size: 1.6rem;
        padding-left: 1em;
        text-indent: -1em; }

/* boxLayout */
.boxLayout .txtArea {
  width: calc(100% - 510px); }
.boxLayout .imgArea {
  width: 450px;
  margin: 0; }
.boxLayout.box01 .txtArea {
  width: calc(100% - 740px); }
.boxLayout.box01 .imgArea {
  width: 680px; }
.boxLayout.box02 .txtArea {
  width: calc(100% - 392px); }
.boxLayout.box02 .imgArea {
  width: 332px; }

/* top
**************************/
.top .mainVisual {
  background: url(../img/about/bg_main.png) no-repeat center center;
  background-size: cover; }
  .top .mainVisual .mainTitle {
    font-size: 5.5rem;
    letter-spacing: 0; }
.top .btnArea.bgArea {
  margin: 50px auto auto;
  padding: 40px;
  background: #f4f9d9; }
  .top .btnArea.bgArea a {
    width: 800px;
    margin: 0 auto;
    line-height: 1.5;
    border: 1px solid #e1e1e1; }
.top .catch {
  color: #849b03;
  font-size: 3.6rem;
  font-weight: 500; }
  .top .catch span {
    font-size: 5.5rem; }
.top .boxLayout .txtArea,
.top .colBlock.box02.boxLayout {
	align-items: flex-end;
}
.top .boxLayout .imgArea {
  justify-self: center; }
.top .plantList {
  width: 1110px;
  margin: 50px auto 0; }
  .top .plantList .colBlock li:nth-of-type(n + 5) {
    margin-top: 40px; }
  .top .plantList > p {
    margin-top: 20px;
    text-align: right; }
.top .historyList {
  margin-top: 45px; }
  .top .historyList li {
    position: relative; }
    .top .historyList li + li::before {
      content: '';
      position: absolute;
      top: calc((100% - 35px) / 2);
      left: -45px;
      border-top: 35px solid transparent;
      border-bottom: 35px solid transparent;
      border-left: 36px solid #005b3a; }
.box02.boxLayout .indentList li {
	font-size: 1.4rem;
  text-indent: 0;
  padding-left: 3.5em;
	position: relative;
}
.box02.boxLayout .indentList li span{
	position: absolute;
	top: 0;
	left: 0;
}
.green_title{
	color: #005b35;
	font-size: 3.8rem;
	font-weight: 500;
	text-align: center;
}
.green_title span{
	font-size: 2.6rem;
	font-weight: bold;
}
.green_title small{
	font-size: 1.6rem;
	font-weight: normal;
}

/* enneteye
**************************/
.enneteye .mainVisual.valueAdded {
  position: relative; }
  .enneteye .mainVisual.valueAdded:before {
    content: '';
    background: url(../../shared/img/bnr_prize.png) no-repeat center center;
    background-size: contain;
    width: 300px;
    height: 127px;
    position: absolute;
    top: 50%;
    left: 100px;
    margin-top: -64px; }
.enneteye .movieArea video {
  border: 1px solid #ccc;
  width: 100%; }
.enneteye .contentsWrapper {
  margin-top: 40px;
  /*.contactBtnArea{
  	.mail{
  		height: 80px;
  		margin-top: 80px;
  		margin-bottom: 50px;
  	}
  }*/ }
.enneteye .butList {
  position: relative;
  margin-top: 50px;
  padding: 110px 95px 40px;
  border: 1px solid #a5c300; }
  .enneteye .butList::before {
    content: '';
    position: absolute;
    top: -1px;
    left: calc( (100% - 340px) / 2);
    width: 340px;
    height: 74px;
    background: url(../img/about/icon_but.png) no-repeat center center/contain; }
  .enneteye .butList h4, .enneteye .butList h5, .enneteye .butList h6 {
    color: #005b3a;
    line-height: 1.3;
    text-align: center; }
  .enneteye .butList h4 {
    margin-top: 20px;
    font-size: 3rem; }
  .enneteye .butList h5 {
    font-size: 2.4rem; }
  .enneteye .butList h6 {
    margin-top: 20px;
    font-size: 1.8rem; }
  .enneteye .butList .colBlock {
    margin-top: 80px; }
    .enneteye .butList .colBlock li {
      position: relative;
      width: calc( (100% - 50px) / 3);
      padding: 200px 30px 30px;
      background-color: #f4f9d9; }
      .enneteye .butList .colBlock li img {
        position: absolute;
        top: -20px;
        left: calc( (100% - 207px) / 2); }
  .enneteye .butList .note {
    margin-top: 20px;
    text-align: right; }
.enneteye .support .imgArea.mt65 {
  margin-bottom: 65px; }
.enneteye .featureList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px; }
  .enneteye .featureList dl {
    background-color: #f4f9d9;
    width: calc( (100% - 60px) / 4); }
    .enneteye .featureList dl dt {
      padding: 20px 25px;
      text-align: center;
      background-color: #005e3c; }
      .enneteye .featureList dl dt img {
        width: 116px; }
    .enneteye .featureList dl dd {
      padding: 20px 25px;
      font-size: 1.8rem;
      line-height: 1.5; }
.enneteye .functionList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 600px;
  margin: 0 auto; }
  .enneteye .functionList figure {
    width: calc( (100% - 200px) / 3); }
    .enneteye .functionList figure figcaption {
      display: block;
      margin-top: 10px;
      color: #327d39;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.5;
      text-align: center; }
.enneteye .func .imgArea {
  margin: 55px auto 40px; }
.enneteye .func .functionHead {
  position: relative;
  margin-top: 185px;
  padding-top: 15px;
  color: #005b3a;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center; }
  .enneteye .func .functionHead::before {
    content: '';
    position: absolute;
    top: -125px;
    left: calc( (100% - 105px) / 2);
    width: 105px;
    height: 105px; }
.enneteye .func .exampleBox {
  margin-top: 35px;
  padding: 40px; }
  .enneteye .func .exampleBox h4 {
    color: #a5c300;
    font-size: 3rem;
    font-weight: 500;
    text-align: center; }
  .enneteye .func .exampleBox .colBlock {
    margin-top: 30px; }
    .enneteye .func .exampleBox .colBlock li {
      width: calc( (100% - 40px) / 2 );
      padding: 30px;
      border: 1px solid #d3d3d3; }
      .enneteye .func .exampleBox .colBlock li h5 {
        margin-bottom: 20px;
        color: #005b3a;
        font-size: 2.4rem;
        font-weight: 500; }
.enneteye .func.func01 .functionHead::before {
  background: url("../img/about/icon_function01.png") no-repeat center center/contain; }
.enneteye .func.func02 .functionHead::before {
  background: url("../img/about/icon_function02.png") no-repeat center center/contain; }
.enneteye .func.func03 .functionHead::before {
  background: url("../img/about/icon_function03.png") no-repeat center center/contain; }
.enneteye .func.func04 {
  margin-top: 0; }
  .enneteye .func.func04 .functionHead {
    width: 50%; }
    .enneteye .func.func04 .functionHead:nth-of-type(1)::before {
      background: url("../img/about/icon_function04.png") no-repeat center center/contain; }
    .enneteye .func.func04 .functionHead:nth-of-type(2)::before {
      background: url("../img/about/icon_function05.png") no-repeat center center/contain; }

/* green
**************************/
.green .future {
  background: url(../../shared/img/about/green_bg01.png) no-repeat bottom center;
  background-size: contain;
  height: 850px; }
.green .provid .colBlock {
  margin-top: 50px; }
  .green .provid .colBlock li {
    width: 100%; }
    .green .provid .colBlock li:nth-of-type(n + 2) {
      margin-top: 50px; }
    .green .provid .colBlock li h4 {
      font-size: 3.6rem; }
      .green .provid .colBlock li h4 span {
        font-size: 2.4rem;
        letter-spacing: 0.1rem; }
    .green .provid .colBlock li .imgArea {
      margin: 70px 0 30px; }
.green .provid table {
  table-layout: fixed; }
  .green .provid table tr {
    float: left; }
    .green .provid table tr:nth-of-type(1) {
      width: 60px; }
    .green .provid table tr:nth-of-type(2) {
      width: calc(100% - 600px); }
    .green .provid table tr:nth-of-type(3) {
      width: 270px; }
    .green .provid table tr:nth-of-type(4) {
      width: 270px; }
  .green .provid table th,
  .green .provid table td {
    display: block;
    padding: 20px;
    border: 1px solid #a5c300; }
    .green .provid table th:nth-child(1),
    .green .provid table td:nth-child(1) {
      height: 62px; }
    .green .provid table th:nth-child(2),
    .green .provid table td:nth-child(2) {
      height: 874px; }
    .green .provid table th:nth-child(3),
    .green .provid table td:nth-child(3) {
      height: 182px; }
  .green .provid table th {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 500;
    background-color: #f4f9d9; }
  .green .provid table td {
    font-size: 1.8rem;
    text-align: center; }
    .green .provid table td:nth-of-type(1) {
      vertical-align: top; }
    .green .provid table td:nth-of-type(2) {
      position: relative;
      padding: 80px 20px; }
      .green .provid table td:nth-of-type(2) span {
        position: absolute;
        bottom: 20px;
        right: 20px; }
    .green .provid table td p {
      text-align: left; }
    .green .provid table td figure {
      position: relative;
      margin-top: 20px; }
      .green .provid table td figure.graphImg {
        text-align: left;
        margin: 0 0 20px; }
      .green .provid table td figure.mt20 {
        margin-top: 20px; }
      .green .provid table td figure figcaption {
        position: absolute;
        font-size: 1.8rem;
        bottom: 0;
        right: 0; }
  .green .provid table caption {
    caption-side: bottom;
    margin-top: 30px;
    padding-left: 1.2em;
    text-indent: -1.2em;
    font-size: 1.6rem;
    line-height: 1.3; }
.green .imgWithTxt .txtArea.left {
  padding-right: 630px; }
.green .imgWithTxt .txtArea.right {
  padding-left: 630px; }
.green .imgWithTxt .btnArea.moreBtn {
  margin: 50px auto 0; }
.green .adviceList li {
  width: calc( (100% - 75px) / 4);
  padding: 40px 30px;
  font-size: 1.8rem;
  line-height: 1.75;
  text-align: center; }
.green .useList li:nth-of-type(n + 3) {
  margin-top: 40px; }
.green .useList li h4 span {
  font-size: 2.4rem; }
.green .menuList {
  display: flex;
  flex-direction: column; }
  .green .menuList .title {
    background-color: #8fa889;
    margin-bottom: 1em;
    padding: 0.5em 0.7em; }
    .green .menuList .title > p {
      background-color: #fff;
      border: 2px solid #005e3c;
      border-radius: 5px;
      color: #005e3c;
      font-size: 3rem;
      font-weight: 700;
      text-align: center; }
  .green .menuList .txtArea {
    color: #005e3c; }
  .green .menuList dl {
    margin: 1em auto 2em; }
  .green .menuList dt {
    border-bottom: 1px solid #f6ae54;
    color: #f6ae54;
    font-size: 1.7rem;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em; }
  .green .menuList dd li span {
    color: #005e3c; }
  .green .menuList .note {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 0.5em; }
  .green .menuList .imgArea {
    margin-top: auto; }
	.green .menuList.cautionArea{
		width:100%;
      border-top: 3px solid #9f9fa0;
	  padding-top:30px;
	}
	.green .menuList.cautionArea .imgArea{
		text-align:left;
	}

/* safari */
_::-webkit-full-page-media, _:future, :root .green .provid table {
  table-layout: auto; }
  
  
/*-- 20201007 --*/
  .cautionArea p.caution {
    caption-side: bottom;
	text-indent: -2.5em;
	padding-left: 2.5em;
    font-size: 1.4rem;
    line-height: 1.3; }
	
/* ennemetering
**************************/
.ennemetering .step .btnArea.moreBtn {
  margin-top: 50px;
}
#ennebattery .contentsHead,
.ennemetering .contentsHead{
	margin-bottom:0;
	padding-bottom:0;
}

/* EnneSmart
**************************/
.es {
  /*.response {
  	margin-top: 80px;
  	text-align: center;
  	figure {
  		display: inline-block;
  		&:nth-of-type(n + 2) {
  			margin-left: 30px;
  		}
  	}
  }*/ }
  .es .contentsHead a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none; }
    .es .contentsHead a:hover {
      text-decoration: underline; }
  .es .sales {
    padding: 55px;
    border: 1px solid #a5c300; }
    .es .sales figure {
      text-align: center; }

/* infoEnnet
**************************/
.info .boxLayout.col2 {
  justify-content: flex-start; }
  .info .boxLayout.col2 .txtArea {
    width: 50%; }
  .info .boxLayout.col2 .imgArea {
    width: 50%;
    margin: auto; }
.info .boxLayout .imgArea {
  width: auto; }
.info .detailList {
  margin-top: 15px; }
  .info .detailList dl {
    display: flex;
    font-size: 1.8rem; }
    .info .detailList dl + dl {
      margin-top: 10px; }
  .info .detailList dt {
    min-width: 150px; }

/* sell
**************************/
.sell .mt0 {
  margin-top: 0 !important; }
.sell .mainVisual {
  background: url(../img/about/bg_main02.png) no-repeat center center/cover; }
.sell .contentsWrapper {
  margin-top: 40px; }
.sell .lede {
  font-size: 3.5rem; }
.sell .caseStudy .blockTitle {
  margin: 0 auto 100px; }
.sell .caseStudy .caseStudyList li {
  position: relative;
  margin: auto; }
  .sell .caseStudy .caseStudyList li .tabArea {
    position: absolute;
    top: -50px;
    left: 0; }
  .sell .caseStudy .caseStudyList li .imgArea {
    margin: 0; }
.sell .boxLayout .txtArea {
  width: calc(100% - 490px); }
  .sell .boxLayout .txtArea .boxLayoutTitle {
    margin-bottom: 20px;
    color: #005b3a;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3; }
    .sell .boxLayout .txtArea .boxLayoutTitle span {
      font-size: 2rem;
      font-weight: inherit; }
.sell .boxLayout .imgArea {
  width: 450px; }
  .sell .boxLayout .imgArea img {
    width: 100%; }

/* charge
**************************/
.charge .mainVisual {
  background: url(../img/about/bg_main03.png) no-repeat center center/cover; }
.charge .lede,
.charge .serviceList {
  margin-top: 60px; }

/* electricity
**************************/
.electricity .lede {
  margin: 90px auto 0; }
.electricity .innerBlock + .innerBlock {
  margin-top: 150px; }
.electricity .linkBtnArea .title {
  color: #005b3a;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 5px; }
.electricity .linkBtnArea p {
  font-size: 1.6rem; }
.electricity .linkBtnArea a {
  border: 1px solid #005b3a;
  display: block;
  min-height: 240px;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
  position: relative; }
  .electricity .linkBtnArea a .txt {
    background-color: rgba(0, 91, 58, 0.8);
    width: 100%;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    padding: 15px;
    position: absolute;
    bottom: 0; }
.electricity .estimateBtnArea {
  margin: 100px auto 0; }
  .electricity .estimateBtnArea .title {
    color: #005b3a;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin: 0 auto 5px; }
  .electricity .estimateBtnArea .txtArea {
    margin-bottom: 50px; }
.electricity .boxLayout .boxLayoutTitle {
  color: #005b3a;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: left;
  margin: 0 auto 10px; }

/* partner Top
**************************/
#partner .contentsHead {
  padding: 25px; }
  #partner .contentsHead .subTitle {
    display: block;
    width: 400px;
    margin: 0 auto 20px;
    padding: 11px 10px;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    background-color: rgba(0, 91, 58, 0.6); }
  #partner .contentsHead .mainTitle {
    font-size: 5rem; }
    #partner .contentsHead .mainTitle > span {
      margin-bottom: 5px;
      font-size: 3rem; }
#partner .introducePartner {
  /*.btnArea {
  	&.moreBtn {
  		border: 1px solid #d7d7d7;
  		box-shadow: 0 4px 0 #d7d7d7;
  	}
  }*/ }
  #partner .introducePartner li {
    padding: 40px; }
    #partner .introducePartner li:nth-of-type(n + 3) {
      margin-top: 35px; }
    #partner .introducePartner li h4 {
      text-align: center;
      min-height: 85px;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid #ccc; }
    #partner .introducePartner li h5 {
      text-align: center;
      max-height: 70px;
      margin-bottom: 30px; }
      #partner .introducePartner li h5 span {
        display: block;
        margin-bottom: 20px;
        font-size: 2.5rem;
        font-weight: 500; }
    #partner .introducePartner li dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 1.8rem; }
      #partner .introducePartner li dl dt:nth-of-type(n + 2),
      #partner .introducePartner li dl dd:nth-of-type(n + 2) {
        margin-top: 15px; }
      #partner .introducePartner li dl dt {
        display: block;
        width: 120px;
        height: 32px;
        margin-right: 30px;
        padding: 6px 10px;
        color: #fff;
        letter-spacing: 0.1em;
        text-align: center;
        background-color: #005b3a; }
        #partner .introducePartner li dl dt.terms {
          background-color: #d67326; }
      #partner .introducePartner li dl dd {
        width: calc(100% - 150px);
        line-height: 1.75; }
        #partner .introducePartner li dl dd.terms {
          width: 100%; }

/* agency
**************************/
#partner.agency .partnerSystem li {
  padding: 40px 30px; }
  #partner.agency .partnerSystem li + li {
    margin-top: 35px; }
#partner.agency .partnerSystem .btnArea.moreBtn {
  margin-top: 40px; }
#partner.agency .step .btnArea.moreBtn {
  margin-top: 50px; }

@media only screen and (max-width: 767px) {
  /* Value-added services sub page */
  .mainVisual.valueAdded.icon_sdgs02 {
    background-position: center right 2vw;
    background-size: 14vw; }
  .mainVisual.valueAdded.icon_sdgs03,
	.mainVisual.valueAdded.icon_sdgs03_02{
    background-position: center right 2vw;
    background-size: 14vw; }
  .mainVisual.valueAdded.icon_sdgs05 {
    background-position: center right 1vw;
    background-size: 21vw; }
  .mainVisual.valueAdded .titleBlock {
    background-size: 15vw; }
  .mainVisual.valueAdded .subTitle {
    margin-bottom: calc((20 / 800) * 100%); }
  .mainVisual.valueAdded .mainTitle {
    width: calc((780 / 800) * 100vw); }
    .mainVisual.valueAdded .mainTitle img {
      height: calc((80 / 800) * 100vw);
      margin-right: calc((25 / 800) * 100%); }
  .mainVisual.valueAdded .secondaryTitle {
    font-size: calc((28 / 800) * 100vw); }

  .imgArea {
    margin: calc((35 / 800) * 100%) 0 calc((30 / 800) * 100%); }

  .imgWithTxt .imgArea {
    float: none !important;
    width: 100% !important;
    margin-bottom: calc((30 / 800 ) * 100vw); }
  .imgWithTxt .txtArea {
    float: none !important;
    width: 100%;
    padding: 0 !important; }
  .imgWithTxt .annoArea {
    float: none !important;
    width: 100%;
    padding: 0 !important; }

  .contact h4 {
    margin-bottom: calc((70 / 800 ) * 100vw);
    padding-bottom: calc((15 / 800 ) * 100vw);
    font-size: calc((40 / 800 ) * 100vw); }
  .contact .contactBtnArea {
    margin: calc((35 / 800 ) * 100vw) auto calc((25 / 800 ) * 100vw); }
    .contact .contactBtnArea .btnArea .mail {
      width: calc((600 / 800 ) * 100vw); }
    .contact .contactBtnArea .txtArea {
      font-size: calc((28 / 800) * 100vw); }
  .contact .btnArea.moreBtn {
    width: calc((600 / 800 ) * 100vw); }
  .contact .btnArea.btnGoals {
    width: calc((600 / 800 ) * 100vw);
    margin: calc((100 / 800 ) * 100vw) auto; }
    .contact .btnArea.btnGoals a img {
      width: 100%; }
    .contact .btnArea.btnGoals a span {
      margin-top: calc((25 / 800 ) * 100vw);
      font-size: calc((40 / 800 ) * 100vw); }
  .contact .btnArea.btnEntry {
    margin: calc((50 / 800 ) * 100vw) auto; }
    .contact .btnArea.btnEntry a {
      width: 100%;
      padding: calc((15 / 800) * 100vw) calc((15 / 800) * 100vw) calc((15 / 800) * 100vw) calc((60 / 800) * 100vw); }

  .stepList {
    margin: calc((50 / 800) * 100vw) auto !important; }
    .stepList li + li {
      margin-top: calc((100 / 800) * 100%) !important; }
      .stepList li + li::before {
        top: calc((-70 / 800) * 100vw);
        left: calc( (100% - ((95 / 800) * 100vw)) / 2);
        border-top: calc((50 / 800) * 100vw) solid #005b3a;
        border-bottom: calc((50 / 800) * 100vw) solid transparent;
        border-left: calc((50 / 800) * 100vw) solid transparent;
        border-right: calc((50 / 800) * 100vw) solid transparent; }
    .stepList li .imgArea {
      margin: calc((30 / 800) * 100vw) auto 0; }
    .stepList li .txtArea {
      margin-top: calc((30 / 800) * 100vw); }
      .stepList li .txtArea .note {
        font-size: calc((26 / 800) * 100vw); }

  /* boxLayout */
  .boxLayout {
    flex-direction: column-reverse; }
    .boxLayout .txtArea,
    .boxLayout .imgArea {
      width: 100%; }
    .boxLayout.box01 .txtArea,
    .boxLayout.box01 .imgArea {
      width: 100%; }
    .boxLayout.box02 {
      flex-direction: column; }
      .boxLayout.box02 .txtArea {
        width: 100%; }
      .boxLayout.box02 .imgArea {
        width: 100%;
        margin-top: calc((40 / 800) * 100vw); }
	.green_title{
    	font-size: calc((38 / 800) * 100vw);
		display: block;
	}
	.green_title span{
    	font-size: calc((26 / 800) * 100vw);
	}
	.green_title small{
    	font-size: calc((14 / 800) * 100vw);
	}
	.box02.boxLayout .indentList li {
    	font-size: calc((14 / 800) * 100vw);
	}
	.annoArea .clm2{
		display: block;
	}
	.annoArea .clm2 dl{
		width: 100%;
		margin-bottom: 20px;
	}
	.annoArea .clm2 dl dt{
		font-size: calc((16 / 800) * 100vw);
	}
	.annoArea .clm2 dl dd img{
		width: 65%;
		height: auto;
	}
	ul.list_link{
		font-size: calc((17 / 800) * 100vw);
	}
	

  /* top
  **************************/
  .top .mainVisual .mainTitle {
    font-size: calc((60 / 800) * 100vw);
    letter-spacing: 0.05em; }
  .top .btnArea.moreBtn {
    width: calc((600 / 800) * 100vw); }
  .top .btnArea.bgArea {
    margin: calc((50 / 800) * 100vw) auto auto;
    padding: calc((40 / 800) * 100vw); }
    .top .btnArea.bgArea a {
      width: 100%; }
  .top .catch {
    font-size: calc((46 / 800) * 100vw);
    text-align: center; }
    .top .catch span {
      font-size: calc((65 / 800) * 100vw); }
  .top .boxLayout .txtArea {
    margin-top: calc((40 / 800) * 100vw); }
  .top .plantList {
    width: 100%;
    margin: calc((50 / 800) * 100vw) auto 0; }
    .top .plantList .colBlock li {
      width: calc( (100% - ((30 / 800) * 100vw)) / 3); }
      .top .plantList .colBlock li:nth-of-type(n + 4) {
        margin-top: calc((15 / 800) * 100vw); }
      .top .plantList .colBlock li img {
        width: 100%; }
		
	.top .plantList .colBlock::after {
      display: block;
      content:"";
      width: calc( (100% - ((30 / 800) * 100vw)) / 3);
     }

    .top .plantList > p {
      margin-top: calc((20 / 800) * 100vw); }
  .top .historyList {
    margin-top: calc((45 / 800) * 100vw); }
    .top .historyList li {
      width: 100%;
      text-align: center; }
      .top .historyList li + li {
        margin-top: calc((100 / 800) * 100vw); }
        .top .historyList li + li::before {
          top: calc((-75 / 800) * 100vw);
          left: calc( (100% - ((95 / 800) * 100vw)) / 2);
          border-top: calc((50 / 800) * 100vw) solid #005b3a;
          border-bottom: calc((50 / 800) * 100vw) solid transparent;
          border-left: calc((50 / 800) * 100vw) solid transparent;
          border-right: calc((50 / 800) * 100vw) solid transparent; }

  /* enneteye
  **************************/
  .enneteye .mainVisual.valueAdded:before {
    width: calc((170 / 800) * 100vw);
    height: calc((72 / 800) * 100vw);
    left: 1vw;
    margin-top: calc((-72 / 1600) * 100vw); }
  .enneteye .contentsWrapper {
    margin-top: calc((40 / 800 ) * 100vw);
    /*.contactBtnArea{
    	.mail{
    		height: calc((120 / 800) * 100vw);
    		margin-top: calc((80 / 800 ) * 100vw);
    		margin-bottom: calc((50 / 800 ) * 100vw);
    	}
    }*/ }
  .enneteye .butList {
    margin-top: calc((50 / 800 ) * 100vw);
    padding: calc((110 / 800 ) * 100vw) calc((50 / 800 ) * 100vw) calc((40 / 800 ) * 100vw); }
    .enneteye .butList::before {
      left: calc( (100% - ((340 / 800 ) * 100vw)) / 2);
      width: calc((340 / 800 ) * 100vw);
      height: calc((74 / 800 ) * 100vw); }
    .enneteye .butList h4 {
      margin-top: calc((20 / 800 ) * 100vw);
      font-size: calc((40 / 800 ) * 100vw); }
    .enneteye .butList h5 {
      font-size: calc((34 / 800 ) * 100vw); }
    .enneteye .butList h6 {
      margin-top: calc((20 / 800 ) * 100vw);
      font-size: calc((28 / 800 ) * 100vw); }
    .enneteye .butList .colBlock {
      margin-top: calc((80 / 800 ) * 100vw); }
      .enneteye .butList .colBlock li {
        width: 100%;
        padding: calc((400 / 800 ) * 100vw) calc((30 / 800 ) * 100vw) calc((30 / 800 ) * 100vw); }
        .enneteye .butList .colBlock li:nth-of-type(n + 2) {
          margin-top: calc((100 / 800 ) * 100vw); }
        .enneteye .butList .colBlock li img {
          top: calc((-20 / 800 ) * 100vw);
          left: calc( (100% - ((414 / 800 ) * 100vw)) / 2);
          width: calc((414 / 800 ) * 100vw); }
    .enneteye .butList .note {
      margin-top: calc((20 / 800 ) * 100vw); }
  .enneteye .support .imgArea.mt65 {
    margin-bottom: calc((65 / 800 ) * 100vw); }
  .enneteye .featureList {
    margin-top: calc((45 / 800 ) * 100vw); }
    .enneteye .featureList dl {
      width: 100%; }
      .enneteye .featureList dl:nth-of-type(n + 2) {
        margin-top: calc((30 / 800 ) * 100vw); }
      .enneteye .featureList dl dt {
        padding: calc((20 / 800 ) * 100vw) calc((25 / 800 ) * 100vw); }
        .enneteye .featureList dl dt img {
          width: calc((174 / 800 ) * 100vw); }
      .enneteye .featureList dl dd {
        padding: calc((20 / 800 ) * 100vw) calc((25 / 800 ) * 100vw);
        font-size: calc((28 / 800 ) * 100vw); }
  .enneteye .functionList {
    width: 100%;
    justify-content: flex-start; }
    .enneteye .functionList figure {
      width: calc( (100% - ((60 / 800 ) * 100vw)) / 3);
      margin-right: calc((25 / 800 ) * 100vw); }
      .enneteye .functionList figure:nth-of-type(3n) {
        margin-right: 0; }
      .enneteye .functionList figure:nth-of-type(n + 4) {
        margin-top: calc((25 / 800 ) * 100vw); }
      .enneteye .functionList figure figcaption {
        margin-top: calc((10 / 800 ) * 100vw);
        font-size: calc((26 / 800 ) * 100vw); }
  .enneteye .func .imgArea {
    margin: calc((55 / 800 ) * 100vw) auto calc((40 / 800 ) * 100vw); }
  .enneteye .func .functionHead {
    margin-top: calc((185 / 800 ) * 100vw);
    padding-top: calc((15 / 800 ) * 100vw);
    font-size: calc((40 / 800 ) * 100vw); }
    .enneteye .func .functionHead::before {
      top: calc((-125 / 800 ) * 100vw);
      left: calc( (100% - ((105 / 800 ) * 100vw)) / 2);
      width: calc((105 / 800 ) * 100vw);
      height: calc((105 / 800 ) * 100vw); }
  .enneteye .func .exampleBox {
    margin-top: calc((35 / 800 ) * 100vw);
    padding: calc((40 / 800 ) * 100vw); }
    .enneteye .func .exampleBox h4 {
      font-size: calc((40 / 800 ) * 100vw); }
    .enneteye .func .exampleBox .colBlock {
      margin-top: calc((30 / 800 ) * 100vw); }
      .enneteye .func .exampleBox .colBlock li {
        width: 100%;
        padding: calc((30 / 800 ) * 100vw); }
        .enneteye .func .exampleBox .colBlock li:nth-of-type(n + 2) {
          margin-top: calc((40 / 800 ) * 100vw); }
        .enneteye .func .exampleBox .colBlock li h5 {
          margin-bottom: calc((20 / 800 ) * 100vw);
          font-size: calc((34 / 800 ) * 100vw); }

  /* green
  **************************/
  .green .future {
    background: url(../../shared/img/about/green_bg01_sp.png) no-repeat bottom center;
    background-size: contain;
    height: calc((1000 / 800) * 100vw); }
  .green .provid .colBlock {
    margin-top: calc((50 / 800 ) * 100vw); }
    .green .provid .colBlock li:nth-of-type(n + 2) {
      margin-top: calc((50 / 800 ) * 100vw); }
    .green .provid .colBlock li h4 {
      font-size: calc((40 / 800) * 100vw); }
      .green .provid .colBlock li h4 span {
        font-size: calc((30 / 800) * 100vw); }
    .green .provid .colBlock li .imgArea {
      margin: calc((70 / 800 ) * 100vw) 0 calc((30 / 800 ) * 100vw); }
  .green .provid table tr {
    float: none;
    width: auto; }
    .green .provid table tr:nth-of-type(3) td figure, .green .provid table tr:nth-of-type(4) td figure {
      width: calc((189 / 800 ) * 100vw);
      margin-left: auto;
      margin-right: auto; }
    .green .provid table tr:nth-of-type(4) td:nth-of-type(1) p {
      padding-bottom: 0; }
  .green .provid table th,
  .green .provid table td {
    display: table-cell;
    height: auto !important;
    padding: calc((20 / 800 ) * 100vw) !important; }
  .green .provid table th {
    display: table-cell;
    font-size: calc((20 / 800 ) * 100vw);
    text-align: center;
    vertical-align: middle; }
    .green .provid table th:nth-of-type(1) {
      width: calc((60 / 800 ) * 100vw); }
    .green .provid table th:nth-of-type(2) {
      width: calc(100% - ((290 / 800 ) * 100vw)); }
    .green .provid table th:nth-of-type(3) {
      width: calc((230 / 800 ) * 100vw); }
    .green .provid table th span {
      display: block;
      margin-top: 0.2em;
      transform: rotate(-90deg); }
  .green .provid table td {
    font-size: calc((18 / 800 ) * 100vw); }
    .green .provid table td:nth-of-type(2) {
      vertical-align: middle; }
      .green .provid table td:nth-of-type(2) span {
        bottom: calc((20 / 800 ) * 100vw);
        right: calc((20 / 800 ) * 100vw); }
    .green .provid table td figure {
      margin-top: calc((20 / 800 ) * 100vw); }
      .green .provid table td figure.graphImg {
        margin-bottom: calc((25 / 800 ) * 100vw); }
      .green .provid table td figure.mt20 {
        margin-top: calc((25 / 800 ) * 100vw); }
      .green .provid table td figure figcaption {
        position: static;
        margin-top: calc((10 / 800 ) * 100vw);
        font-size: calc((18 / 800 ) * 100vw); }
    .green .provid table td p {
      font-size: calc((20 / 800 ) * 100vw); }
    .green .provid table td .annoArea .indentList li {
      font-size: calc((16 / 800) * 100vw); }
  .green .provid table caption {
    margin-top: calc((30 / 800 ) * 100vw);
    font-size: calc((16 / 800 ) * 100vw); }
  .green .imgWithTxt .btnArea.moreBtn {
    width: calc((600 / 800 ) * 100vw);
    margin: calc((50 / 800 ) * 100vw) auto 0; }
  .green .adviceList li {
    width: calc( (100% - ((25 / 800 ) * 100vw)) / 2);
    padding: calc((40 / 800 ) * 100vw) calc((30 / 800 ) * 100vw);
    font-size: calc((28 / 800 ) * 100vw); }
    .green .adviceList li:nth-of-type(n + 3) {
      margin-top: calc((25 / 800 ) * 100vw); }
  .green .useList li:nth-of-type(n + 2) {
    margin-top: calc((40 / 800 ) * 100vw); }
  .green .useList li h4 span {
    font-size: calc((30 / 800 ) * 100vw); }
  .green .menuList .title > p {
    font-size: calc((45 / 800) * 100vw); }
  .green .menuList dt {
    font-size: calc((28 / 800) * 100vw); }
  .green .menuList .note {
    font-size: calc((20 / 800) * 100vw); }
		.green .menuList.cautionArea{
			width:100%;
		  border-top: 2px solid #9f9fa0;
		  padding-top:15px;
		  margin-top:0;
		}
  /* ennemetering
  **************************/
  .ennemetering .step .btnArea.moreBtn {
    margin-top: calc((50 / 800) * 100vw);
	}
	/*.ennemetering .contentsHead{
		margin-bottom:0;
		padding-bottom:0;
	}*/

  /* EnneSmart
  **************************/
  .es {
    /*.response {
    	margin-top: calc((80 / 800 ) * 100vw);
    	font-size: 0;
    	figure {
    		width: calc((100% - ((60 / 800 ) * 100vw)) / 2);
    		&:nth-of-type(n + 2) {
    			margin-left: calc((30 / 800 ) * 100vw);
    		}
    	}
    }*/ }
    .es .sales {
      padding: calc((55 / 800 ) * 100vw); }

  /* infoEnnet
  **************************/
  .info .boxLayout.col2 .txtArea,
  .info .boxLayout.col2 .imgArea {
    width: 100%; }
  .info .boxLayout .imgArea {
    width: 70%;
    margin: auto; }
  .info .detailList {
    margin: calc((15 / 800) * 100%) 0 0; }
    .info .detailList dl {
      font-size: calc((30 / 800) * 100vw); }
      .info .detailList dl + dl {
        margin: calc((10 / 800) * 100%) 0 0; }
    .info .detailList dt {
      min-width: calc((250 / 800) * 100vw); }

  /* sell
  **************************/
  .sell .contentsWrapper {
    margin-top: calc((40 / 800) * 100vw); }
  .sell .lede {
    font-size: calc((40 / 800) * 100vw); }
  .sell .caseStudy .blockTitle {
    margin: 0 auto calc((100 / 800) * 100vw); }
  .sell .caseStudy .caseStudyList li .tabArea {
    top: calc((-43 / 530) * 100vw); }
  .sell .boxLayout {
    flex-direction: column; }
    .sell .boxLayout .txtArea {
      width: 100%; }
      .sell .boxLayout .txtArea .boxLayoutTitle {
        margin-bottom: calc((20 / 800) * 100vw);
        font-size: calc((38 / 800) * 100vw); }
        .sell .boxLayout .txtArea .boxLayoutTitle span {
          font-size: calc((30 / 800) * 100vw); }
    .sell .boxLayout .imgArea {
      margin-bottom: calc((30 / 800) * 100vw);
      width: 100%; }

  /* charge
  **************************/
  .charge .lede,
  .charge .serviceList {
    margin-top: calc((80 / 800) * 100%); }

  /* electricity
  **************************/
  .electricity .lede {
    margin: calc((90 / 800) * 100%) auto 0; }
  .electricity .innerBlock + .innerBlock {
    margin-top: calc((150 / 800) * 100%); }
  .electricity .linkBtnArea .colBlock.col3 {
    justify-content: space-between; }
    .electricity .linkBtnArea .colBlock.col3 li {
      width: calc((100% - 10px) / 2);
      margin: 0; }
      .electricity .linkBtnArea .colBlock.col3 li:nth-child(n+3) {
        margin: calc((40 / 800) * 100%) 0 0; }
      .electricity .linkBtnArea .colBlock.col3 li .title {
        font-size: calc((35 / 800) * 100vw);
        margin-bottom: calc((10 / 800) * 100%); }
      .electricity .linkBtnArea .colBlock.col3 li p {
        font-size: calc((28 / 800) * 100vw); }
      .electricity .linkBtnArea .colBlock.col3 li a {
        min-height: 0;
        margin-top: calc((20 / 800) * 100%); }
        .electricity .linkBtnArea .colBlock.col3 li a .txt {
          font-size: calc((28 / 800) * 100vw);
          padding: calc((25 / 800) * 100%); }
  .electricity .estimateBtnArea {
    margin: calc((150 / 800) * 100%) auto 0; }
    .electricity .estimateBtnArea .title {
      font-size: calc((40 / 800) * 100vw);
      margin: 0 auto calc((5 / 800) * 100%); }
    .electricity .estimateBtnArea .txtArea {
      margin-bottom: calc((50 / 800) * 100%); }
  .electricity .boxLayout .imgArea {
    margin-top: calc((40 / 800) * 100vw); }
  .electricity .boxLayout.box01.fldCol, .electricity .boxLayout.box03 {
    flex-direction: column; }
  .electricity .boxLayout .boxLayoutTitle {
    font-size: calc((40 / 800) * 100vw);
    margin: 0 auto calc((10 / 800) * 100%); }

  /* partner Top
  **************************/
  #partner .btnArea.moreBtn {
    width: calc((600 / 800) * 100vw); }
  #partner .contentsHead {
    padding: calc((25 / 800) * 100vw); }
    #partner .contentsHead .subTitle {
      width: calc((400 / 800) * 100vw);
      margin: 0 auto calc((20 / 800) * 100vw);
      padding: calc((11 / 800) * 100vw) calc((10 / 800) * 100vw);
      font-size: calc((28 / 800) * 100vw); }
    #partner .contentsHead .mainTitle {
      font-size: calc((50 / 800) * 100vw); }
      #partner .contentsHead .mainTitle > span {
        margin-bottom: calc((5 / 800) * 100vw);
        font-size: calc((40 / 800) * 100vw); }
  #partner .introducePartner li {
    padding: calc((40 / 800) * 100vw); }
    #partner .introducePartner li:nth-of-type(n + 2) {
      margin-top: calc((35 / 800) * 100vw); }
    #partner .introducePartner li h4 {
      min-height: auto;
      margin-bottom: calc((30 / 800) * 100vw);
      padding-bottom: calc((30 / 800) * 100vw); }
    #partner .introducePartner li h5 {
      max-height: auto;
      margin-bottom: calc((30 / 800) * 100vw); }
      #partner .introducePartner li h5 span {
        margin-bottom: calc((20 / 800) * 100vw);
        font-size: calc((35 / 800) * 100vw); }
    #partner .introducePartner li dl {
      font-size: calc((28 / 800) * 100vw); }
      #partner .introducePartner li dl dt:nth-of-type(n + 2),
      #partner .introducePartner li dl dd:nth-of-type(n + 2) {
        margin-top: calc((15 / 800) * 100vw); }
      #partner .introducePartner li dl dt {
        width: calc((180 / 800) * 100vw);
        height: calc((48 / 800) * 100vw);
        margin-right: calc((30 / 800) * 100vw);
        padding: calc((9 / 800) * 100vw) calc((10 / 800) * 100vw); }
      #partner .introducePartner li dl dd {
        width: calc(100% - ((211 / 800) * 100vw)); }

  /* agency
  **************************/
  #partner.agency .partnerSystem li {
    padding: calc((40 / 800) * 100vw) calc((30 / 800) * 100vw); }
    #partner.agency .partnerSystem li + li {
      margin-top: calc((35 / 800) * 100vw); }
  #partner.agency .partnerSystem .btnArea.moreBtn {
    margin-top: calc((40 / 800) * 100vw); }
  #partner.agency .step .btnArea.moreBtn {
    margin-top: calc((50 / 800) * 100vw); } }


  /* ennebattery
  **************************/
#ennebattery .pointList > li {
    padding: 50px 40px 40px;
	position: relative;
}
#ennebattery .pointList .numArea{
	position: absolute;
	top: 0;
	left: 0;
	background: #005b3a;
	color: #fff;
	font-size: 2.5em;
	width: 40px;
	line-height: 40px;
	text-align: center;
}
#ennebattery .pointList .green{
	color: #005b3a;
	font-weight: bold;
	font-size: 1.25em;
}
#ennebattery .caption{
	font-size: 12px;
	margin-top: 1em;
	text-align: left;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
@media only screen and (max-width: 767px){
	#ennebattery .pointList > li {
		padding: 25px 20px 20px 40px;
	}
	#ennebattery .pointList .numArea{
		font-size: 1.5em;
		width: 30px;
		line-height: 30px;
	}
}
  /* 
  **************************/


@media only screen and (min-width: 768px) {
	.row.btnAreaWrap{
		margin: 0 150px;
	}
}
.row.btnAreaWrap .btnArea a {
    background-color: #f0f0e4;
    border: 1px solid #000;
	box-shadow: none;
}
.row.btnAreaWrap .btnArea a.orange {
	color: #fff;
    background-color: #F6803E;
    border: none;
}

/* ennemetering ennebatteryの問い合わせボタン
**************************/

.formBtnArea{
	background:#fffbe0;
	margin:70px auto 0;
	padding:50px 0;
}
.formBtnArea p{
    color: #005b3a;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0.05em;
	text-align:center;
	padding-bottom:40px;
}
.formBtnArea .colBlock.col2 {
    width: 780px;
}
.formBtnArea .colBlock.col2 li {
    width: 360px;
}
.formBtnArea .btnArea.moreBtn{
	margin:0 auto;
}
.formBtnArea ul.colBlock li .arrRight{
	color:#fff;
	border: 1px solid #626262;
	font-size: 2.4rem;
}
.formBtnArea .btnArea .arrRight:before{
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	width: 12px;
    height: 12px;
	margin-top: -6px;
}
.formBtnArea ul.colBlock li:first-child .arrRight,
.formBtnArea ul.colBlock li .arrRight.bg-orange{
	background-color:#f8823d;
}
.formBtnArea ul.colBlock li:last-child .arrRight{
	background-color:#4e7ee9;
}
@media only screen and (max-width: 767px) {
	.formBtnArea .colBlock.col2 {
		width: calc((600 / 800) * 100vw);
	}
	.formBtnArea .colBlock.col2 li {
		width: 100%;
	}
	.formBtnArea .btnArea.moreBtn {
		width: calc((600 / 800) * 100vw);
	}
	.formBtnArea .colBlock.col2 > li{
		margin-top:0;
	}
}
  /* 
  **************************/
.caution{ padding-top: 30px;}
@media (max-width: 960px) {
 .caution{ padding-top: 15px;}
}
  /* 
  **************************/
dl.webinar-info{
	line-height: 1.6;
	max-width: 1200px;
	margin: 70px auto 30px;
	background: #D9ECA2;
}
dl.webinar-info dt{
	color: #fff;
	font-size: 34px;
	text-align: center;
	padding: 100px 30px 0;
	background: url("../../shared/img/webinar-bg.jpg") top center / 100% auto no-repeat #3DB133;
}
dl.webinar-info dd{
	font-size: 20px;
	padding: 85px 70px 50px;
	position: relative;
}
dl.webinar-info dd:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5vw;
	background: url("../../shared/img/webinar-bg2.svg") top center / 100% auto no-repeat;
}
dl.webinar-info dd p{
	margin-bottom: 30px;
}
dl.webinar-info dd ul{
	margin-bottom: 30px;
}
dl.webinar-info dd ul li{
	padding-left: 1em;
	text-indent: -1em;
}
dl.webinar-info dd p.btn{
	text-align: center;
	margin-bottom: 10px;
}
dl.webinar-info dd p.btn a{
	color: #fff;
	font-size: 23px;
	text-decoration: none;
	background-color: #F8823D;
	line-height: 1.3;
	padding: 36px 90px;
	display: inline-block;
}
dl.webinar-info dd p.btn a:hover {
	opacity: .8;
}
dl.webinar-info dd p.btn a:before {
	content: "";
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	display: inline-block;
	margin-top: -4px;
	margin-right: 20px;
}
dl.webinar-info dd .kome{
	font-size: 18px;
}
dl.webinar-info dd p.kome{
	margin-bottom: 0;
}
dl.webinar-info dd table{
	margin-bottom: 50px;
}
dl.webinar-info dd table th{
	color: #005B3A;
	font-weight: normal;
}
dl.webinar-info dd .t-center{
	text-align: center;
}
@media (max-width: 960px) {
	.webinar-info-area{
		padding: 10vw 3% 0;
	}
	dl.webinar-info dt{
		font-size: 5vw;
		padding: 10vw 5vw 0;
	}
	dl.webinar-info dd{
		font-size: 3.5vw;
		padding: 6vw 5vw 5vw;
	}
	dl.webinar-info dd p{
		margin-bottom: 3vw;
	}
	dl.webinar-info dd ul{
		margin-bottom: 3vw;
	}
	dl.webinar-info dd p.btn{
		margin-bottom: 2vw;
	}
	dl.webinar-info dd p.btn a{
		font-size: 3.8vw;
		padding: 15px;
	}
	dl.webinar-info dd p.btn a:hover {
		opacity: 1;
	}
	dl.webinar-info dd p.btn a:before {
		width: calc((18 / 800) * 100vw);
		height: calc((18 / 800) * 100vw);
		left: calc((15 / 800) * 100vw);
		margin-top: calc((-9 / 800) * 100vw);
		margin-right: 10px;
	}
	dl.webinar-info dd .kome{
		font-size: 3.2vw;
	}
	dl.webinar-info dd table{
		margin-bottom: 5vw;
	}
	dl.webinar-info dd table th{
		text-align: left;
		width: 100%;
	}
	dl.webinar-info dd table th,
	dl.webinar-info dd table td{
		display: block;
	}
}
  /* 
  **************************/
.youtubeArea{
	max-width: 700px;
	box-sizing: content-box;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3%;
	padding-left: 3%;
}
.youtubeArea div{
	position: relative;
	padding-top: 56.25%;
	border: 1px solid #ccc;
}
.youtubeArea iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pt100{ padding-top: 100px;}
.pb50{ padding-bottom: 50px;}
@media (max-width: 960px) {
	.pt100{ padding-top: 10vw;}
	.pb50{ padding-bottom: 5vw;}
}




/*----------------------------------------------------
	
----------------------------------------------------*/

.excont{
	clear: both;
	padding-top: 100px;
}
.excontlist{
	font-size: 20px;
	line-height: 1.3;
	text-decoration: none;
	text-align: center;
	padding: 2.5em 0 1.5em;
	background: #F0F0E4;
}
.excontlist.slick-no{
	display: flex;
	justify-content: center;
}
.excontlist.slick-no li{
	max-width: 330px;
}
.excontlist li a{
	display: block;
	padding: 0 20px;
	text-decoration: none;
}
.excontlist li a img{
	margin-bottom: .5em;
}
@media (max-width: 767px) {
	.excont{ padding-top: 10%;}
	.excontlist{ font-size: calc((26 / 800) * 100vw);}
}

.bnav{
	clear: both;
	padding-top: 100px;
}
.bnavwrap{
	border-top: 1px solid #E4E4CE;
	box-shadow: 0px 3px 3px 0px rgba(4,0,0,.2);
}
.bnavwrap2{
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	border-left: 1px solid #E4E4CE;
}
.bnavwrap2 a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 14.28%;
	height: 200px;
	color: #005E3C;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #E4E4CE;
	position: relative;
}
.bnavwrap2 a:hover,
.bnavwrap2 a.active{ opacity: 1; background: #F0F0E4;}
.bnavwrap2 a img{
	margin: 0 0 15px;
	height: 60px;
}
.bnavwrap2 a:nth-child(2) img{
	height: 50px;
	margin-top: 15px;
}
.bnavwrap2 a strong{
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.bnavwrap2 a span{
	display: block;
	width: 100%;
	color: #534A48;
	font-size: 14px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.bnav{
		padding-top: 10%;
	}
	.bnavwrap2{
		border-left: none;
	}
	.bnavwrap2 a{
		display: flex!important;
		height: 150px;
	}
	.bnavwrap2 a strong{
		font-size: 3vw;
	}
	.bnavwrap2 a span{
		display: none;
	}
	.bnav .slick-prev, .bnav .slick-next{ box-shadow: 0px 0px 0px 1px #231815; border-radius: 100%;}
}
@media (max-width: 500px) {
	.bnavwrap2 a{
		height: 120px;
	}
}















.annoArea .clm2{
	display: flex;
}
.annoArea .clm2 dl{
	width: 50%;
}
.annoArea dl dt.clm2_dt{
	font-size: 1.6rem;;
	margin-bottom: 10px;
}
ul.list_link{
	color: #005b35;
	font-size: 1.7rem;
}
ul.list_link a{
	color: #005b35;
	line-height: 1.4;
}
.box02.boxLayout .indentList li {
	font-size: 1.4rem;
  text-indent: 0;
  padding-left: 3.5em;
	position: relative;
}
.box02.boxLayout .indentList li span{
	position: absolute;
	top: 0;
	left: 0;
}
.green_title{
	color: #005b35;
	font-size: 3.8rem;
	font-weight: 500;
	text-align: center;
}
.green_title span{
	font-size: 2.6rem;
	font-weight: bold;
}
.green_title small{
	font-size: 1.6rem;
	font-weight: normal;
}


@media only screen and (max-width: 767px) {
	.green_title{
    	font-size: calc((38 / 800) * 100vw);
		display: block;
	}
	.green_title span{
    	font-size: calc((26 / 800) * 100vw);
	}
	.green_title small{
    	font-size: calc((14 / 800) * 100vw);
	}
	.box02.boxLayout .indentList li {
    	font-size: calc((14 / 800) * 100vw);
	}
	.annoArea .clm2{
		display: block;
	}
	.annoArea .clm2 dl{
		width: 100%;
		margin-bottom: 20px;
	}
	.annoArea .clm2 dl dt{
		font-size: calc((16 / 800) * 100vw);
	}
	.annoArea .clm2 dl dd img{
		width: 65%;
		height: auto;
	}
	ul.list_link{
		font-size: calc((17 / 800) * 100vw);
	}
}



/* fixedcontact */
.fixedcontact {
  position: fixed;
  right: 120px;
  bottom: 10px;
  width: 376px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  z-index: 999;
	/*
  opacity: 0;
  transition: .5s all;
	*/
}
.fixedcontact.fixed {
  opacity: 1;
}
.fixedcontact .txtArea {
  margin-bottom: 10px;
}
.fixedcontact .txtArea p {
  font-size: 1.5em;
}
.fixedcontact .btnAreaWrap .btnArea + .btnArea {
  margin-top: 10px;
}
.fixedcontact .btnAreaWrap .btnArea a {
  background-color: #F6803D;
  color: #fff;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.fixedcontact .btnAreaWrap .btnArea a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .fixedcontact {
    right: 12%;
    width: 86%;
    padding: 10px;
  }
  .fixedcontact .txtArea p {
    text-align: left;
    font-size: calc((12 / 375) * 100vw);
  }
  .fixedcontact .btnAreaWrap {
    display: flex;
    justify-content: space-between;
  }
  .fixedcontact .btnAreaWrap .btnArea {
    width: 49%;
  }
  .fixedcontact .btnAreaWrap .btnArea + .btnArea {
    margin-top: 0;
  }
  .fixedcontact .btnAreaWrap .btnArea a {
    line-height: 1.4;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: calc((13 / 375) * 100vw);
  }
  .fixedcontact .btnAreaWrap .btnArea a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 7px;
    height: 7px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}