@charset "UTF-8";
/**scss共通***/
img {
  width: 100%;
}

.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: Flash1 1s infinite;
  font-family: 'Noto Serif JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
.test {
  content: "\f105";
  font-family: FontAwesome;
}

/************contents********************/
#section_kv .photobox {
  background-image: url(../media/images/company/principles/head_pc.jpg);
}
@media screen and (max-width: 767px) {
  #section_kv .photobox {
    background-image: url(../media/images/company/principles/head_sp.jpg);
  }
}

#section_01 {
  padding-top: 150px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  #section_01 {
    padding-top: 75px;
  }
}
#section_01 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  #section_01 h3 {
    font-size: 6.6vw;
    margin-bottom: 40px;
  }
}
#section_01 .text01 {
  line-height: 210%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #section_01 .text01 {
    margin-bottom: 40px;
    font-size: 4.4vw;
  }
}
#section_01 figure.pholo {
  width: 90%;
  max-width: 1002px;
  margin: 0 auto;
}

.grad_contena01 {
  width: 100%;
  height: 0;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .grad_contena01 {
    bottom: 65%;
  }
}

#section_02 {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  #section_02 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
#section_02 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_02 h3 {
    font-size: 6.6vw;
    margin-bottom: 40px;
  }
}
#section_02 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_02 .text01 {
    margin-bottom: 40px;
  }
}
#section_02 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}
#section_02 .text02 {
  text-align: right;
  line-height: 180%;
  width: 90%;
  max-width: 900px;
  margin: 0 auto 3em auto;
}
#section_02 .Philosophybox {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  background-color: #DFE7F8;
  padding: 60px;
}
@media screen and (max-width: 767px) {
  #section_02 .Philosophybox {
    padding: 5vw;
  }
}
#section_02 .Philosophybox dl {
  width: 100%;
  margin-bottom: 40px;
}
#section_02 .Philosophybox dl.last {
  margin-bottom: 0;
}
#section_02 .Philosophybox dl dt {
  color: #1B2388;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  #section_02 .Philosophybox dl dt {
    margin-bottom: 10px;
  }
}
#section_02 .Philosophybox dl dd {
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  #section_02 .Philosophybox dl dd {
    font-size: 4vw;
  }
}

/******************************************/
.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: Flash1 1s infinite;
  font-family: 'Noto Serif JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

/*# sourceMappingURL=company_principles_2022.css.map */