@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
csr
--------------------------------------------------------------------------------------- */

.pc-only{
  display: block;
}
.sp-only{
  display: none;
}

/* csr_top */

.csr .topArea {
    padding: 20px 0 40px 20px;
    margin: 0 auto;
    max-width: 700px;
}

.csr .topArea .topMenu {
    font-size: 14px;
}

.csr .topArea .topMenu li.menuBox{
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	margin-bottom: 40px;
}
.csr .topArea .topMenu li.menuBox a {
  display: block;
}
.csr .topArea .topMenu li.menuBox a:hover {
  opacity: 0.7;
}

.csr .topArea .topMenu li.menuBox dl dt{
	margin-bottom: 10px;
}

.csr .topArea .topMenu li.menuBox p.btn_headline{
	padding: 20px;
}

.csr .topArea .topMenu li.menuBox p.btn_headline span {
    background: rgba(0, 0, 0, 0) url("../img/common/ico_arw0104.png") no-repeat scroll left center;
    display: inline-block;
    padding: 0px 0 0 29px;
}

.csr .topArea .csr-top_menu .content_photo{
	width: 100%;
  margin-bottom: 40px;
}

.csr .topArea .csr-top_menu .content_photo{
	width: 100%;
  margin-bottom: 40px;
}

.content_photo img{
  border-radius: 8px;
}

.csr .topArea .topMenu li.menuBox_r{
	width: 330px;
	float: right;
}

.csr_main{
	margin-bottom: 60px;
}

.img_csr_top{
	margin-bottom: 60px;
}

.csr_top_lead{
  display: flex;
  padding: 40px 0 40px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
}

.csr_top_lead_txt{
  width: 340px;
}

.csr_top_lead_txt h2{
  font-size: 18px;
  font-weight:600;
  letter-spacing: 0.04em;
  padding-bottom: 14px;
}

.csr_top_lead_txt p{
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.85;
  margin-top: -5px;
}

.csr_top_lead_img{
  width: 340px;
  padding-left: 30px;
}


/* csr-lower */

.csr-lower_ttl{
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  margin: 30px 0 30px 0;
  align-items: center;
  padding-bottom: 10px;
}

.csr-lower_ttl .line2{
  padding-bottom: 16px;
}

.csr-lower_ttl_lead{
  font-size: 14px;
	letter-spacing: 0.06em;
  line-height: 1.85;
  margin-bottom: 60px;
}

.ti_wrapper{
  margin: 0px 0 40px;
}

.content_txt{
	font-size: 14px;
	letter-spacing: 0.06em;
  line-height: 1.85;
  margin-bottom: 30px;
}

.ti_wrapper .content_txt_l{
  width: 340px;
  font-size: 14px;
	letter-spacing: 0.06em;
    line-height: 1.85;
    margin-top: -5px;
}

.csr-lower_icon{
  display: flex;
}
.csr-lower_icon img{
  width: 77px;
  margin-left: 10px;
}

.csr-lower_inner h3{
  margin-bottom: 30px;
}


.csr-lower_inner .ti_wrapper{
  display: flex;
  justify-content: center; 
}

.csr-lower .csr-lower_inner {
  margin-bottom: 60px;
}
.csr-lower .content_r{
	margin-left: 20px;
}

.csr-lower_inner{
  margin: 0px 0 60px;
}

.content_txt span a{
  color: #1938ac;
}

.csr-lower .content_photo{
    margin-bottom: 20px;
    text-align: center;
}

.csr-lower_inner .btn{
  margin-bottom: 30px;
}

.csr-lower h4 {
	font-size: 16px;
  margin-bottom: 20px;
}
.csr-lower .photoListArea:after {
  content : "";
  display: block;
  clear: both;
}

.csr-lower_inner p img{
  border-radius: 8px;
}
.csr-lower_inner .logo img{
  border-radius: 0px;
}

.csr-lower .photoListArea .photoListBox {
  float: left;
  width: 210px;
}
.csr-lower .photoListArea .photoListBox + .photoListBox {
  padding-left: 20px;
  margin-left: 20px;
  width: 440px;
  background: url(../img/common/bg_line02.png) repeat-y left top;
}
.csr-lower .photoList {
  margin-left: -20px;
  margin-top: -40px;
}
.csr-lower .photoList:after {
  content: "";
  display: block;
  clear: both;
}
.csr-lower .photoList li {
  float: left;
  width: 210px;
  margin-left: 20px;
  margin-top: 40px;
}
.csr-lower .photoList li span {
  display: block;
  text-align: center;
  padding-top: 10px;
}