@charset 'UTF-8';

/*!  #case 解決事例
================================================ */


/*! #mainImg メイン画像
---------------------------------------- */

#mainImg {
	background-image: url(../img/case/bg_main01.png);
}
#mainImg.single{
	background-image: none!important;
}
/*!  #intro
-------------------------------------- */

#intro {
	margin-bottom: 100px;
}
#intro .titIntro {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 42px;
	text-align: center;
}
#intro .txt {
	margin-bottom: 45px;
	text-align: center;
}
#intro .caseList .item {
	float: left;
	width: 510px;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px 1px rgba(102, 102, 102, .3);
	box-shadow: 0 3px 3px 1px rgba(102, 102, 102, .3);
	text-align: center;
}
#intro .caseList .item+.item {
	margin-left: 20px;
}
#intro .caseList .item a {
	position: relative;
	display: block;
	padding: 28px 0 50px;
	border: 2px solid;
	border-radius: 5px;
}
#intro .caseList .item a .for {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: #ccc 2px solid;
	font-weight: 700;
	font-size: 18px;
}
#intro .caseList .item a .worry {
	line-height: 1.5;
	padding: 20px 0 25px;
	color: #333;
	font-weight: 700;
	font-size: 24px;
}
#intro .caseList .item a .more {
	position: absolute;
	left: -2px;
	bottom: -2px;
	width: 510px;
	padding: 16px 0 18px;
	color: #fff;
	font-size: 16px;
	border-radius: 0 0 5px 5px;
	background: #00664b;
}
#intro .caseList .item a .more:after {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 9px;
	height: 14px;
	margin-top: -7px;
	content: '';
	background: url(../img/common/ico_arrow06.png) no-repeat;
}

/* .corporation */

#intro .caseList .item.corporation a {
	border-color: #009bd4;
}
#intro .caseList .item.corporation a .for {
	border-color: #009bd4;
	color: #009bd4;
}
#intro .caseList .item.corporation a .more {
	background-color: #009bd4;
}

/* .individual */

#intro .caseList .item.individual a {
	border-color: #fd4633;
}
#intro .caseList .item.individual a .for {
	border-color: #fd4633;
	color: #fd4633;
}
#intro .caseList .item.individual a .more {
	background-color: #fd4633;
}
@media screen and (max-width: 599px) {
	#intro {
		margin-bottom: 25px;
		padding: 0 10px;
	}
	#intro .titIntro {
		margin-bottom: 15px;
		font-size: 16px;
	}
	#intro .txt {
		margin-bottom: 20px;
	}
	#intro .caseList .item {
		float: none;
		width: auto;
		border-radius: 2px;
		-webkit-box-shadow: 0 1px 1px 1px rgba(102,102,102,.3);
		box-shadow: 0 1px 1px 1px rgba(102,102,102,.3);
	}
	#intro .caseList .item + .item {
		margin: 8px 0 0;
	}
	#intro .caseList .item a {
		padding: 12px 0 30px;
		border-radius: 2px;
	}
	#intro .caseList .item a .for {
		padding-bottom: 5px;
		font-size: 14px;
	}
	#intro .caseList .item a .worry {
		padding: 12px 0 27px;
		font-size: 16px;
	}
	#intro .caseList .item a .more {
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 7px 0 8px;
		font-size: 13px;
		border-radius: 0;
	}
}

/*!  #linkList
-------------------------------------- */

