@charset "UTF-8";

.clearBoth {
	clear: both;
}

@media print, screen and (min-width:768px) {
/*===================================================================
		contents
===================================================================*/
#contents .section01 {
  margin:0 auto;
  background: none;
	width:960px;
}
#contents .section02 {
  margin:0 auto 80px;
  background: none;
	width:960px;
}
#contents .section02:last-child {
	margin-bottom:0;
}

#contents .sdgsTtl01 {
	margin-bottom:30px;
	padding:30px 0;
  font-size: 28px;
	line-height:1;
	color:#fff;
	background: url(/products/bizprinter/smartcharge/sdgs/images/bg_ttl01.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
#contents .sdgsTtl02 {
	margin-bottom:30px;
	padding:17px;
  font-size: 20px;
	line-height:1;
	color:#fff;
	background: url(/products/bizprinter/smartcharge/sdgs/images/bg_ttl04.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}

#contents .sdgsBtn01 {
	margin-bottom:30px;
}
#contents .sdgsBtn01 a {
	transition: all 0.3s ease-out;
}
#contents .sdgsBtn01 a:hover {
	opacity:0.7;
}
#contents .sdgsBtn01:last-child {
	margin-bottom:0;
}


/*===================================================================
		MV
===================================================================*/
#contents .mvArea {
	position:relative;
	min-width:960px;
}
#contents .mvArea:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/bg_mv01.jpg) no-repeat center center;
	background-size:cover;
}
#contents .mvArea .mvInner {
	position:relative;
	width:960px;
	margin:0 auto;
}
#contents .mvArea .mvInner .leftBox {
	float:left;
	width:300px;
}
#contents .mvArea .mvInner .rightBox {
	float:right;
	width:630px;
}
#contents .mvArea .mvInner .txt01 {
	margin-bottom:30px;
}
#contents .mvArea .mvInner .txt02 {
  font-size: 16px;
  font-weight: bold;
  color: #00913a;
  line-height: 1.6;
  text-align: left;
}


/*===================================================================
		Sdgs01
===================================================================*/
#contents .sdgs01 {
	margin-bottom:60px;
	position:relative;
	min-width:960px;
}
#contents .sdgs01 .box01 {
	padding:1px;
	margin-bottom:20px;
	border:1px solid #00913a;
}
#contents .sdgs01 .box01:last-child {
	margin-bottom:0;
}

#contents .sdgs01 .leftBox01 {
	padding:20px 0 15px 30px;
	width:600px;
	float:left;
}
#contents .sdgs01 .rightBox01 {
	width:299px;
	float:right;
}
#contents .sdgs01 .leftBox02 {
	width:430px;
	float:left;
}
#contents .sdgs01 .rightBox02 {
	width:430px;
	float:right;
}
#contents .sdgs01 .leftBox03 {
	padding-top:53px;
	margin-right:30px;
	width:340px;
	float:left;
}
#contents .sdgs01 .centerBox03 {
	margin-right:30px;
	width:139px;
	float:left;
}
#contents .sdgs01 .rightBox03 {
	padding-top:53px;
	width:340px;
	float:right;
}
#contents .sdgs01 .leftBox04 {
	width:430px;
	float:left;
}
#contents .sdgs01 .rightBox04 {
	width:430px;
	float:right;
}

#contents .sdgs01 .title01 {
	margin:0 0 18px 0;
	display:table;
	width:100%;
}
#contents .sdgs01 .title01 span {
	display:table-cell;
	vertical-align:middle;
}
#contents .sdgs01 .title01 .title02 {
	width:206px;
}
#contents .sdgs01 .title01 .text01 {
	padding-left:20px;
  font-size: 20px;
}
#contents .sdgs01 p.text02{
	word-wrap: inherit;
	word-break: inherit;
}
#contents .sdgs01 .list01 li {
	text-indent:-2.5em;
	padding-left:2.5em;
	margin-bottom:7px;
  font-size: 12px;
}
#contents .sdgs01 .list01 li:last-child {
	margin-bottom:0;
}
#contents .sdgs01 .list01{
	padding-top:5px
}
/*===================================================================
		Sdgs02
===================================================================*/
#contents .sdgs02 {
	margin-bottom:60px;
	position:relative;
	min-width:960px;
}
#contents .sdgs02 .box01 {
	margin:40px 0 60px;
}
#contents .sdgs02 .greyBox {
	margin-bottom:70px;
	padding:35px 0;
	background-color:#f5f5f5;
}

