/* ==========================================================================
   Author's custom styles SP
   ========================================================================== */
#companyinfo {
  background: url("../img/company_bg@sp.jpg") no-repeat;
  background-size: cover;
}
#companyinfo .inner {
  padding: 0 5.128vw;
}
#companyinfo .inner dl {
  display: flex;
  flex-wrap: wrap;
  width: 89.744vw;
  font-size: 2.564vw;
}
#companyinfo .inner dl dt {
  width: 25.641vw;
  padding: 2.564vw 0 2.564vw 5.128vw;
  border-bottom: solid 0.256vw #2A65CB;
  color: #4A80DF;
}
#companyinfo .inner dl dd {
  width: 64.103vw;
  padding: 2.564vw 5.128vw;
  border-bottom: solid 0.256vw #2A65CB;
}

#access {
  background-color: #F0EDE1;
}
#access p {
  font-size: 2.564vw;
  text-align: center;
  margin: 2.564vw 0 0 0;
}
#access .googlemap {
  padding: 100% 5.128vw 0;
  position: relative;
  width: 89.744vw;
  height: 0;
  margin: 5.128vw auto 0;
}
#access .googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#message {
  background-color: #F0EDE1;
}
#message .pc {
  display: none;
}
#message img {
  width: 66.667vw;
  margin: 5.128vw 0;
}
#message .inner {
  width: 89.744vw;
  text-align: center;
  margin: 0 auto;
}
#message .inner .wrap p {
  font-size: 3.077vw;
  line-height: 2;
  text-align: justify;
}
#message .inner .wrap span {
  font-size: 2.564vw;
}

#history {
  background: url("../img/history_bg@sp.jpg");
  background-size: cover;
}
#history .inner {
  padding: 0 5.128vw;
}
#history .inner dl {
  display: flex;
  flex-wrap: wrap;
  width: 89.744vw;
  font-size: 2.564vw;
  margin: 2.564vw 0;
}
#history .inner dl dt {
  width: 25.641vw;
  padding: 2.564vw 0 2.564vw 5.128vw;
  color: #4A80DF;
}
#history .inner dl dd {
  width: 64.103vw;
  padding: 2.564vw 5.128vw;
}
#history .inner dl dt:nth-of-type(odd),
#history .inner dl dd:nth-of-type(odd) {
  background-color: #FDFCF4;
}
#history .inner dl dt:nth-of-type(even),
#history .inner dl dd:nth-of-type(even) {
  background-color: #F3E7C8;
}

#award {
  background-color: #F0EDE1;
}
#award .inner {
  padding: 0 5.128vw;
}
#award .inner dl {
  display: flex;
  flex-wrap: wrap;
  width: 89.744vw;
  font-size: 2.564vw;
}
#award .inner dl dt {
  width: 25.641vw;
  padding: 2.564vw 0 2.564vw 5.128vw;
  border-bottom: solid 0.256vw #2A65CB;
  color: #4A80DF;
}
#award .inner dl dd {
  width: 64.103vw;
  padding: 2.564vw 5.128vw;
  border-bottom: solid 0.256vw #2A65CB;
}

