@charset "UTF-8";
/* ******************************************************************

	--company.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
#main {
	background:none;
	margin:0 auto;
}
.introBox {
	width:858px;
	margin:60px auto 0;
	min-height:296px;
	height:100%;
	color:#FFF;
	overflow:hidden;
}
.introBox01 {
	width:856px;
}
.introBox .introText {
	display:inline-block;
	vertical-align:top;
	position:relative;
	/*float:left;*/
	margin-right:-5px;
	width:628px;
	min-height:296px;
	background:#000;
}
.introBox .introText p {
	background:#000;
}
.introBox .introText01 {
	width:642px;
}
.introBox .introImage {
	display:inline-block;
	vertical-align:top;
	/*float:right;*/
	width:230px;
	position:relative;
}
.introBox01 .introImage {
	width:228px;
	background:#FFF;
}
.introBox .introImage01 {
	width:216px;
}
.introBox .introText .info {
	position:absolute;
	bottom:10px;
	min-width:600px;
	padding:0 20px;
	background:#000;
}
.introBox .introText .info p {
	line-height:1.4;
}
.introBox .introText .info p.text01 {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:27px;
	font-weight:bold;
}
.introBox .introImage .image {
	font-size:0;
}
.introBox .introImage .name {
	position:absolute;
	margin:0 13px;
	bottom:14px;
	background:url(/img/public/case/bg_line.png) repeat 0 0;
	display:block;
	width:175px;
	text-align:center;
	color:#242424;
	padding:8px 0 9px 20px;
	font-weight:bold;
	font-size:26px;
	line-height:0.9;
	left:9px;
	text-align:left;
}
.introBox .introImage01 .name {
	left:-6px;
}
.introBox .introImage .name01 {
	font-size:21px;
}
.introBox .introImage .name span {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:14px;
}
.section {
	width:820px;
	margin:0 auto;
	font-size:16px;
	line-height:1.8;
	padding-bottom:105px;
}
.section01 {
	width:863px;
}
.profile {
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin:0 0 50px 0;
	padding:30px 0 18px 0;
	font-size:14px;
}
.section01 .profile {
	margin:0 20px 50px;
}
.profile .imageProfile {
	display:table-cell;
	vertical-align:middle;
	width:104px;
	padding:0 0 0 28px;
}
.profile .textProfile {
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 20px;
	font-size:14px;
}
.profile .textProfile .txt2 {
	margin:-4px 0 0 0;
	font-size:15px;
}
.profile .textProfile .txt3 {
	color:#515151;
}
.txt20 {
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	padding:0 0 20px 0;
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.midashi{
	background:#000000;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	margin-bottom:25px;
	padding-left:20px;
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.section01 .txt20 {
	margin:0 20px;
}
.red {
	color:#fd1841;
}
.imageInfo {
	margin:105px 0 35px 0;
}
.bottomBox {
	background:#e3e3e3;
	margin-bottom:20px;
}
.bottomBox .box {
	width:823px;
	margin:0 auto;
}
.bottomBox .txt20 {
	text-align:center;
	padding:34px 0 27px;
}
.bottomBox ul {
	margin:0 -19px 0 0;
	text-align:center;
}	
.bottomBox li {
	display:inline-block;
	padding:0 0 30px 0;
	margin:0 19px 0 0;
	width:401px;
	text-align:left;
}
.bottomBox li div.out {
	display:table;
	width:401px;
	background:#fff;
	margin:0 0 8px 0;
}
.bottomBox li .image01 {
	display:table-cell;
	vertical-align:middle;
	width:224px;
	font-size:0;
}
.bottomBox li .text {
	display:table-cell;
	vertical-align:middle;
	border:none;
	text-align:center;
	margin:0
}
.bottomBox li .text .view {
	margin:17px 0 0;
}
.bottomBox li .text .view a, .btnTip li a {
	display:inline-block;
	width:130px;
	border:2px solid #000;
	padding:10px 0 10px 0;
	font-size:15px;
	background:#FFF;
	transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
}
.bottomBox li .text .view a:hover,
.btnTip li a:hover,
.btnTip li a.active {
	background:#000;
	color:#FFF;
	text-decoration:none;
}
.bottomBoxRs li {
	float: none;
	margin-right: 17px;
	vertical-align: top;
}
@media screen and (max-device-width:1024px) {
	.bottomBox li .text .view a, .btnTip li a {
	  	transition:none;
	}
	.bottomBox li .text .view a:hover,
	.btnTip li a:hover {
		background:#FFF;
		color:#000;
	}
	.btnTip li a.active {
		background:#000;
		color:#FFF;
		text-decoration:none;
	}
}
.bottomBox li .text .view a span {
	background:url(/img/public/icon_arrow35.png) no-repeat 0 4px;
	padding:0 0 0 17px;
}
.bottomBox li .text .view a:hover span {
	color:#FFF;
	background:url(/img/public/icon_arrow32.png) no-repeat 0 4px;
}
.bottomBox li p:last-child {
	padding-top:5px;
	line-height:1.55;
}
.txt20.imageInfo {
	margin-bottom:0;
}
.textIndex {
	margin-left:1.8em;
	text-indent:-1.8em;	
}
.btnTip {
	margin:35px auto 32px;
	width:863px;
	font-size:16px;
	line-height:1.8;
}
.btnTip li {
	display:inline-block;
	margin-right:23px;
}
.btnTip li a {
	width:411px;
	padding:10px 0 7px;
	border-width:3px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.btnTip li a span {
	background:url(/img/public/icon_arrow44.png) no-repeat 0 50%;
	padding-left:20px;
}
.btnTip li a:hover span,
.btnTip li a.active span {
	color:#FFF;
	background:url(/img/public/icon_arrow45.png) no-repeat 0 50%;
	-webkit-backface-visibility: hidden;
}
.mt120 {
	margin-top:120px !important;
}
.cleaningTip {
	margin-bottom:97px;
}
.cleaningTip02 {
	margin-top:102px;
}
.cleaningTip03 {
	margin-top:121px;
}
.cleaningTip .tipBox, .movingTip .tipBox, .natureTip .tipBox {
	width:837px;
	margin-bottom:20px;
	padding:10px;
	background:#F3F7FA;
}
.cleaningTip .tipBox .headTxt, .natureTip .tipBox .headTxt {
	display:inline-block;
	padding-bottom:13px;
	background:url(/img/public/case/icon_arrow01.png) no-repeat 50% 100%;
}
.cleaningTip01 .tipBox .headTxt {
	background:url(/img/public/case/icon_arrow02.png) no-repeat 50% 100%;
}
.cleaningTip02 .tipBox .headTxt {
	background:url(/img/public/case/icon_arrow03.png) no-repeat 50% 100%;
}
.cleaningTip03 .tipBox .headTxt {
	background:url(/img/public/case/icon_arrow05.png) no-repeat 50% 100%;
}
.cleaningTip .tipBox .headTxt span, .natureTip .tipBox .headTxt span {
	display:block;
	width:201px;
	background:#FF9F10;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.cleaningTip01 .tipBox .headTxt span {
	background:#FF6C39;
}
.cleaningTip02 .tipBox .headTxt span {
	background:#FF81A7;
}
.cleaningTip03 .tipBox .headTxt span {
	background:#B9D000;
}
.cleaningTip .tipBox .description, .movingTip .tipBox .description, .natureTip .tipBox .description {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	padding:6px 18px 16px;
	font-size:24px;
	line-height:1.5;
}
.cleaningTip .tipBox .description span {
	color:#FF9F10;
}
.cleaningTip01 .tipBox .description span {
	color:#FF6C39;
}
.cleaningTip02 .tipBox .description span {
	color:#FF81A7;
}
.cleaningTip .contentBlock .txtBlock, .movingTip .contentBlock .txtBlock {
	float:left;
	width:620px;
	margin-top:26px;
}
.cleaningTip01 .contentBlock .txtBlock {
	margin-top:-3px;
}
.cleaningTip .contentBlock .txtBlock .title, .movingTip .contentBlock .txtBlock .title {
	padding-bottom:10px;
	color:#FF9F10;
	font-size:17px;
	font-weight:bold;
}
.cleaningTip01 .contentBlock .txtBlock .title {
	color:#FF6C39;
}
.cleaningTip02 .contentBlock .txtBlock .title {
	padding:18px 0 10px;
	color:#FF81A7;
}
.cleaningTip03 .contentBlock .txtBlock .title {
	padding:26px 0 10px;
	color:#B9D000;
}
.cleaningTip .contentBlock .txtBlock p, .movingTip .contentBlock .txtBlock p {
	padding-bottom:74px;
	color:#515151;
	font-size:14px;
	line-height:1.6;
}
.cleaningTip01 .contentBlock .txtBlock p {
	padding-bottom:47px;
}
.cleaningTip02 .contentBlock .txtBlock p {
	padding-bottom:52px;
}
.cleaningTip .contentBlock .txtBlock .pinkBox {
	margin-top:-10px;
	padding:11px 18px 13px;
	background:#FEF7FA;
	font-size:14px;
	line-height:1.6;
}
.pinkBox li {
	text-indent:-11px;
	padding-left:11px;
}
.cleaningTip .contentBlock .imgBlock, .movingTip .contentBlock .imgBlock {
	float:right;
	margin-right:5px;
}
.movingTip {
	margin-bottom:98px;
}
.movingTip .tipBox .description span {
	color:#448ACA;
}
.movingTip01 .tipBox .description span {
	color:#5CB328;
}
.movingTip02 .tipBox .description span {
	color:#FF9F10;
}
.movingTip03 .tipBox .description span {
	color:#D12928;
}
.movingTip .contentBlock .txtBlock {
	margin-top:34px;
}
.movingTip01 .contentBlock .txtBlock {
	margin-top:16px;
}
.movingTip02 .contentBlock .txtBlock, .movingTip03 .contentBlock .txtBlock {
	margin-top:12px;
}
.movingTip .contentBlock .txtBlock .title {
	color:#448ACA;
}
.movingTip01 .contentBlock .txtBlock .title {
	color:#5CB328;
}
.movingTip02 .contentBlock .txtBlock .title {
	color:#FF9F10;
}
.movingTip .contentBlock .txtBlock p {
	padding-bottom:52px;
}
.movingTip01 .contentBlock .txtBlock p {
	padding-bottom:56px;
}
.movingTip02 .contentBlock .txtBlock p {
	padding-bottom:58px;
}
.movingTip .contentBlock .txtBlock01 {
	float:none;
	width:100%;
}
.movingTip .contentBlock .imgBlock {
	margin-top:9px;
}
.natureTip .tipBox {
	margin-bottom:41px;
}
.natureTip .tipBox .headTxt {
	background:url(/img/public/case/icon_arrow04.png) no-repeat 50% 100%;
}
.natureTip .tipBox .headTxt span {
	background:#2271AC;
}
.natureTip .tipBox .description span {
	color:#2271AC;
}
.cleaningTip04 .tipBox .headTxt {
	background-image:url(/img/public/case/icon_arrow06.png);
}
.cleaningTip04 .tipBox .headTxt span {
	background:#358B55;
}
.cleaningTip04 .tipBox .description span {
	color:#358B55;
}
.natureTip .listBlock {
	margin-left:27px;
}
.natureTip .listBlock li {
	float:left;
	width:246px;
	margin:0 32px 45px 0;
}
.natureTip .listBlock li p {
	padding-top:6px;
	font-size:14px;
	line-height:1.55;
}
.natureTip .listBlock li .imageItem {
	padding:0 0 2px;
	position:relative;
}
.listBlock .number {
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
	background:#000;
	padding:2px 5px;
	font-size:22px;
	width:28px;
	text-align:center;
}
.methodBlock {
	padding-bottom:49px;
}
.methodBlock .caseTitle {
	margin-left:26px;
	padding-bottom:30px;
}
.methodBlock .ordinalNumber {
	border:1px solid #000;
	margin:0 0 20px 26px;
	padding:3px 7px;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
}
.methodBlock .ordinalNumber span {
	padding-right:16px;
	font-weight:normal;
}