﻿@charset "utf-8";

/*************************************************
CSS
problem-solving-wrapper

15.05.30
update:15.05.30
*************************************************/
/* ============================================================ assets */
.problem-solving-wrapper {
	background: #f0ebe5;
	margin: 0 auto 60px;
	padding: 48px;
	width: 1008px;
}
.problem-solving-section {
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.problem-solving-hdg_l2 {
	font-size: 26px;
	line-height: 1.5;
	margin: 0 auto 30px;
	width: 200px;
	-webkit-border-radius: 25px !important;
	border-radius: 25px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.problem-solving-block {
	display: block;
}

/* @media */
@media (max-width: 640px) {
	.problem-solving-wrapper {
		margin: 0 auto;
		padding: 8px;
		width: 100%;
	}
	.problem-solving-hdg_l2 {
		font-size: 21px;
		margin: 0 auto 20px;
	}
	.problem-solving-block {
		display: inline;
	}
}

/* ============================================================ common */
.word-break {
	word-break: break-all;
}
.btn-detail {
	border-right: 2px solid #c1def5;
	border-left: 2px solid #c1def5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ============================================================ problem-solving-section */
/* ============================== problem-solving-section_problem */
.problem-solving-section_problem {
	padding: 48px 65px;
}
.problem-solving-section_problem-inner {
	margin: 0 0 25px 0;
	padding: 0 0 80px 0;
}
.problem-solving-section_problem-lead {
	font-size: 30px;
}

/* problem-list */
.problem-list {
	margin: 0 0 30px 0;
}
.problem-list-item {
	font-size: 26px;
	font-weight: bold;
	padding: 0 0 0 45px;
}
.problem-list-item + .problem-list-item {
	margin: 10px 0 0 0;
}

/* @media */
@media (max-width: 640px) {
	.problem-solving-section_problem {
		padding: 19px 17px;
	}
	.problem-solving-section_problem-inner {
		margin: 0 0 14px 0;
		padding: 0 0 36px 0;
	}
	.problem-solving-section_problem-lead {
		font-size: 22px;
	}

		/* problem-list */
	.problem-list {
		margin: 0 0 22px 0;
	}
	.problem-list-item {
		font-size: 20px;
		padding: 0 0 0 30px;
	}
	.problem-list-item + .problem-list-item {
		margin: 10px 0 0 0;
	}
}


/* ============================== problem-solving-section_solving */
.problem-solving-section_solving {
	margin: 0 0 48px 0;
	padding: 48px 16px;
}
.problem-solving-section_solving-lead {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 24px 0;
}

/* @media */
@media (max-width: 640px) {
	.problem-solving-section_solving {
		margin-bottom: 24px;
		padding: 24px 18px;
	}
	.problem-solving-section_solving-lead {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.3;
		margin:  0 0 12px;
		text-align: left;
	}
}


/* ============================== problem-solving-proposal */
.problem-solving-section_proposal {
	padding: 0;
}
.problem-solving-proposal-hdg_l2 {
	font-size: 36px;
	line-height: 1.6;
	margin: 0 0 32px 0;
}
.problem-solving-section_proposal-hdg_l3 {
	font-size: 24px;
	margin: 0 0 032px 0;
}
.problem-solving-section_proposal-lead {
	font-size: 18px;
	margin: 0 0 32px 0;
}
.problem-solving-section_proposal-inner {
	border-top: 1px solid #cfc4b7;
	margin: 0 auto 42px;
	padding: 32px 0 0 0; 
	width: 90%;
}
.problem-solving-section_proposal-inner_last {
	border-bottom: 1px solid #cfc4b7;
	padding-bottom: 32px; 
}
.problem-solving-proposal-block + .problem-solving-proposal-block {
	margin: 30px 0 0 0;
}
.problem-solving-proposal-title {
	font-size: 18px;
	width: 50%;
}
.problem-solving-proposal-title span {
	font-size: 22px;
	font-weight: bold;
}
.problem-solving-proposal-cvn {
	width: 200px;
}

/* @media */
@media (max-width: 640px) {
	.problem-solving-proposal-hdg_l2 {
		font-size: 21px;
	}
	.problem-solving-section_proposal-hdg_l3 {
		font-size: 18px;
		margin: 0 0 16px 0;
	}
	.problem-solving-section_proposal-lead {
		font-size: 16px;
		margin: 0 auto 16px;
		width: 90%;
		text-align: left !important;
	}
	.problem-solving-section_proposal-inner {
		margin: 0 auto 38px;
		padding: 26px 0 0 0; 
	}
	.problem-solving-section_proposal-inner_last {
		padding-bottom: 26px; 
	}
	.problem-solving-proposal-block + .problem-solving-proposal-block {
		margin: 26px 0 0 0;
	}
	.problem-solving-proposal-cvn {
		margin: 16px 0 0 0;
		text-align: center;
		width: 100%;
	}
	.problem-solving-proposal-title {
		width: 100%;
	}
	.problem-solving-proposal-title span {
		font-size: 20px;
	}
	.problem-solving-section_proposal .thumb_mn {
		margin: 0 auto;
	}
}


/* ============================================================ management */
.cat-management-wrapper .problem-list-item {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/management/bgimage-vheck-box.png) no-repeat 0 4px;
}
.cat-management-wrapper .problem-solving-section_problem-inner {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/management/bgimage-management-arrow-b.png) no-repeat bottom center;
}
.cat-management-wrapper .cat-fcolor{ 
	color: #2b96dd;
}
.cat-management-wrapper .cat-bgcolor {
	background: #2b96dd;
}

/* @media */
@media (max-width: 640px) {
	.cat-management-wrapper .problem-list-item {
		background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/management/bgimage-vheck-box.png) no-repeat 0 6px;
		background-size: 16px;
	}
	.cat-management-wrapper .problem-solving-section_problem-inner {
		background-size: 43px 23px;
	}
}


