/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #fff; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ""; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.display_flex_center {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.display_flex_stretch {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.display_flex_stretch_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end; }

.display_flex_center_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-end; }

.display_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.display_row {
  flex-flow: row wrap; }

.t_center {
  text-align: center; }

.text_justify {
  text-align: justify;
  text-justify: inter-ideograph; }

.ovflow {
  overflow: hidden; }

.pc_only {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc_only {
      display: none; } }

.sp_only {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp_only {
      display: block; } }

.test {
  font-size: 15px; }
  @media screen and (max-width: 1024px) {
    .test {
      font-size: 1.46484vw; } }
  @media screen and (max-width: 768px) {
    .test {
      font-size: 4vw; } }

@media screen and (max-width: 1024px) {
  .button_set_image {
    display: block;
    width: 60.74173333333333%;
    margin: 2% auto 10% auto; }
    .button_set_image img {
      display: block;
      margin: 0 auto; } }

@media screen and (max-width: 1024px) {
  .order_wap {
    display: flex;
    flex-flow: row wrap; } }

@media screen and (max-width: 1024px) {
  .image_order01 {
    order: 1;
    margin-top: 5.63%;
    margin-bottom: 7% !important; } }

@media screen and (max-width: 1024px) {
  .image_order02 {
    order: 2; } }

.ih_cont {
  overflow: hidden; }

