/*** company ***/
/* about */
.company-about__ttl-img::after { display: none;}
.company-about__item {
  display: grid;
  gap: 24px;
  border-bottom: 1px solid #eee;
  padding-bottom: 32px;
}
.company-about__item dt,
.company-about__item dt img { width: 216px; padding: 0;}
.company-about__item dd{line-height: 2; margin-block: var(--leading-trim);}

@media (min-width: 768px){
.company-about__ttl-img::after {
  content:'';
  display: inline-block;
  width: 88px;
  height: 136px;
  background: url(../img/company/bg_about.png) bottom center / 88px no-repeat;
}
.company-about__item {
  display: flex;
  align-items: center;
  gap:0;
}
.company-about__item dt,
.company-about__item dt img { width: 256px!important;}
.company-about__item dd {
  width: calc(100% - 280px);
  margin-left: 24px;}
}

/* copy slide area */
.company-copy__txt {
  grid-area: 1 / 1 / 2 / 8;
  margin-left: 24px;
  z-index: 2;
}
.company-copy__txt img { width: 40px; margin-bottom: 24px;}
.company-copy__txt div {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin-block:var(--leading-trim);
}
.company-copy__txt div span { font-size: 1.2em; margin-right: 8px;}
.company-copy__img {
  grid-area: 1 / 1 / 3 / 9;
  width : 100%;
	height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
	overflow: hidden;
	position: relative;
  top: 16px;
  z-index: 0;
}
.company-copy__img div {
  position: absolute;
  top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
  z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.company-copy__img div:first-of-type {
  background-image: url("../img/company/mv-1.jpg");
}
.company-copy__img div:nth-of-type(2){
  background-image: url("../img/company/mv-2.jpg");
  animation-delay: 5s;
}
.company-copy__img div:last-of-type{
  background-image: url("../img/company/mv-3.jpg");
  animation-delay: 10s;
}
@keyframes slide-fade {
	0% { opacity: 0;}
	20% {opacity: 1;}
	80% {opacity: 0;}
	100%{opacity: 0; z-index: 0;}
}
@media (min-width: 600px){
.company-copy__img {
  grid-column: 1 / span 7;
  border-top-right-radius: 8px ;
  border-bottom-right-radius: 8px;
}
.company-copy__txt { margin-left: 32px;}
}
@media (min-width: 768px){
.company-copy__img {grid-column: 1 / span 11; max-height: 430px;}
.company-copy__txt img { width: 64px; margin-bottom: 32px;}
.company-copy__txt div { font-size: 1.8rem;}
.company-copy__txt div span { margin-right: 16px;}
}
@media (min-width: 960px) {
.company-copy__txt img { width: 48px;}
.company-copy__img div { background-position: top center;}
.company-about__item dd {
  width: calc(100% - 288px);
  margin-left: 32px;}
}
@media (min-width: 1120px){ .company-copy__img { margin-left: calc(-1 * (100vw - 1120px) / 2);}}

/* philosophy */
.company-philosophy dl {
  grid-column: 1 / -1;
  text-align: center;
  display: grid; grid-template-columns: subgrid;
  gap: 32px;
}
.company-philosophy dt { grid-column: 1 / -1; font-weight: 500;}
.company-philosophy dt:nth-of-type(n+2){ margin-top: 16px;}
.company-philosophy dd { grid-column: 1 / -1; line-height: 2;} 
@media (min-width: 768px){
.company-philosophy dl { gap: 40px; align-items: center;}
.company-philosophy dt { grid-column: 1 / span 3; margin-bottom: auto;}
.company-philosophy dt:nth-of-type(n+2){ margin-top: 0;}
.company-philosophy dd { grid-column: 4 / -1; text-align: left;}
}

/* outline */
.company-outline .sec__body{display: grid; grid-template-columns: subgrid; }
.company-outline__img { grid-column: 1 / 5; }
.company-outline__item  {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: self-start;
}
.company-outline__item dt,
.company-outline__item dd { grid-column: 1 / -1; line-height: 1.6;}
.company-outline__item dt { color: var(--blue); font-weight:500; }
.company-outline__item dd { padding-top: 16px;}
@media (min-width: 600px) {
.company-outline__item { gap:32px; border-bottom: 1px solid #eee; padding-bottom: 32px;}
.company-outline__item dt { grid-column: 1 / span 2;}
.company-outline__item dd { grid-column: 3 / -1; padding-top:0;}
}

/* history */
.company-history .sec__body {gap:24px;}
.company-history__item { display: flex; gap: 8px;}
.company-history__item dt {
  width: 6em;
  line-height: 2;
  text-align: right;
  white-space: nowrap;
}
.company-history__item dd { width: calc(100% - 6em); line-height: 1.6;}

@media (min-width: 600px){
.company-history__item dt {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
  width: 7em;
  line-height: 2;
  text-align: right;
  white-space: nowrap;
}
.company-history__item dt:after {
  content: '';
  display: inline-block;
  width : 4px;
  height: 4px;
  background: var(--pink02);
  border-radius: 50%;
  flex-shrink: 0;
  transform: translateY(-3px);
}
}
@media (min-width: 768px){
  .company-history__item,.company-history__item dt { gap:16px;}
}