@charset "utf-8";


.hero {
  display: grid;
  width: 100%;
  overflow: hidden;
}

.hero-bg,
.hero-inner {
  grid-area: 1 / 1;
}

.hero-bg {
  display: block;
  width: 100%;
  height: auto;
}

.hero-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*スマホ*/
@media screen and (max-width:768px){
	/* ===== メリット ===== */
.c-grid.col-sp-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1%;
  margin-bottom: 0%;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.c-item {
  display: flex;
  flex-direction: column;
}

.c-item img {
  width: 100%;
  height: auto;
  display: block;
}

.merit-row {
  display: flex;
  align-items: baseline;
}

.row-label {
  font-size: clamp(0.75rem, 2vw + 0.25rem, 0.875rem);
}

.row-num {
  font-size: clamp(1rem, 3vw + 0.5rem, 1.25rem);
}

.font22 {
  font-size: clamp(1rem, 3.5vw + 0.25rem, 1.25rem);
  margin: 0.5rem 0 0.25rem;
}

.font222 {
  font-size: clamp(0.875rem, 2.5vw + 0.25rem, 1rem);
  margin: 0;
}
	
	
.eco-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-item {
  display: flex;
  flex-direction: column;
}

.eco-item img {
  width: 100%;
  height: auto;
  display: block;
}

.eco-item span {
  font-size: clamp(0.75rem, 2.5vw + 0.25rem, 0.875rem);
  margin-top: 0.5rem;
}
	
 h2  {font-size:1.3rem;color:#5c7d7c;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.zeh {width:100%;height:auto;margin:0px auto 0px auto;padding: 3rem 0% 1.5rem 0%;text-align:center;}
.zehlogo {width:9rem;height:auto;margin:0px auto 0px auto;padding: 5rem 0% 3rem 0%;text-align:center;}
.zeh1 {max-width:1300px;width:90%;height:auto;margin:0px auto 0px auto;padding: 0rem 0% 1.5rem 0%;text-align:center;}
.zeh2bg {width:100%;height:auto;margin:0px auto 0px auto;padding: 1rem 0% 1rem 0%;text-align:center;background-color:#fbf9ef;border-bottom: dotted 1px #000}
.seino {width:100%;height:auto;margin:0px auto 0px auto;padding: 0rem 0% 4rem 0%;text-align:center;}
.merit1{width:100%;height:auto;margin:0px auto 0px auto;padding: 1rem 1rem 3rem 1rem;text-align:center;background-color:#fbf9ef;border: solid 2px #5b7d7c;}
.merit2{width:100%;height:auto;margin:0px auto 0px auto;padding: 1rem 1rem 3rem 1rem;;text-align:center;background-color:#fafbf0;border: solid 2px #5b7d7c;}
.merit3{width:100%;height:auto;margin:0px auto 0px auto;padding: 1rem 1rem 3rem 1rem;;text-align:center;background-color:#f5fafd;border: solid 2px #5b7d7c;}
.merit1bg{width:100%;height:auto;margin:9rem auto 0px auto;padding: 4rem 0rem 3rem 0rem;text-align:center;background-color:#fbf9ef;border-bottom: dotted 1px #000;}
.merit2bg{width:100%;height:auto;margin:0rem auto 0px auto;padding: 4rem 0rem 5rem 0rem;text-align:center;background-color:#fafbf0;border-bottom: dotted 1px #000;}
.merit3bg{width:100%;height:auto;margin:0px auto 0px auto;padding: 4rem 0rem 3rem 0rem;text-align:center;background-color:#f5fafd}
.koudan {max-width:600px;width:80%; height:auto;margin:0px auto 0px auto;padding: 2rem 0% 0rem 0%;text-align:center;}
.co2 {max-width:600px;width:80%; height:auto;margin:0px auto 0px auto;padding: 2rem 0% 2rem 0%;text-align:center;}	
.tokyu {max-width:800px;width:100%; height:auto;margin:0px auto 0px auto;padding: 0rem 0% 1rem 0%;text-align:center;}
.u {text-decoration: underline;text-underline-offset: .3em;margin:2rem auto 0px auto;line-height: 2.8;text-align:center;}
	
.font1{margin:0px auto 0px auto;padding: 0rem 0% 1.0rem 0%;text-align:left; font-size: clamp(1.0rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;}
.font11{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:center; font-size: clamp(1.0rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;}
.font2{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:left; font-size: clamp(1.0rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-weight: 400;}
.fontmerit1{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:left; font-size: clamp(1.3rem, 2.0vw + 0.4rem, 2.4rem);
line-height: 1.8;font-weight: 700;}
.font22{margin:0px auto 0px auto;padding: 0rem 0% 1rem 0%;text-align:center; font-size: clamp(1.5rem, 1.6vw + 0.4rem, 2.0rem);
line-height: 1.8;font-weight: 400;}
.font222{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:left; font-size: clamp(1rem, 1.2vw + 0.4rem, 1.2rem);
line-height: 1.8;font-weight: 400;}
.fontmerit2{margin:0px auto 0px auto;padding: 2.5rem 0% 1.5rem 0%;text-align:center; font-size: clamp(1.6rem, 2.2vw + 0.4rem, 2.8rem);
line-height: 1.8;font-weight: 400;}
.font3{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:left; font-size: clamp(0.9rem, 1.0vw + 0.15rem, 1.3rem);
line-height: 1.8;font-weight: 400;}
.font4{margin:0px auto 0px auto;padding: 0rem 0% 1rem 0%;text-align:left; font-size: clamp(1.0rem, 1.3vw + 0.4rem, 1.7rem);color:#5b7d7c;
line-height: 1.7;font-weight: 400;}
.font5{width: 100%; margin:2rem auto 2rem auto;padding: 0.5rem 0% 0.5rem 0%;text-align:center; font-size: clamp(1.1rem, 1.3vw + 0.4rem, 1.7rem);color:#000;
line-height: 1.8;font-weight: 400;border-bottom: solid 1px #000;border-top: solid 1px #000;}
	
.font6{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:center; font-size: clamp(1rem, 1.0vw + 0.15rem, 1.3rem);
line-height: 1.8;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#ce7b0e;text-decoration: underline;text-underline-offset: .3em}
	
	
.zcap{
font-weight: 400;
margin: 0;
  padding-top: 0.5rem;
  font-size: clamp(0.8rem, 0.9vw + 0.25rem, 0.9375rem);
  line-height: 1.6;
  text-align: left;}
	
.hero-logo {
  width: 50%;
  height: auto;
}
	
/* ===== merit 横並び ===== */
.merit-row {
  display: flex;
  justify-content: center;margin-top:1.5rem;margin-bottom:1rem;
}

.merit-row .row-inner {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
  padding-bottom: 0.1rem;
  position: relative;
}

.merit-row .row-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
  height: 1px;
  background: #aaa;
}

.merit-row .row-label {
  font-size: clamp(1rem, 1.6vw + 0.5rem, 1.4rem);
  color: #666;
  letter-spacing: 0.2em;
}

.merit-row .row-num {
  font-size: clamp(2rem, 4vw + 0.5rem, 3.2rem);
  color: #666;
  line-height: 1;
}

/* ===== merit 縦並び ===== */
.merit-col {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.01rem;
  position: relative;
}

.merit-col::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
  height: 1px;
  background: #aaa;
}

.merit-col .col-label {
  font-size: clamp(1rem, 1.6vw + 0.5rem, 1.4rem);
  color: #666;
  letter-spacing: 0.2em;
}

.merit-col .col-num {
  font-size: clamp(1.5rem, 5vw + 0.5rem, 4rem);
  color: #666;
  line-height: 1.1;
}
}


/*PC*/
@media screen and (min-width:769px){
/* ===== メリット ===== */
.c-grid.col-sp-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
  margin-bottom: 3%;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.c-item {
  display: flex;
  flex-direction: column;
}

.c-item img {
  width: 100%;
  height: auto;
  display: block;
}

.merit-row {
  display: flex;
  align-items: baseline;
}

.row-label {
  font-size: clamp(0.75rem, 0.8vw + 0.3rem, 0.875rem);
}

.row-num {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.5rem);
}

.font22 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.375rem);
  margin: 0.5rem 0 0.25rem;
}

.font222 {
  font-size: clamp(0.875rem, 0.9vw + 0.3rem, 1rem);
  margin: 0;
}	
	
	/* ===== メリット ===== */
.merit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.merit-item {
  display: flex;
  flex-direction: column;
}

.merit-item img {
  width: 100%;
  height: auto;
  display: block;
}

.merit-badge {
  display: flex;
  align-items: baseline;
}

.badge-label {
  font-size: clamp(0.75rem, 0.8vw + 0.3rem, 0.875rem);
}

.badge-num {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.5rem);
}

.merit-ttl {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.375rem);
  margin: 0.5rem 0 0.25rem;
}

.merit-txt {
  font-size: clamp(0.875rem, 0.9vw + 0.3rem, 1rem);
  margin: 0;
}
	
	
	
/* ===== エコグリッド ===== */
.eco-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-item {
  display: flex;
  flex-direction: column;
}

.eco-item img {
  width: 100%;
  height: auto;
  display: block;
}

.eco-item span {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin-top: 0.5rem;
}
 h2  {font-size:1.3rem;color:#5c7d7c;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.zeh {width:100%;height:auto;margin:0px auto 0px auto;padding: 6.5rem 0% 1.5rem 0%;text-align:center;}
.zehlogo {width:13rem;height:auto;margin:0px auto 0px auto;padding: 5rem 0% 3rem 0%;text-align:center;}
.zeh1 {max-width:1300px;width:96%;height:auto;margin:0px auto 0px auto;padding: 0rem 0% 1.5rem 0%;text-align:center;}
.zeh2bg {width:100%;height:auto;margin:0px auto 0px auto;padding: 3rem 0% 3rem 0%;text-align:center;background-color:#fbf9ef;border-bottom: dotted 1px #000}
.seino {width:100%;height:auto;margin:0px auto 0px auto;padding: 3rem 0% 9rem 0%;text-align:center;}
.merit1{width:100%;height:auto;margin:0px auto 0px auto;padding: 0.5rem 0.5rem 2rem 0.5rem;text-align:center;background-color:#fbf9ef;border: solid 2px #5b7d7c;}
.merit2{width:100%;height:auto;margin:0px auto 0px auto;padding: 0.5rem 0.5rem 2rem 0.5rem;;text-align:center;background-color:#fafbf0;border: solid 2px #5b7d7c;}
.merit3{width:100%;height:auto;margin:0px auto 0px auto;padding: 0.5rem 0.5rem 2rem 0.5rem;;text-align:center;background-color:#f5fafd;border: solid 2px #5b7d7c;}
.merit1bg{width:100%;height:auto;margin:6rem auto 0px auto;padding: 5rem 0rem 7rem 0rem;text-align:center;background-color:#fbf9ef;border-bottom: dotted 1px #000;}
.merit2bg{width:100%;height:auto;margin:0px auto 0px auto;padding: 5rem 0rem 8rem 0rem;text-align:center;background-color:#fafbf0;border-bottom: dotted 1px #000;}
.merit3bg{width:100%;height:auto;margin:0px auto 0px auto;padding: 5rem 0rem 7rem 0rem;text-align:center;background-color:#f5fafd}
.koudan {max-width:600px;width:60%; height:auto;margin:0px auto 0px auto;padding: 3rem 0% 0rem 0%;text-align:center;}
.co2 {max-width:600px;width:60%; height:auto;margin:0px auto 0px auto;padding: 6rem 0% 7rem 0%;text-align:center;}	
.tokyu {max-width:900px;width:80%; height:auto;margin:0px auto 0px auto;padding: 0rem 0% 6rem 0%;text-align:center;}
.u {text-decoration: underline;text-underline-offset: .3em;}
	
.font1{margin:0px auto 0px auto;padding: 0rem 0% 0.5rem 0%;text-align:center; font-size: clamp(1.125rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;}
.font11{margin:0px auto 0px auto;padding: 0rem 0% 3.0rem 0%;text-align:center; font-size: clamp(1.125rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;}
.font2{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:center; font-size: clamp(1.125rem, 1.8vw + 0.4rem, 1.8rem);
line-height: 1.8;font-weight: 400;}
.fontmerit1{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:center; font-size: clamp(1.3rem, 2.0vw + 0.4rem, 2.4rem);
line-height: 1.8;font-weight: 700;}
.font22{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:center; font-size: clamp(1.1rem, 1.6vw + 0.4rem, 2.0rem);
line-height: 1.8;font-weight: 400;}
.font222{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:center; font-size: clamp(1rem, 1.2vw + 0.4rem, 1.2rem);
line-height: 1.8;font-weight: 400;}
.fontmerit2{margin:0px auto 0px auto;padding: 2.5rem 0% 1.5rem 0%;text-align:center; font-size: clamp(1.3rem, 2.4vw + 0.4rem, 3.0rem);
line-height: 1.8;font-weight: 400;}
.font3{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:center; font-size: clamp(1rem, 1.0vw + 0.15rem, 1.3rem);
line-height: 1.8;font-weight: 400;}
.font4{margin:0px auto 0px auto;padding: 0rem 0% 0rem 0%;text-align:center; font-size: clamp(1.1rem, 1.3vw + 0.4rem, 1.7rem);color:#5b7d7c;
line-height: 1.8;font-weight: 400;}
.font5{width: 100%; margin:2rem auto 4rem auto;padding: 0.5rem 0% 0.5rem 0%;text-align:center; font-size: clamp(1.1rem, 1.3vw + 0.4rem, 1.7rem);color:#000;
line-height: 1.8;font-weight: 400;border-bottom: solid 1px #000;border-top: solid 1px #000;}
	
.font6{margin:0px auto 0px auto;padding: 0rem 0% 2.5rem 0%;text-align:center; font-size: clamp(1rem, 1.0vw + 0.15rem, 1.3rem);
line-height: 1.8;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#ce7b0e;text-decoration: underline;text-underline-offset: .3em}
	
	
.zcap{
font-weight: 400;
margin: 0;
  padding-top: 3rem;
  font-size: clamp(0.9rem, 0.9vw + 0.25rem, 0.9375rem);
  line-height: 1.6;
  text-align: center;}
	
	
.hero-logo {
  width: 90%;
  height: auto;
}
	
/* ===== merit 横並び ===== */
.merit-row {
  display: flex;
  justify-content: center;margin-top:1.5rem;margin-bottom:1rem;
}

.merit-row .row-inner {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
  padding-bottom: 0.1rem;
  position: relative;
}

.merit-row .row-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
  height: 1px;
  background: #aaa;
}

.merit-row .row-label {
  font-size: clamp(1rem, 1.6vw + 0.5rem, 1.4rem);
  color: #666;
  letter-spacing: 0.2em;
}

.merit-row .row-num {
  font-size: clamp(2rem, 4vw + 0.5rem, 3.2rem);
  color: #666;
  line-height: 1;
}

/* ===== merit 縦並び ===== */
.merit-col {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.01rem;
  position: relative;
}

.merit-col::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
  height: 1px;
  background: #aaa;
}

.merit-col .col-label {
  font-size: clamp(1rem, 1.6vw + 0.5rem, 1.4rem);
  color: #666;
  letter-spacing: 0.2em;
}

.merit-col .col-num {
  font-size: clamp(1.5rem, 5vw + 0.5rem, 4rem);
  color: #666;
  line-height: 1.1;
}
}


@media print {
.hidden-print { display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
}
@media only screen and (min-width:751px) and (max-width:980px) {

.sp { display: block !important; }
.pc { display: none !important; }


}