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

/*---------------------------------------
contents
----------------------------------------*/
/* common */
.pageTrouble #contents h1,
.pageClean #contents h1,
.pageHikkoshi #contents h1,
.pageHikkoshi01 #contents h1,
.pageHikkoshi04 #contents h1,
.pageQa #contents h1,
.pageList #contents h1,
.pageAdvantage #contents h1,
.pageArt #contents h1,
.pageSakai #contents h1,
.pageTansin #contents h1,
.pageSitemap #contents h1,
.pageTerm #contents h1,
.pageCompany #contents h1,
.pagePolicy #contents h1,
.pageInquiry #contents h1,
.pageStep #contents h1 {
	margin-bottom:4%;
	padding:3.7% 4.4%;
	width:100%;
	color:#FFF;
	line-height:1.2;
	background:#06C;
	font-weight:bold;
	font-size:148%;
	box-sizing:border-box;
}
.pageTrouble #contents h2,
.pageClean #contents h2,
.pageHikkoshi #contents h2,
.pageHikkoshi01 #contents h2,
.pageAdvantage #contents h2,
.pageArt #contents h2,
.pageSakai #contents h2,
.pageTansin #contents h2,
.pageTerm #contents h2,
.pageCompany #contents h2,
.pagePolicy #contents h2,
.pageStep #contents h2 {
	margin:0 auto 4%;
	padding-bottom:1.2%;
	border-bottom:2px solid #06C;
	width:91.2%;
	color:#039;
	line-height:1.2;
	font-weight:bold;
	font-size:130%;
	box-sizing:border-box;
}
.pageTrouble #contents h3.clause-subTitle,
.pageClean #contents h3,
.pageHikkoshi01 #contents h3,
.pageAdvantage #contents h3,
.pageStep #contents h3 {
	margin:0 auto 4%;
	padding:2.8% 1.3%;
	width:91.2%;
	line-height:1.2;
	background:#DAEAFA;
	font-weight:bold;
	box-sizing:border-box;
}
.pageTrouble p,
.pageClean p,
.pageHikkoshi p,
.pageHikkoshi01 p,
.pageHikkoshi04 p.lead,
.pageQa p.lead,
.pageList p.lead,
.pageAdvantage p,
.pageArt p,
.pageSakai p,
.pageTansin p,
.pageTerm p,
.pagePolicy p,
.pageStep p,
.pageInquiry p {
	margin:0 auto 4.5%;
	width:91.2%;
	line-height:1.6;
}

/* pageTrouble */
.pageTrouble .features-title {
	margin:0 auto 2.8%;
	display:table;
	width:91.2%;
}
.pageTrouble .features-title-image {
	padding-top:1.2%;
	display:table-cell;
	vertical-align:top;
	width:20.4%;
}
.pageTrouble .features-title-image img {
	width:100%;
}
.pageTrouble .features-title h3 {
	padding-left:2.8%;
	display:table-cell;
	vertical-align:middle;
	width:79.6%;
	color:#FF3F00;
	font-weight:bold;
	box-sizing:border-box;
}

/* pageClean */
.pageClean p span {
	color:#FF3F00;
	font-weight:bold;
}

/* pageHikkoshi01 */
.pageHikkoshi01 p span {
	color:#FF3F00;
	font-weight:bold;
}
.pageHikkoshi01 .action-appeal img {
	margin:0 auto 1%;
	display:block;
	width:91.2%;
}
.pageHikkoshi01 .action a {
	margin:0 auto 5.4%;
	display:block;
	width:84.5%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/action_button_active.png) no-repeat top center;
	background-size:100%;
}
.pageHikkoshi01 .action a img {
	width:100%;
}