#linkList .titList {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 40px;
	padding-bottom: 3px;
	text-align: center;
}
#linkList .boxIn {
	display: table;
	padding: 40px 0 40px 38px;
	background-color: #f4f4f4;
}
#linkList .boxIn .tit {
	display: table-cell;
	width: 310px;
	font-weight: normal;
	font-size: 26px;
	vertical-align: middle;
}
#linkList .boxIn .tit span {
	line-height: 1.6;
	font-size: 32px;
}
#linkList .boxIn .list {
	display: table-cell;
	width: 730px;
	padding-left: 40px;
	border-left: 2px solid #fff;
	vertical-align: middle;
}
#linkList .boxIn .list li {
	float: left;
	width: 230px;
	line-height: 1.6;
	margin-bottom: 20px;
}
#linkList .boxIn .list li:nth-child(odd) {
	width: 360px;
}
#linkList .boxIn .list li:nth-last-child(-n+2) {
	margin-bottom: 0;
}
#linkList .boxIn .list li a:hover {
	text-decoration: underline;
}
#linkList .orporation {
	margin-bottom: 40px;
	border-top: 2px solid #009bd4;
}
#linkList .orporation .tit {
	color: #009bd4;
}
#linkList .orporation .list{
	padding-top: 10px;
}
#linkList .orporation .list a {
	padding-left: 20px;
	background: url(../img/common/ico_arrow09.png) 0 50% no-repeat;
}
#linkList .individual {
	border-top: 2px solid #fd4633;
}
#linkList .individual .tit {
	color: #fd4633;
}
#linkList .individual .list a {
	padding-left: 20px;
	background: url(../img/common/ico_arrow10.png) 0 50% no-repeat;
}
@media screen and (max-width: 599px) {
	#linkList .titList {
		font-size: 16px;
		margin-bottom: 21px;
	}
	#linkList .boxIn {
		display: block;
		padding: 10px 20px;
	}
	#linkList .boxIn .tit {
		display: block;
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	#linkList .boxIn .tit span {
		font-size: 20px;
	}
	#linkList .boxIn .list {
		display: block;
		width: 100%;
		margin-top: 10px;
		padding-top: 10px;
		padding-left: 0;
		border-top: 1px solid #fff;
		border-left: 0;
	}
	#linkList .boxIn .list li {
		float: none;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	#linkList .boxIn .list li:nth-child(odd) {
		width: 100%;
	}
	#linkList .boxIn .list li:nth-last-child(-n+2) {
		margin-bottom: 10px;
	}
	#linkList .boxIn .list li a {
		display: block;
		font-size: 15px;
		text-decoration: underline;
	}
	#linkList .orporation {
		margin-bottom: 20px;
	}
	#linkList .orporation .list a {
		padding-left: 10px;
		background: url(../img/common/ico_arrow09.png) 0 50% no-repeat;
		background-size: 4px auto;
	}
	#linkList .individual {
		margin-bottom: 0;
	}
	#linkList .individual .list a {
		padding-left: 10px;
		background: url(../img/common/ico_arrow10.png) 0 50% no-repeat;
		background-size: 4px auto;
	}
}

/*!  #listWrap アーカイブ
================================================ */
/* #tabs */
#listWrap #tabs {
	position: relative;
	margin-bottom: 52px;
}
#listWrap #tabs:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #00664b;
	z-index: 2;
}
#listWrap #tabs .item {
	position: relative;
	top: 1px;
	float: left;
	width: 510px;
	padding: 11px 0 12px;
	background: #f4f4f4;
	border: solid #ccc;
	border-width: 1px 1px 0;
	border-radius: 3px 3px 0 0;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}
#listWrap #tabs .item.active {
	border-color: #00664b;
	background: #00664b;
	color: #fff;
}
#listWrap #tabs .item + .item {
	margin-left: 20px;
}
@media screen and (max-width: 599px) {
	#listWrap #tabs {
		margin-bottom: 25px;
		border-bottom-width: 1px;
	}
	#listWrap #tabs .item {
		float: left;
		width: 48%;
		padding: 11px 0;
		border-radius: 2px 2px 0 0;
		font-size: 14px;
	}
	#listWrap #tabs .item + .item {
		margin-left: 4%;
	}
}
/* .content */
#listWrap .content .list {
	display: none;
	border: solid 1px #cac2b6;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	box-shadow: 0 3px 3px 1px rgba(102, 102, 102, 0.3);
}
#listWrap .content .list.active {
	display: block;
}
#listWrap .content .list .item {
	position: relative;
	padding: 25px 85px 25px 25px;
}
#listWrap .content .list .item+.item {
	border-top: 1px solid #cac2b6;
}
#listWrap .content .list .item:after {
	position: absolute;
	top: 50%;
	right: 25px;
	width: 12px;
	height: 20px;
	margin-top: -5px;
	background: url(../img/common/ico_arrow03.png) no-repeat 50% 0;
	content: '';
}
#listWrap .content .list .item .cat {
	overflow: hidden;
}
#listWrap .content .list .item .cat li {
	float: left;
	margin: 0 5px 7px 0;
}
#listWrap .content .list .item .cat li span {
	display: block;
	line-height: 1.2;
	padding: 3px 5px 2px;
	border: 1px solid #1aaa87;
	color: #1aaa87;
	font-size: 12px;
}
#listWrap .content .list .item .txt {
	line-height: 1.4;
	font-size: 24px;
}
#listWrap .content .list .item .txt a {
	display: block;
}
#listWrap .content .list .item .txt a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 599px) {
	#listWrap .content .list .item {
		padding: 15px 30px 15px 15px;
	}
	#listWrap .content .list .item:after {
		right: 15px;
		width: 6px;
		height: 10px;
		background-size: 6px auto;
	}
	#listWrap .content .list .item .txt {
		font-size: 16px;
	}
}

