/* ==========================================================================
   Index
========================================================================== */
#company .page__header .cover {
	background-image: url(../img/index/header.jpg); }

#company #message .container-fluid {
	padding: 0; }
#company #message .row .imgBox {
	width: 100%;
	height: 100%;
	min-height: 240px; }
#company #message .row .txtBox {
	max-width: 37em; }
#company #message .row h4 {
	display: flex;
	align-items: center;
	margin-bottom: 15px; }
#company #message .row span.small {
	font-size: .75em;
	letter-spacing: .2em; }
#company #message .row h4 span {
	display: inline-block;
	font-size: .5em;
	margin-left: 1em;
	color: #262c38; }
#company #message .row p {
	letter-spacing: .1em; }


#company #philosophy .banner .cover {
	background-image: url(../img/index/philosophy.jpg); }


#company #images .imgBox .cover {
	width: 100%;
	padding-top: 62.5%; }
#company #images .imgBox:nth-of-type(1) .cover {
	background-image: url(../img/index/images_01.jpg); }
#company #images .imgBox:nth-of-type(2) .cover {
	background-image: url(../img/index/images_02.jpg); }
#company #images .imgBox:nth-of-type(3) .cover {
	background-image: url(../img/index/images_03.jpg); }
#company #images .imgBox:nth-of-type(4) .cover {
	background-image: url(../img/index/images_04.jpg); }


#company #vision .bannerlist {
  padding-bottom: 0; }

#company #vision .bannerlist .headline {
	color: #262c38; }
#company #vision .bannerlist .headline .script {
  display: inline-block;
  position: relative; }
#company #vision .bannerlist .headline .script span {
  display: inline-block;
  transform: rotate(-6deg) translateY(-1rem); }
#company #vision .bannerlist .headline .script::before {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background-color: #262c38;
  position: absolute;
  bottom: .375em;
  z-index: -1;
  animation: border-anim .8s 1.6s ease forwards; }

#company #vision .bannerlist .cover {
	height: 100%; }
#company #vision .bannerlist #service .cover {
	background-image: url(../img/index/service.jpg); }
#company #vision .bannerlist #service .cover::before {
	background-color: rgba(38,44,56,.1); }
#company #vision .bannerlist #assortment .cover {
	background-image: url(../img/index/assortment.jpg); }
#company #vision .bannerlist #assortment .cover::before {
	background-color: transparent; }
#company #vision .bannerlist #partner .cover {
	background-image: url(../img/index/partner.jpg); }
#company #vision .bannerlist #partner .cover::before {
	background-color: rgba(38,44,56,.2); }


/* ==========================================================================
   About
========================================================================== */
#about .page__header .cover {
	background-image: url(../img/about/header.jpg); }


/* ==========================================================================
   History
========================================================================== */
#history .page__header .cover {
	background-image: url(../img/history/header.jpg); }

#history #timeline li {
	position: relative; }
#history #timeline li .date {
	font-weight: 600;
	white-space: nowrap; }
#history #timeline li .date .year {
	display: inline-block;
	width: 4rem;
	color: #42a5b8;
	margin-right: .75rem; }
#history #timeline li .date .month {
	display: inline-block;
	width: 2rem;
	text-align: right;
	margin-left: .25rem; }
#history #timeline li figure {
	position: relative; }
#history #timeline li figure img {
	display: block;
	width: 300px;
	margin-bottom: 10px; }
#history #timeline li figure img:first-of-type {
	margin-top: 10px; }
#history #timeline li .cont {
	font-weight: 600;
	line-height: 1.5; }


/* ==========================================================================
   Benefit
========================================================================== */
#benefit .page__header .cover {
	background-image: url(../img/benefit/header.jpg); }


/* ==========================================================================
   CSR
========================================================================== */
#csr .page__header .cover {
	background-image: url(../img/csr/header.jpg); }

#csr .read {
	padding-bottom: 0; }

#csr #activity {
	border-bottom: 1px solid currentColor; }
#csr .txtBox p a {
    text-decoration: underline;
    color: #379eaf;
}

/* ==========================================================================
   Privacy Policy
========================================================================== */
#privacy-policy .page__header .cover {
	background-image: url(../img/privacy-policy/header.jpg); }

#privacy-policy .container {
    max-width: 850px; }

#privacy-policy + .company__child {
	border-top: 1px solid #a7bfc1; }