/*
#contents_chara {
	margin-top: 40px;
}
*/

@media screen and (min-width: 1024px) {
#contents_chara {
	padding-top: 0;
}	
}

/*======================

共通

=======================*/
@media screen and (min-width: 768px) {
#contents_chara p {
	font-size: 16px;
}
}

/*======================

Design

=======================*/
.design > div {
	margin-top: 60px;
}
.design .hLine {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 25px;
	color: #0096d6;
}
.design_title {
	font-size: 20px;
	color: #0096d6;
	letter-spacing: 1;
	text-align: center;
}
.design_size h4, .design_maintenance h4 {
	background: #000;
	color: #fff;
	padding: 20px;
	font-size: 18px;
	font-weight: normal;
}
.design_size p, .design_maintenance p {
	color: #fff;
	font-size: 16px;
}

@media screen and (min-width: 768px) {
.design > div {
	margin-top: 100px;
}
.design .design_box {
	margin-top: 0
}
.design_size h4, .design_maintenance h4 {
	padding: 30px;
	font-size: 25px;
}

}

@media screen and (min-width: 768px) {
.design_size .d_none.d_block_md > div, .design_maintenance .d_none.d_block_md > div {
	position: relative;
}
.design_size .d_none.d_block_md div div, .design_maintenance .d_none.d_block_md div div {
	position: absolute;
	top: 20px;
	padding: 0 20px;
}
}

@media screen and (min-width: 1024px) {
.design .hLine {
	margin-top: 60px;
	margin-bottom: 30px;
}
.design .design_box {
	position: relative;
}
.design .design_box div {
	position: absolute;
	bottom: 110px;
	left: 110px;
}
.design .design_box div p {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 30px!important;
}
}


/*---------------------
地球環境のサステナブルに貢献
-----------------------*/
.sustainable {
	margin-top: 30px;
}
.sustainable h3 {
	margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 20px;
    font-weight: normal;
}
.sustainable_list {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
	margin-top: 30px;
}
.sustainable_list div {
	border-bottom: 1px solid #000;
	text-align: center;
	padding-right: 10px;
}
.sustainable_list div:last-child {
	border-bottom: none;
}
.sustainable_list div img {
	margin-top: 10px;
}
.sustainable_list div p {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
.sustainable_list {
	grid-template-columns: 1fr 1fr;
}
.sustainable_list div {
	border-right: 1px solid #000;
}
.sustainable_list div:nth-child(n+3) {
	border-bottom: none;
}
}
@media screen and (min-width: 768px) {
.sustainable h3 {
	font-size: 25px;	
}
}
@media screen and (min-width: 1024px) {
.sustainable {
	margin-top: 100px;
}
.sustainable h3 {
	font-size: 28px;	
}
.sustainable_list {
	grid-template-columns: 1fr 1fr 1fr 2fr;
}
.sustainable_list div {
	border-bottom: none;
}
.sustainable_list div:last-child {
	border-right: none;
}
.sustainable_list div img {
	margin-top: 0;
}
.sustainable_list div p {
	margin-bottom: 0;
}
}


/*---------------------
デバイスを清潔に保つ
-----------------------*/
.device {
	margin-top: 30px;
}
.device h3 {
	margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 20px;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
.device h3 {
	font-size: 25px;	
}
.device .col2_md div:first-child{
	display: flex;
    align-items: center;
}
}
@media screen and (min-width: 1024px) {
.device {
	margin-top: 100px;
}
.device h3 {
	font-size: 28px;
}
}







/*======================

Performance

=======================*/
.performance {
	margin-top: 60px;
}
.performance > div {
	margin-top: 60px;
}
.performance .hLine {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 25px;
	color: #0096d6;
}
.performance_title {
	font-size: 20px;
	color: #0096d6;
	letter-spacing: 1px;
	text-align: center;
}
.performance_logo > div {
	margin-top: 60px;
}
.performance_logo > div:nth-child(n+2) {
	margin-top: 40px;
}
.logo_box {
	text-align: center;
}
.logo_box p {
	color: #0096d6;
	text-align: center;
	margin-top: 10px;
}
.performance_logo ul {
	text-align: center;
	margin-top: 60px;
}
.performance_logo ul li h3 {
	margin-top: 10px;
	font-weight: normal;
}
.performance_logo ul li p {
	margin-top: 10px;
	text-align: left;
}

@media screen and (min-width: 768px) {
.performance {
	margin-top: 100px;
}
.performance_main {
	position: relative;
}
.performance_main .note {
	position: absolute;
	color: #fff;
	font-size: 11px!important;
	top: 2%;
	right: 2%;
}
.performance_main h4 {
	position: absolute;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	top: 8%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.performance_main p:last-child {
	position: absolute;
	color: #fff;
	text-align: center;
	bottom: 10%;
	left: 0;
	right: 0;
}
.performance_logo .logo_box {
	display: table;
	width: 100%;
}
.performance_logo .logo_box div {
	display: table-cell;
}
.performance_logo .logo_box div:first-child {
	width: 35%;
	vertical-align: middle;
}
.performance_logo .logo_box div:nth-child(n+2) {
	vertical-align: middle;
}
.logo_box p {
	text-align: left;
	margin-top: 0;
}
.performance_logo ul li h3 {
	font-size: 20px!important;
	line-height: 14px;
}
.performance_logo ul li p {
	text-align: center;
	font-size: 14px!important;
}
}


@media screen and (min-width: 1024px) {
.performance .hLine {
	margin-top: 60px;
}
.performance > div {
	margin-top: 100px;
}
.logo_box p {
	font-size: 20px!important;
}
.performance_logo ul {
	margin-top: 100px;
}
}



/*---------------------
パフォーマンスと優れた省電力性能を両立
-----------------------*/
.power h3 {
	margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 20px;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
.power h3 {
	font-size: 25px;
}	
.power .col2_md div:last-child{
	display: flex;
    align-items: center;
}
}
@media screen and (min-width: 1024px) {
.power h3 {
	font-size: 28px;
}
}



/*---------------------
生産性を高めるマルチディスプレイ
-----------------------*/
.display p {
	color: #0096d6;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 20px;
}
.display ul {
	margin-top: 30px;
	text-align: center;
	background: #f2f2f2;
	padding: 10px;
}
.display ul li {
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.display ul li p {
	text-align: center;
}

@media screen and (min-width: 768px) {
.display p {
	font-size: 20px!important;
}
.display ul li p {
	margin-top: 20px;
	margin-bottom: 20px;
}
}

@media screen and (min-width: 1024px) {
.display .d_none.d_block_lg {
	position: relative;
}
.display .d_none.d_block_lg h2 {
	position: absolute;
	font-weight: normal;
	color: #fff;
	font-size: 35px!important;
	top: 95px;
	left: 160px;
}
.display p {
	margin-top: 60px;
}
.display ul {
	margin-top: 60px;
}
.display ul li p {
	font-size: 20px!important;
	margin-top: 10px;
}
}










/*======================

各部名称

=======================*/
.view_area {
	margin-top: 40px;
}
@media screen and (min-width: 1024px) {
.view_area {
	margin-top: 100px;
}
}