#contents .sdgs02 .leftBox01 {
	padding:25px 19px;
	margin-right:30px;
	width:300px;
	float:left;
	border:1px solid #00913a;
	box-sizing:border-box;
}
#contents .sdgs02 .centerBox01 {
	padding:25px 19px;
	margin-right:30px;
	width:300px;
	float:left;
	border:1px solid #00913a;
	box-sizing:border-box;
}
#contents .sdgs02 .rightBox01 {
	padding:25px 19px;
	width:300px;
	float:left;
	border:1px solid #00913a;
	box-sizing:border-box;
}

#contents .sdgs02 .leftBox02 {
	float:left;
	width:474px;
}
#contents .sdgs02 .rightBox02 {
	float:right;
	width:474px;
}

#contents .sdgs02 .title01 {
	margin-bottom:20px;
	padding:0 0 20px 0;
	text-align:center;
  font-size: 20px;
	border-bottom:1px solid #ddd;
}
#contents .sdgs02 .title01 .ico01 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs15.gif) no-repeat center top;
}
#contents .sdgs02 .title01 .ico02 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs16.gif) no-repeat center top;
}
#contents .sdgs02 .title01 .ico03 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs17.gif) no-repeat center top;
}
#contents .sdgs02 .text01 {
	margin:0 10px;
}

#contents .sdgs02 .list01 li {
	text-indent:-2.5em;
	padding-left:2.5em;
	margin-bottom:7px;
  font-size: 12px;
}
#contents .sdgs02 .list01 li:last-child {
	margin-bottom:0;
}

#contents .sdgs02 .link {
	padding-left:18px;
	background: url(/common/images/ico_pop_02.gif) no-repeat left center;
}

#contents .sdgs02 .sdgsBtnTel .border {
	display:block;
	width:100%;
	height:120px;
	border:1px solid #000;
	box-sizing:border-box;
}

#contents .sdgs02 .sdgsBtnTel .border .ico {
	padding:0 0 0 88px;
	margin:17px 0 0 40px;
	display:block;
	background: url(/products/bizprinter/smartcharge/sdgs/images/ico_tel.png) no-repeat left center;
}
#contents .sdgs02 .sdgsBtnTel .border .text02 {
	display:block;
  font-size: 14px;
	font-weight:bold;
}
#contents .sdgs02 .sdgsBtnTel .border .tel {
	display:block;
  font-size: 26px;
	font-weight:bold;
}
#contents .sdgs02 .sdgsBtnTel .border .tel a {
	color:#000;
}
#contents .sdgs02 .sdgsBtnTel .border .tel a:hover {
	color:#000;
}
#contents .sdgs02 .sdgsBtnTel .border .text03 {
	display:block;
	font-size: 10px;
}

#contents .sdgs02 .sdgsBtnMail a {
	padding:30px 0 0 52px;
	display:block;
	width:100%;
	height:120px;
  font-size: 24px;
	font-weight:bold;
	color:#000;
	line-height:1;
	background:#e7e7e7;
	box-sizing:border-box;
}
#contents .sdgs02 .sdgsBtnMail a:hover {
	color:#000;
	text-decoration:none;
}
#contents .sdgs02 .sdgsBtnMail .ico {
	padding:17px 0 17px 70px;
	display:block;
	background: url(/products/bizprinter/smartcharge/sdgs/images/ico_mail.png) no-repeat left center;
}
#contents .sdgs02 .sdgsBtnMail a:hover .ico {
	opacity:0.7;
}
#contents .sdgs02 .sdgsBtnMail .icoSite {
	padding-right:17px;
	background: url(/common/images/ico_pop_02.gif) no-repeat right 4px;
}
#contents .sdgs02 .text04 {
	margin-bottom:25px;
	text-align:center;
}
}

