@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

/*--------#hedImg------------*/
.hed_bgimg { width: 100%; background: url("../images/about/hed_img.jpg") center center; background-size: cover; height: 400px; }

.about_img { width: 800px; margin: 0 auto; }
.about_img img { width: 100%; height: auto; }
.csr_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; vertical-align: middle; align-items: center; }
.csr_list li { width: 32%; padding: 100px 30px; box-sizing: border-box; background: rgba(186,163,11,0.1);  }


.csr_icon { width: 140px; margin: 0 auto 30px;  }
.csr_icon img { width: 100%; height: auto; }

.csr_list_tit { text-align: center; font-weight: 500; letter-spacing: 0.1em; }



}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

/*--------#hedImg------------*/
.hed_bgimg { width: 100%; background: url("../images/about/hed_img.jpg") center center; background-size: cover; height: 200px; }

.about_img { width: 98%; margin: 0 auto; }
.about_img img { width: 100%; height: auto; }


.csr_list { width: 100%; margin: 0 auto;  }
.csr_list li { width: 100%;  padding: 50px 30px; box-sizing: border-box; background: rgba(186,163,11,0.1);  }
.csr_list li:nth-child(n+2) { margin-top: 30px; }
.csr_icon { width: 120px; margin: 0 auto 15px;  }
.csr_icon img { width: 100%; height: auto; }

.csr_list_tit { text-align: center; font-weight: 500; letter-spacing: 0.1em; }

}