/*! #single 記事
================================================ */


/*! #head
-------------------------------------- */

#single #head {
	padding-bottom: 50px;
}
#single #head .cat {
	font-size: 24px;
	text-decoration: underline;
	text-align: center;
}
#single #head .tit {
	line-height: 1.8;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 38px;
	text-align: center;
}
#single #head .txt {
	font-size: 18px;
}
@media screen and (max-width: 599px) {
	#single #head {
		padding-bottom: 25px;
	}
	#single #head .cat {
		font-size: 18px;
	}
	#single #head .tit {
		margin-bottom: 10px;
		font-size: 20px;
	}
	#single #head .tit br {
		display: none;
	}
	#single #head .txt {
		font-size: 16px;
	}
}

/*! #trouble
-------------------------------------- */

#single #trouble {
	background: #f4f4f4;
}
#single #trouble .troubleIn {
	position: relative;
	padding: 30px 0 50px;
}
#single #trouble .troubleIn:after {
	position: absolute;
	bottom: -20px;
	left: 2px;
	width: 63px;
	height: 20px;
	background: url(../img/case/ico_arrow_trouble01.png) no-repeat 0 0;
	content: '';
}
#single #trouble .tit {
	line-height: 1.5;
	margin-bottom: 25px;
	padding: 6px 0 4px 68px;
	background: url(../img/case/ico_trouble01.png) no-repeat 0 0;
	color: #00664b;
	font-weight: 400;
	font-size: 30px;
}
#single #trouble .list {
	padding: 20px 30px;
	background: #fff;
}
#single #trouble .list .item {
	position: relative;
	line-height: 2;
	padding-left: 20px;
}
#single #trouble .list .item:before {
	position: absolute;
	top: 16px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #00664b;
	content: '';
}
#single #trouble .list .item strong {
	font-weight: 700;
}
@media screen and (max-width: 599px) {
	#single #trouble .troubleIn {
		padding: 15px 0 25px;
	}
	#single #trouble .troubleIn:after {
		bottom: -10px;
		left: 15px;
		width: 32px;
		height: 10px;
		background-size: auto 10px;
	}
	#single #trouble .tit {
		margin-bottom: 15px;
		padding: 6px 0 4px 34px;
		background-position: 0 10px;
		background-size: 25px;
		font-size: 20px;
	}
	#single #trouble .list {
		padding: 10px 15px;
	}
	#single #trouble .list .item {
		padding-left: 15px;
	}
	#single #trouble .list .item:before {
		top: 14px;
		width: 4px;
		height: 4px;
		border-radius: 2px;
	}
}

/*! #solution
-------------------------------------- */

#single #solution {
	background: url(../img/case/bg_solution01.png);
}
#single #solution .solutionIn {
	position: relative;
	padding: 48px 0 50px;
}
#single #solution .solutionIn:after {
	position: absolute;
	bottom: -20px;
	left: 2px;
	width: 63px;
	height: 20px;
	background: url(../img/case/ico_arrow_solution01.png) no-repeat 0 0;
	content: '';
}
#single #solution .tit {
	display: inline-block;
	position: relative;
	top: 2px;
	z-index: 1;
	line-height: 1.5;
	padding: 25px 44px 8px 76px;
	border-width: 2px 2px 0;
	border-color: #dfdad3 #dfdad3 #fff;
	border-style: solid;
	border-radius: 10px 10px 0 0;
	background: #fff url(../img/case/ico_solution01.png) no-repeat 35px 33px;
	color: #ff9000;
	font-weight: 400;
	font-size: 30px;
}
#single #solution .list {
	padding: 35px 35px 30px;
	border: 2px solid #dfdad3;
	border-radius: 0 5px 5px 5px;
	background: #fff;
}
#single #solution .list dt {
	position: relative;
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 7px 0 5px 54px;
	background: #fff9d1;
	font-weight: 700;
	font-size: 22px;
	counter-increment: num;
}
#single #solution .list dt:before {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 40px;
	height: 100%;
	padding-top: 7px;
	background: #ff9000;
	color: #fff;
	font-size: 20px;
	text-align: center;
	content: counter(num);
}
#single #solution .list dd+dt {
	margin-top: 35px;
}
#single #solution .list dd {
	line-height: 1.8;
	font-size: 16px;
}
@media screen and (max-width: 599px) {
	#single #solution {
		background-size: 10px;
	}
	#single #solution .solutionIn {
		padding: 24px 0 25px;
	}
	#single #solution .solutionIn:after {
		bottom: -10px;
		left: 15px;
		width: 32px;
		height: 10px;
		background-size: auto 10px;
	}
	#single #solution .tit {
		top: 1px;
		padding: 15px 22px 4px 38px;
		border-width: 1px 1px 0;
		border-radius: 5px 5px 0 0;
		background-position: 17px 22px;
		background-size: 15px;
		font-size: 20px;
	}
	#single #solution .list {
		padding: 15px;
		border: 2px solid #dfdad3;
		border-width: 1px;
	}
	#single #solution .list dt {
		margin-bottom: 10px;
		padding: 4px 0 3px 35px;
		background: #fff9d1;
		font-size: 18px;
	}
	#single #solution .list dt:before {
		width: 25px;
		padding-top: 10px;
		font-size: 10px;
	}
	#single #solution .list dd+dt {
		margin-top: 17px;
	}
}