/* ============================================================ operating */
.cat-operating-wrapper .problem-list-item {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/operating/bgimage-vheck-box.png) no-repeat 0 4px;
}
.cat-operating-wrapper .problem-solving-section_problem-inner {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/operating/bgimage-operating-arrow-b.png) no-repeat bottom center;
}
.cat-operating-wrapper .cat-fcolor{ 
	color: #eb3c67;
}
.cat-operating-wrapper .cat-bgcolor {
	background: #eb3c67;
}

/* @media */
@media (max-width: 640px) {
	.cat-operating-wrapper .problem-list-item {
		background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/operating/bgimage-vheck-box.png) no-repeat 0 6px;
		background-size: 16px;
	}
	.cat-operating-wrapper .problem-solving-section_problem-inner {
		background-size: 43px 23px;
	}
}


/* ============================================================ sales */
.cat-sales-wrapper .problem-list-item {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/sales/bgimage-vheck-box.png) no-repeat 0 4px;
}
.cat-sales-wrapper .problem-solving-section_problem-inner {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/sales/bgimage-sales-arrow-b.png) no-repeat bottom center;
}
.cat-sales-wrapper .cat-fcolor{ 
	color: #00aa8d;
}
.cat-sales-wrapper .cat-bgcolor {
	background: #00aa8d;
}

/* @media */
@media (max-width: 640px) {
	.cat-sales-wrapper .problem-list-item {
		background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/sales/bgimage-vheck-box.png) no-repeat 0 6px;
		background-size: 16px;
	}
	.cat-sales-wrapper .problem-solving-section_problem-inner {
		background-size: 43px 23px;
	}
}


/* ============================================================ work */
.cat-work-wrapper .problem-list-item {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/work/bgimage-vheck-box.png) no-repeat 0 4px;
}
.cat-work-wrapper .problem-solving-section_problem-inner {
	background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/work/bgimage-work-arrow-b.png) no-repeat bottom center;
}
.cat-work-wrapper .cat-fcolor{ 
	color: #eb6f00;
}
.cat-work-wrapper .cat-bgcolor {
	background: #eb6f00;
}

/* @media */
@media (max-width: 640px) {
	.cat-work-wrapper .problem-list-item {
		background: url(/-/Media/Ricoh/Sites/co_jp/solutions/features/img/work/bgimage-vheck-box.png) no-repeat 0 6px;
		background-size: 16px;
	}
	.cat-work-wrapper .problem-solving-section_problem-inner {
		background-size: 43px 23px;
	}
}