@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 21, page_ecology.scss */
#lp2023ecology #intro #titleWrap .title { width: 45%; }
@media only screen and (max-width: 750px) { /* line 46, page_ecology.scss */
  #lp2023ecology #intro #titleWrap .title { width: 66%; } }
/* line 67, page_ecology.scss */
#lp2023ecology #eco { background: #000; color: #fff; padding-bottom: 100px; }
/* line 68, page_ecology.scss */
#lp2023ecology #eco .s00 { width: 100%; height: 280px; background: url(../img/ecology/main.jpg) no-repeat center; background-size: 100% auto; margin-bottom: 100px; }
/* line 69, page_ecology.scss */
#lp2023ecology #eco .s00 .c01 { position: relative; z-index: 5; top: 250px; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; color: #fff; }
/* line 70, page_ecology.scss */
#lp2023ecology #eco .s00 .c01 .ttlCmn03 { font-size: 85px; line-height: 0.7; letter-spacing: -0.02em; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); font-family: 'Roboto', sans-serif; font-weight: 600; }
/* line 71, page_ecology.scss */
#lp2023ecology #eco .s00 .c01 .ttlCmn03 span { display: block; font-size: 28%; letter-spacing: 0.01em; margin-top: 15px; position: relative; }
/* line 72, page_ecology.scss */
#lp2023ecology #eco .s00 .c01 .ttlCmn03 em { display: block; font-size: 28px; margin-bottom: 20px; font-family: 'Noto Sans JP', sans-serif; }
/* line 76, page_ecology.scss */
#lp2023ecology #eco .s01 { margin: 0 auto 80px; }
/* line 77, page_ecology.scss */
#lp2023ecology #eco .s01 .t { font-size: 28px; margin-bottom: 20px; }
/* line 78, page_ecology.scss */
#lp2023ecology #eco .s01 .copy { font-size: 16px; line-height: 2; }
/* line 82, page_ecology.scss */
#lp2023ecology #eco .sCmn:not(:last-child) { margin-bottom: 80px; }
/* line 83, page_ecology.scss */
#lp2023ecology #eco .sCmn .enT { color: #4ac42d; font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 500; letter-spacing: -0.05em; line-height: 0.7; }
/* line 84, page_ecology.scss */
#lp2023ecology #eco .sCmn .enT span { font-weight: 100; letter-spacing: -0.075em; }
/* line 86, page_ecology.scss */
#lp2023ecology #eco .sCmn .t { background: #4ac42d; color: #fff; font-size: 24px; margin-bottom: 40px; padding: 3px 0; }
/* line 87, page_ecology.scss */
#lp2023ecology #eco .sCmn .wrap { /* @include flexWrap; align-items: flex-start;*/ padding: 0 75px; }
/* line 88, page_ecology.scss */
#lp2023ecology #eco .sCmn .wrap .ph { width: 320px; float: right; margin: 0 0 20px 50px; }
/* line 89, page_ecology.scss */
#lp2023ecology #eco .sCmn .wrap .read { /*width: calc(100% - 330px);*/ font-size: 15.5px; line-height: 1.8; }
@media only screen and (max-width: 750px) { /* line 98, page_ecology.scss */
  #lp2023ecology #eco { padding-bottom: 60px; }
  /* line 99, page_ecology.scss */
  #lp2023ecology #eco .s00 { width: 100%; height: 200px; background: url(../img/ecology/main.jpg) no-repeat top; background-size: auto 100%; margin-bottom: 55px; padding-top: 190px; box-sizing: border-box; }
  /* line 100, page_ecology.scss */
  #lp2023ecology #eco .s00 .c01 { position: relative; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; color: #fff; }
  /* line 101, page_ecology.scss */
  #lp2023ecology #eco .s00 .c01 .ttlCmn03 { font-size: 32px; line-height: 0.7; letter-spacing: -0.02em; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); font-family: 'Roboto', sans-serif; font-weight: 600; }
  /* line 102, page_ecology.scss */
  #lp2023ecology #eco .s00 .c01 .ttlCmn03 span { display: block; font-size: 28%; letter-spacing: 0.01em; margin-top: 8px; position: relative; }
  /* line 103, page_ecology.scss */
  #lp2023ecology #eco .s00 .c01 .ttlCmn03 em { display: block; font-size: 18px; margin-bottom: 20px; font-family: 'Noto Sans JP', sans-serif; }
  /* line 107, page_ecology.scss */
  #lp2023ecology #eco .s01 { width: 90%; margin: 0 auto 30px; }
  /* line 108, page_ecology.scss */
  #lp2023ecology #eco .s01 .t { font-size: 20px; margin-bottom: 20px; }
  /* line 109, page_ecology.scss */
  #lp2023ecology #eco .s01 .copy { font-size: 15px; text-align: left; }
  /* line 112, page_ecology.scss */
  #lp2023ecology #eco .sCmn:not(:last-child) { margin-bottom: 50px; }
  /* line 113, page_ecology.scss */
  #lp2023ecology #eco .sCmn .enT { font-size: 32px; }
  /* line 114, page_ecology.scss */
  #lp2023ecology #eco .sCmn .enT span { font-weight: 100; letter-spacing: -0.075em; }
  /* line 116, page_ecology.scss */
  #lp2023ecology #eco .sCmn .t { font-size: 20px; margin-bottom: 20px; padding: 3px 10px 5px; }
  /* line 117, page_ecology.scss */
  #lp2023ecology #eco .sCmn .wrap { width: 90%; margin: 0 auto; padding: 0; }
  /* line 118, page_ecology.scss */
  #lp2023ecology #eco .sCmn .wrap .ph { float: none; width: 100%; margin: 0 auto 15px; }
  /* line 119, page_ecology.scss */
  #lp2023ecology #eco .sCmn .wrap .read { width: 100%; font-size: 14px; } }