/*! #result
-------------------------------------- */

#single #result {
	background: #fff9ef;
}
#single #result .resultIn {
	padding: 43px 0 47px;
}
#single #result .tit {
	height: 66px;
	line-height: 1.5;
	margin: 0 0 25px -13px;
	padding: 11px 0 13px 60px;
	background: url(../img/case/bg_result01.png) no-repeat 0 0;
	font-weight: 400;
	font-size: 30px;
}
#single #result .list .item {
	line-height: 1.5;
	padding-left: 35px;
	background: url(../img/case/ico_result01.png) no-repeat 0 8px;
	font-weight: 700;
	font-size: 22px;
}
#single #result .list .item strong {
	color: #fd4633;
}
#single #result .list .item+.item {
	margin-top: 17px;
}
@media screen and (max-width: 599px) {
	#single #result .resultIn {
		padding: 20px 0 25px;
	}
	#single #result .tit {
		height: 40px;
		margin: 0 0 15px -5px;
		padding: 5px 0 6px 40px;
		background: url(../img/case/bg_result01.png) no-repeat 0 0;
		background-size: auto 40px;
		font-size: 20px;
	}
	#single #result .list .item {
		padding-left: 18px;
		background: url(../img/case/ico_result01.png) no-repeat 0 8px;
		background-size: 12px auto;
		font-size: 16px;
	}
	#single #result .list .item+.item {
		margin-top: 10px;
	}
}

/*! #voice
-------------------------------------- */

#single #voice {
	padding: 60px 0;
	background: #daf1ec;
}
#single #voice .voiceIn {
	display: table;
	width: 1040px;
	margin: 0 auto;
	border: 1px solid #ccddd9;
	border-radius: 5px;
}
#single #voice .voiceIn .tit {
	display: table-cell;
	width: 209px;
	line-height: 1.3;
	border-radius: 4px 0 0 4px;
	background: #00664b url(../img/case/ico_arrow_voice01.png) no-repeat 100% 50%;
	color: #fff;
	font-weight: 400;
	font-size: 28px;
	text-align: center;
	vertical-align: middle;
}
#single #voice .voiceIn .txtWrap {
	padding: 37px 42px 37px 45px;
	border-radius: 0 4px 4px 0;
	background: #fff;
}
#single #voice .voiceIn .txtWrap .txt {
	line-height: 1.7;
	margin-bottom: 13px;
	font-size: 18px;
}
#single #voice .voiceIn .txtWrap .name {
	line-height: 1.5;
	color: #00664b;
	font-weight: 700;
	font-size: 16px;
}
@media screen and (max-width: 599px) {
	#single #voice {
		padding: 30px 3.9%;
	}
	#single #voice .voiceIn {
		display: block;
		width: auto;
		margin: 0;
	}
	#single #voice .voiceIn .tit {
		display: block;
		width: auto;
		padding: 10px 0;
		border-radius: 4px 4px 0 0;
		background-image: none;
		font-size: 20px;
	}
	#single #voice .voiceIn .tit .ico {
		position: relative;
		top: -4px;
		left: -10px;
		width: 15px;
	}
	#single #voice .voiceIn .tit br {
		display: none;
	}
	#single #voice .voiceIn .txtWrap {
		padding: 15px;
		border-radius: 0 0 4px 4px;
	}
	#single #voice .voiceIn .txtWrap .txt {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#single #voice .voiceIn .txtWrap .name {
		font-size: 14px;
	}
}

