@charset "utf-8";

/* -----------------------------------------------------------------------------
 About
----------------------------------------------------------------------------- */
#workflow {
	position:relative;
	width:770px;
	padding-top:55px;
	text-align:left;
	float:right;
	z-index:9999;
}

#workflow h2 {
	font-size:1.4em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.9em;
}

#workflow .catch {
	font-size:20px;
	margin-top:65px;
	text-align:left;
}

#workflow h2 .jp {
	font-size:10px;
	padding-left:5px;
}

#workflow h3 {
	font-size:1.2em;
	font-weight:normal;
	padding-top:55px;
}

#workflow h3 span {
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
	display:inline;
}

#workflow .box {
	position:relative;
}

#workflow .lang {
	position:absolute;
	top:0;
	left:195px;
	font-size:13px;
	width:186px;
	display:block;
}

#workflow .lang li {
	width:60px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#workflow .lang li a {
	color:#FFF;
	background-color:#4d4d4d;
	line-height:1.6em;
	display:block;
}

#workflow .lang li a.active {
	color:#FFF;
	background-color:#808080;
}

#workflow .list-box ul {
	margin-top:20px;
	padding-bottom:15px;
}

#workflow .list-box ul li {
	padding-left:10px;
	background:url(../../img/ico2.png) 0px 0.7em no-repeat;
}

#workflow .list-box ul.nomark li {
	text-indent:-1.1em;
	margin-left:1.1em;
	padding-left:0;
	background:none;
}

#workflow .list-box .cap {
	font-size:0.85em;
	margin-top:20px;
}

#workflow ul.link {
	margin:0;
	padding-top:45px;
	padding-bottom:15px;
	text-align:center;
}

#workflow ul.link li {
	margin:35px auto 0;
	padding-left:0;
	background:none;
}

#workflow ul.link li img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#workflow-detail {
	position:relative;
	width:770px;
	padding-top:55px;
	text-align:left;
	float:right;
	z-index:9999;
}

#workflow-detail .case-title img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#workflow-detail .step {
	padding-top:60px;
}

#workflow-detail .num {
	width:46px;
	float:left;
}

#workflow-detail .num img {
	width:46px;
	height:auto;
}

#workflow-detail .subt {
	margin-left:56px;
	padding:18px 0 0.6em 0;
	border-bottom:1px solid #FFF;
}

#workflow-detail .subt h2 {
	font-size:1.7em;
	font-weight:normal;
	padding-right:15px;
	line-height:1.2em;
	display:inline;
}

#workflow-detail .subt .en {
	font-size:1.05em;
	padding-top:0.2em;
	padding-right:15px;
	line-height:1.2em;
	display:inline;
}

#workflow-detail .subt .cn {
	font-size:1em;
	line-height:1.2em;
	display:inline;
}

#workflow-detail .img {
	margin-top:25px;
	width:400px;
	float:right;
}

#workflow-detail .img img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	margin-top:10px;
}

#workflow-detail .txt {
	font-size:1em;
	margin:35px 445px 0 0;
	padding:0;
	line-height:2em;
}

#workflow-detail .txt a {
	text-decoration:underline;
}
#workflow-detail .txt a:hover {
	text-decoration:none;
}

#workflow-detail .txtlink {
	font-size:1em;
	margin:35px 0 0 0;
	text-align:right;
	line-height:2em;
}

#workflow-detail .txtlink span {
	margin-left:10px;
}

#workflow-detail .txtlink a {
	text-decoration:underline;
}
#workflow-detail .txtlink a:hover {
	text-decoration:none;
}

#workflow-detail ul.link {
	display:none;
}



/* -----------------------------------------------------------------------------
 Sidebar
----------------------------------------------------------------------------- */
#sidebar ul.anchor {
	border-bottom:none;
}

#sidebar ul.anchor a {
	font-size:14px;
	display:block;
}

#sidebar ul.anchor .ja {
	font-size:10px;
	line-height:1.2em;
	display:block;
}


