@charset "UTF-8";

/* ======================================================================

  "Energyflex" Company SP Styles

====================================================================== */
.inner { width: calc(740 / 780 * 100%); }

.profile .inner {
  width: calc(740 / 780 * 100%);
  padding: calc(40 / 780 * 100%) calc(40 / 740 * 100%) calc(200 / 780 * 100%);
}
.profile h2 { font-size: calc(48 / 780 * 100vw); }
.profile h3 { font-size: calc(40 / 780 * 100vw); }
.profile h4 { font-size: calc(36 / 780 * 100vw); }
.profile p {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(36 / 24);
}

.inc-footer { margin: -60px 0 0; }

@media screen and (max-width:480px) {
  .profile p { font-size: calc((24 / 780 * 100vw) * 1.15); }
  .inc-footer { margin: calc(60 / 780 * 100% * -1) 0 0; }
}

/* Breadcrumb
---------------------------------------------------------------------- */
.breadcrumb { margin: 0 0 calc(75 / 780 * 100%) -10px; }

/*
  Section01
====================================================================== */
.sec01 { margin: 0 0 calc(240 / 780 * 100%); }
.sec01 h2 { margin: 0 0 calc(135 / 780 * 100%); }
.sec01 h4 { margin: 0 0 calc(45 / 780 * 100%); }

.greeting > div {
  flex-direction: column;
  gap: calc(55 / 780 * 100vw) 0;
  margin: calc(50 / 780 * 100%) 0 0;
}
.greeting > div figure {
  width: calc(300 / 780 * 100vw);
  margin: auto;
  box-shadow: calc(10 / 780 * 100vw) calc(10 / 780 * 100vw) 0 0 var(--d-green);
}
.president-name { margin: calc(85 / 780 * 100%) 0 0; }
.president-name span img { width: calc(203 / 780 * 100vw); }

/*
  Section02
====================================================================== */
.sec02 table {
  width: 100%;
  font-size: calc(24 / 780 * 100vw);
  margin: calc(25 / 780 * 100%) 0 0;
}
.sec02 table th {
  width: 100%;
  padding: 1.25em;
  display: block;
  border-bottom: solid 1px #dadbda;
}
.sec02 table td {
  width: 100%;
  padding: 1.25em;
  display: block;
}
.sec02 table td ol li:not(:last-of-type) { margin: 0 0 .5em; }

@media screen and (max-width:480px) {
  .sec02 table { font-size: calc((24 / 780 * 100vw) * 1.15); }
}

/*
  Section03
====================================================================== */
.sec03 { flex-direction: column; }