@charset "utf-8";
/* CSS Document */

/*
==============================================================
CSRページ
==============================================================
*/

#content_body {
	background-color: #f1f4f9; 
}

/* keyvisual
----------------------------------*/
#keyvisual{
	background-image: url(/img/csr/bg_kv.jpg);
}
#keyvisual #pageTitle{
	background-image: url(/img/csr/kv_csr.png);
}

/* content_body
----------------------------------*/
.isCsr .shadowBox{
	margin-top: 100px;
	box-sizing: border-box;
}
.csrCont{
	overflow: hidden;
}

.isCsr .contWhite .shadowBox{
	border: 1px solid #eceff3;
}

	#content_body .contWhite .shadowBox:before,
	#content_body .contWhite .shadowBox:after{
		right: -11px;
		bottom: -11px;
	}

.isCsr .textBox{
	box-sizing: border-box;
	padding: 40px;
}
.isCsr .contWhite .textBox.alignLeft,
.isCsr .contWhite .textBox.alignRight{
	width: 498px;
}
.isCsr .contBlue .textBox.alignLeft,
.isCsr .contBlue .textBox.alignRight{
	width: 500px;
}

.isCsr .titleCsr{
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}
.isCsr .titleCsr:before{
		content: "";
		background-image: url(/img/csr/icon_csr_title.png);
		background-position: top left;
		background-repeat: no-repeat;
		width: 34px;
		height: 34px;
		display: block;
		position: absolute;
		left: -3px;
		top: -3px;
	}


/* Smartphone layout
==============================================================*/
@media screen and (max-width: 768px) {

	/* KV */
	#keyvisual #pageTitle {
    	background-image: url("/img/csr/kv_csr_sp.png");	
	}

	/* shadowBox */
	#content_body .contWhite .shadowBox::before,
	#content_body .contWhite .shadowBox::after {
	    bottom: -8px;
	    right: -8px;
	}

	.isCsr .shadowBox {
	    margin-top: 50px;
	}

	.isCsr .contWhite .textBox.alignLeft,
	.isCsr .contWhite .textBox.alignRight,
	.isCsr .contBlue .textBox.alignLeft,
	.isCsr .contBlue .textBox.alignRight {
	    width: 100%;
	}

	#content_body .contentText.csrPolicy{
		padding-left: 12px;
    	padding-right: 12px;
	}

	/* 記事内 */
	.isCsr .textBox {
	    padding: 25px 20px 20px 20px;
	}

	.isCsr .titleCsr {
	    font-size: 16px;
	    margin-bottom: 10px;
	    padding-left: 25px;
	}

	.isCsr .titleCsr:before {
	    background-size: contain;
	    height: 20px;
	    width: 20px;
	    left: -3px;
	    top: 2px;
	}
}