/* pageHikkoshi04 */
.ranking01,
.ranking02,
.ranking03,
.ranking04,
.ranking05 {
	margin-bottom:5.3%;
}
.ranking01-title,
.ranking02-title,
.ranking03-title,
.ranking04-title,
.ranking05-title {
	margin:0 auto;
	border:2px solid #4695E4;
	border-bottom:none;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	display:table;
	position:relative;
	width:91.2%;
	background:#DAEAFA;
	box-sizing:border-box;
}
.ranking01-icon,
.ranking02-icon,
.ranking03-icon {
	margin-top:-0.8%;
	margin-left:1.9%;
	position:absolute;
	width:11.9%;
}
.ranking04-icon,
.ranking05-icon {
	margin-top:2.5%;
	margin-left:1.9%;
	position:absolute;
	width:10.2%;
}
.ranking01-icon img,
.ranking02-icon img,
.ranking03-icon img {
	margin-top:-2px;
	width:100%;
}
.ranking04-icon img,
.ranking05-icon img {
	width:100%;
}
.ranking01-logo,
.ranking02-logo,
.ranking03-logo,
.ranking04-logo,
.ranking05-logo {
	padding:2.8% 0;
	display:table-cell;
	width:30.8%;
	text-align:right;
	box-sizing:border-box;
}
.ranking01-logo img,
.ranking02-logo img,
.ranking03-logo img,
.ranking04-logo img,
.ranking05-logo img {
	width:51.6%;
}
.ranking01-name,
.ranking02-name,
.ranking03-name,
.ranking04-name,
.ranking05-name {
	padding:2.8%;
	display:table-cell;
	width:69.2%;
	vertical-align:middle;
	line-height:1.2;
	font-weight:bold;
	font-size:118%;
	box-sizing:border-box;
}
.ranking01-box,
.ranking02-box,
.ranking03-box,
.ranking04-box,
.ranking05-box {
	margin:0 auto;
	border:2px solid #4695E4;
	border-top:none;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	width:91.2%;
	box-sizing:border-box;
}
.ranking01-point,
.ranking02-point,
.ranking03-point,
.ranking04-point,
.ranking05-point {
	background:#FFFFD5;
}
.ranking01-point-title,
.ranking02-point-title,
.ranking03-point-title,
.ranking04-point-title,
.ranking05-point-title {
	margin:0 auto 2.4%;
	padding:3.6% 0;
	border-bottom:1px solid #BDBDAE;
	color:#FF3F00;
	width:90.3%;
	font-weight:bold;
	text-align:center;
}
.ranking01-point-list,
.ranking02-point-list,
.ranking03-point-list,
.ranking04-point-list,
.ranking05-point-list {
	margin:0 auto 4.8%;
	padding-bottom:4.8%;
	width:91.2%;
}
.ranking01-point-list li,
.ranking02-point-list li,
.ranking03-point-list li,
.ranking04-point-list li,
.ranking05-point-list li {
	padding:1% 0 1% 6.2%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/ranking_check.png) no-repeat left 0.5em;
	background-size:5.2%;
}
.ranking01-box p,
.ranking02-box p,
.ranking03-box p,
.ranking04-box p,
.ranking05-box p {
	margin:0 auto;
	padding-bottom:4.8%;
	width:91.2%;
	line-height:1.6;
}
.ranking01-box a,
.ranking02-box a,
.ranking03-box a,
.ranking04-box a,
.ranking05-box a {
	margin:0 auto 4.8%;
	display:block;
	width:92.6%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/action_button_active.png) no-repeat top center;
	background-size:100%;
}
.ranking01-box a img,
.ranking02-box a img,
.ranking03-box a img,
.ranking04-box a img,
.ranking05-box a img {
	width:100%;
}
.ranking06-10-list {
	margin:0 auto 6.6%;
	border:3px solid #999;
	border-radius:6px;
	width:91.2%;
	background:#EEE;
	box-sizing:border-box;
}
.ranking06-10-list li {
	padding:2.6% 1.7%;
	border-top:1px solid #999;
	font-weight:bold;
}
.ranking06-10-list li:first-child {
	border-top:none;
}
.ranking06-10-list li span {
	display:inline-block;
	width:20%
}

/* pageQa */
.qa-list li {
	border-bottom:2px solid #06C;
}
.qa-list li:first-child {
	border-top:2px solid #06C;
}
.qa-list li a {
	padding:5.2% 11.2% 5.2% 4.4%;
	display:block;
	width:100%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/qa_down.png) no-repeat 95.6% center;
	background-size:4.8%;
	box-sizing:border-box;
	transition:all  0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}
.qa-list li a.active {
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/qa_up.png) no-repeat 95.6% center;
	background-size:4.8%;
}
.qa-list li span {
	padding-left:5.8%;
	display:block;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/qa_q.png) no-repeat left 0.25em;
	background-size:4.8%;
}
.qa-list li p {
	padding:5.2% 4.4%;
	border-top:2px dotted #BDBDAE;
	display:none;
	background:#FBFBF9;
	line-height:1.6;
}
.qa-list li p span {
	padding-left:5.8%;
	display:block;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/qa_a.png) no-repeat left 0.25em;
	background-size:4.8%;
}

/* pageList */
.companyList-list li {
	border-bottom:2px solid #06C;
}
.companyList-list li:first-child {
	border-top:2px solid #06C;
}
.companyList-list li a {
	padding:5.2% 11.2% 5.2% 4.4%;
	display:table;
	width:100%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/list_down.png) no-repeat 95.6% center;
	background-size:4.8%;
	box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}
.companyList-list li a span:nth-child(1) {
	display:table-cell;
	width:17.2%;
	vertical-align:middle;
	box-sizing:border-box;
}
.companyList-list li a span:nth-child(1) img {
	padding:5%;
	border:1px solid #CCC;
	display:block;
	width:100%;
	box-sizing:border-box;
}
.companyList-list li a span:nth-child(2) {
	padding-left:1.5%;
	display:table-cell;
	width:82.8%;
	vertical-align:middle;
	box-sizing:border-box;
}
.companyList-list li a.active {
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/list_up.png) no-repeat 95.6% center;
	background-size:4.8%;
}
.companyList-list li p {
	padding:5.2% 4.4%;
	border-top:2px dotted #BDBDAE;
	display:none;
	background:#FBFBF9;
	line-height:1.6;
}

