/*
@tailwind base; ---> base_group.css
@tailwind components; ---> base_group.css
@tailwind utilities; ---> base_group.css
*/

/*@layer components  {----@layer don’t use*/

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

	/about/css/about.css( = about_dist.css )
 
========================================
*/

/*overview*/

@media (min-width: 1280px) {
  #gr_contents .overview {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

#gr_contents .overview {
  /*ガイド*/
}

#gr_contents .overview dl {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 640px) {
  #gr_contents .overview dl {
    flex-direction: row;
    padding-bottom: 1.25rem
  }
}

@media (min-width: 1024px) {
  #gr_contents .overview dl {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem
  }
}

#gr_contents .overview dl {
  /*ガイド*/
}

#gr_contents .overview dt {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: rgb(147 165 207 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.625
}

@media (min-width: 640px) {
  #gr_contents .overview dt {
    width: 20%;
    flex-direction: column;
    justify-content: center
  }
}

@media (min-width: 1280px) {
  #gr_contents .overview dt {
    width: 16.666667%
  }
}

#gr_contents .overview dt {
  /*ガイド*/
}

#gr_contents .overview dd {
  margin: 0px;
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 640px) {
  #gr_contents .overview dd {
    width: 80%
  }
}

@media (min-width: 1280px) {
  #gr_contents .overview dd {
    width: 83.333333%;
    padding-left: 2rem;
    padding-right: 2rem
  }
}

#gr_contents .overview dd ul {
  margin-bottom: 0px;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  line-height: 1.625
}

#gr_contents .overview dd.nest {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px
}

@media (min-width: 1280px) {
  #gr_contents .overview dd.nest {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

#gr_contents .overview dd.nest dl {
  width: 100%;
  border-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px
}

#gr_contents .overview dd.nest dl dt {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20%;
  align-items: flex-start;
  border-left-width: 6px;
  border-style: solid;
  border-color: rgb(147 165 207 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 1280px) {
  #gr_contents .overview dd.nest dl dt {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
  }
}

#gr_contents .overview dd.nest dl dd {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  padding-top: 0px;
  padding-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  line-height: 1.75
}

@media (min-width: 1280px) {
  #gr_contents .overview dd.nest dl dd {
    padding-top: 0.5rem;
    padding-bottom: 2rem
  }
}

#gr_contents .overview dd.nest02 dl dt {
  min-width: 8.3333335%;
  white-space: nowrap;
  border-left-width: 0px;
  background-color: rgb(147 165 207 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.625
}

#gr_contents .overview dd.nest02 dl dd {
  padding-top: 0px;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.75
}

@media (min-width: 1280px) {
  #gr_contents .overview dd.nest02 dl dd {
    padding-top: 0px;
    padding-bottom: 1rem
  }
}

/*policy (top)*/

#gr_contents ul.policy li {
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 1024px) {
  #gr_contents ul.policy li {
    padding-top: 4rem;
    padding-bottom: 4rem
  }
}

#gr_contents ul.policy li {
  /*ガイド*/
  /*py はページ内スクロールの緩衝材?*/
}

#gr_contents ul.policy li:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

/*kenko_keiei*/

#gr_contents div.section_list div.section h2 {
  display: flex;
  flex-direction: column;
  justify-content: center
}

/*history*/

#gr_contents .history {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem
  /*ガイド*/
}

#gr_contents .history dl {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 640px) {
  #gr_contents .history dl {
    flex-direction: row;
    align-items: center;
    padding-bottom: 1.25rem
  }
}

@media (min-width: 1024px) {
  #gr_contents .history dl {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem
  }
}

#gr_contents .history dl {
  /*ガイド*/
}

#gr_contents .history dl.within {
  margin-top: -2.5rem;
  border-top-width: 1px;
  border-color: transparent
}

@media (min-width: 640px) {
  #gr_contents .history dl.within {
    margin-top: 0px;
    padding-top: 0px
  }
}

#gr_contents .history dt {
  margin: 0px;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.625
}

@media (min-width: 640px) {
  #gr_contents .history dt {
    width: 16.666667%;
    flex-direction: column;
    justify-content: center
  }
}

#gr_contents .history dt.year {
  position: relative
}

#gr_contents .history dt span.num {
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1
}

@media (min-width: 1024px) {
  #gr_contents .history dt span.num {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

#gr_contents .history dl.within dt.blank {
  width: 16.666667%
}

#gr_contents .history dd {
  margin: 0px;
  display: flex;
  flex-direction: row;
  align-items: center
}

#gr_contents .history figure {
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: 192px
}

@media (min-width: 1024px) {
  #gr_contents .history figure {
    max-width: 256px
  }
}

#gr_contents .history figure img {
  display: block
  /*ガイド*/
}

#gr_contents .history figcaption {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem
}

#gr_contents .history dd.month {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 1rem;
  width: 16.666667%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 640px) {
  #gr_contents .history dd.month {
    width: 8.333333%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
  }
}

#gr_contents .history dd.event {
  margin-left: 1rem;
  width: 100%
}

@media (min-width: 640px) {
  #gr_contents .history dd.event {
    width: 75%
  }
}

/*company with map */

/*
#gr_contents div.section_list div.section div.company_data {
  @apply flex flex-col items-start justify-start lg:flex-row bg-white;
}

#gr_contents div.section_list div.section div.company_data div.logo {
  @apply w-full h-full lg:w-1/3 p-4 lg:p-10 bg-white mr-4 flex flex-col items-center;
}

#gr_contents div.section_list div.section div.company_data div.logo a.link_basic.link_extlink {
  @apply mt-2 lg:mt-4 w-fit;
}

#gr_contents div.section_list div.section div.company_data div.logo img.logo {
  @apply w-auto max-h-10 lg:max-h-12 xl:max-h-14 mx-auto;
}

#gr_contents div.section_list div.section div.company_data div.logo img.site {
  @apply w-4/5 mx-auto mt-4 max-w-xs;
}

#gr_contents table.table_company {
  @apply items-center border-collapse w-full border m-0 bg-white;
}

#gr_contents table.table_company th {
  @apply w-1/4 px-4 align-middle py-2 whitespace-nowrap font-semibold text-left border border-neutral-400 bg-neutral-100;
}

#gr_contents table.table_company td {
  @apply w-3/4 px-4 align-middle py-2 text-left border border-neutral-400;
}

#gr_contents table.table_company .business span.head {
  @apply text-base lg:text-lg font-medium;
}

#gr_contents table.table_company .business th {
  @apply py-3;
}

#gr_contents table.table_company .business td {
  @apply py-3;
}

#gr_contents div.section_list div.section ul.inner {
  @apply py-0 bg-transparent mb-0;
}

#gr_contents div.section_list div.section ul.inner li {
  @apply py-0 bg-transparent mb-2;
}

#gr_contents div.section_list div.section ul.inner li:last-child {
  @apply mb-0;
}

#gr_contents table.table_company td div.map {
  @apply aspect-3/1 my-2 max-w-2xl;
}

*/

/*company site image*/

/*commonに移動して消した*/