.h1_ihis {
  color: #1c704f;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-size: 30px; }
  @media screen and (max-width: 1024px) {
    .h1_ihis {
      font-size: 2.92969vw; } }
  @media screen and (max-width: 768px) {
    .h1_ihis {
      font-size: 5.33333vw; } }

.h2_ihis {
  color: #122c3d;
  border-bottom: 2px solid #122c3d;
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .h2_ihis {
      margin: 7.51% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .h2_ihis {
      letter-spacing: 0.03em;
      margin-top: 51px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding-top: 0px;
      padding-bottom: 31px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h2_ihis {
      margin: 14.28% 0% 0% 0%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h2_ihis {
      padding: 0% 0% 8.68% 0%; } }

.h2_ihis:after {
  background: #122c3d;
  width: 5.89%; }
  .h2_ihis:after img {
    max-width: 60px; }
  @media screen and (max-width: 768px) {
    .h2_ihis:after img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .h2_ihis:after {
      width: 25.34%; }
      .h2_ihis:after img {
        max-width: 95px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .h2_ihis:after img {
      max-width: 100%; } }

.pic_ihis {
  width: 100%;
  display: block;
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .pic_ihis {
      margin: 4.1% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .pic_ihis {
      width: 100%;
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .pic_ihis {
      margin-top: 10.64%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .pic_ihis img {
    width: 100%;
    display: block; }

.txt_sec_ihis {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .txt_sec_ihis {
      margin: 2.73% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .txt_sec_ihis {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .txt_sec_ihis {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .txt_sec_ihis {
      margin-top: 29px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .txt_sec_ihis {
      margin: 8.12% 0% 0% 0%; } }

.little_txt_sec_ihis {
  color: #545458;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .little_txt_sec_ihis {
      margin: 1.26% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .little_txt_sec_ihis {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .little_txt_sec_ihis {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .little_txt_sec_ihis {
      margin-top: 21px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .little_txt_sec_ihis {
      margin: 5.88% 0% 0% 0%; } }

.sec_detail_ihis {
  margin-top: 128px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .sec_detail_ihis {
      margin: 12.5% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .sec_detail_ihis {
      margin-top: 76px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .sec_detail_ihis {
      margin: 21.28% 0% 0% 0%; } }

.h3_sec_detail_ihis {
  position: relative;
  color: #122c3d;
  font-weight: 600;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .h3_sec_detail_ihis {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .h3_sec_detail_ihis {
      font-size: 4.53333vw; } }
  @media screen and (max-width: 768px) {
    .h3_sec_detail_ihis {
      border-bottom: solid 1px #122c3d;
      padding-top: 0px;
      padding-bottom: 22px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h3_sec_detail_ihis {
      padding: 0% 0% 6.19% 0%; } }
  .h3_sec_detail_ihis:after {
    content: "";
    background: #122C3D;
    height: 1px;
    display: inline-block;
    width: 80.5%;
    position: absolute;
    top: 50%;
    right: 0; }
    .h3_sec_detail_ihis:after img {
      max-width: 821px; }
    @media screen and (max-width: 768px) {
      .h3_sec_detail_ihis:after img {
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .h3_sec_detail_ihis:after {
        display: none; } }

.cnt_sec_detail_ihis {
  width: 60.26%;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  .cnt_sec_detail_ihis img {
    max-width: 617px; }
  @media screen and (max-width: 768px) {
    .cnt_sec_detail_ihis img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .cnt_sec_detail_ihis {
      margin: 2.34% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .cnt_sec_detail_ihis {
      width: 100%;
      margin-top: 29px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .cnt_sec_detail_ihis {
      margin: 8.12% 0% 0% 0%; } }

.sec_detail_ihis_fx {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .sec_detail_ihis_fx {
      margin-top: 1.96%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.h4_cnt_sec_detail_ihis {
  color: #1c704f;
  font-weight: 600;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .h4_cnt_sec_detail_ihis {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .h4_cnt_sec_detail_ihis {
      font-size: 4.26667vw; } }

.txt_sec_detail_ihis_fx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .txt_sec_detail_ihis_fx {
      margin: 1.75% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .txt_sec_detail_ihis_fx {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .txt_sec_detail_ihis_fx {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .txt_sec_detail_ihis_fx {
      margin-top: 14px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .txt_sec_detail_ihis_fx {
      margin: 3.92% 0% 0% 0%; } }

.photo_sec_detail_ihis {
  margin: 0;
  width: 32.82%; }
  .photo_sec_detail_ihis img {
    max-width: 336px; }
  @media screen and (max-width: 768px) {
    .photo_sec_detail_ihis img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .photo_sec_detail_ihis {
      width: 95.2%;
      margin-top: 53px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .photo_sec_detail_ihis img {
        max-width: 357px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .photo_sec_detail_ihis img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .photo_sec_detail_ihis {
      margin-top: 14.84%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .photo_sec_detail_ihis img {
    width: 100%; }

@media screen and (max-width: 768px) {
  .h2_about_step_cntents {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h2_about_step_cntents {
      margin-top: 28.01%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.about_step_cntents_fx {
  width: 100%;
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .about_step_cntents_fx {
      margin: 4.68% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .about_step_cntents_fx {
      margin-top: 64px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .about_step_cntents_fx {
      margin-top: 17.92%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.main_about_step_cntents {
  width: 21.78%; }
  .main_about_step_cntents img {
    max-width: 223px; }
  @media screen and (max-width: 768px) {
    .main_about_step_cntents img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .main_about_step_cntents {
      width: 100%; } }

.h5_main_about_step_cntents {
  background: #f7f7f7;
  color: #122c3d;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .h5_main_about_step_cntents {
      padding: 0.44% 0% 1.34% 0%; } }
  @media screen and (max-width: 1024px) {
    .h5_main_about_step_cntents {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .h5_main_about_step_cntents {
      font-size: 4.26667vw; } }
  @media screen and (max-width: 768px) {
    .h5_main_about_step_cntents {
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h5_main_about_step_cntents {
      padding: 0.56% 0% 0.56% 0%; } }

.about_step_cntents_number {
  font-size: 22px; }
  @media screen and (max-width: 1024px) {
    .about_step_cntents_number {
      font-size: 2.14844vw; } }
  @media screen and (max-width: 768px) {
    .about_step_cntents_number {
      font-size: 5.86667vw; } }

.photo_main_about_step_cntents {
  margin-top: 33px;
  margin-bottom: 53px;
  margin-left: auto;
  margin-right: auto;
  width: 87%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .photo_main_about_step_cntents {
      margin-top: 3.22%;
      margin-bottom: 5.17%;
      margin-left: auto;
      margin-right: auto; } }
  .photo_main_about_step_cntents img {
    max-width: 194px; }
  @media screen and (max-width: 768px) {
    .photo_main_about_step_cntents img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .photo_main_about_step_cntents {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .photo_main_about_step_cntents {
      width: 54.35%;
      margin-top: 43px;
      margin-bottom: 43px;
      margin-left: auto;
      margin-right: auto; }
      .photo_main_about_step_cntents img {
        max-width: 194px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .photo_main_about_step_cntents img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .photo_main_about_step_cntents {
      margin-top: 12.04%;
      margin-bottom: 12.04%;
      margin-left: auto;
      margin-right: auto; } }
  .photo_main_about_step_cntents img {
    display: block; }

.txt_main_about_step_cntents {
  background: #f7f7f7;
  color: #122c3d;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .txt_main_about_step_cntents {
      padding: 0.68% 0% 0.68% 0%; } }
  @media screen and (max-width: 1024px) {
    .txt_main_about_step_cntents {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .txt_main_about_step_cntents {
      font-size: 3.46667vw; } }
  @media screen and (max-width: 768px) {
    .txt_main_about_step_cntents {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .txt_main_about_step_cntents {
      padding: 5.33% 0% 5.33% 0%; } }

.pic_arrow {
  display: flex;
  align-items: center; }
  .pic_arrow img {
    display: block; }
  @media screen and (max-width: 768px) {
    .pic_arrow {
      justify-content: center;
      width: 100%;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .pic_arrow {
      margin-top: 14%;
      margin-bottom: 14%;
      margin-left: auto;
      margin-right: auto; } }

.little_about_step_cntents {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .little_about_step_cntents {
      margin: 5.17% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .little_about_step_cntents {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .little_about_step_cntents {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .little_about_step_cntents {
      margin-top: 66px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .little_about_step_cntents {
      margin: 17.6% 0% 0% 0%; } }

.photo_about_step_cntents_little {
  margin-top: 119px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 78.13%;
  border: 1px solid #231815; }
  @media screen and (max-width: 1024px) {
    .photo_about_step_cntents_little {
      margin-top: 11.62%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .photo_about_step_cntents_little img {
    max-width: 800px; }
  @media screen and (max-width: 768px) {
    .photo_about_step_cntents_little img {
      max-width: 100%; } }
  .photo_about_step_cntents_little img {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1024px) {
      .photo_about_step_cntents_little img {
        margin-top: 0%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .photo_about_step_cntents_little {
      width: 100%;
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .photo_about_step_cntents_little {
      margin-top: 10.64%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.merit_lxc {
  color: #122c3d;
  background: #f7f7f7;
  margin-top: 125px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 43px;
  padding-bottom: 75px;
  padding-left: 0px;
  padding-right: 0px; }
  @media screen and (max-width: 1024px) {
    .merit_lxc {
      margin: 12.2% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .merit_lxc {
      padding: 4.19% 0% 7.32% 0%; } }
  @media screen and (max-width: 768px) {
    .merit_lxc {
      margin-top: 108px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding-top: 30px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .merit_lxc {
      margin: 30.25% 0% 0% 0%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .merit_lxc {
      padding: 8.4% 0% 0% 0%; } }

.top_merit_lxc {
  width: 45.06%;
  margin: 0 auto; }
  .top_merit_lxc img {
    max-width: 865px; }
  @media screen and (max-width: 768px) {
    .top_merit_lxc img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .top_merit_lxc {
      width: 95.2%; }
      .top_merit_lxc img {
        max-width: 357px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .top_merit_lxc img {
      max-width: 100%; } }

.h1_top_merit_lxc {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #122c3d;
  font-weight: 600;
  font-size: 30px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .h1_top_merit_lxc {
      margin-top: 1.16%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .h1_top_merit_lxc {
      font-size: 2.92969vw; } }
  @media screen and (max-width: 768px) {
    .h1_top_merit_lxc {
      font-size: 5.33333vw; } }
  .h1_top_merit_lxc:before, .h1_top_merit_lxc:after {
    content: "";
    display: block;
    height: 1px;
    background: #122C3D;
    width: 17.48%;
    position: absolute;
    top: 50%; }
    .h1_top_merit_lxc:before img, .h1_top_merit_lxc:after img {
      max-width: 209.7566px; }
    @media screen and (max-width: 768px) {
      .h1_top_merit_lxc:before img, .h1_top_merit_lxc:after img {
        max-width: 100%; } }
  .h1_top_merit_lxc:before {
    left: 0; }
  .h1_top_merit_lxc:after {
    right: 0; }
  @media screen and (max-width: 768px) {
    .h1_top_merit_lxc {
      margin-top: 67px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .h1_top_merit_lxc {
      margin-top: 18.87%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.sec_merit_lxc {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .sec_merit_lxc {
      margin: 9.76% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .sec_merit_lxc {
      margin-top: 42px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .sec_merit_lxc {
      margin: 11.76% 0% 0% 0%; } }

.fx_sec_merit_lxc {
  width: 53.9%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  min-width: 900px; }
  .fx_sec_merit_lxc img {
    max-width: 1024px; }
  @media screen and (max-width: 768px) {
    .fx_sec_merit_lxc img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .fx_sec_merit_lxc {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1200px) {
    .fx_sec_merit_lxc {
      width: 90vw;
      min-width: auto; } }
  @media screen and (max-width: 768px) {
    .fx_sec_merit_lxc {
      width: 95.2%; }
      .fx_sec_merit_lxc img {
        max-width: 357px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .fx_sec_merit_lxc img {
      max-width: 100%; } }

.sec_fx_sec_merit_lxc {
  background: #fff;
  box-shadow: 7px 7px 5px 0px #f1f3f2;
  width: 29.99%;
  padding-top: 0px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px; }
  .sec_fx_sec_merit_lxc img {
    max-width: 307px; }
  @media screen and (max-width: 768px) {
    .sec_fx_sec_merit_lxc img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .sec_fx_sec_merit_lxc {
      padding: 0% 0% 13.02% 0%; } }
  @media screen and (max-width: 768px) {
    .sec_fx_sec_merit_lxc {
      width: 98.67%;
      margin-top: 30px;
      margin-bottom: 42px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0px;
      padding-bottom: 30px;
      padding-left: 0px;
      padding-right: 0px; }
      .sec_fx_sec_merit_lxc img {
        max-width: 370px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .sec_fx_sec_merit_lxc img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .sec_fx_sec_merit_lxc {
      margin-top: 8.57%;
      margin-bottom: 12%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .sec_fx_sec_merit_lxc {
      padding: 0% 0% 8.57% 0%; } }

.pic_sec_merit_lxc {
  margin-top: -15%;
  margin-left: auto;
  margin-right: auto;
  width: 29.32%; }
  .pic_sec_merit_lxc img {
    max-width: 90px; }
  @media screen and (max-width: 768px) {
    .pic_sec_merit_lxc img {
      max-width: 100%; } }
  .pic_sec_merit_lxc img {
    display: block; }

.H2sec_merit_lxc {
  color: #1c704f;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px; }
  @media screen and (max-width: 1024px) {
    .H2sec_merit_lxc {
      margin: 2.28% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .H2sec_merit_lxc {
      font-size: 2.34375vw; } }
  @media screen and (max-width: 768px) {
    .H2sec_merit_lxc {
      font-size: 6.4vw; } }
  @media screen and (max-width: 768px) {
    .H2sec_merit_lxc {
      line-height: 1.5; } }

.Txtsec_merit_lxc {
  text-align: center;
  color: #545458;
  white-space: nowrap;
  border-top: solid 1px #545458;
  width: 74.92%;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 33px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px; }
  .Txtsec_merit_lxc img {
    max-width: 230px; }
  @media screen and (max-width: 768px) {
    .Txtsec_merit_lxc img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .Txtsec_merit_lxc {
      margin-top: 11.3%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .Txtsec_merit_lxc {
      padding: 14.34% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .Txtsec_merit_lxc {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .Txtsec_merit_lxc {
      font-size: 3.73333vw; } }
  @media screen and (max-width: 768px) {
    .Txtsec_merit_lxc {
      line-height: 1.57143;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .Txtsec_merit_lxc {
      margin-top: 8.57%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .Txtsec_merit_lxc {
      padding-top: 8.57%;
      padding-bottom: 0%;
      padding-left: 0;
      padding-right: 0; } }

.TxtSafetyJb {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtSafetyJb {
      margin: 4.39% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .TxtSafetyJb {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtSafetyJb {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtSafetyJb {
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtSafetyJb {
      margin: 10.64% 0% 0% 0%; } }

.SecSafetyJb {
  margin-top: 101px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .SecSafetyJb {
      margin: 9.86% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .SecSafetyJb {
      margin-top: 64px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecSafetyJb {
      margin: 17.92% 0% 0% 0%; } }

.SectionSafetyJb {
  width: 66.41%; }
  .SectionSafetyJb img {
    max-width: 680px; }
  @media screen and (max-width: 768px) {
    .SectionSafetyJb img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .SectionSafetyJb {
      width: 100%; } }

.H2SectionSafetyJb {
  color: #1c704f;
  font-weight: 600;
  font-size: 22px; }
  @media screen and (max-width: 1024px) {
    .H2SectionSafetyJb {
      font-size: 2.14844vw; } }
  @media screen and (max-width: 768px) {
    .H2SectionSafetyJb {
      font-size: 4.26667vw; } }

.TxtSecSafetyJb {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtSecSafetyJb {
      margin: 1.17% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .TxtSecSafetyJb {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtSecSafetyJb {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtSecSafetyJb {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtSecSafetyJb {
      margin: 5.63% 0% 0% 0%; } }

.PhotoSecSafetyJb {
  display: block;
  width: 26.57%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  .PhotoSecSafetyJb img {
    max-width: 272px; }
  @media screen and (max-width: 768px) {
    .PhotoSecSafetyJb img {
      max-width: 100%; } }
  @media screen and (max-width: 1024px) {
    .PhotoSecSafetyJb {
      margin: 0% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .PhotoSecSafetyJb {
      width: 100%;
      width: 76.62%;
      margin-top: 45px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .PhotoSecSafetyJb img {
        max-width: 272px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .PhotoSecSafetyJb img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .PhotoSecSafetyJb {
      margin-top: 12.6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .PhotoSecSafetyJb img {
    width: 100%; }

.TxtPhotoSecSafetyJb {
  color: #1c704f;
  text-align: center;
  font-weight: 600;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtPhotoSecSafetyJb {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtPhotoSecSafetyJb {
      font-size: 4.26667vw; } }
  @media screen and (max-width: 768px) {
    .TxtPhotoSecSafetyJb {
      margin-top: 4px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtPhotoSecSafetyJb {
      margin-top: 1.47%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.SecSafetyJb02 {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .SecSafetyJb02 {
      margin: 5.17% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .SecSafetyJb02 {
      margin-top: 64px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecSafetyJb02 {
      margin: 17.92% 0% 0% 0%; } }

.SecSafetyJb03 {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .SecSafetyJb03 {
      margin: 5.66% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .SecSafetyJb03 {
      margin-top: 46px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecSafetyJb03 {
      margin: 12.88% 0% 0% 0%; } }

.TxtEtcJb {
  color: #1c704f;
  font-weight: 600;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px; }
  @media screen and (max-width: 1024px) {
    .TxtEtcJb {
      margin: 3.41% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .TxtEtcJb {
      font-size: 1.75781vw; } }
  @media screen and (max-width: 768px) {
    .TxtEtcJb {
      font-size: 4.26667vw; } }

.CntEtcJb {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .CntEtcJb {
      margin: 4.88% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .CntEtcJb {
      margin-top: 41px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .CntEtcJb {
      margin: 10.93% 0% 0% 0%; } }

.H3CntEtcJb {
  color: #122c3d;
  font-weight: 600;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .H3CntEtcJb {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .H3CntEtcJb {
      font-size: 4.53333vw; } }

.UlCntEtcJb {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .UlCntEtcJb {
      margin: 1.36% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .UlCntEtcJb {
      margin-top: 5px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .UlCntEtcJb {
      margin-top: 1.4%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.LiCntEtcJb {
  width: 23.04%; }
  .LiCntEtcJb img {
    max-width: 235px; }
  @media screen and (max-width: 768px) {
    .LiCntEtcJb img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .LiCntEtcJb {
      width: 46.22%;
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .LiCntEtcJb img {
        max-width: 165px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .LiCntEtcJb img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LiCntEtcJb {
      margin-top: 5.6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .LiCntEtcJb img {
    display: block;
    width: 100%; }

.TxtCntEtcJb {
  color: #3e3a39;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 17px; }
  @media screen and (max-width: 1024px) {
    .TxtCntEtcJb {
      margin: 2.24% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .TxtCntEtcJb {
      font-size: 1.66016vw; } }
  @media screen and (max-width: 768px) {
    .TxtCntEtcJb {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtCntEtcJb {
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtCntEtcJb {
      margin-top: 10.64%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.CntEtcJb02 {
  padding-top: 0px;
  padding-bottom: 83px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 115px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  @media screen and (max-width: 1024px) {
    .CntEtcJb02 {
      padding: 0% 0% 8.1% 0%; } }
  @media screen and (max-width: 1024px) {
    .CntEtcJb02 {
      margin: 11.23% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .CntEtcJb02 {
      margin-top: 50px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .CntEtcJb02 {
      margin: 13.33% 0% 0% 0%; } }

.BunnerCntEtcJb03 {
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px; }
  .BunnerCntEtcJb03 img {
    max-width: 100%  !important;
    height: auto;
    display: block; }
    @media screen and (max-width: 1024px) {
      .BunnerCntEtcJb03 img {
        width: 100%; } }
  @media screen and (max-width: 1024px) {
    .BunnerCntEtcJb03 {
      margin: 7.91% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .BunnerCntEtcJb03 {
      padding: 0% 0% 5.85% 0%; } }
  @media screen and (max-width: 768px) {
    .BunnerCntEtcJb03 {
      margin-top: 23px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .BunnerCntEtcJb03 {
      margin-top: 6.44%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.ButtonCntEtcJb03 {
  display: block;
  width: 47.08%; }
  .ButtonCntEtcJb03 img {
    max-width: 482px; }
  @media screen and (max-width: 768px) {
    .ButtonCntEtcJb03 img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .ButtonCntEtcJb03 {
      width: 100%;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .ButtonCntEtcJb03 {
      margin-top: 8.4%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
      .ButtonCntEtcJb03 img {
        width: 100%; } }

.photo_about_step_cntents_little {
  position: relative;
  height: 480px;
  width: 800px; }
  @media screen and (max-width: 768px) {
    .photo_about_step_cntents_little {
      width: 95.46469333333332vw;
      height: 57.27882666666667vw; } }

.SetIndexVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.bg_EAF5FC {
  background: #EAF5FC; }

.bg_F8FFFF {
  background: #F8FFFF; }

.cl_E50012 {
  color: #E50012; }

.h1_jb_habis {
  color: #0066B3;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-size: 30px; }
  @media screen and (max-width: 1024px) {
    .h1_jb_habis {
      font-size: 2.92969vw; } }
  @media screen and (max-width: 768px) {
    .h1_jb_habis {
      font-size: 5.33333vw; } }

.top_txt_jb_habis {
  font-weight: 600;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #545458;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .top_txt_jb_habis {
      margin-top: 0.58%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .top_txt_jb_habis {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .top_txt_jb_habis {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .top_txt_jb_habis {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .top_txt_jb_habis {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.SecJb_habisBox {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .SecJb_habisBox {
      margin-top: 5%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .SecJb_habisBox {
      margin-top: 34px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecJb_habisBox {
      margin-top: 9.57%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.gen_title02.h2_jb_habis {
  letter-spacing: 0.1em;
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #122C3D;
  color: #0066B3;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .gen_title02.h2_jb_habis {
      padding: 0% 0% 0.88% 0%; } }
  @media screen and (max-width: 1024px) {
    .gen_title02.h2_jb_habis {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .gen_title02.h2_jb_habis {
      font-size: 4.53333vw; } }
  .gen_title02.h2_jb_habis:after {
    width: 5.89%;
    background: #122C3D; }
    .gen_title02.h2_jb_habis:after img {
      max-width: 60px; }
    @media screen and (max-width: 768px) {
      .gen_title02.h2_jb_habis:after img {
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .gen_title02.h2_jb_habis:after {
        width: 25.34%; }
        .gen_title02.h2_jb_habis:after img {
          max-width: 95px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .gen_title02.h2_jb_habis:after img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .gen_title02.h2_jb_habis {
      padding-top: 0px;
      padding-bottom: 23px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .gen_title02.h2_jb_habis {
      padding: 0% 0% 6.44% 0%; } }

@media screen and (max-width: 768px) {
  .SechabisBox {
    width: 100%;
    order: 2; } }

.H3SechabisBox {
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .H3SechabisBox {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .H3SechabisBox {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .H3SechabisBox {
      margin-top: 10px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .H3SechabisBox {
      margin-top: 2.8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.TxtFxSecJb_habisBox {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.9;
  color: #545458;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .TxtFxSecJb_habisBox {
      margin-top: 1.86%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtFxSecJb_habisBox {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .TxtFxSecJb_habisBox {
      font-size: 2.66667vw; } }
  @media screen and (max-width: 768px) {
    .TxtFxSecJb_habisBox {
      margin-top: 31px;
      margin-bottom: 60px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtFxSecJb_habisBox {
      margin-top: 8.68%;
      margin-bottom: 16.8%;
      margin-left: auto;
      margin-right: auto; } }

.PhotoFxSecJb_habisBox {
  width: 34.04%;
  margin: 0; }
  .PhotoFxSecJb_habisBox img {
    max-width: 347.1346px; }
  @media screen and (max-width: 768px) {
    .PhotoFxSecJb_habisBox img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .PhotoFxSecJb_habisBox {
      display: block;
      width: 97.75%;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .PhotoFxSecJb_habisBox img {
        max-width: 347px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .PhotoFxSecJb_habisBox img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .PhotoFxSecJb_habisBox {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.PicBigSecJb_habisBox {
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 27.33%; }
  @media screen and (max-width: 1024px) {
    .PicBigSecJb_habisBox {
      margin-top: 5.98%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .PicBigSecJb_habisBox img {
    max-width: 278.7139px; }
  @media screen and (max-width: 768px) {
    .PicBigSecJb_habisBox img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .PicBigSecJb_habisBox {
      width: 100%; }
      .PicBigSecJb_habisBox img {
        display: block;
        margin-top: 45px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) {
      .PicBigSecJb_habisBox img {
        margin-top: 12%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto; } }

.TxtFxSecJb_habisBoxGray {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtFxSecJb_habisBoxGray {
      margin-top: 3.43%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtFxSecJb_habisBoxGray {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtFxSecJb_habisBoxGray {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtFxSecJb_habisBoxGray {
      line-height: 2.33333;
      margin-top: 18px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtFxSecJb_habisBoxGray {
      margin-top: 5.07%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.BgSecJb_habisBoxTaisyoku {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 16px;
  padding-left: 35px;
  padding-right: 35px; }
  @media screen and (max-width: 1024px) {
    .BgSecJb_habisBoxTaisyoku {
      margin-top: 7.35%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .BgSecJb_habisBoxTaisyoku {
      padding: 1.96% 3.43% 1.56% 3.43%; } }
  @media screen and (max-width: 768px) {
    .BgSecJb_habisBoxTaisyoku {
      width: 95.78%;
      margin-top: 105px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
      padding-bottom: 38px;
      padding-left: 32px;
      padding-right: 32px; }
      .BgSecJb_habisBoxTaisyoku img {
        max-width: 340px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .BgSecJb_habisBoxTaisyoku img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .BgSecJb_habisBoxTaisyoku {
      margin-top: 29.57%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .BgSecJb_habisBoxTaisyoku {
      padding: 8.45% 9.01% 10.7% 9.01%; } }

.SecSecJb_habisBoxTaisyokuFx {
  width: 44.51%; }
  .SecSecJb_habisBoxTaisyokuFx img {
    max-width: 454px; }
  @media screen and (max-width: 768px) {
    .SecSecJb_habisBoxTaisyokuFx img {
      max-width: 100%; } }
  .SecSecJb_habisBoxTaisyokuFx figure {
    margin: 0; }
  @media screen and (max-width: 768px) {
    .SecSecJb_habisBoxTaisyokuFx {
      width: 100%; }
      .SecSecJb_habisBoxTaisyokuFx:nth-child(2) {
        margin-top: 72px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) {
      .SecSecJb_habisBoxTaisyokuFx:nth-child(2) {
        margin-top: 20.28%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto; } }

.SecSecJb_habisBoxTaisyokuFx {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }

.PhotoSecSecJb_habisBoxTaisyokuFx {
  order: 2;
  width: 34.31%; }
  .PhotoSecSecJb_habisBoxTaisyokuFx img {
    max-width: 155.731px; }
  @media screen and (max-width: 768px) {
    .PhotoSecSecJb_habisBoxTaisyokuFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .PhotoSecSecJb_habisBoxTaisyokuFx {
      width: 100%;
      order: 1;
      display: block;
      text-align: center; }
      .PhotoSecSecJb_habisBoxTaisyokuFx img {
        margin: 0 auto; } }

.SecBoxSecJb_habisBoxTaisyokuFx {
  order: 1;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 60.58%; }
  @media screen and (max-width: 1024px) {
    .SecBoxSecJb_habisBoxTaisyokuFx {
      margin: 3.3% 0% 0% 0%; } }
  .SecBoxSecJb_habisBoxTaisyokuFx img {
    max-width: 275px; }
  @media screen and (max-width: 768px) {
    .SecBoxSecJb_habisBoxTaisyokuFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .SecBoxSecJb_habisBoxTaisyokuFx {
      width: 100%;
      width: 94.16%;
      margin-top: 18px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; }
      .SecBoxSecJb_habisBoxTaisyokuFx img {
        max-width: 274px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .SecBoxSecJb_habisBoxTaisyokuFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecBoxSecJb_habisBoxTaisyokuFx {
      margin: 6.56% 0% 0% 0%; } }

.H3SecBoxSecJb_habisBoxTaisyokuFx {
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003B72;
  border-bottom: 1px solid #3E3A39;
  font-size: 18px; }
  @media screen and (max-width: 1024px) {
    .H3SecBoxSecJb_habisBoxTaisyokuFx {
      margin: 0% 0% 3.63% 0%; } }
  @media screen and (max-width: 1024px) {
    .H3SecBoxSecJb_habisBoxTaisyokuFx {
      padding: 0% 0% 4% 0%; } }
  @media screen and (max-width: 1024px) {
    .H3SecBoxSecJb_habisBoxTaisyokuFx {
      font-size: 1.75781vw; } }
  @media screen and (max-width: 768px) {
    .H3SecBoxSecJb_habisBoxTaisyokuFx {
      font-size: 4.8vw; } }
  @media screen and (max-width: 768px) {
    .H3SecBoxSecJb_habisBoxTaisyokuFx {
      text-align: center; } }

.TxtSecJb_habisBoxTaisyokuFx {
  line-height: 1.71429;
  color: #545458;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .TxtSecJb_habisBoxTaisyokuFx {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .TxtSecJb_habisBoxTaisyokuFx {
      font-size: 3.73333vw; } }

.H1SecTaikyuSei {
  font-weight: 600;
  margin-top: 124px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #0066B3;
  text-align: center;
  position: relative;
  font-size: 30px; }
  @media screen and (max-width: 1024px) {
    .H1SecTaikyuSei {
      margin-top: 10.33%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .H1SecTaikyuSei {
      font-size: 2.92969vw; } }
  @media screen and (max-width: 768px) {
    .H1SecTaikyuSei {
      font-size: 5.33333vw; } }
  .H1SecTaikyuSei:before, .H1SecTaikyuSei:after {
    content: "";
    display: block;
    height: 1px;
    background: #122C3D;
    width: 10.4%;
    position: absolute;
    top: 50%; }
    .H1SecTaikyuSei:before img, .H1SecTaikyuSei:after img {
      max-width: 124.7173px; }
    @media screen and (max-width: 768px) {
      .H1SecTaikyuSei:before img, .H1SecTaikyuSei:after img {
        max-width: 100%; } }
  .H1SecTaikyuSei:before {
    left: 0; }
  .H1SecTaikyuSei:after {
    right: 0; }
  @media screen and (max-width: 768px) {
    .H1SecTaikyuSei {
      margin-top: 67px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .H1SecTaikyuSei {
      margin-top: 18.87%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.SecTaikyuSeiFx {
  margin-top: 110px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .SecTaikyuSeiFx {
      margin-top: 10.78%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .SecTaikyuSeiFx {
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecTaikyuSeiFx {
      margin-top: 10.7%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.CntSecTaikyuSeiFx {
  width: 38.53%; }
  .CntSecTaikyuSeiFx img {
    max-width: 393px; }
  @media screen and (max-width: 768px) {
    .CntSecTaikyuSeiFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .CntSecTaikyuSeiFx {
      width: 100%; } }

.CatchCntSecTaikyuSeiFx {
  margin: 0;
  width: 90.26%; }
  .CatchCntSecTaikyuSeiFx img {
    max-width: 354.6938px; }
  @media screen and (max-width: 768px) {
    .CatchCntSecTaikyuSeiFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .CatchCntSecTaikyuSeiFx {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .CatchCntSecTaikyuSeiFx {
      margin-top: 11.2%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .CatchCntSecTaikyuSeiFx img {
    width: 100%;
    display: block; }

.LxcSecTaikyuSei {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  line-height: 1.85714;
  font-size: 14px; }
  @media screen and (max-width: 1024px) {
    .LxcSecTaikyuSei {
      margin: 12.72% 0% 0% 0%; } }
  @media screen and (max-width: 1024px) {
    .LxcSecTaikyuSei {
      padding: 4.58% 4.07% 4.58% 4.07%; } }
  @media screen and (max-width: 1024px) {
    .LxcSecTaikyuSei {
      font-size: 1.36719vw; } }
  @media screen and (max-width: 768px) {
    .LxcSecTaikyuSei {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .LxcSecTaikyuSei {
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 21px;
      padding-right: 16px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LxcSecTaikyuSei {
      margin: 8.45% 0% 0% 0%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LxcSecTaikyuSei {
      padding: 4.5% 4.5% 4.5% 5.91%; } }

.H1CarbonChallenge22 {
  width: 80.99%;
  margin: 0 auto; }
  .H1CarbonChallenge22 img {
    max-width: 826px; }
  @media screen and (max-width: 768px) {
    .H1CarbonChallenge22 img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .H1CarbonChallenge22 {
      width: 88.8%; }
      .H1CarbonChallenge22 img {
        max-width: 333px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .H1CarbonChallenge22 img {
      max-width: 100%; } }

.GrafSecTaikyuSeiFx {
  width: 52.68%;
  margin: 0; }
  .GrafSecTaikyuSeiFx img {
    max-width: 537.328px; }
  @media screen and (max-width: 768px) {
    .GrafSecTaikyuSeiFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .GrafSecTaikyuSeiFx {
      width: 100%;
      margin-top: 37px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .GrafSecTaikyuSeiFx {
      margin: 10.42% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
      .GrafSecTaikyuSeiFx img {
        display: block;
        width: 100%; } }

.GrafSecTaikyuSeiCarbon {
  width: 51.38%;
  margin: 0; }
  .GrafSecTaikyuSeiCarbon img {
    max-width: 524px; }
  @media screen and (max-width: 768px) {
    .GrafSecTaikyuSeiCarbon img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .GrafSecTaikyuSeiCarbon {
      width: 100%;
      margin-top: 37px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .GrafSecTaikyuSeiCarbon {
      margin: 10.42% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
      .GrafSecTaikyuSeiCarbon img {
        display: block;
        width: 100%; } }

.JbSetudanmen {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .JbSetudanmen {
      margin-top: 4.6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .JbSetudanmen {
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .JbSetudanmen {
      margin-top: 10.7%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.H1JbSetudanmen {
  font-weight: 600;
  position: relative;
  color: #0066B3;
  font-size: 18px; }
  @media screen and (max-width: 1024px) {
    .H1JbSetudanmen {
      font-size: 1.75781vw; } }
  @media screen and (max-width: 768px) {
    .H1JbSetudanmen {
      font-size: 4.53333vw; } }
  .H1JbSetudanmen:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    height: 1px;
    width: 76.87%;
    background: #122C3D; }
    .H1JbSetudanmen:after img {
      max-width: 784px; }
    @media screen and (max-width: 768px) {
      .H1JbSetudanmen:after img {
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .H1JbSetudanmen:after {
        width: 0; } }
  @media screen and (max-width: 768px) {
    .H1JbSetudanmen {
      border-bottom: solid 1px #122c3d;
      padding-top: 0px;
      padding-bottom: 25px;
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .H1JbSetudanmen {
      padding: 0% 0% 7.04% 0%; } }

.H2JbSetudanmen {
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #003B72;
  font-size: 23px; }
  @media screen and (max-width: 1024px) {
    .H2JbSetudanmen {
      margin-top: 1.17%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .H2JbSetudanmen {
      font-size: 2.24609vw; } }
  @media screen and (max-width: 768px) {
    .H2JbSetudanmen {
      font-size: 4.26667vw; } }
  @media screen and (max-width: 768px) {
    .H2JbSetudanmen {
      margin-top: 25px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .H2JbSetudanmen {
      margin-top: 7.04%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.TxtJbSetudanmen {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.875;
  color: #3E3A39;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtJbSetudanmen {
      margin-top: 1.86%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtJbSetudanmen {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtJbSetudanmen {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtJbSetudanmen {
      margin-top: 14px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtJbSetudanmen {
      margin-top: 3.94%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.PicJbSetudanmen {
  margin-top: 155px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .PicJbSetudanmen {
      margin-top: 15.19%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .PicJbSetudanmen {
      width: 92.12%;
      margin: 13% auto 0 auto; }
      .PicJbSetudanmen img {
        max-width: 327px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .PicJbSetudanmen img {
      max-width: 100%; } }
  .PicJbSetudanmen img {
    display: block;
    width: 100%;
    height: auto; }

.Juryo81 {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .Juryo81 {
      margin-top: 9.8%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .Juryo81 {
      text-align: center;
      margin-top: 88px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .Juryo81 {
      margin-top: 24.78%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.PicJuryo81 {
  margin: 0 auto;
  width: 28.45%; }
  .PicJuryo81 img {
    max-width: 290.1551px; }
  @media screen and (max-width: 768px) {
    .PicJuryo81 img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .PicJuryo81 {
      width: 100%; }
      .PicJuryo81 img {
        margin: 0 auto; } }

.TxtJuryo81 {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #3E3A39;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtJuryo81 {
      margin-top: 2.35%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtJuryo81 {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtJuryo81 {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtJuryo81 {
      text-align: left;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtJuryo81 {
      margin-top: 8.45%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.Jb_81Off {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px; }
  @media screen and (max-width: 1024px) {
    .Jb_81Off {
      margin-top: 2.34%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .Jb_81Off {
      padding: 2.34% 0% 2.34% 0%; } }
  @media screen and (max-width: 768px) {
    .Jb_81Off {
      margin-top: 70px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .Jb_81Off {
      margin-top: 19.71%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
      .Jb_81Off img {
        width: 100%; } }

.PicJb_81Off {
  width: 35.8%;
  margin: 0 auto; }
  .PicJb_81Off img {
    max-width: 687.2701px; }
  @media screen and (max-width: 768px) {
    .PicJb_81Off img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .PicJb_81Off {
      width: 94.67%;
      margin-top: 23px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .PicJb_81Off img {
        max-width: 355px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .PicJb_81Off img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .PicJb_81Off {
      margin-top: 6.47%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .PicJb_81Off img {
    width: 100%; }

.LifeCycleCost {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .LifeCycleCost {
      margin-top: 6.86%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .LifeCycleCost {
      margin-top: 113px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LifeCycleCost {
      margin-top: 30.13%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.H1LifeCycleCost {
  width: 61.73%;
  margin: 0 auto; }
  .H1LifeCycleCost img {
    max-width: 629.6391px; }
  @media screen and (max-width: 768px) {
    .H1LifeCycleCost img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .H1LifeCycleCost {
      width: 92%; }
      .H1LifeCycleCost img {
        max-width: 345px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .H1LifeCycleCost img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
      .H1LifeCycleCost img {
        width: 100%; } }

.TxtLifeCycleCost {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #3E3A39;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtLifeCycleCost {
      margin-top: 2.25%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtLifeCycleCost {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtLifeCycleCost {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtLifeCycleCost {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtLifeCycleCost {
      margin-top: 5.63%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.LifeCycleCostFx {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 90.5%; }
  @media screen and (max-width: 1024px) {
    .LifeCycleCostFx {
      margin-top: 6.66%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  .LifeCycleCostFx img {
    max-width: 923px; }
  @media screen and (max-width: 768px) {
    .LifeCycleCostFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .LifeCycleCostFx {
      margin-top: 36px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LifeCycleCostFx {
      margin-top: 10.14%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.SecLifeCycleCostFx {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  padding-right: 16px;
  width: 48.98%;
  height: 8.541666666666666vw;
  background: #F7F7F7; }
  @media screen and (max-width: 1024px) {
    .SecLifeCycleCostFx {
      padding: 0% 1.73% 0% 1.73%; } }
  .SecLifeCycleCostFx img {
    max-width: 452px; }
  @media screen and (max-width: 768px) {
    .SecLifeCycleCostFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .SecLifeCycleCostFx {
      width: 100%;
      height: 35vw;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 16px;
      padding-right: 16px;
      margin-top: 43px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecLifeCycleCostFx {
      padding: 0% 4.98% 0% 4.98%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .SecLifeCycleCostFx {
      margin-top: 13.39%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
      .SecLifeCycleCostFx:nth-child(2) {
        height: 50vw; } }

.H2LifeCycleCost {
  margin: -5% 0 0 0;
  color: #003B72;
  text-align: center;
  font-weight: 600;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .H2LifeCycleCost {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .H2LifeCycleCost {
      font-size: 4.53333vw; } }
  @media screen and (max-width: 768px) {
    .H2LifeCycleCost {
      margin: 0;
      margin: -5.5% 0 0 0; } }

.TxtSecLifeCycleCostFx {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #3E3A39;
  font-size: 16px; }
  @media screen and (max-width: 1024px) {
    .TxtSecLifeCycleCostFx {
      margin-top: 3.31%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .TxtSecLifeCycleCostFx {
      font-size: 1.5625vw; } }
  @media screen and (max-width: 768px) {
    .TxtSecLifeCycleCostFx {
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .TxtSecLifeCycleCostFx {
      margin-top: 17px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .TxtSecLifeCycleCostFx {
      margin-top: 4.76%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.LxcSecTaikyuSei02 {
  margin-top: 95px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    .LxcSecTaikyuSei02 {
      margin: 9.31% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .LxcSecTaikyuSei02 {
      margin-top: 53px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LxcSecTaikyuSei02 {
      margin: 14.92% 0% 0% 0%; } }

.LxcSecTaikyuSei03 {
  margin-top: 90px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    .LxcSecTaikyuSei03 {
      margin: 8.82% 0% 0% 0%; } }
  @media screen and (max-width: 768px) {
    .LxcSecTaikyuSei03 {
      margin-top: 37px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .LxcSecTaikyuSei03 {
      margin: 10.42% 0% 0% 0%; } }

.JbAnzenSei {
  margin-top: 200px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .JbAnzenSei {
      margin-top: 19.6%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .JbAnzenSei {
      margin-top: 89px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .JbAnzenSei {
      margin: 23.73% 0% 0% 0%; } }

.JbAnzenSeiFx {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .JbAnzenSeiFx {
      margin-top: 5.39%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .JbAnzenSeiFx {
      margin-top: 38px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .JbAnzenSeiFx {
      margin: 10.7% 0% 0% 0%; } }

.ColumnJbAnzenSeiFx {
  width: 31.52%;
  margin: 0; }
  .ColumnJbAnzenSeiFx img {
    max-width: 321.4439px; }
  @media screen and (max-width: 768px) {
    .ColumnJbAnzenSeiFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .ColumnJbAnzenSeiFx {
      width: 90.43%;
      margin-top: 36px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; }
      .ColumnJbAnzenSeiFx img {
        max-width: 321px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .ColumnJbAnzenSeiFx img {
      max-width: 100%; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .ColumnJbAnzenSeiFx {
      margin-top: 11.21%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.PhotoColumnJbAnzenSeiFx {
  margin: 0; }
  @media screen and (max-width: 768px) {
    .PhotoColumnJbAnzenSeiFx img {
      width: 100%; } }

.H3ColumnJbAnzenSeiFx {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #0066B3;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }
  @media screen and (max-width: 1024px) {
    .H3ColumnJbAnzenSeiFx {
      margin-top: 0.93%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .H3ColumnJbAnzenSeiFx {
      font-size: 1.75781vw; } }
  @media screen and (max-width: 768px) {
    .H3ColumnJbAnzenSeiFx {
      font-size: 4.8vw; } }
  @media screen and (max-width: 768px) {
    .H3ColumnJbAnzenSeiFx {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) {
    .H3ColumnJbAnzenSeiFx {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: auto;
      margin-right: auto; } }

.h2_JbAnzenSei03 {
  color: #0080CA;
  font-size: 20px; }
  @media screen and (max-width: 1024px) {
    .h2_JbAnzenSei03 {
      font-size: 1.95313vw; } }
  @media screen and (max-width: 768px) {
    .h2_JbAnzenSei03 {
      font-size: 4.53333vw; } }

@media screen and (max-width: 1200px) {
  .contents_jb {
    overflow: hidden; }
  .contents_jb img {
    max-width: 100%;
    height: auto;
    display: block; }
  body.kokoromi .block01 {
    max-width: 97.23%;
    margin-left: 70px;
    margin-right: 30px; }
  .contents_jb .outline_bottom_nav .inner {
    max-width: 92.23%;
    margin-left: 70px;
    margin-right: 30px; }
  body.kokoromi > footer .inner {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 20px;
    padding-top: 100px;
    padding-bottom: 100px; }
  body > footer .inner > .right {
    width: 54.5%; } }

@media screen and (max-width: 1000px) {
  body.kokoromi .block01 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .contents_jb .outline_bottom_nav .inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  body.kokoromi > footer .inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px; }
  body > footer .inner > .right {
    max-width: 100%;
    width: 100%; } }