/* pageAdvantage */
.pageAdvantage p span {
	color:#FF3F00;
	font-weight:bold;
}
.advantage-graph img {
	margin:0 auto 4.5%;
	display:block;
	width:100%;
}
.advantage-company-logo {
	margin:0 auto 4.5%;
	overflow:auto;
	width:96%;
}
.advantage-company-logo li {
	border:1px solid #EEE;
	float:left;
	width:15%;
}
.advantage-company-logo li:nth-child(n+2) {
	margin-left:1.2%;
}
.advantage-company-logo li img {
	width:100%;
}
.advantage-voice-title {
	margin:0 auto 4.5%;
	width:92.6%;
	font-weight:bold;
}
.advantage-voice-image img {
	margin:0 auto 4.8%;
	display:block;
	width:92.6%;
}
.advantage-interview-title {
	margin:0 auto 4.2%;
	display:table;
	width:92.6%;
	box-sizing:border-box;
}
.advantage-voice-image {
	display:table-cell;
	vertical-align:middle;
	width:21%;
}
.advantage-voice-image img {
	width:100%;
}
.advantage-voice-name {
	padding-left:1.4%;
	display:table-cell;
	vertical-align:middle;
	width:79%;
}

/* pageArt */
.pageArt p span {
	color:#FF3F00;
	font-weight:bold;
}
.art-plan-list {
	margin:0 auto 4.8%;
	display:block;
	width:92.6%;
}
.art-plan-list li {
	margin-bottom:0.5em;
	padding-left:1em;
	text-indent:-1em;
}
.art-plan-list li span {
	color:#FF3F00;
	font-weight:bold;
}
/* pageSakai */
.pageSakai p span {
	color:#FF3F00;
	font-weight:bold;
}
.sakai-plan-list {
	margin:0 auto 4.8%;
	display:block;
	width:92.6%;
}
.sakai-plan-list li {
	margin-bottom:0.5em;
	padding-left:1em;
	text-indent:-1em;
}
.sakai-plan-list li span {
	color:#FF3F00;
	font-weight:bold;
}
.sakai-point {
	margin:0 auto 4.8%;
	display:block;
	width:92.6%;
	background:#FFFFD5;
}
.sakai-point-title {
	margin:0 auto 2.4%;
	padding:3.6% 0;
	border-bottom:1px solid #BDBDAE;
	color:#FF3F00;
	width:90.3%;
	font-weight:bold;
	text-align:center;
}
.sakai-point-list {
	margin:0 auto 4.8%;
	padding-bottom:4.8%;
	width:91.2%;
}
.sakai-point-list li {
	padding:1% 0 1% 6.2%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/ranking_check.png) no-repeat left 0.5em;
	background-size:5.2%;
}

/* pageSitemap */
.pageSitemap #contents h1 {
	margin-bottom:0;
}
.sitemap-list li a {
	padding:5.3% 8% 5.3% 4.4%;
	border-top:1px solid #06C;
	display:block;
	width:100%;
	color:#333;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/icon_arrow_blue.png) no-repeat 95.6% center;
	background-size:2.6%;
	box-sizing:border-box;
}
.sitemap-list li:first-child a {
	border:none;
}
.sitemap-list li a span {
	padding-left:4.2%;
	border-left:4px solid #06C;
}
.sitemap-recommend-title {
	padding:2.6%;
	font-weight:bold;
	width:100%;
	color:#FFF;
	background:#999;
	text-align:center;
	box-sizing:border-box;
}
.sitemap-recommend {
	margin-bottom:4%;
}
.sitemap-recommend li a {
	padding:5.3% 8% 5.3% 4.4%;
	border-bottom:1px solid #CCC;
	display:block;
	width:100%;
	color:#333;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/icon_arrow_gray.png) no-repeat 95.6% center;
	background-size:2.6%;
	box-sizing:border-box;
}
.sitemap-recommend li a span {
	padding-left:4.2%;
	border-left:4px solid #CCC;
}
/* pageCompany */
.company-name,
.company-address,
.company-business,
.company-tel,
.company-mail {
	margin:0 auto 4.5%;
	width:91.2%;
	line-height:1.6;
}
/* pageStep */
.step-table {
	margin:0 auto 1.2%;
	width:91.2%;
}
.step-table th,
.step-table td {
	padding:2%;
	border:1px solid #CCC;
	vertical-align:middle;
	box-sizing:border-box;
}
.step-table thead th:nth-child(1) {
	width:30%;
}
.step-table thead th:nth-child(2) {
	width:70%;
}
.step-table-note {
	margin:0 auto 4.5%;
	width:91.2%;
	font-size:83%;
}
.else-step {
	margin:0 auto 4.8%;
	padding-bottom:4.8%;
	width:91.2%;
}
.else-step li {
	padding:1% 0 1% 6.2%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/ranking_check.png) no-repeat left 0.5em;
	background-size:5.2%;
}
.moving-before {
	display:block;
	color:#06C;
	font-weight:bold;
}
.moving-after {
	padding-top:4.5%;
	border-top:1px dotted #ccc;
	display:block;
	color:#060;
	font-weight:bold;
}