@charset "utf-8";
/* --------------------------------------------

company

---------------------------------------------- */ 
.contents .contentsTitle {
  margin-bottom: 8em;
}


.about__heading {
  margin-bottom: 5em;
  padding: 2em 10%;
  font-family: kozuka-mincho-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 46px; font-size: 4.6rem;
  text-align: right;
  color: #fff;
  background: url("../img/company_head_back.png") center no-repeat;
  background-size: cover;
}
@media screen and (max-width:980px){
.about__heading {
  margin-bottom: 3em;
  font-size: 40px; font-size: 4rem;
}
}

.thought {
  width: 90%; max-width: 790px;
  margin: 0 auto 12em;
}

.thought__logo {
  margin-bottom: 3em;
  padding: 6em 0;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}

.thought__logo img {
  display: block;
  width: 90%; max-width: 383px;
  margin: auto;
}
@media screen and (max-width:980px){
.thought__logo img {
  max-width: 250px;
  margin: auto;
}
}

.thought__heading {
  margin-bottom: 0.8em;
  font-family: kozuka-mincho-pro, serif;
  font-style: normal;
  font-size: 36px; font-size: 3.6rem;
  letter-spacing: 0.2em;
  text-align: center;
  color: #18597A;
}

.thoughe__text {
  font-size: 14px; font-size: 1.4rem;
  text-align: center;
  line-height: 2;
}




.initiative {
  position: relative;
  width: 90%; max-width: 1038px;
  margin: 0 auto 15em;
  padding-top: 5em;
}

.initiative__image {
  width: 55%; max-width: 590px;
}
@media screen and (max-width:980px){
.initiative__image {
  width: 100%; max-width: 500px;
  margin: 0 auto 2em;
}
}

.initiative__image img {
  display: block;
  width: 100%;
}

.initiative__textbox {
  position: absolute; bottom: 2em; right: 0; z-index: 1;
  width: 45%; max-width: 420px;
}
@media screen and (max-width:980px){
.initiative__textbox {
  position: static;
  width: 90%; max-width: 420px;
  margin: auto;
}
}

.initiative__heading {
  margin: 0 0 1em -2em;
  font-family: kozuka-mincho-pro, serif;
  font-style: normal;
  font-size: 36px; font-size: 3.6rem;
  letter-spacing: 0.2em;
  text-align: center;
  color: #18597A;
  background: #fff;
}
@media screen and (max-width:980px){
.initiative__heading {
  margin: 0 0 1em;
  text-align: left;
  color: #18597A;
  background: #fff;
}
}

.initiative__text {
  margin-bottom: 1em;
  font-size: 14px; font-size: 1.4rem;
}