/* Scss Document */
:root {
  --pc: 1000px;
  --sp: 999px;
  --fs48: 4.8rem;
  --fs40: 4rem;
  --fs36: 3.6rem;
  --fs28: 2.8rem;
  --fs22: 2.2rem;
  --fs20: 2.0rem;
  --fs18: 1.8rem;
  --fs16: 1.6rem;
  --fs14:1.4rem;
  --fs12:1.2rem; }

@media (max-width: 999px) {
  :root {
    --fs48: 2.6rem;
    --fs40: 2.2rem;
    --fs36: 2.4rem;
    --fs28: 2.2rem;
    --fs22: 2.0rem;
    --fs20: 1.8rem;
    --fs18: 1.4rem;
    --fs16: 1.4rem;
    --fs14: 1.2rem;
    --fs12: 1.0rem; } }
[id^="company"] .ttlBox {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #0097EA; }
  [id^="company"] .ttlBox .ico {
    margin-bottom: 1rem; }
  [id^="company"] .ttlBox .ttl {
    font-size: 3.8rem; }
    @media (max-width: 999px) {
      [id^="company"] .ttlBox .ttl {
        font-size: 2.4rem; } }

/* 
---------------------------------------
company01
---------------------------------------
*/
#company01 dl {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E7E7E7; }

#company01 dl:last-child {
  border-bottom: 1px solid #E7E7E7; }

#company01 dt {
  width: 24%;
  padding: 2rem;
  border-top: 1px solid #0097EA; }
  @media (max-width: 999px) {
    #company01 dt {
      width: 32%;
      padding: 1.6rem 0.8rem; } }

#company01 dl:last-child dt {
  border-bottom: 1px solid #0097EA; }

#company01 dd {
  width: 76%;
  padding: 2rem;
  background: #fff; }
  @media (max-width: 999px) {
    #company01 dd {
      width: 68%; } }

/* 
---------------------------------------
company02
---------------------------------------
*/
#company02 {
  padding: 16rem 0;
  background: #F5F8FA; }
  @media (max-width: 999px) {
    #company02 {
      padding: 6rem 0; } }
  #company02 .boxs {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 999px) {
      #company02 .boxs {
        flex-direction: column; } }
  #company02 .pic {
    width: calc(593 / 1400 * 100%); }
    @media (max-width: 999px) {
      #company02 .pic {
        width: 100%;
        margin-bottom: 2rem; } }
  #company02 .txtBox {
    width: calc(710 / 1400 * 100%); }
    @media (max-width: 999px) {
      #company02 .txtBox {
        width: 100%; } }
  #company02 .txt {
    text-align: justify; }
  #company02 .name {
    width: 39rem;
    height: auto;
    margin: 0 0 0 auto; }
    @media (max-width: 999px) {
      #company02 .name {
        width: 60%; } }