@charset "utf-8";

/* スタイルシート
作成者：Hatomi Inc.
作成日：R8.01.14
-------------------------------------------------------------------------------------*/

.page {}

/*************************************************************************************
**************************************************************************************

main

**************************************************************************************
**************************************************************************************/

.page #main {
	margin-top: 2rem;
}

.page #main .block {
}

.page #main .inner {
}

/*************************************************************************************

company

**************************************************************************************/

/* =========================
  #block01
========================= */

/* --- .companyHero --- */
.company #main .companyHero{
  padding: 1.25rem 0 3rem;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyHero{
    padding: 1rem 0 1.5rem;
  }
}

/* --- .companyHero__photo --- */
.company #main .companyHero__photo{
  margin: 0 0 5rem;
}
.company #main .companyHero__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* --- .companyHero__brand --- */
.company #main .companyHero__brand{
  text-align: center;
  margin: 0 0 1.25rem;
}

/* --- .companyHero__logo --- */
.company #main .companyHero__logo{
  width: min(16rem, 70%);
  height: auto;
  display: inline-block;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyHero__logo{
    width: min(14rem, 80%);
  }
}

/* --- .companyHero__company --- */
.company #main .companyHero__company{
  margin: .5rem 0 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .02em;
}

/* --- .companyProfile --- */
.company #main .companyProfile{
  display: grid;
  place-items: center;
}

/* --- .companyProfile__table --- */
.company #main .companyProfile__table{
  width: 100%;
  max-width: 46rem;
  border-collapse: collapse;
  font-size: .95rem;
  line-height: 1.6;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyProfile__table{
    font-size: .9rem;
  }
}

/* --- .companyProfile__table th, td --- */
.company #main .companyProfile__table th,
.company #main .companyProfile__table td{
  padding: .6rem .75rem;
  border-bottom: none;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyProfile__table th,
  .company #main .companyProfile__table td{
    width: 100%;
    display: list-item;
    list-style: none;
  }
}

/* --- .companyProfile__table th --- */
.company #main .companyProfile__table th{
  width: 18rem;
  font-weight: 700;
  color: #222;
  white-space: nowrap;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyProfile__table th{
    width: 8.5rem;
  }
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyProfile__table th{
    white-space: normal;
    padding: 0 0 .3rem;
  }
}

/* --- .companyProfile__table td --- */
.company #main .companyProfile__table td{
  color: #111;
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyProfile__table td{
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    border-bottom: #DDD solid 1px;
  }
}

/* --- last row border remove --- */
@media (max-width: 30rem){ /* 480px */
  .company #main .companyProfile__table tr:nth-last-of-type(1) td{
    border-bottom: none;
  }
}


/* =========================
  #block02
========================= */

/* --- .companyBiz --- */
.company #main .companyBiz{
	padding: 0rem 0 3rem;
}
/* --- .sectionBar --- */
.company #main .sectionBar{
  margin: 0 0 3rem;
  padding: .9rem 1rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: .02em;
  background: #00AEEF;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .sectionBar{
    font-size: 1.15rem;
    padding: .85rem .9rem;
  }
}

/* --- .sectionBar span --- */
.company #main .sectionBar span{
  width: 100%;
  margin: 0 auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1051px){
  .company #main .sectionBar span{
    max-width: 1200px;
  }
}
@media (max-width: 1050px){
  .company #main .sectionBar span{
  }
}

/* --- .companyBiz__body --- */
.company #main .companyBiz__body{
  background: #fff;
  padding: 1.25rem 1.25rem 1.4rem;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyBiz__body{
    padding: 1rem 1rem 1.1rem;
  }
}

/* --- .companyBiz__lead --- */
.company #main .companyBiz__lead{
  margin: 0 0 .9rem;
  font-size: 1.05rem;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyBiz__lead{
    font-size: 1rem;
  }
}

/* --- .companyBiz__em --- */
.company #main .companyBiz__em{
  margin: 0 0 3rem;
  color: #d60000;
  font-size: .95rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.7;
}

/* --- .companyBiz__text --- */
.company #main .companyBiz__text{
  margin: 0 0 1rem;
  font-size: .95rem;
  line-height: 1.9;
  color: #111;
}

/* --- .companyBiz__badges --- */
.company #main .companyBiz__badges{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyBiz__badges{
    gap: .45rem;
  }
}

/* --- .companyBiz__badges li --- */
.company #main .companyBiz__badges li{
  font-size: .85rem;
  font-weight: 700;
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyBiz__badges li{
    font-size: .8rem;
  }
}

/* --- .companyBiz__badges li span --- */
.company #main .companyBiz__badges li span{
  position: relative;
}

/* --- .companyBiz__badges li span::before --- */
.company #main .companyBiz__badges li span::before{
  content: "\25CF";
  margin-right: .4rem;
}


/* =========================
  #block03（Googleマップ）
========================= */

/* --- .companyMap --- */
.company #main .companyMap{
  background: #d7eef9;
  padding: 0;
}

/* --- .companyMap__wrap --- */
.company #main .companyMap__wrap{
  width: 100%;
  aspect-ratio: 16 / 7;
  background: #cfeaf6;
}
@media (max-width: 43.75rem){ /* 700px */
  .company #main .companyMap__wrap{
    aspect-ratio: 16 / 10;
  }
}
@media (max-width: 30rem){ /* 480px */
  .company #main .companyMap__wrap{
    aspect-ratio: 16 / 12;
  }
}

/* --- .companyMap__iframe --- */
.company #main .companyMap__iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}