/* *****************************************************************************
   PC用のスタイル記述
@media screen and (min-width: 769px), print {
}
***************************************************************************** */


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 769px) {

#workflow {
	width:auto;
	margin:0 7px;
	padding-top:20px;
	float:none;
}

#workflow .catch {
	padding-bottom:10px;
	border-bottom:1px solid #FFF;
	text-align:left;
}

#workflow .catch span {
	display:block;
}

#workflow .catch .jp {
	font-size:1.05em;
	padding-bottom:20px;
}

#workflow .catch .en {
	font-size:1em;
	padding-bottom:20px;
}

#workflow .catch .cn {
	font-size:1em;
	padding-bottom:20px;
}

#workflow h2 {
	font-size:1.3em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.8em;
}

#workflow h2 .jp {
	font-size:9px;
	padding-left:0px;
}

#workflow h3 {
	font-size:1em;
	font-weight:normal;
	margin-top:40px;
}

#workflow h3 span {
	display:block;
}

#workflow .box {
	position:relative;
	margin-top:35px;
}

#workflow .lang {
	position:absolute;
	top:5px;
	left:195px;
	font-size:13px;
	width:186px;
	display:block;
}

#workflow .lang {
	position:absolute;
	top:1px;
	left:auto;
	right:0px;
	font-size:0.85em;
	width:147px;
	display:block;
}

#workflow .lang li {
	width:47px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#workflow .lang li a.active {
	color:#FFF;
	background-color:#808080;
}

#workflow .list-box ul {
	margin-top:20px;
	padding-bottom:15px;
}

#workflow .list-box ul li {
	font-size:0.85em;
	padding-left:10px;
	background:url(../../img/ico2.png) 0px 0.7em no-repeat;
}

#workflow .list-box ul.nomark li {
	text-indent:-1.1em;
	margin-left:1.1em;
	padding-left:0;
	background:none;
}

#workflow .list-box .cap {
	font-size:10px;
	margin-top:20px;
}

#workflow ul.link {
	margin:0;
	padding-top:35px;
	padding-bottom:15px;
	text-align:center;
}

#workflow ul.link li {
	margin:20px auto 0;
	padding-left:0;
	background:none;
}

#workflow ul.link li img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#workflow-detail {
	width:auto;
	margin:0 10px;
	padding-top:20px;
	float:none;
}

#workflow-detail .case-title img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#workflow-detail .step {
	padding-top:60px;
}

#workflow-detail .num {
	width:38px;
	float:left;
}

#workflow-detail .num img {
	width:38px;
	height:auto;
}

#workflow-detail .subt {
	margin-left:48px;
	padding-top:0;
	padding-bottom:0.3em;
	border-bottom:1px solid #FFF;
}

#workflow-detail .subt h2 {
	font-size:16px;
	font-weight:normal;
	line-height:1.2em;
}

#workflow-detail .subt .en {
	font-size:10px;
	padding-top:0.2em;
	line-height:1.2em;
	display:block;
}

#workflow-detail .subt .cn {
	font-size:10px;
	line-height:1.2em;
	display:block;
}

#workflow-detail .img {
	width:auto;
	margin-top:15px;
	float:none;
}

#workflow-detail .img img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	margin-top:5px;
}

#workflow-detail .txt {
	font-size:0.85em;
	margin:30px 0 0;
	padding:0;
}

#workflow-detail .txt a {
	text-decoration:underline;
}
#workflow-detail .txt a:hover {
	text-decoration:none;
}

#workflow-detail .txtlink {
	font-size:0.85em;
	margin:35px 0 0 0;
	padding-bottom:10px;
	text-align:right;
	line-height:2em;
}

#workflow-detail .txtlink span {
	display:block;
}

#workflow-detail ul.link {
	margin:0;
	margin-top:35px;
	padding-bottom:15px;
	text-align:center;
	display:block;
}

#workflow-detail ul.link li {
	margin:25px auto 0;
	padding-left:0;
	background:none;
}

#workflow-detail ul.link li img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#sidebar {
	display:none;
}


}