@media screen and (min-width: 768px) {
  /***************************

      PC

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  #companyinfo {
    padding-bottom: 55px;
    background: url("../img/company_bg.jpg") no-repeat center bottom;
    background-size: cover;
  }
  #companyinfo .inner {
    padding: 0;
    width: 625px;
    margin: 0 auto;
  }
  #companyinfo .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 625px;
    font-size: 11.25px;
  }
  #companyinfo .inner dl dt {
    width: 125px;
    padding: 10px 0 10px 20px;
    border-bottom: solid 1px #2A65CB;
    color: #4A80DF;
  }
  #companyinfo .inner dl dd {
    width: 498px;
    padding: 10px 20px;
    border-bottom: solid 1px #2A65CB;
  }
  #access {
    background-color: #F0EDE1;
  }
  #access p {
    font-size: 10px;
    text-align: center;
    margin: 10px 0 0 0;
  }
  #access .googlemap {
    padding: 30% 0 0;
    position: relative;
    width: 750px;
    height: 0;
    margin: 20px auto 0;
  }
  #access .googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #message {
    padding: 55px;
    background-color: #F0EDE1;
  }
  #message img {
    width: 240px;
    margin: 0;
  }
  #message .sp {
    display: none;
  }
  #message .inner {
    padding: 0;
    width: 625px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
  }
  #message .inner .wrap h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
  }
  #message .inner .wrap p {
    font-size: 11.25px;
    line-height: 2;
    margin-top: 20px;
  }
  #message .inner .wrap span {
    font-size: 10px;
  }
  #history {
    background: url("../img/history_bg.jpg");
    background-size: 100%;
    padding-bottom: 4.583vw;
  }
  #history .inner {
    padding: 0;
    width: 625px;
    margin: 0 auto;
  }
  #history .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 625px;
    font-size: 11.25px;
    margin: 20px 0 0 0;
  }
  #history .inner dl dt {
    width: 125px;
    padding: 10px 0 10px 20px;
  }
  #history .inner dl dd {
    width: 498px;
    padding: 10px 20px;
  }
  #award {
    padding-bottom: 55px;
  }
  #award .inner {
    padding: 0;
    width: 625px;
    margin: 0 auto;
  }
  #award .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 625px;
    font-size: 11.25px;
  }
  #award .inner dl dt {
    width: 125px;
    padding: 10px 0 10px 20px;
    border-bottom: solid 1px #2A65CB;
    color: #4A80DF;
  }
  #award .inner dl dd {
    width: 498px;
    padding: 10px 20px;
    border-bottom: solid 1px #2A65CB;
  }
}
@media screen and (min-width: 1200px) {
  /***************************

      PC - vw

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  #companyinfo {
    padding-bottom: 4.583vw;
  }
  #companyinfo .inner {
    padding: 0;
    width: 52.083vw;
    margin: 0 auto;
  }
  #companyinfo .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 52.083vw;
    font-size: 0.938vw;
  }
  #companyinfo .inner dl dt {
    width: 10.417vw;
    padding: 0.833vw 0 0.833vw 1.667vw;
    border-bottom: solid 0.083vw #2A65CB;
    color: #4A80DF;
  }
  #companyinfo .inner dl dd {
    width: 41.5vw;
    padding: 0.833vw 1.667vw;
    border-bottom: solid 0.083vw #2A65CB;
  }
  #access {
    background-color: #F0EDE1;
  }
  #access p {
    font-size: 0.833vw;
    text-align: center;
    margin: 0.833vw 0 0 0;
  }
  #access .googlemap {
    padding: 30% 0 0;
    position: relative;
    width: 62.5vw;
    height: 0;
    margin: 1.667vw auto 0;
  }
  #access .googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #message {
    padding: 4.583vw;
    background-color: #F0EDE1;
  }
  #message img {
    width: 20vw;
    margin: 0;
  }
  #message .sp {
    display: none;
  }
  #message .inner {
    padding: 0;
    width: 52.083vw;
    margin: 0 auto;
    display: flex;
    gap: 5vw;
  }
  #message .inner .wrap h2 {
    display: flex;
    align-items: center;
    gap: 0.833vw;
    line-height: 1;
  }
  #message .inner .wrap p {
    font-size: 0.938vw;
    line-height: 2;
    margin-top: 1.667vw;
  }
  #message .inner .wrap span {
    font-size: 0.833vw;
  }
  #history {
    background: url("../img/history_bg.jpg");
    background-size: 100%;
    padding-bottom: 4.583vw;
  }
  #history .inner {
    padding: 0;
    width: 52.083vw;
    margin: 0 auto;
  }
  #history .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 52.083vw;
    font-size: 0.938vw;
    margin: 1.667vw 0 0 0;
  }
  #history .inner dl dt {
    width: 10.417vw;
    padding: 0.833vw 0 0.833vw 1.667vw;
  }
  #history .inner dl dd {
    width: 41.5vw;
    padding: 0.833vw 1.667vw;
  }
  #award {
    padding-bottom: 4.583vw;
  }
  #award .inner {
    padding: 0;
    width: 52.083vw;
    margin: 0 auto;
  }
  #award .inner dl {
    display: flex;
    flex-wrap: wrap;
    width: 52.083vw;
    font-size: 0.938vw;
  }
  #award .inner dl dt {
    width: 10.417vw;
    padding: 0.833vw 0 0.833vw 1.667vw;
    border-bottom: solid 0.083vw #2A65CB;
    color: #4A80DF;
  }
  #award .inner dl dd {
    width: 41.5vw;
    padding: 0.833vw 1.667vw;
    border-bottom: solid 0.083vw #2A65CB;
  }
}/*# sourceMappingURL=company.css.map */