@charset "utf-8";

/* kv
---------------------------------------------------------- */
@media all and (min-width: 768px) {
   .kv .inner .kv-txt {
    padding-right: 80px;
  }
  .kv .inner .kv-ttl {
    font-weight: normal;
    letter-spacing: 8px;
  }
  #csr .kv {
    background: url(/csr/img/bg-kv-top.jpg) no-repeat center 0;
  }
 /* .kvModule {
    background-image: url(/csr/img/bg-kv.jpg);  
  }*/
	
/* -- kvModule common --- */
  .kvModule-support,
  .kvModule-woman,
  .kvModule-nikkou,
  .kvModule-mms{
	height: 450px;
	margin-bottom: 70px;
	background-size: cover;
  }
	
/* --- support kv --- */
  .kvModule-support {
	background-image: url(/csr/img/bg-kv-support.jpg);
  }
	
/* --- woman kv --- */
  .kvModule-woman {
    background-image: url(/csr/img/bg-kv-woman.jpg);
  }
/* --- nikkou kv --- */
  .kvModule-nikkou {
	background-image: url(/csr/img/bg-kv-nikkou.jpg);
  }
	
/* --- mms kv --- */
  .kvModule-mms {
    background-image: url(/csr/img/bg-kv-mms.jpg);
  }
}

/* news
---------------------------------------------------------- */

.bnrList li:nth-child(1) a .csr { background-image: url(/csr/img/bg-bnrlist-01.jpg);}
.bnrList li:nth-child(2) a .csr { background-image: url(/csr/img/bg-bnrlist-02.jpg);}
.bnrList li:nth-child(3) a .csr { background-image: url(/csr/img/bg-bnrlist-03.jpg);}
.bnrList li:nth-child(4) a .csr { background-image: url(/csr/img/bg-bnrlist-04.jpg);}

@media all and (max-width: 767px) {
  .kv .inner .kv-txt {
    margin-left: -10px;
  }
}
@media all and (max-width: 320px) {
  .kv .inner .kv-txt {
    margin-left: -10px;
  }
}

/* ----------------------------------
   nikkosuginamiki.html
   mms.html
-----------------------------------*/

.imgClm{
	width: 85%;
	margin: 0 auto;
}
p.w85{ 
	width: 85%;
	margin: 0 auto;
}

.img-clmPhoto img,
.imgClm img{
	width:100%;
	height:auto;
}
.img-clmPhoto li{
	box-sizing: border-box;
}
.img-clmPhoto li p{
	padding-top: 15px;
	text-align: left;
}

.img-clmPhoto{
	max-width: 85%;
	margin: 0 auto;
}
.clm2{
	margin-bottom: 40px;
}
.clm2 li:first-child{
	float: left;
	width: 50%;
	padding-right: 30px;
}
.clm2 li:nth-of-type(2n){
	float: right;
	width: 50%;
	padding-left: 30px;
}


.clm3,
.clm4,
.clm3-mms{
	display: flex;
}
.clm3 li {
	width: 33.3%;
}
.clm3 li:first-child{
	padding-right: 30px;
}
.clm3 li:nth-of-type(2n){
	padding: 0 15px;
	text-align: center;
}
.clm3 li:nth-of-type(3n){
	padding-left: 30px;
	text-align: right;
}

.clm3-mms{
	max-width: 75%;
	margin: 0 auto;
}
.clm3-mms li {
	width: 33%;
}
.clm3-mms li:first-child{
	padding-right: 30px;
}
.clm3-mms li:nth-of-type(2n){
	padding: 0 15px;
	text-align: center;
}
.clm3-mms li:nth-of-type(3n){
	padding-left: 30px;
	text-align: right;
}

.clm4{
	justify-content: space-between;
}
.clm4 li {
	width: 25%;
	padding: 0 15px;
}

.greenText {
	 color: #009944;
}

.fontBold {
	font-weight: bold;
}

@media all and (max-width: 768px) {
	.imgClm{
		width: 100%;
		margin: 0 auto;
	}
	p.w85{ 
		width: 100%;
		margin: 0 auto;
	}
	.img-clmPhoto{
		max-width: 100%;
	}
	.img-clmPhoto li p{
		padding-top: 10px;
	}
	.clm2{
		margin-bottom: 30px;
	}
	.clm2 li:first-child{
		float: none;
		width: 100%;
		padding: 0 0 30px;
	}
	.clm2 li:nth-of-type(2n){
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.clm3-mms{
		max-width: 100%;
	}
	.clm3,
	.clm4,
	.clm3-mms{
		display: block;
	}
	.clm3 li,
	.clm4 li,
	.clm3-mms li{
		width: 100%;
	}
	.clm3 li:first-child,
	.clm3-mms li:first-child{
		padding: 0 0 30px;
	}
	.clm3 li:nth-of-type(2n),
	.clm3-mms li:nth-of-type(2n){
		padding: 0 0 30px;
		text-align: center;
	}
	.clm3 li:nth-of-type(3n),
	.clm3-mms li:nth-of-type(3n){
		padding: 0;
		text-align: center;
	}
	.clm4 li{
		padding: 0 0 30px;
	}
	.clm4 li:last-child{
		padding: 0;
	}
}