@charset "UTF-8";
.sp {
  display: none; }

.environment_mv {
  margin-bottom: 100px; }
  .environment_mv h2 {
    text-align: center; }

.inner {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto; }

.double_line {
  border: 2px solid #06275f;
  position: relative;
  padding: 50px; }
  .double_line:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    border: 1px solid #06275f;
    z-index: 1; }

.environment_title_h3 {
  color: #fff;
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  letter-spacing: 2px;
  background: url("../../images/environment/environgment_title_bg_01.png") no-repeat center center;
  background-size: cover;
  padding: 5px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2; }

.environment_contents_01 {
  margin-bottom: 60px; }
  .environment_contents_01 .text {
    color: #06275f;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 200%;
    text-align: center; }
    .environment_contents_01 .text strong {
      color: #981a1a;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 28px;
      background: #ff0; }

.environment_contents_02 {
  margin-bottom: 60px; }
  .environment_contents_02 .text_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
    .environment_contents_02 .text_wrap .img {
      display: inline-block;
      width: 30%; }
      .environment_contents_02 .text_wrap .img img {
        width: 100%; }
    .environment_contents_02 .text_wrap .text {
      display: inline-block;
      width: 65%;
      color: #111;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 18px;
      line-height: 240%; }
      .environment_contents_02 .text_wrap .text .name {
        display: block;
        color: #111;
        font-family: 'Noto Serif JP', sans-serif;
        font-size: 18px;
        line-height: 180%;
        text-align: right;
        padding-top: 20px; }

.environment_contents_03 .inner {
  background: #ebf5fe;
  padding: 80px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px; }
.environment_contents_03 h2 {
  color: #06275f;
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
  letter-spacing: 2px;
  padding: 30px 80px;
  margin-bottom: 40px;
  position: relative;
  display: inline-block; }
  .environment_contents_03 h2:before {
    content: '';
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url("../../images/environment/environment_brackets_top.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0; }
  .environment_contents_03 h2:after {
    content: '';
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url("../../images/environment/environment_brackets_bottom.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0; }
.environment_contents_03 .number_01 {
  position: relative;
  margin-bottom: 15px; }
  .environment_contents_03 .number_01 .text {
    text-indent: -.5em;
    padding-left: 1em; }
    .environment_contents_03 .number_01 .text:before {
      content: '①';
      display: inline-block; }
.environment_contents_03 .number_02 {
  position: relative;
  margin-bottom: 15px; }
  .environment_contents_03 .number_02 .text {
    text-indent: -.5em;
    padding-left: 1em; }
    .environment_contents_03 .number_02 .text:before {
      content: '②';
      display: inline-block; }
.environment_contents_03 .number_03 {
  position: relative;
  margin-bottom: 15px; }
  .environment_contents_03 .number_03 .text {
    text-indent: -.5em;
    padding-left: 1em; }
    .environment_contents_03 .number_03 .text:before {
      content: '③';
      display: inline-block; }
.environment_contents_03 .number_04 {
  position: relative;
  margin-bottom: 15px; }
  .environment_contents_03 .number_04 .text {
    text-indent: -.5em;
    padding-left: 1em; }
    .environment_contents_03 .number_04 .text:before {
      content: '④';
      display: inline-block; }
.environment_contents_03 .number_05 {
  position: relative; }
  .environment_contents_03 .number_05 .text {
    text-indent: -.5em;
    padding-left: 1em; }
    .environment_contents_03 .number_05 .text:before {
      content: '⑤⑤';
      display: inline-block; }
.environment_contents_03 .text {
  color: #111;
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 16px;
  text-align: left;
  line-height: 200%; }
.environment_contents_03 ul {
  margin-bottom: 15px; }
  .environment_contents_03 ul li {
    color: #111;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 16px;
    text-align: left;
    line-height: 200%;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px; }
    .environment_contents_03 ul li:before {
      content: '・'; }
.environment_contents_03 .environment_contents_03_01 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px; }
  .environment_contents_03 .environment_contents_03_01 ul {
    padding-left: 1em; }
.environment_contents_03 .environment_contents_03_02 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px; }
.environment_contents_03 .environment_contents_03_03 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px; }
.environment_contents_03 .environment_contents_03_04 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px; }
.environment_contents_03 .environment_contents_03_05 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
.environment_contents_03 .bg_white {
  width: 98%;
  max-width: 960px;
  background: #fff;
  padding: 30px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-bottom: 20px; }
  .environment_contents_03 .bg_white h4 {
    color: #06275f;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center; }
    .environment_contents_03 .bg_white h4:before {
      content: '';
      display: inline-block;
      width: 13px;
      height: 2px;
      background: #06275f;
      margin-right: 3px; }
.environment_contents_03 .double_line {
  background: #fff; }
  .environment_contents_03 .double_line .text {
    color: #06275f;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 200%;
    text-align: center; }
    .environment_contents_03 .double_line .text strong {
      color: #981a1a;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 26px;
      background: #ff0; }
  .environment_contents_03 .double_line .mb20 {
    margin-bottom: 20px; }
.environment_contents_03 .arrow_down {
  padding: 30px 0; }

@media screen and (max-width: 768px) {
  .sp {
    display: inline; }

  .environment_mv {
    margin-bottom: 10%; }
    .environment_mv h2 {
      text-align: center; }

  .inner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto; }

  .double_line {
    border: 2px solid #06275f;
    position: relative;
    padding: 6%; }
    .double_line:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 4px;
      bottom: 4px;
      left: 4px;
      right: 4px;
      border: 1px solid #06275f;
      z-index: 1; }

  .environment_title_h3 {
    color: #fff;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 2px;
    background: url("../../images/environment/environgment_title_bg_01.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 5px;
    margin-bottom: 3%;
    position: relative;
    z-index: 2; }

  .environment_contents_01 {
    margin-bottom: 60px; }
    .environment_contents_01 .text {
      color: #06275f;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 200%;
      text-align: left; }
      .environment_contents_01 .text strong {
        color: #981a1a;
        font-family: 'Noto Serif JP', sans-serif;
        font-size: 20px;
        background: #ff0; }

  .environment_contents_02 {
    margin-bottom: 6%; }
    .environment_contents_02 .text_wrap {
      display: block;
      justify-content: space-between;
      position: relative;
      z-index: 2; }
      .environment_contents_02 .text_wrap .img {
        display: inline-block;
        width: 100%;
        margin-bottom: 3%; }
        .environment_contents_02 .text_wrap .img img {
          width: 100%; }
      .environment_contents_02 .text_wrap .text {
        display: inline-block;
        width: 100%;
        color: #111;
        font-family: 'Noto Serif JP', sans-serif;
        font-size: 16px;
        line-height: 240%; }

  .environment_contents_03 .inner {
    background: #ebf5fe;
    padding: 6%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 80px; }
  .environment_contents_03 h2 {
    color: #06275f;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 200%;
    text-align: center;
    letter-spacing: 2px;
    padding: 20px 20px;
    margin-bottom: 6%;
    position: relative;
    display: block; }
    .environment_contents_03 h2:before {
      content: '';
      display: inline-block;
      width: 63px;
      height: 63px;
      background: url("../../images/environment/environment_brackets_top.png") no-repeat;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0; }
    .environment_contents_03 h2:after {
      content: '';
      display: inline-block;
      width: 63px;
      height: 63px;
      background: url("../../images/environment/environment_brackets_bottom.png") no-repeat;
      background-size: contain;
      position: absolute;
      bottom: 0;
      right: 0; }
  .environment_contents_03 .number_01 {
    position: relative;
    margin-bottom: 15px; }
    .environment_contents_03 .number_01 .text {
      text-indent: -.5em;
      padding-left: 1em; }
      .environment_contents_03 .number_01 .text:before {
        content: '①';
        display: inline-block; }
  .environment_contents_03 .number_02 {
    position: relative;
    margin-bottom: 15px; }
    .environment_contents_03 .number_02 .text {
      text-indent: -.5em;
      padding-left: 1em; }
      .environment_contents_03 .number_02 .text:before {
        content: '②';
        display: inline-block; }
  .environment_contents_03 .number_03 {
    position: relative;
    margin-bottom: 15px; }
    .environment_contents_03 .number_03 .text {
      text-indent: -.5em;
      padding-left: 1em; }
      .environment_contents_03 .number_03 .text:before {
        content: '③';
        display: inline-block; }
  .environment_contents_03 .number_04 {
    position: relative;
    margin-bottom: 15px; }
    .environment_contents_03 .number_04 .text {
      text-indent: -.5em;
      padding-left: 1em; }
      .environment_contents_03 .number_04 .text:before {
        content: '④';
        display: inline-block; }
  .environment_contents_03 .number_05 {
    position: relative; }
    .environment_contents_03 .number_05 .text {
      text-indent: -.5em;
      padding-left: 1em; }
      .environment_contents_03 .number_05 .text:before {
        content: '⑤⑤';
        display: inline-block; }
  .environment_contents_03 .text {
    color: #111;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 16px;
    text-align: left;
    line-height: 200%; }
  .environment_contents_03 ul {
    margin-bottom: 15px; }
    .environment_contents_03 ul li {
      color: #111;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 16px;
      text-align: left;
      line-height: 200%;
      text-indent: -1em;
      padding-left: 1em;
      margin-bottom: 10px; }
      .environment_contents_03 ul li:before {
        content: '・'; }
  .environment_contents_03 .environment_contents_03_01 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 10%; }
    .environment_contents_03 .environment_contents_03_01 ul {
      padding-left: 1em; }
  .environment_contents_03 .environment_contents_03_02 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 10%; }
  .environment_contents_03 .environment_contents_03_03 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 10%; }
  .environment_contents_03 .environment_contents_03_04 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 10%; }
  .environment_contents_03 .environment_contents_03_05 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .environment_contents_03 .bg_white {
    width: 98%;
    max-width: 960px;
    background: #fff;
    padding: 30px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom: 3%; }
    .environment_contents_03 .bg_white h4 {
      color: #06275f;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 20px;
      font-weight: bold;
      text-align: left;
      position: relative;
      display: flex;
      align-items: center; }
      .environment_contents_03 .bg_white h4:before {
        content: '';
        display: inline-block;
        width: 13px;
        height: 2px;
        background: #06275f;
        margin-right: 3px; }
  .environment_contents_03 .double_line {
    background: #fff; }
    .environment_contents_03 .double_line .text {
      color: #06275f;
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 200%;
      text-align: left; }
    .environment_contents_03 .double_line .mb20 {
      margin-bottom: 3%; }
  .environment_contents_03 .arrow_down {
    padding: 4% 0; } }