/*! .secRelate
-------------------------------------- */

#single .secRelate {
	padding-top: 60px;
}
#single .secRelate.service {
	margin-bottom: 10px;
}
#single .secRelate.case {
	margin-bottom: 100px;
}
#single .secRelate .tit {
	line-height: 1.5;
	margin-bottom: 40px;
	padding: 5px 0 3px;
	border-bottom: 2px solid #1aaa87;
	font-weight: 400;
	font-size: 28px;
}
#single .secRelate .listBtns {
	margin: -28px -28px 0 0;
}
#single .secRelate .listBtns .btn {
	display: table;
	float: left;
	width: 239px;
	height: 65px;
	line-height: 1.2;
	margin: 28px 28px 0 0;
	border: solid 1px #cac2b6;
	border-radius: 5px;
	background-color: #fff;
	font-size: 16px;
	box-shadow: 0 3px 3px 1px rgba(102, 102, 102, 0.3);
}
#single .secRelate .listBtns .btn a {
	display: table-cell;
	position: relative;
	padding: 0 25px 0 15px;
	vertical-align: middle;
}
#single .secRelate .listBtns .btn a:after {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 12px;
	margin-top: -4px;
	background: url(../img/common/ico_arrow05.png) no-repeat 50% 50%;
	content: '';
}
#single .secRelate .listCases {
	overflow: hidden;
	margin-bottom: -1px;
	border: solid 1px #cac2b6;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 3px 3px 1px rgba(102, 102, 102, 0.3);
}
#single .secRelate .listCases .case {
	position: relative;
	float: left;
	width: 50%;
	padding: 18px 50px 18px 25px;
	border-bottom: solid 1px #cac2b6;
}
#single .secRelate .listCases .case:nth-child(odd) {
	border-right: solid 1px #cac2b6;
}
#single .secRelate .listCases .case:after {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 12px;
	height: 20px;
	margin-top: -5px;
	background: url(../img/common/ico_arrow03.png) no-repeat 50% 0;
	content: '';
}
#single .secRelate .listCases .case .cat {
	overflow: hidden;
}
#single .secRelate .listCases .case .cat li {
	float: left;
	margin: 0 5px 7px 0;
	border: 1px solid #1aaa87;
}
#single .secRelate .listCases .case .cat li span {
	display: block;
	line-height: 1.2;
	padding: 3px 5px;
	color: #1aaa87;
	font-size: 12px;
}
#single .secRelate .listCases .case .txt a {
	line-height: 1.4;
	font-size: 16px;
}
#single .secRelate .listCases .case .txt a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 599px) {
	#single .secRelate {
		padding-top: 0;
	}
	#single .secRelate.service {
		margin-bottom: 20px;
	}
	#single .secRelate .tit {
		margin-bottom: 20px;
		padding: 10px 0;
		border-bottom-width: 1px;
		font-size: 20px;
	}
	#single .secRelate .listBtns {
		margin: 0;
	}
	#single .secRelate .listBtns .btn {
		width: 48%;
		height: 45px;
		margin: 0;
		font-size: 12px;
	}
	#single .secRelate .listBtns .btn:nth-child(2n) {
		float: right;
	}
	#single .secRelate .listBtns .btn:nth-child(n+3) {
		margin-top: 4%;
	}
	#single .secRelate .listBtns .btn a {
		padding: 0 15px 0 10px;
	}
	#single .secRelate .listBtns .btn a:after {
		top: 50%;
		right: 10px;
		width: 6px;
		height: 9px;
		background-size: 6px auto;
	}
	#single .secRelate .listCases .case {
		position: relative;
		float: none;
		width: auto;
		padding: 15px 25px 15px 15px;
	}
	#single .secRelate .listCases .case:nth-child(odd) {
		border-right: none;
	}
	#single .secRelate .listCases .case:nth-child(n+3) {
		border-top: none;
	}
	#single .secRelate .listCases .case:last-child {
		border-bottom: 0;
	}
	#single .secRelate .listCases .case:after {
		right: 10px;
		width: 6px;
		height: 10px;
		background-size: 6px auto;
	}
	#single .secRelate .listCases .case .txt {
		font-size: 15px;
	}
}

/*# sourceMappingURL=maps/case.css.map */