@media screen and (max-width:767px) {
/*===================================================================
		contents
===================================================================*/
#contents .section01 {
  margin:0 20px;
  background: none;
}
#contents .section02 {
  margin: 0 0 20px;
  background: none;
}
#contents .section02 .inner {
  margin:0 20px;
}
#contents .section02:last-child {
	margin-bottom:0;
}
#contents .sdgsTtl01 {
    margin-bottom: 30px;
    padding: 20px;
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    background: url(/products/bizprinter/smartcharge/sdgs/images/bg_ttl01_sp.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
}
#contents .sdgsTtl02 {
	margin-bottom:20px;
	padding:15px;
  font-size: 18px;
	line-height:1.5;
	color:#fff;
	background: url(/products/bizprinter/smartcharge/sdgs/images/bg_ttl04_sp.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
#contents .sdgsBtn01 {
	margin-bottom:20px;
}
#contents .sdgsBtn01:last-child {
	margin-bottom:0;
}

/* ======================
	mvArea
====================== */
#contents .mvArea {
	padding-top:75px;
}
#contents .mvArea .rightBox {
  margin: 0 20px;
}
#contents .mvArea .rightBox .txt02 {
  font-size: 14px;
  font-weight: bold;
  color: #00913a;
  line-height: 1.6;
}



/*===================================================================
		Sdgs01
===================================================================*/
#contents .sdgs01 {
	margin-bottom:40px;
	position:relative;
}
#contents .sdgs01 .box01 {
	padding:20px;
	margin-bottom:20px;
	border:1px solid #00913a;
}
#contents .sdgs01 .box01:last-child {
	margin-bottom:0;
}

#contents .sdgs01 .rightBox01 {
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #ddd;
}
#contents .sdgs01 .leftBox02 {
	margin-bottom:20px;
}
#contents .sdgs01 .centerBox03 {
	margin-bottom:20px;
}
#contents .sdgs01 .rightBox03 {
	margin-bottom:25px;
}
#contents .sdgs01 .leftBox04 {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}

#contents .sdgs01 .title01 {
	margin:0 0 20px 0;
}
#contents .sdgs01 .title01 .title02 {
	margin:0 auto;
	width:200px;
	display:block;
}
#contents .sdgs01 .title01 .text01 {
	margin-top:20px;
  font-size: 20px;
	text-align:center;
	display:block;
}
#contents .sdgs01 .text03 {
	margin-bottom:20px;
}
#contents .sdgs01 .list01{
	padding-top:5px
}
#contents .sdgs01 .list01 li {
  text-indent: -2.5em;
  padding-left: 2.5em;
	margin-bottom:7px;
  font-size: 12px;
}
#contents .sdgs01 .list01 li:last-child {
	margin-bottom:0;
}

/*===================================================================
		Sdgs02
===================================================================*/
#contents .sdgs02 {
  position:relative;
  margin: 0 auto 40px;
}
#contents .sdgs02 .box01 {
	margin:30px 0 40px;
}
#contents .sdgs02 .greyBox {
	margin-bottom:40px;
	padding:20px 0;
	background-color:#f5f5f5;
}

#contents .sdgs02 .leftBox01 {
	margin-bottom:20px;
	padding:25px 19px;
	border:1px solid #00913a;
	box-sizing:border-box;
}
#contents .sdgs02 .centerBox01 {
	margin-bottom:20px;
	padding:25px 19px;
	border:1px solid #00913a;
	box-sizing:border-box;
}
#contents .sdgs02 .rightBox01 {
	padding:25px 19px;
	border:1px solid #00913a;
	box-sizing:border-box;
}

#contents .sdgs02 .leftBox02 {
	margin-bottom:15px;
}

