@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : style_sp.css
////////////////////////////////////////////////////////////*/

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

	for smartphone override

////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 897px) {

/*----------------------------------------------------------------------------------------
	common settting
---------------------------------------------------------------------------------------- */
body {
	min-width:0;
	-webkit-text-size-adjust: 100%;
	padding-top:0;
}
.inner {
	width:auto;
}
/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
footer {
	margin-top:30px;
}
/*----------------------------------------------------------------------------------------
	contentBody
---------------------------------------------------------------------------------------- */
.contentBody {
	width:auto;
	padding:30px 15px 40px;
}
.contentBodyAreaTitle {
	font-size: 17px;
	text-align: center;
	margin: 0 0 10px 0;
}
/*----------------------------------------------------------------------------------------
	conentTitle
---------------------------------------------------------------------------------------- */
.contentTitle h2 {
	font-size:2.4rem;
	margin-bottom:30px;
}
/*----------------------------------------------------------------------------------------
	contentTab
---------------------------------------------------------------------------------------- */
.contentTab > div {
	font-size:1.2rem;
	text-align:center;
}
.contentTab > div:first-child {
	border-radius:0;
}
.contentTab > div a {
	border-top:0;
	border-bottom:1px solid #aaa;
	border-left:0;
	padding:8px;
	color:#aaa;
	height: 33px;
}
.contentTab > div a.current {
	background-color:transparent;
	color:#64b32e;
	border-bottom:3px solid #64b32e;
}
.contentTab > div:first-child a {
	border-radius:0;
}
.contentTab > div:last-child a {
	border-right:0;
	border-radius:0;
}
/*----------------------------------------------------------------------------------------
	contentWorker
---------------------------------------------------------------------------------------- */
.contentWorker {
	display:block;
	border-spacing:0;
	margin-top:-10px;
}
.contentWorker > div {
	display:block;
}
.contentWorker .contentWorkerInfo {
	width:100%;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding-bottom:20px;
}
.contentWorkerSkill {
	margin-top:15px;
	padding:0 15px;
}
.contentWorkerSkill dt {
	font-size:1.4rem;
	color:#848488;
}
.contentWorkerAvailable {
	margin-top:30px;
}
.contentWorkerAvailable dt {
	font-size:1.5rem;
	color:#444;
	font-weight:bold;
}
.contentWorkerAvailable dd {
	margin-top:3px;
	letter-spacing: -.4em;
	text-align:center;
}
.contentWorkerAvailable dd > div {
	display:block;
	width:100%;
	margin:10px 10px 10px 0;
}
.contentWorkerAvailable dd > div a {
	display:block;
	border:1px solid #64b32e;
	border-radius:4px;
	padding:10px;
	text-align:left;
}
.contentWorkerAvailable dd > div a:hover {
	text-decoration: none;
	background-color:#64b32e;
}
.contentWorkerAvailable dd > div > a > span {
	display:inline;
	color:#64b32e;
	font-size:1.4rem;
	font-weight:bold;
}
.contentWorkerAvailable dd > div a:hover span {
	color:#fff;
}
.contentWorkerAvailable dd > div > a > span:first-child {
	margin-bottom:2px;
	font-size:1.4rem;
	font-weight:normal;
}
.contentWorkerAvailable dd > div > a > span:last-child {
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	contentWorkerList
---------------------------------------------------------------------------------------- */
.contentWorkerList .contentWorkerListItem {
	width: 50%;
}
.contentWorkerList .workerSkillCount {
	border: none;
	display: inline-block;
}
/*----------------------------------------------------------------------------------------
	contentHowto
---------------------------------------------------------------------------------------- */
.contentHowto .contentHowtoBody {
	display:block;
	margin-top:20px;
	width:auto;
}
.contentHowto .contentHowtoBody > div {
	display:block;
	margin-top:20px;
}
.contentHowto .contentHowtoBody .contentHowtoText,
.contentHowto .contentHowtoBody .contentHowtoImage {
	display:block;
}
.contentHowto .contentHowtoBody .contentHowtoText {
	width:auto;
}
.contentHowto .contentHowtoBody .contentHowtoImage {
	width:auto;
	margin-top:10px;
}
/*----------------------------------------------------------------------------------------
	contentMypage
---------------------------------------------------------------------------------------- */
.contentMypage > div {
	width:50%;
}
.contentMypage > div a {
	margin:10px;
	padding:20px 0;
}
.contentMypage > div a i {
	font-size:4rem;
}
.contentMypage > div a span {
	font-size:2rem;
	margin-top:15px;
}
/*----------------------------------------------------------------------------------------
	contentAreaList
---------------------------------------------------------------------------------------- */
.contentAreaList {
	width:auto;
	margin:0 auto;
	padding:0 15px;
}
.contentAreaList h3 {
	font-size:1.8rem;
	margin-top:15px;
}
/*----------------------------------------------------------------------------------------
	contentTopicPath
---------------------------------------------------------------------------------------- */
.contentTopicPath.contentTopicPathFeature {
	margin-top:-3px;
}
/*----------------------------------------------------------------------------------------
	contentTopKeyVisual
---------------------------------------------------------------------------------------- */
.contentTopKeyVisual {
	padding:40px 0;
}
.contentTopKeyVisual .contentTopKeyVisualImage {
	height:50%;
	display:block;
}
.contentTopKeyVisual .contentTopKeyVisualImage > div {
	width:100%;
	display:block;
}
.contentTopKeyVisual .contentTopKeyVisualAction {
	width:100%;
	padding:30px 0 10px;
	left:0;
}
.contentTopKeyVisual .contentTopKeyVisualActionCopy {
	height:70px;
}
.contentTopKeyVisual .contentTopKeyVisualActionCopy img {
	width:90%;
	height:auto;
}
.contentTopKeyVisual .contentTopKeyVisualActionLogo {
	top:-25px;
}
.contentTopKeyVisual .contentTopKeyVisualActionLogo img {
	width:auto;
	height:100%;
}
.contentTopKeyVisual .contentTopKeyVisualActionBtn > div a {
	width: 80%;
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentKeyVisual
---------------------------------------------------------------------------------------- */
.contentKeyVisual {
	width:100%;
	display:block;
}
.contentKeyVisual > div {
	display:block;
	width:auto;
}
.contentKeyVisual .contentKeyVisualTextInner {
	position:static;
	padding:20px;
}
.contentKeyVisual .contentKeyVisualTitle {
	font-size:1.8rem;
}
.contentKeyVisual .contentKeyVisualTitle span {
	font-size:2.2rem;
}
.contentKeyVisual .contentKeyVisualLead {
	font-size:1.4rem;
	margin-top:10px;
}
.contentKeyVisual.contentKeyVisualCleaning .contentKeyVisualImage {
	height:200px;
	background: linear-gradient(270deg,hsla(0,0%,100%,0) 70%,#fff),linear-gradient(0deg,hsla(0,0%,100%,0) 99%,hsla(0,0%,100%,.4)),linear-gradient(180deg,hsla(0,0%,100%,0) 99%,hsla(0,0%,100%,.4)),url(../images/main.caa6b4f.jpg) 50% no-repeat;
	background-size:100% auto;
}
.contentKeyVisual.contentKeyVisualCooking .contentKeyVisualImage {
	height:200px;
	background: linear-gradient(270deg,hsla(0,0%,100%,0) 70%,#fff),linear-gradient(0deg,hsla(0,0%,100%,0) 99%,hsla(0,0%,100%,.4)),linear-gradient(180deg,hsla(0,0%,100%,0) 99%,hsla(0,0%,100%,.4)),url(../images/main.0e69bdc.jpg) 50% no-repeat;
	background-size:100% auto;
}
/*----------------------------------------------------------------------------------------
	contentReason
---------------------------------------------------------------------------------------- */
.contentReason {
	margin-top:30px;
}
.contentReason .contentReasonQuestion {
	font-size:2rem;
	padding:0 15px;
}
.contentReason .contentReasonQuestion:before {
    font-size: 2.4rem;
}
.contentReason .contentReasonArrow {
	font-size:3rem;
	margin-top:15px;
}
.contentReason .contentReasonAnswer {
	font-size:2rem;
	margin-top:15px;
	padding:0 15px;
}
.contentReason .contentReasonAnswer span {
	font-weight:bold;
	color:#f66;
	border-bottom:2px solid #f66;
	padding-bottom:2px;
	margin:0 2px;
}
.contentReason .contentReasonTitle {
	font-size:2rem;
	margin:30px 15px 0;
}
.contentReason .contentReasonList {
	margin-top:30px;
	display:block;
	padding:0 15px;
	width:auto;
}
.contentReason .contentReasonList > div {
	display:block;
	padding:15px;
}
.contentReason .contentReasonListTitle {
	font-size:1.8rem;
	margin-top:10px;
}
.contentReason .contentReasonListLead {
	font-size:1.4rem;
	margin-top:8px;
}
/*----------------------------------------------------------------------------------------
	contentServiceList
---------------------------------------------------------------------------------------- */
.contentServiceList {
	margin-top:30px;
}
.contentServiceList .contentServiceListTitle {
	font-size:2rem;
}
.contentServiceList .contentServiceListBody {
	margin:10px auto 0;
}
.contentServiceList .contentServiceListBody > div {
	padding:15px;
}
.contentServiceList .contentServiceListBodyTitle {
	font-size:1.8rem;
}
.contentServiceList .contentServiceListBodyImage {
	margin-top:12px;
}
.contentServiceList .contentServiceListBodyLead {
	font-size:1.4rem;
	margin-top:10px;	
}
/*----------------------------------------------------------------------------------------
	contentPrice
---------------------------------------------------------------------------------------- */
.contentPrice {
	margin-top:30px;
}
.contentPrice .contentPriceTitle {
	font-size:2rem;
}
.contentPrice .contentPriceDetail {
	margin-top:30px;
	border-top:1px solid #ddd;
	width:100%;
	max-width:850px;
	margin:30px auto 0;
}
.contentPrice .contentPriceDetail > div {
	padding:20px 0;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle {
	display:table-cell;
	width:35%;
	font-size:1.4rem;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle i {
	font-size:1.8rem;
	margin-left:10px;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle span {
	font-weight:bold;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody {
	width:auto;
	padding-right:15px;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody p {
	font-size:1.4rem;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody p:first-child {
	font-size:1.8rem;
	margin-bottom:5px;
}
/*----------------------------------------------------------------------------------------
	contentArea
---------------------------------------------------------------------------------------- */
.contentAreaTitle {
	margin-top:30px;
	font-size:2rem;
}
.contentAreaLead {
	margin:0 auto;
}
.contentAreaLead p {
	margin-top:15px;
	font-size:1.4rem;
}
.contentAreaService {
	margin-top:15px;
}
.contentAreaService > div {
	display:block;
	padding:0;
	width:auto;
	margin-top:15px;
}
.contentAreaService .contentAreaServiceHead {
	padding:10px;
	font-size:1.6rem;
}
.contentAreaService .contentAreaServiceBody {
	padding:15px;
}
/*----------------------------------------------------------------------------------------
	contentUsageStep
---------------------------------------------------------------------------------------- */
.contentUsageStep {
	margin-top:30px;
	padding:30px 0;
}
.contentUsageStep .contentUsageStepTitle {
	font-size:2rem;
}
.contentUsageStep .contentUsageStepList > div > div {
	vertical-align: top;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListHead {
	width:15%;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListNumber {
	position:absolute;
	top:20px;
	left:30px;
	font-size:1.2rem;
	width:20px;
	height:20px;
	line-height:20px;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListIcon {
	font-size:4rem;
	width:80px;
	height:80px;
	line-height:80px;
	margin-left:15px;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody {
	width:auto;	
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody h4 {
	font-size:1.6rem;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody p {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentInformation
---------------------------------------------------------------------------------------- */
.contentInformation {
	display:block;
}
.contentInformation > div {
	display:block;
	padding:15px;
}
.contentInformation .contentInformationTitle {
	font-size:1.6rem;
	padding:10px 0;
}
.contentInformation .contentInformationList > div {
	display:table;
	width:100%;
}
.contentInformation .contentInformationList > div > div {
	display:table-cell;
	vertical-align: top;
	border-bottom:1px dotted #ddd;
	padding:15px 10px;
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentRecruit
---------------------------------------------------------------------------------------- */
.contentRecruit {
	margin-top:30px;
	padding:0 15px;
}
.contentRecruit .contentRecruitTitle {
	font-size:1.6rem;
}
.contentRecruit .contentRecruitCopy {
	font-size:1.8rem;
}
.contentRecruit .contentRecruitLead {
	font-size:1.6rem;
	margin-top:10px;
}
.contentRecruit .contentRecruitBtn {
	margin-top:20px;
}
.contentRecruit .contentRecruitBtn a {
	font-size:1.6rem;
}
/*----------------------------------------------------------------------------------------
	contentServiceDetail
---------------------------------------------------------------------------------------- */
.contentServiceDetail {
	margin-top:20px;
	padding:0 15px;
}
.contentServiceDetail .contentServiceDetailTitle {
	font-size:1.8rem;
}
.contentServiceDetail .contentServiceDetailLead {
	font-size:1.4rem;
}
.contentServiceDetail .contentServiceDetailImages .contentServiceDetailImage {
	width:80%;
}
.contentServiceDetail .contentServiceDetailImages .contentServiceDetailText {
	margin-top:5px;
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	contentCompare
---------------------------------------------------------------------------------------- */
.contentCompare {
	margin-top:20px;
	padding:20px 15px 0;
}
.contentCompare .contentCompareTitle {
	font-size:1.8rem;
}
.contentCompare .contentCompareLead {
	font-size:1.4rem;
}
.contentCompare .conteneCompareList {
	display:table;
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.contentCompare .conteneCompareList > div {
	display:inline-block;
	width:40%;
	padding:0;
	margin-top:10px;
}
.contentCompare .conteneCompareList > div:first-child,
.contentCompare .conteneCompareList > div:nth-child(3) {
	padding-right:5px;
}
.contentCompare .conteneCompareList > div:nth-child(2),
.contentCompare .conteneCompareList > div:last-child {
	padding-left:5px;
}
.contentCompare .conteneCompareList h4 {
	font-size:1.8rem;
}
.contentCompare .conteneCompareList .conteneCompareItem .conteneCompareItemCore {
	font-size:1.6rem;
}
.contentCompare .contentCompareComment > div {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: bottom;
}
.contentCompare .contentCompareComment > div:first-child {
	margin-bottom:20px;
}
.contentCompare .contentCompareComment > div img {
	width:100%;
	height:auto;
}
/*----------------------------------------------------------------------------------------
	contentServiceExample
---------------------------------------------------------------------------------------- */
.contentServiceExample {
	margin-top:20px;
	padding:0 15px;
}
.contentServiceExample .contentServiceExampleTitle {
	font-size:1.8rem;
}
.contentServiceExample .contentServiceExampleLead {
	font-size:1.4rem;
}
.contentServiceExample .contentServiceExampleCooking {
	display:block;
}
.contentServiceExample .contentServiceExampleCooking > div {
	display:block;
	padding:0;
}
.contentServiceExample .contentServiceExampleCookingText {
	text-align:left;
	margin-top:20px;
}
.contentServiceExample .contentServiceExampleImages {
	margin-top:30px;
	letter-spacing: -.4em;
	text-align:center;
}
.contentServiceExample .contentServiceExampleImages > div {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin:0 10px;
	text-align:center;
}
.contentServiceExample .contentServiceExampleImages > div p:last-child {
	margin-top:5px;
	font-size:1.2rem;
}
.contentServiceExample .contentServiceExamplePrice > div {
	margin:0 5px;
}
.contentServiceExample .contentServiceExamplePrice > div:last-child {
	margin-top:8px;
}
.contentServiceExample .contentServiceExamplePrice > div p {
	font-size:1.2rem;
}
.contentServiceExample .contentServiceExamplePrice > div p:first-child {
	font-weight:bold;
	font-size:1.8rem;
	margin-bottom:3px;
}
.contentServiceExample .contentServiceExampleAction {
	margin-top:20px;
}
.contentServiceExample .contentServiceExampleActionTitle {
	font-size:1.8rem;
}
.contentServiceExample .contentServiceExampleActionBtn a {
	font-size:1.4rem;
}
.contentServiceExample .contentServiceExampleActionSupplement {
	font-size:1.2rem;
	margin-top:5px;
}
/*----------------------------------------------------------------------------------------
	contentConcierge
---------------------------------------------------------------------------------------- */
.contentConcierge {
	margin-top:20px;
	padding:20px 0;
}
.contentConcierge .contentConciergeTitle {
	font-size:1.8rem;
}
.contentConcierge .contentConciergeBody {
	margin:20px auto 0;
	display:block;
}
.contentConcierge .contentConciergeBody > div {
	display:block;
}
.contentConcierge .contentConciergeBody > div:first-child {
	width:50%;
	margin:0 auto;
}
.contentConcierge .contentConciergeBody > div:first-child p {
	height:180px;
}
.contentConcierge .contentConciergeBody > div:last-child p {
	padding-left:0;
	font-size:1.4rem;
	margin-top:30px;
	padding:0 20px;
}
/*----------------------------------------------------------------------------------------
	contentRegister
---------------------------------------------------------------------------------------- */
.contentRegister {
	margin-top:20px;
	padding:0 15px;
}
.contentRegister .contentRegisterLead {
	font-size:1.4rem;
}
.contentRegister .contentRegisterTitle {
	font-size:1.8rem;
}
.contentRegister .contentRegisterImages {
	letter-spacing: -.4em;
	margin-top:20px;
}
.contentRegister .contentRegisterImages > div {
	margin:10px;
}
.contentRegister .contentRegisterAction {
	margin-top:20px;
}
.contentRegister .contentRegisterAction {
	margin-top:20px;
}
.contentRegister .contentRegisterAction .contentRegisterActionSupplement {
	font-size:1.2rem;
	margin-top:8px;
}
/*----------------------------------------------------------------------------------------
	contentCampaignList
---------------------------------------------------------------------------------------- */
.contentCampaignList {
	width:100%;
}
.contentCampaignList > div {
	display:block;
	width:100%;
}
.contentCampaignList > div a {
	margin:15px 0;
}
.contentCampaignList .contentCampaignListText {
	padding:0 15px;
}
.contentCampaignList .contentCampaignListText h3 {
	font-size:1.6rem;
}
/*----------------------------------------------------------------------------------------
	contentCampaign
---------------------------------------------------------------------------------------- */
.contentCampaign .contentCampaignImage {
	width:100%;
}
.contentCampaign .contentCampaignLead p {
	font-size:1.6rem;
	margin-top:15px;
}
.contentCampaign .contentCampaignStep {
	border-left:0;
	margin-top:20px;
}
.contentCampaign .contentCampaignStep > div {
	display: block;
	width:100%;
	margin-top:15px;
}
.contentCampaign .contentCampaignStep > div > div {
	padding:0;
	border-right:0
}
.contentCampaign .contentCampaignStep h4 {
	font-size:1.4rem;
}
.contentCampaign .contentCampaignStep p {
	font-size:1.6rem;
}
.contentCampaign .contentCampaignUrl {
	margin-top:30px;
}
.contentCampaign .contentCampaignUrl dt {
	font-size:1.5rem;
}
.contentCampaign .contentCampaignUrl dd {
	display:inline-block;
	font-size:1.5rem;
}
/*----------------------------------------------------------------------------------------
	contentFormArea 
---------------------------------------------------------------------------------------- */
.contentFormArea {
	max-width:100%;
}
.contentFormArea .contentFormAreaTitle {
	display:none;
}
.contentFormArea .contentFormAreaBody {
	width:auto;
	display:block;
	box-shadow: none;
	border-radius:0;
}
.contentFormArea .contentFormAreaBody > div {
	display:block;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap {
	width:100%;
	letter-spacing: -.4em;
	border:1px solid #64B32E;
	border-radius:6px;
	height:auto;
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.15);
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap > div {
	display:block;
	letter-spacing: normal;
	position:relative;
	width:auto;
	margin:0 10px;
	border-right:0;
	border-bottom:1px solid #ddd;
}
.contentFormArea.contentFormAreaTop .contentFormAreaBody .contentFormAreaSelectorWrap > div {
	width: auto;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap > div:last-child {
	border-bottom:0;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelected,
.contentFormArea .contentFormAreaBody .contentFormAreaSelector input {
	line-height:50px;
	font-size:1.8rem;
	padding:0 10px;
	text-align: left;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector input {
	height:50px;
	padding:0;
	margin-left:0;
	width:98%;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList {
	top:50px;
	left:-20px;
	width:100%;
	margin-top:-7px;
	border-radius:6px;
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.15);
	border-left:1px solid #eee;
	display:none;
	margin-left:20px;
	margin-right:20px;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList span:hover {
	background-color:#e9e9e9;
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn {
	width:auto;
	margin:20px 10px 0;
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn a {
	display:block;
	border-radius:6px;
	line-height:40px;
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.15);
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn a span {
	font-size:1.8rem;
}
/*----------------------------------------------------------------------------------------
	contentRecruit
---------------------------------------------------------------------------------------- */
.formContent input, .formContent select{
	text-indent: 3px !important;
}
/*----------------------------------------------------------------------------------------
	contentModal
---------------------------------------------------------------------------------------- */

.contentModal .contentModalWrap {
	width: calc(100% - 120px);
}

/*----------------------------------------------------------------------------------------
	404ページ
---------------------------------------------------------------------------------------- */
	.error-wrap {
		margin-top: 0px;
		margin-bottom: 240px;
		width: 80%;
	}

	.error-wrap .title {
		font-size: 2.5em;
		font-weight: bold;
		margin-top: 100px;
		margin-bottom: 50px;
	}

	.error-wrap p {
		font-size: 1.2em;
	}

	.error-wrap .error-btn {
		color: #fff;
		font-size: 1.2em;
		padding: 7px 10px;
	}
}