@charset "UTF-8";
/******************************
会社概要 Style
*******************************/
/*
共通
*/
h2 {
  border-color: #69C2EE; }

/*
会社概要
*/
@media screen and (max-width: 1024px) {
  .overview {
    margin-top: 3rem; } }
@media screen and (min-width: 1025px) {
  .overview {
    margin-top: 10rem; } }
@media screen and (min-width: 1025px) {
  .overview__container {
    margin: 4rem; } }
.overview__list__item {
  display: flex;
  border-bottom: 1px solid #ACACAC;
  padding: 2rem 0; }
  .overview__list__item:first-of-type {
    border-top: 1px solid #ACACAC; }
.overview__list dt {
  text-align: center;
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .overview__list dt {
      width: 30%; } }
  @media screen and (min-width: 1025px) {
    .overview__list dt {
      width: 20%; } }
@media screen and (max-width: 1024px) {
  .overview__list dd {
    width: 70%; } }
@media screen and (min-width: 1025px) {
  .overview__list dd {
    width: 80%; } }
.overview__list dd dl dt {
  width: 100%;
  text-align: left; }
.overview__list dd dl dd {
  width: 100%;
  padding-bottom: 1rem; }
.overview__list dd ul {
  list-style: none; }

/*
access
*/
@media screen and (max-width: 1024px) {
  .access {
    margin-top: 8rem; } }
@media screen and (min-width: 1025px) {
  .access {
    margin-top: 14rem; } }
@media screen and (max-width: 1024px) {
  .access__container {
    margin-bottom: 2rem; } }
@media screen and (min-width: 1025px) {
  .access__container {
    margin: 1rem 4rem 3rem; } }
@media screen and (max-width: 1024px) {
  .access__googlemap {
    height: 300px; } }
@media screen and (min-width: 1025px) {
  .access__googlemap {
    height: 400px; } }

/*
greeting
*/
.greeting {
  padding: 6rem 0;
  background-color: #F9F9F9; }
  @media screen and (max-width: 1024px) {
    .greeting {
      margin-top: 8rem; } }
  @media screen and (min-width: 1025px) {
    .greeting {
      margin-top: 14rem; } }
  .greeting__container {
    background-color: #fff;
    border-radius: 1rem; }
    @media screen and (max-width: 1024px) {
      .greeting__container {
        margin-top: 4rem;
        padding: 1.5rem 1.5rem 6rem; } }
    @media screen and (min-width: 1025px) {
      .greeting__container {
        margin-top: 6rem;
        padding: 4rem 6rem;
        display: flex;
        justify-content: space-between; } }
  @media screen and (min-width: 1025px) {
    .greeting__img {
      width: 40%; } }
  .greeting__msg {
    padding-top: 2rem; }
    @media screen and (min-width: 1025px) {
      .greeting__msg {
        width: 55%; } }
    .greeting__msg__name {
      margin-top: 4rem;
      text-align: right; }