/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
body {
  background: #f2f2f2; }

.mv {
  background: url("../images/csr/csr_mv.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-position: top 36% center; }

.area01 .contents {
  margin-top: 40px; }
  .area01 .contents .txt1 {
    text-align: center; }
  .area01 .contents .images {
    margin-top: 40px; }
  .area01 .contents .logo {
    margin-top: 60px; }
    .area01 .contents .logo .logo_txt {
      margin-top: 40px; }
  .area01 .contents .url {
    margin-top: 20px; }
  .area01 .contents .txt2, .area01 .contents .txt3 {
    margin-top: 20px;
    text-align: center; }
@media screen and (max-width: 480px) {
  .area01 .contents {
    margin-top: 2.6666666667vw; }
    .area01 .contents .txt1 {
      text-align: left; }
      .area01 .contents .txt1 br {
        display: none; }
    .area01 .contents .images {
      margin-top: 5.3333333333vw; }
    .area01 .contents .logo {
      margin-top: 10.6666666667vw; }
      .area01 .contents .logo .logo_txt {
        margin-top: 5.3333333333vw; }
    .area01 .contents .url {
      margin-top: 2.6666666667vw; }
    .area01 .contents .txt2, .area01 .contents .txt3 {
      margin-top: 2.6666666667vw;
      text-align: center; }
    .area01 .contents .txt2 {
      margin-top: 5.3333333333vw; } }