#contents .sdgs02 .title01 {
	margin-bottom:20px;
	padding:0 0 15px 0;
	text-align:center;
	font-size: 20px;
	border-bottom:1px solid #ddd;
}
#contents .sdgs02 .title01 .ico01 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs15_sp.gif) no-repeat center top;
	background-size:64px auto;
}
#contents .sdgs02 .title01 .ico02 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs16_sp.gif) no-repeat center top;
	background-size:64px auto;
}
#contents .sdgs02 .title01 .ico03 {
	display:block;
	padding-top:70px;
	background: url(/products/bizprinter/smartcharge/sdgs/images/img_sdgs17_sp.gif) no-repeat center top;
	background-size:64px auto;
}

#contents .sdgs02 .list01 li {
  text-indent: -2.5em;
  padding-left: 2.5em;
	margin-bottom:7px;
  font-size: 12px;
}
#contents .sdgs02 .list01 li:last-child {
	margin-bottom:0;
}
#contents .sdgs02 .link {
	padding:5px 0 5px 18px;
  background: url(common/images/ico_pop_02.gif) no-repeat left center;
  background-size: 15px;
}

#contents .sdgs02 .sdgsBtnTel .border {
	padding:18px 8px 0 25px;
	display:block;
	width:100%;
	height:100px;
	border:1px solid #000;
	box-sizing:border-box;
}

#contents .sdgs02 .sdgsBtnTel .border .ico {
	padding:5px 0 0 55px;
	margin:0 0 5px 0;
	display:block;
	background: url(/products/bizprinter/smartcharge/sdgs/images/ico_tel_sp.png) no-repeat left center;
	background-size:50px auto;
}
#contents .sdgs02 .sdgsBtnTel .border .text02 {
	display:block;
  font-size: 10px;
	font-weight:bold;
}
#contents .sdgs02 .sdgsBtnTel .border .tel {
	display:block;
	font-size: 20px;
	font-weight:bold;
}
#contents .sdgs02 .sdgsBtnTel .border .tel a {
	color:#000;
}
#contents .sdgs02 .sdgsBtnTel .border .tel a:hover {
	color:#000;
}
#contents .sdgs02 .sdgsBtnTel .border .text03 {
  display: block;
  font-size: 9px;
  text-align: center;
  position: absolute;
  margin-top: 5px;
  line-height: 1.2;
  left: 0px;
  right: 0;
  padding: 0 10px;
}

#contents .sdgs02 .sdgsBtnMail a {
	padding:30px 15px 0 25px;
	display:block;
	width:100%;
	height:100px;
  font-size: 17px;
	font-weight:bold;
	color:#000;
	line-height:1;
	background:#e7e7e7;
	box-sizing:border-box;
}
#contents .sdgs02 .sdgsBtnMail a:hover {
	color:#000;
	text-decoration:none;
}
#contents .sdgs02 .sdgsBtnMail .ico {
	padding:11px 0 11px 55px;
	display:block;
	background: url(/products/bizprinter/smartcharge/sdgs/images/ico_mail_sp.png) no-repeat left center;
	background-size:42px auto;
}
#contents .sdgs02 .sdgsBtnMail .icoSite {
	padding-right:17px;
  background: url(/common/images/ico_pop_02.gif) no-repeat right top;
  background-size: 15px;
}
#contents .sdgs02 .text04 {
	margin-bottom:20px;
}

}

/*SDGs�y�[�W�C��20201202*/
h3.SDGsTitle{
  padding:10px;
  color:#fff;
  font-size:140%;
}
h3.colorfabd00{
  background-color: #fabd00;
}
h3.color970a31{
  background-color: #970a31;
}
h3.colord39206{
  background-color: #d39206;
}
h3.color407936{
  background-color: #407936;
}
#contents #sdgs01 .leftBox01 h4.title02.mb5 .text0001 {	
    font-size: 20px;
}
@media screen and (max-width: 767px){
#contents img.sp.reportImg {
  max-width: 100%;
  width: auto;
}
#contents #sdgs01 .leftBox01 h4.title02.mb5 .text0001 {	
  text-align: center;
  display: block;
}
}