@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : style.css
////////////////////////////////////////////////////////////*/

/*----------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul {list-style:none}

/*----------------------------------------------------------------------------------------
	common settting
---------------------------------------------------------------------------------------- */
html {
	font-size:62.5%;
	height:100vh;
}
body {
	color:#848488;
	line-height:1.4;
}
a {
	color: #444;
	text-decoration: none;
	border:0;
	outline:none;
}
a:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: underline;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.inner {
	width:1100px;
	margin: 0 auto;
}
.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.text-center {
	text-align: center;
}
.display-none {
	display: none;
}
/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
footer {
	margin-top:80px;
}
footer .footerTop {
	background-color:#fbfbfb;
	border-top:1px solid #dee2e6;
	padding:30px 0;
}
footer .footerBottom {
	border-top:1px solid #dee2e6;
	background-color:#f2f2f2;
	padding:20px 0;
}
footer .inner {
	padding:0 20px;
}
footer .footerNav {
	letter-spacing: -.4em;
	font-size:1.3rem;
}
footer .footerNav > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin-right:12px;
	padding-right:12px;
	border-right:1px solid #ddd;
}
footer .footerNav > div:last-child {
	border-right:0;
}
footer .footerCopyright {
	margin-top:12px;
}
footer .footerCopyright p {
	color:#999;
	font-size:1rem;
}
footer .footerSocial {
	text-align:center;
}
footer .footerSocial dt {
	font-size:1.8rem;
	font-weight:bold;
}
footer .footerSocial dd {
	text-align:center;
	letter-spacing:-.4em;
	margin-top:20px;
}
footer .footerSocial dd > div {
	display:inline-block;
	width:60px;
	margin:0 5px;
	letter-spacing: normal;
}
footer .footerSocial dd > div img {
	width:100%;
	height:auto;
}
/*----------------------------------------------------------------------------------------
	main
---------------------------------------------------------------------------------------- */
main {
	padding-top:67px;
}
/*----------------------------------------------------------------------------------------
	contentBody
---------------------------------------------------------------------------------------- */
.contentBody {
	width:1100px;
	margin:0 auto;
	padding:80px 0;
}
.contentBodyAreaTitle {
	font-family: Hiragino Kaku Gothic ProN;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin: 40px 0 20px 0;
}
/*----------------------------------------------------------------------------------------
	conentTitle
---------------------------------------------------------------------------------------- */
.contentTitle {
	text-align:center;
}
.contentTitle h2 {
	font-size:2.8rem;
	position:relative;
	font-weight:normal;
	margin-bottom:60px;
	display:inline-block;
}
.contentTitle h2:after {
	position:absolute;
	content: "";
	width:100%;
	border-bottom:1px solid #28a745;
	bottom:-10px;
	left:0;
}
/*----------------------------------------------------------------------------------------
	contentLead
---------------------------------------------------------------------------------------- */
.contentLead {
	text-align:center;
	margin-bottom:30px;
}
.contentLead p {
	font-size:1.6rem;
}
.contentLead .contentLeadInformation {
	color:#4a90e2;
}
.contentLead .contentLeadInformation i {
	margin-right:8px;
}
/*----------------------------------------------------------------------------------------
	contentInitialError
---------------------------------------------------------------------------------------- */
.contentInitialError {
	text-align:center;
	border:1px solid #ed6f6b;
	background-color:#fff8f7;
	border-radius: 6px;
	padding:20px;
	max-width:540px;
	margin:0 auto 40px;
	line-height:1.6;
}
.contentInitialError a {
	font-size:1.5rem;
	color:#007bff;
}
/*----------------------------------------------------------------------------------------
	contentFormTitle
---------------------------------------------------------------------------------------- */
.contentFormTitle {
	text-align:center;
	margin:20px 0;
}
.contentFormTitle h3 {
	font-size:1.8rem;
	color:#aaa;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentForm
---------------------------------------------------------------------------------------- */
.contentForm {
	width:100%;
	max-width:480px;
	margin:0 auto;
}
.contentForm .contentFormInput > div {
	margin-top:15px;
}
.contentForm .contentFormInput.contentFormInputInline > div {
	display:table;
	width:100%;
}
.contentForm .contentFormInput .contentFormInputHead {
	margin-bottom:8px;
	padding:0 10px;
	margin-top:12px;
}
.contentForm .contentFormInput.contentFormInputInline .contentFormInputHead {
	display:table-cell;
	width:30%;
	vertical-align: middle;
}
.contentForm .contentFormInput > div:first-child .contentFormInputHead {
	margin-top:0;
}
.contentForm .contentFormInput .contentFormInputHead .contentFormInputHeadBold {
	font-weight:bold;
	margin-bottom:20px;
	font-size:1.5rem;
}
.contentForm .contentFormInput.contentFormInputInline .contentFormInputHead .contentFormInputHeadBold {
	margin-bottom:0;
}
.contentForm .contentFormInput .contentFormInputRequired {
	margin-left:8px;
	color:#fff;
	font-size:1.2rem;
	background-color:#f5a623;
	border-radius:4px;
	padding:3px 8px;
	display:inline-block;
	line-height:1;
	position:relative;
	top:-1px;
}
.contentForm .contentFormInput .contentFormInputHead p {
	font-size:1.4rem;
	color:#444;
}
.contentForm.contentFormConfirm .contentFormInput .contentFormInputHead p {
	color:#64b32e;
}
.contentForm .contentFormInput .contentFormInputHead .contentFormInputHeadNotice {
	color:#ed6f6b;
	margin-top:5px;
}
.contentForm .contentFormInput .contentFormInputBody {
	display:table;
	width:100%;
	table-layout: fixed;
}
.contentForm .contentFormInput.contentFormInputInline .contentFormInputBody {
	display:table-cell;
	width:70%;
	vertical-align: middle;
}

.contentForm .contentFormInput .contentFormInputBody.contentFormInputBodyOption {
	margin-top:10px;
	display:none;
}
.contentForm .contentFormInput .contentFormInputBody > div {
	display:table-row;
}
.contentForm .contentFormInput.contentFormInputInline .contentFormInputBody > div {
	display:block;
}
.contentForm .contentFormInput .contentFormInputBody > div > span,
.contentForm .contentFormInput .contentFormInputBody > span {
	display:table-cell;
	vertical-align: top;
	padding:0 10px;
}
.contentForm .contentFormInput.contentFormInputInline .contentFormInputBody > div > span {
	display:inline-block;
	font-size:1.5rem;
	vertical-align: middle;
}
.contentForm .contentFormInput .contentFormInputBody > div > span > span,
.contentForm .contentFormInput .contentFormInputBody > span > span {
	font-size:1.4rem;
	margin-bottom:5px;
	display:block;
}
.contentForm.contentFormConfirm .contentFormInput .contentFormInputBody p {
	font-size:1.4rem;
	padding:0 10px;
}
.contentForm .contentFormInput .contentFormInputBody .contentFormInputFile {
	padding:20px;
}
.contentForm .contentFormInput .contentFormInputBody p.contentFormInputNotice {
	font-size:1.3rem;
	color:#f00;
	padding-top:10px;
	padding-bottom:10px;
	margin:auto 10px;
}
.contentForm .contentFormInput .contentFormInputBody dl {
	margin:10px;
}
.contentForm .contentFormInput .contentFormInputBody dl dt {
	font-size:1.4rem;
	margin-bottom:10px;
	font-weight:bold;
	text-decoration: underline;
}
.contentForm .contentFormInput .contentFormInputBody dl dd {
	font-size:1.4rem;
	margin-left:5px;
}
.formContent {
	display: flex;
	justify-content: space-between;
}
.formContent input {
	-webkit-appearance: none;
	/* width: 100% !important; */
	height: 40px !important;
	padding: 0;
}
.formContent select {
	height: 100% !important;
	padding: 0;
}
.formContent > div {
	width: 32%;
}
.formContent.area > div {
	width: 48%;
}
.contentForm .contentFormInput input[type="text"],
.contentForm .contentFormInput input[type="password"],
.contentForm .contentFormInput select,
.contentForm .contentFormInput textarea {
	width:100%;
	line-height:36px;
	height:36px;
	font-size:1.3rem;
	border:1px solid #aaa;
	border-radius:8px;
	text-indent:8px;
}
.searchContent input {
	border: 1px solid #aaa !important;
	border-radius: 8px !important;
}
.searchContent select {
	width: 100% !important;
    line-height: 36px !important;
    height: 40px !important;
    font-size: 1.3rem !important;
    text-indent: 8px !important;
}
.searchContent > span {
	padding: 0 0 0 10px !important;
}
.searchContent > span:first-child {
	padding: 0 10px !important;
}
.contentForm .contentFormInput label {
	font-size:1.4rem;
	padding:5px 0;
	display:inline-block;
	margin-right:10px;
}
.contentForm .contentFormInput label input {
	position:relative;
	top:-2px;
	margin-right:5px;
}
.contentForm .contentFormInput textarea {
	min-height:150px;
}
.contentForm .contentFormInput .payjs-outer {
	border:1px solid #ddd;
	padding:10px;
	margin:4px 0;
}
.contentForm .contentFormInput .three-d-payjs-outer {
	border:1px solid #ddd !important;
	border-radius: 0 !important;
	font-size: 1.5em !important;
	width: calc(100% - 6px) !important;
	margin:4px 0;
}
.contentForm .contentFormInput .payjs-outer ::placeholder,
.contentForm .contentFormInput .three-d-payjs-outer ::placeholder {
	color:#ddd;
	font-size:12px;
}
.contentForm .contentFormInput .three-d-payjs-outer:focus {
	outline: none;
}
.contentForm .contentFormInput input[type="date"] {
	width:95%;
	border:1px solid #ddd;
	padding:8px;
	color:#666;
	font-size:1.4rem;

}
.contentForm .contentFormInput .alert {
	border:1px solid #f00;
	padding:10px;
	margin-bottom:15px;
}
.contentForm .contentFormInput .alert li {
	font-size:1.4rem;
	color:#f00;
}
.contentForm .contentFormInput .g-recaptcha-wrap {
	margin-top: 12px;
	padding: 0 10px;
}
.contentForm .contentFormPrice {
	display:table;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	table-layout: fixed;
	margin:40px 0;
}
.contentForm .contentFormPrice > div {
	display:table-cell;
	vertical-align: top;
	text-align:center;
	padding:15px 0;
}
.contentForm .contentFormPrice > div p {
	color:#ed6f6b;
}
.contentForm .contentFormPrice > div .contentFormPriceTitle {
	font-size:1.6rem;
	margin-bottom:10px;
}
.contentForm .contentFormPrice > div .contentFormPriceNumber {
	font-size:1.2rem;
}
.contentForm .contentFormPrice > div .contentFormPriceNumber span {
	font-size:2.2rem;
	margin-right:5px;
	font-weight:bold;
}
.contentForm .contentFormPrice > div .contentFormPriceDetail {
	font-size:1.3rem;
	margin-top:5px;
}
.contentForm .contentFormNotice {
	margin-top:20px;
	text-align:center;
	font-size:1.4rem;
	padding:0 10px;
}
.contentForm .contentFormNotice.contentFormNoticeMinimum {
	font-size:1.2rem;
	margin-top:40px;
}
.contentForm .contentFormNotice input {
	margin-right:5px;
}
.contentForm .contentFormNotice.contentFormNoticeConfirm {
	font-size:1.5rem;
}
.contentForm .contentFormBtn {
	margin-top:30px;
	padding:0 10px;
	letter-spacing: -.4em;
}
.contentForm .contentFormBtn > div {
	display:inline-block;
	vertical-align: middle;
	width:100%;
	letter-spacing: normal;
}
.contentForm .contentFormBtn.contentFormBtn-2 > div {
	width:calc(50% - 30px);
	padding:0 5px;
}
.contentForm .contentFormBtn.contentFormBtn-3 > div {
	width:calc(33.333333333333333333% - 30px);
	padding:0 5px;
}
.contentForm .contentFormBtn a {
	display:block;
	text-align:center;
	color:#aaa;
	font-size:1.5rem;
	margin:12px 0;
}
.contentForm .contentFormBtn input {
	width:100%;
	border-radius:6px;
	line-height:48px;
	height:48px;
	color:#fff;
	border:0;
	text-align:center;
	font-size:1.5rem;
	cursor:pointer;
	background-color:#64b32e;
}
.contentForm .contentFormBtn.contentFormBtn-3 > div a {
	width:100%;
	border-radius:6px;
	line-height:48px;
	height:48px;
	color:#fff;
	border:0;
	text-align:center;
	font-size:1.4rem;
	cursor:pointer;
	background-color:#64b32e;
}
.contentForm .contentFormBtn.contentFormBtn-3 > div a:hover {
	text-decoration: none;
}
.contentForm .contentAvailableCreditcard {
	letter-spacing:-.4em;
}
.contentForm .contentAvailableCreditcard span {
	letter-spacing: normal;
	width:50px;
	margin-right:1px;
	display:inline-block;
}
.contentForm .contentAvailableCreditcard span img{
	width:100%;
	height:auto;
}
.contentForm .contentFormError {
	padding:10px;
	border:1px solid #f00;
	margin:10px 10px 30px;
}
.contentForm .contentFormError ul {
	padding-left:10px;
}
.contentForm .contentFormError li {
	list-style: disc outside;
	color:#f00;
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	contentFormArea 
---------------------------------------------------------------------------------------- */
.contentFormArea {
	width:100%;
	max-width:680px;
	margin:0 auto 30px;
}
.contentFormArea .alert-danger {
	font-size:1.4rem;
	margin-bottom:5px;
	margin-left:5px;
    color: #f00;
}
.contentFormArea .contentFormAreaTitle {
	font-size:1.4rem;
	margin-bottom:5px;
	margin-left:5px;
}
.contentFormArea .contentFormAreaMessage {
	font-size:1.4rem;
	margin-bottom:5px;
	margin-left:5px;
}
.contentFormArea .contentFormAreaBody {
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout: fixed;
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.15);
	border-radius:6px;
}
.contentFormArea .contentFormAreaBody > div {
	display:table-cell;
	vertical-align: middle;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap {
	width:100%;
	letter-spacing: -.4em;
	border:1px solid #64B32E;
	border-radius:6px 0 0 6px;
	height:46px;
	background-color:#fff;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	position:relative;
	width:calc(33.3333333333333333333333% - 1px);
	margin:7px 0;
	border-right:1px solid #ddd;
}
.contentFormArea.contentFormAreaTop .contentFormAreaBody .contentFormAreaSelectorWrap > div {
	width:calc(50% - 1px);
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelectorWrap > div:last-child {
	border-right:0;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelected,
.contentFormArea .contentFormAreaBody .contentFormAreaSelector input {
	line-height:34px;
	font-size:1.4rem;
	padding:0 30px;
	position:relative;
	color:#aaa;
	cursor:pointer;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector input {
	border:0;
	height:34px;
	color:#aaa;
	font-weight:normal;
	padding:0;
	width:90%;
	margin-left:10px;;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelected:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #848484;
    border-right: 1px solid #848484;
	transform: rotate(135deg);
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-10px;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList {
	position:absolute;
	top:47px;
	left:0;
	width:100%;
	margin-top:-7px;
	background-color:#fff;
	border-radius:0 0 6px 6px;
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.15);
	border-left:1px solid #eee;
	display:none;
	z-index:999;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList.contentSkillSelectList,
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList.contentFormDistructSelectList {
	max-height: 400px;
	overflow: auto;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList.selected {
	display:block;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList span {
	display:block;
	font-size:1.6rem;
	padding:8px 12px;
	cursor:pointer;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList .district {
	display: none;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList .district.selected {
	display: block;
}
.contentFormArea .contentFormAreaBody .contentFormAreaSelector .contentFormAreaSelectList span:hover {
	background-color:#e9e9e9;
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn {
	width:120px;
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn a {
	display:block;
	background-color:#64B32E;
	border:1px solid #64B32E;
	letter-spacing:-.4em;
	border-radius:0 6px 6px 0;
	text-align:center;
	line-height:46px;
}
.contentFormArea .contentFormAreaBody .contentFormAreaBtn a span {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	color:#fff;
	font-size:1.6rem;
	margin:0 5px;
}

/*----------------------------------------------------------------------------------------
	contentDefinitionTitle
---------------------------------------------------------------------------------------- */
.contentDefinitionTitle {
	display:table;
	width:100%;
	max-width:860px;
	margin:60px auto 0;
}
.contentDefinitionTitle:first-child {
	margin-top:0;
}
.contentDefinitionTitle > div {
	display:table-cell;
	vertical-align: middle;
	padding:15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color:#fafafa;
}
.contentDefinitionTitle h3 {
	font-size:1.8rem;
}
.contentDefinitionTitle .contentDefinitionTitleRight {
	text-align:right;
}
.contentDefinitionTitle a.btn {
	color:#fff;
	background-color:#28a745;
	font-size:1.4rem;
	padding:8px 15px;
	border-radius:4px;
}
.contentDefinitionTitle a:hover {
	text-decoration:none;
}
/*----------------------------------------------------------------------------------------
	contentDefinition
---------------------------------------------------------------------------------------- */
.contentDefinition {
	display:table;
	width:100%;
	max-width:860px;
	margin:0 auto;
}
.contentDefinition > div {
	display:table-row;
}
.contentDefinition > div > div {
	display:table-cell;
	vertical-align: middle;
	padding:15px;
	border-bottom:1px solid #eee;
}
.contentDefinition .contentDefinitionHead {
	width:25%;
}
.contentDefinition .contentDefinitionBody {
	width:75%;
}
.contentDefinition p {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentTable
---------------------------------------------------------------------------------------- */
.contentTable {
	display:table;
	width:100%;
	max-width:860px;
	margin:0 auto;
	table-layout: fixed;
}
.contentTable > div {
	display:table-row;
}
.contentTable > div > div {
	display:table-cell;
	vertical-align: middle;
	padding:15px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	font-size:1.4rem;
}
.contentTable > div > div:last-child {
	border-right:0;
}
.contentTable a {
	color:#64b32e;
	text-decoration: underline;
}
.contentTable a:hover {
	text-decoration: none;
}
/*----------------------------------------------------------------------------------------
	contentTab
---------------------------------------------------------------------------------------- */
.contentTab {
	display:table;
	width:100%;
	max-width:720px;
	margin:0 auto 40px;
	border-collapse: collapse;
	table-layout: fixed;
}
.contentTab > div {
	display:table-cell;
	vertical-align: middle;
	font-size:1.4rem;
	text-align:center;
}
.contentTab > div:first-child {
	border-radius:8px;
}
.contentTab > div a {
	color:#64b32e;
	border-top:1px solid #64b32e;
	border-bottom:1px solid #64b32e;
	border-left:1px solid #64b32e;
	display:block;
	padding:8px 15px;
}
.contentTab > div a.current {
	background-color:#64b32e;
	color:#fff;
}
.contentTab > div:first-child a {
	border-radius:6px 0 0 6px;
}
.contentTab > div:last-child a {
	border-right:1px solid #64b32e;
	border-radius:0 6px 6px 0;
}
.contentTab > div a:hover {
	text-decoration:none;
}
/*----------------------------------------------------------------------------------------
	contentSearchResult
---------------------------------------------------------------------------------------- */
.contentSearchResult {
	text-align:center;
	margin-bottom:30px;
}
.contentSearchResult p {
	font-size:1.4rem;
}
.contentSearchResult p span {
	font-size:2.4rem;
	font-weight:bold;
	margin-right:5px;
}
/*----------------------------------------------------------------------------------------
	contentWorker
---------------------------------------------------------------------------------------- */
.contentWorker {
	width:100%;
	margin:0 auto;
	display:table;
	border-spacing:30px;
	margin-top:-30px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contentWorker > div {
	vertical-align: top;
}
.contentWorker .contentWorkerReserve {
	width: calc(60% - 25px);
}
.contentWorker .contentWorkerInfo {
	width:40%;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding-bottom:20px;
}
.contentWorker .contentWorkerInfo .content {
	display: flex;
	justify-content: space-between;
}
.contentWorkerImage {
	position:relative;
}
.contentWorkerImage img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
.contentWorkerImage img:first-child {
	position:static;
}
.contentWorkerImageNav {
	margin-top:8px;
	letter-spacing:-.4em;
	text-align:center;
	display: none;
}
.contentWorkerImageNav span {
	letter-spacing: normal;
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:300px;
	background-color:#ddd;
	margin:0 3px;
	cursor:pointer;
}
.contentWorkerImageNav span.current {
	cursor:default;
	background-color:#64b32e;
}
.contentWorkerName {
	margin-top:15px;
	font-size:1.6rem;
	font-weight:bold;
	color:#444;
	padding:0 15px;
}
.contentWorkerArea {
	margin-top:15px;
	padding:0 15px;
	font-size:1.4rem;
	color:#848488;
}
.contentWorkerArea i {
	margin-right:5px;
	font-size:1.5rem;
}
.contentWorkerPrice {
	margin-top:5px;
	padding:0 15px;
	font-size:1.4rem;
	color:#848488;
}
.contentWorkerPrice i {
	margin-right:5px;
	margin-left:1px;
	font-size:1.6rem;
	font-weight:bold;
}
.contentWorkerSkill {
	margin-top:15px;
	padding:0 15px;
}
.contentWorkerSkill dt {
	font-size:1.4rem;
	color:#848488;
}
.contentWorkerSkill dd {
	margin-top:5px;
	letter-spacing: -.4em;
}
.contentWorkerSkill dd span {
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
	vertical-align: middle;
	color: #444444;
	background-color: #BDE0A5;
	margin: 0 0 4px 4px;
	white-space: nowrap;
	width: 40;
	height: 26;
	gap: 5.28px;
	opacity: 1;
	border-radius: 2.64px;
	padding: 6px;
	display: inline-block;

}
.contentWorkerMessage-pc {
	display: block;
}
.contentWorkerMessage-pc p {
	font-size:1.5rem;
	line-height:1.6;
}
.contentWorkerMessage-sp {
	display: none;
}
.contentWorkerAvailable dt {
	font-size:1.5rem;
	color:#444;
	font-weight:bold;
}
.contentWorkerAvailable dd {
	margin-top:3px;
	letter-spacing: -.4em;
}
.contentWorkerAvailable dd > div {
	display:inline-block;
	width:120px;
	margin:10px 10px 10px 0;
	vertical-align: top;
	letter-spacing: normal;
}
.contentWorkerAvailable dd > div a {
	display:block;
	border:1px solid #64b32e;
	border-radius:4px;
	padding:20px 10px;
	text-align:center;
}
.contentWorkerAvailable dd > div a:hover {
	text-decoration: none;
	background-color:#64b32e;
}
.contentWorkerAvailable dd > div > a > span {
	display:block;
	color:#64b32e;
	font-size:1.6rem;
	font-weight:bold;
}
.contentWorkerAvailable dd > div a:hover span {
	color:#fff;
}
.contentWorkerAvailable dd > div > a > span:first-child {
	margin-bottom:2px;
	font-size:1.2rem;
	font-weight:normal;
}
.contentWorkerAvailable dd > div > a > span:last-child {
	font-size:1.3rem;
}
.inquiryWrap{
	margin: 40px 0;
	text-align: left;
}
.inquiryWrap .text {
	font-family: Inter;
	font-weight: 600;
	font-style: Semi Bold;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #000;
	line-height: 20px;
}
.inquiryWrap .text .sp-only {
	display: none;
}
.inquiryWrap .inquiryBtn {
	background-color: #64b32e;
    color: #fff;
    font-size: 1.6rem;
    padding: 15px 60px;
    border-radius: 6px;
    display: inline-block;
	margin-top: 20px;
}
.inquiryWrap .inquiryBtn i {
	border: solid 1px #fff;
    border-radius: 50%;
    padding: 0.2rem;
	margin-left: 0.2rem;
	font-size: 1rem;
	vertical-align: text-top;
}
.contentBookmark {
	margin-top: 15px;
    padding: 0 13px;
    font-size: 1.4rem;
    color: #848488;	
}
.block {
	display: block;
}
.hidden {
	display: none;
}
.notBookmark {
	display: none;
}
.bookmark {
	cursor: pointer;
}
/*----------------------------------------------------------------------------------------
	contentWorkerList
---------------------------------------------------------------------------------------- */
.contentWorkerList {
	width:100%;
	margin:0 auto;
	margin-top:-30px;
	letter-spacing: -.4em;
}
.contentWorkerList .contentWorkerListItem {
	display:inline-block;
	width:33.3333333333333333333333%;
	vertical-align: top;
	letter-spacing: normal;
	height:100%;
}
.contentWorkerList .contentWorkerListItem a {
	display:block;
	margin:10px;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding-bottom:20px;
}
.contentWorkerList .contentWorkerListItem a:hover {
	text-decoration: none;
}
.contentWorkerList .workerSkillCount {
	border: none;
	display: none;
}
/*----------------------------------------------------------------------------------------
	contentTopicPath
---------------------------------------------------------------------------------------- */
.contentTopicPath {
	width:100%;
	margin-top:-20px;
	margin-bottom:30px;
	letter-spacing: -.4em;
}
.contentTopicPath.contentTopicPathFeature {
	margin-top:10px;
	margin-bottom:0;
	padding:10px;
	background-color:#64b32e;
}
.contentTopicPath a,
.contentTopicPath span {
	display:inline-block;
	letter-spacing: normal;
	font-size:1.3rem;
	margin-right:8px;
}
.contentTopicPath.contentTopicPathFeature a,
.contentTopicPath.contentTopicPathFeature span {
	color:#fff;
}
.contentTopicPath a:hover {
	text-decoration: none;
}
.contentTopicPath a:after {
	content:">";
	margin-left:8px;
	color:#848488;
}
.contentTopicPath.contentTopicPathFeature a:after {
	color:#fff;
}
/*----------------------------------------------------------------------------------------
	japan-map
---------------------------------------------------------------------------------------- */
.japan-map-sp-section {
	display: none;
}
.japan-map-section {
	padding: 80px 0;
	background-color: #F3FCED;
	display: block;
}

.japan-map-section h2 {
	margin-bottom: 16px;
	text-align:center;
	font-size:2.8rem;
	font-weight:bold;
}

.japan-map-section p {
	text-align: center;
	font-size: 1.4rem;
	margin: 0;
}

.japan-map-section p:last-of-type {
	margin-bottom: 40px;
}

.japan-map-section .japan-map-container {
	margin: 0 auto;
	width: 897px;
	height: 560px;
	position: relative;
}

.japan-map-section .japan-map-container .japan-map {
	position: absolute;
	left: 80px;
	width: 520px;
	height: 450px;
	background-image: url('/assets/images/map/japan-map.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.japan-map-section .japan-map-container .japan-map .label-container {
	position: relative;
}

.japan-map-section .japan-map-container .japan-map .label-container img {
	position: absolute;
}

.japan-map-section .japan-map-container .japan-map .label-container img.kyoto {
	top: 130px;
	left: -53px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.kyoto-line {
	top: 150px;
    left: 187px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.fukuoka {
    top: 205px;
    left: -53px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.fukuoka-line {
    top: 249px;
    left: 65px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.osaka {
	top: 451px;
    left: -53px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.osaka-line {
    top: 367px;
    left: 187px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.miyagi {
    top: 56px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.miyagi-line {
    top: 78px;
    right: -44px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.ibaraki {
    top: 132px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.ibaraki-line {
    top: 154px;
    right: -44px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.saitama {
    top: 208px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.saitama-line {
    top: 230px;
    right: -44px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.chiba {
    top: 286px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.chiba-line {
    top: 306px;
    right: -44px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.tokyo {
    top: 362px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.tokyo-line {
    top: 335px;
    right: -44px;
}
.japan-map-section .japan-map-container .japan-map .label-container img.kanagawa {
    top: 438px;
    right: -283px;

}
.japan-map-section .japan-map-container .japan-map .label-container img.kanagawa-line {
	top: 354px;
    right: -44px;
}

.japan-map-section .popular-area {
	width: 640px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #64B32E;
	background-color: #f9f9f9;
}

.japan-map-section .popular-area-title {
	background-color: #64B32E;
	color: white;
	text-align: center;
	padding: 16px 0;
	margin: 0;
	font-weight: 600;
	font-style: Semi Bold;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 18px;
	letter-spacing: 10%;

}

.japan-map-section .popular-area-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 16px;
	padding: 16px;
}

.japan-map-section .popular-area-links a {
	color: #8A8A8E;
	font-size: 14px;
	text-decoration: underline;
	text-underline-offset: 4px;
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 14px;
	letter-spacing: 0%;
	text-decoration-style: solid;
	text-decoration-offset: 0%;
	text-decoration-thickness: 0%;
	text-decoration-skip-ink: auto;

}
.japan-map-section .description {
	margin-top: 40px;
}

.japan-map-section .description p {
	color: #8A8A8E;
	text-align: center;
	font-family: Inter;
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
}
/*----------------------------------------------------------------------------------------
	contentAreaList
---------------------------------------------------------------------------------------- */
.contentAreaList {
	width:100%;
	max-width:860px;
	margin:0 auto;
}
.contentAreaList h3 {
	font-size:1.8rem;
	border-bottom:1px solid #28a745;
	padding-bottom:5px;
	margin-top:30px;
}
.contentAreaList h3:first-child {
	margin-top:0;
}
.contentAreaList .contentAreaListHead {
	margin-top:10px;
	padding:10px 15px;
	background-color:#f8fff1;
	border:1px solid #ccc;
}
.contentAreaList .contentAreaListHead h4 {
	font-size:1.5rem;
}
.contentAreaList .contentAreaListBody {
	border:1px solid #ccc;
	margin-top:-1px;
	padding:18px 15px;
	letter-spacing: -.4em;
}
.contentAreaList .contentAreaListBody span {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.contentAreaList .contentAreaListBody a {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentFaq
---------------------------------------------------------------------------------------- */
.contentFaq {
	width:100%;
	max-width:860px;
	margin:0 auto;
}
.contentFaq h3 {
	font-size:1.8rem;
	border-bottom:1px solid #28a745;
	padding-bottom:5px;
	margin-top:30px;
}
.contentFaq .contentFaqHead {
	margin-top:10px;
	padding:12px 15px;
	background-color:#f8fff1;
	border:1px solid #ccc;
}
.contentFaq .contentFaqHead p {
	font-size:1.4rem;
}
.contentFaq .contentFaqHead p:before {
	content:"Q";
	margin-right:8px;
	color:#28a745;
}
.contentFaq .contentFaqBody {
	border:1px solid #ccc;
	margin-top:-1px;
	padding:15px;
}
.contentFaq .contentFaqBody p {
	font-size:1.4rem;
	padding-left:18px;
	position:relative;
}
.contentFaq .contentFaqBody p:before {
	content:"A";
	position:absolute;
	top:0;
	left:0;
	color:#28a745;
}

/*----------------------------------------------------------------------------------------
	contentHowto
---------------------------------------------------------------------------------------- */
.contentHowto {
	width:100%;
	max-width:860px;
	margin:0 auto;
}
.contentHowto .contentHowtoHead {
	margin-top:30px;
}
.contentHowto .contentHowtoHead:first-child {
	margin-top:0;
}
.contentHowto .contentHowtoHead h3 {
	font-size:2rem;
	margin-bottom:10px;
}
.contentHowto .contentHowtoHead h3:before {
	content: "■";
	color:#28a745;
	margin-right:5px;
	font-size:2rem;
}
.contentHowto .contentHowtoHead p {
	font-size:1.4rem;
}
.contentHowto .contentHowtoBody {
	display:table;
	margin-top:40px;
	width:100%;
	border-spacing:10px 20px;
}
.contentHowto .contentHowtoBody > div {
	display:table-row;
}
.contentHowto .contentHowtoBody .contentHowtoText,
.contentHowto .contentHowtoBody .contentHowtoImage {
	display:table-cell;
	vertical-align: top;
}
.contentHowto .contentHowtoBody .contentHowtoText {
	width:60%;
}
.contentHowto .contentHowtoBody .contentHowtoText p {
	font-size:1.4rem;
}
.contentHowto .contentHowtoBody .contentHowtoImage {
	width:40%;
}
.contentHowto .contentHowtoBody .contentHowtoImage img {
	width:100%;
	height:auto;
}
/*----------------------------------------------------------------------------------------
	contentMypage
---------------------------------------------------------------------------------------- */
.contentMypage {
	width:100%;
	margin:0 auto;
	letter-spacing:-.4em;
}
.contentMypage > div {
	display:inline-block;
	width:33.3333333333333333333%;
	letter-spacing:normal;
}
.contentMypage > div a {
	display:block;
	border-radius:10px;
	border:1px solid #3f791b;
	margin:15px;
	padding:40px 0;
}
.contentMypage > div a:hover {
	text-decoration:none;
}
.contentMypage > div a i,
.contentMypage > div a span {
	display:block;
	text-align:center;
}
.contentMypage > div a i {
	font-size:5rem;
	color:#3f791b;
}
.contentMypage > div a span {
	font-size:2.4rem;
	color:#3f791b;
	margin-top:20px;
}
/*----------------------------------------------------------------------------------------
	contentDocumentation
---------------------------------------------------------------------------------------- */
.contentDocumentation {
	width:100%;
	max-width:860px;
	margin:0 auto;
}
.contentDocumentation > div {
	margin-top:30px;
}
.contentDocumentation > div:first-child {
	margin-top:0;
}
.contentDocumentation p,
.contentDocumentation h3 {
	font-size:1.3rem;
	line-height:1.6;
}
.contentDocumentation h3 {
	font-weight:bold;
	margin-bottom:10px;
}
/*----------------------------------------------------------------------------------------
	contentTextMenu
---------------------------------------------------------------------------------------- */
.contentTextMenu > div {
	margin:5px 0;
}
.contentTextMenu > div a {
	font-size:1.5rem;
}
.contentTextMenu > div a:before {
	content:">";
	font-size:1.5rem;
	margin-right:8px;
}
.contentTextMenu > div a:hover {
	text-decoration:none;
}
/*----------------------------------------------------------------------------------------
	contentTopKeyVisual
---------------------------------------------------------------------------------------- */
.contentTopKeyVisual {
	width:100%;
	position:relative;
}
.contentTopKeyVisual .contentTopKeyVisualImage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	display:table;
}
.contentTopKeyVisual .contentTopKeyVisualImage > div {
	width:50%;
	height:100%;
	display:table-cell;
	background-position:center;
	background-size:cover;
}
.contentTopKeyVisual .contentTopKeyVisualImage > div:first-child {
	background-image:url(../images/main1.fe6e51d.jpg)
}
.contentTopKeyVisual .contentTopKeyVisualImage > div:last-child {
	background-image:url(../images/main2.d94f40c.jpg)
}
.contentTopKeyVisual .contentTopKeyVisualAction {
	width:50%;
	max-width:600px;
	margin:0;
	top:0;
	left:5%;
	background-color:rgba(255,255,255,0.85);
	padding:40px 0 40px;
	text-align:center;
	position:relative;
	/* z-index:1; */
}
.contentTopKeyVisual .contentTopKeyVisualActionCopy {
	height:70px;
} 
.contentTopKeyVisual .contentTopKeyVisualActionCopy img {
	width:auto;
	height:100%;
}
.contentTopKeyVisual .contentTopKeyVisualActionLogo {
	height:128px;
	position:relative;
	top:-25px;
}
.contentTopKeyVisual .contentTopKeyVisualActionLogo img {
	width:auto;
	height:100%;
}
.contentTopKeyVisual .contentTopKeyVisualActionLead p {
	font-size:1.8rem;
	font-weight:bold;
}
.contentTopKeyVisual .contentTopKeyVisualActionSearch {
	margin:30px 30px 0;
}
.contentTopKeyVisual .contentTopKeyVisualActionBtn {
	margin-top:10px;
}
.contentTopKeyVisual .contentTopKeyVisualActionBtn > div {
	margin-bottom:10px;
}
.contentTopKeyVisual .contentTopKeyVisualActionBtn > div a {
	width: 90%;
    margin: 15px auto 0;
    display: block;
    border: 2px solid #64b32e;
    border-radius: 0.2em;
	background-color:#64b32e;
	color:#fff;
	font-size:1.8rem;
	padding:15px 0;
}
.contentTopKeyVisual .contentTopKeyVisualActionBtn > div a:hover {
	text-decoration:none;
	opacity:0.9;
}
/*----------------------------------------------------------------------------------------
	contentKeyVisual
---------------------------------------------------------------------------------------- */
.contentKeyVisual {
	width:100%;
	display:table;
}
.contentKeyVisual > div {
	display:table-cell;
	width:50%;
	vertical-align: top;
}
.contentKeyVisual .contentKeyVisualText {
	position:relative;
}
.contentKeyVisual .contentKeyVisualTextInner {
	position:absolute;
	top:150px;
	left:250px;
}
.contentKeyVisual .contentKeyVisualTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
}
.contentKeyVisual .contentKeyVisualTitle span {
	font-size:3.8rem;
	font-weight:bold;
	margin-right:4px;
}
.contentKeyVisual .contentKeyVisualLead {
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.4;
	margin-top:20px;
}
.contentKeyVisual .contentKeyVisualLead span {
	display:block;
	font-weight:bold;
}
.contentKeyVisual.contentKeyVisualCleaning .contentKeyVisualImage {
	height:540px;
	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:auto 100%;
}
.contentKeyVisual.contentKeyVisualCooking .contentKeyVisualImage {
	height:540px;
	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:auto 100%;
}

/*----------------------------------------------------------------------------------------
	worrySection
---------------------------------------------------------------------------------------- */
.worry-section {
	background-color: #F3FCED;
}
.worry-section .worry-image {
	width: 100%;
	aspect-ratio: 1280 / 620;
	background-image: url('/assets/images/worry-bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.worry-section .reason-container {
	padding: 64px 0;
}
.worry-section .reason-container .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
	white-space: nowrap;
}
.worry-section .reason-container .title-image {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.worry-section .reason-container .title-image > div {
	width: 613px;
	height: 76px;
	background-image: url('/assets/images/reason-title.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}
.worry-section .reason-container .feature-box {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 24px;
	padding: 40px;
	max-width: 960px;
	margin: 0 auto;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.worry-section .reason-container .feature-box:last-of-type {
	margin-bottom: 0px
}
.worry-section .reason-container .feature-icon img {
	width: 180px;
	height: 180px;
}
.worry-section .reason-container .feature-text {
	margin-left: 32px;
	max-width: 700px;
}
.worry-section .reason-container .feature-title {
	font-size: 24px;
	font-weight: bold;
	color: #74bc2f;
	margin-bottom: 12px;
}
.worry-section .reason-container .feature-description span {
	color: #f39c12;
	font-weight: bold;
}
.worry-section .reason-container .feature-description {
	font-size: 16px;
	margin-bottom: 8px;
	color: #888;
}
/*----------------------------------------------------------------------------------------
	contentReason
---------------------------------------------------------------------------------------- */
.contentReason {
	text-align:center;
	margin-top:50px;
}
.contentReason .contentReasonQuestion {
	font-size:2.8rem;
	font-weight:bold;
}
.contentReason .contentReasonQuestion:before {
	content: "Q";
    margin: 0 10px 0 0;
    color: #64b32e;
    font-size: 3.6rem;
	font-weight:bold;
}
.contentReason .contentReasonArrow {
	font-size:3.6rem;
	margin-top:30px;
}
.contentReason .contentReasonAnswer {
	font-size:2.8rem;
	font-weight:bold;
	margin-top:30px;
	position:relative;
}
.contentReason .contentReasonAnswer span {
	font-weight:bold;
	color:#f66;
	border-bottom:2px solid #f66;
	padding-bottom:2px;
	margin:0 2px;
}
.contentReason .contentReasonTitle {
	max-width:850px;
	margin:30px auto 0;
	background-color:#64b32e;
	text-align:center;
	font-size:3.2rem;
	font-weight:bold;
	color:#fff;
	padding:15px 0;
	border-radius:300px;
}
.contentReason .contentReasonList {
	margin-top:30px;
	display:table;
	width:100%;
	max-width:850px;
	margin:0 auto;
	table-layout: fixed;
}
.contentReason .contentReasonList > div {
	display:table-cell;
	padding:30px;
	text-align:center;
}
.contentReason .contentReasonListTitle {
	font-size:2rem;
	font-weight:bold;
	margin-top:15px;
}
.contentReason .contentReasonListLead {
	font-size:1.6rem;
	margin-top:10px;
}
/*----------------------------------------------------------------------------------------
	contentServiceList
---------------------------------------------------------------------------------------- */
.contentServiceList {
	text-align:center;
	margin-top:40px;
}
.contentServiceList .contentServiceListTitle {
	font-size:2.8rem;
	font-weight:bold;
}
.contentServiceList .contentServiceListBody {
	width:100%;
	max-width:850px;
	margin:20px auto 0;
	display:table;
	table-layout: fixed;
}
.contentServiceList .contentServiceListBody > div {
	display:table-cell;
	padding:30px;
}
.contentServiceList .contentServiceListBodyTitle {
	font-size:2rem;
	color:#64b32e;
	font-weight:bold;
}
.contentServiceList .contentServiceListBodyImage {
	margin-top:15px;
}
.contentServiceList .contentServiceListBodyImage img {
	width:100%;
	height:auto;
	border-radius:300px;
}
.contentServiceList .contentServiceListBodyLead {
	font-size:1.6rem;
	margin-top:15px;	
}
/*----------------------------------------------------------------------------------------
	contentPrice
---------------------------------------------------------------------------------------- */
.contentPrice {
	text-align:center;
	margin-top:40px;
	margin-bottom: 16px;
}
.contentPrice .contentPriceTitle {
	font-size:2.8rem;
	font-weight:bold;
}
.contentPrice .contentPriceDetail {
	margin-top:30px;
	border-top:1px solid #ddd;
	width:100%;
	max-width:850px;
	margin:30px auto 0;
}
.contentPrice .contentPriceDetail > div {
	border-bottom:1px solid #ddd;
	padding:30px 10px;
	display:table;
	width:100%;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle {
	display:table-cell;
	width:35%;
	vertical-align: middle;
	font-size:2.4rem;
	font-weight:bold;
	text-align:left;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle i {
	font-size:2.6rem;
	color:#4d8a24;
	margin-right:5px;
	margin-left:20px;
}
.contentPrice .contentPriceDetail .contentPriceDetailTitle span {
	font-weight:bold;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody {
	display:table-cell;
	width:65%;
	vertical-align: middle;
	text-align:left;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody p {
	font-size:1.6rem;
}
.contentPrice .contentPriceDetail .contentPriceDetailBody p:first-child {
	font-size:2.4rem;
	font-weight:bold;
	color:#4d8a24;
	margin-bottom:10px;
}
/*----------------------------------------------------------------------------------------
	contentArea
---------------------------------------------------------------------------------------- */
.contentAreaTitle {
	text-align:center;
	margin-top:80px;
	font-size:2.8rem;
	font-weight:bold;
}
.contentAreaLead {
	margin:-20px auto 0;
	max-width:860px;
}
.contentAreaLead p {
	margin-top:20px;
	font-size:1.6rem;
}
.contentAreaService {
	margin-top:40px;
	display: table;
	width:100%;
}
.contentAreaService > div {
	display:table-cell;
	padding:20px;
	width:50%;
}
.contentAreaService .contentAreaServiceHead,
.contentAreaService .contentAreaServiceBody {
	border:1px solid rgba(0,0,0,.125);
}
.contentAreaService .contentAreaServiceHead {
	background-color:rgba(100,179,46,.1);
	padding:15px;
	font-size:1.8rem;
	text-align:center;
	border-radius:4px 4px 0 0;
}
.contentAreaService .contentAreaServiceBody {
	padding:30px;
	border-radius:0 0 4px 4px;
	border-top:0;
	min-height:60px;
	background-position:20px center;
	background-size:auto 60px;
	background-repeat:no-repeat;
}
.contentAreaService > div:first-child .contentAreaServiceBody {
	background-image:url(../images/souzi.dbc56a0.png);
}
.contentAreaService > div:last-child .contentAreaServiceBody {
	background-image:url(../images/ryouri.f6ea059.png);
}
.contentAreaService .contentAreaServiceBody ul {
	padding-left:80px;
}
.contentAreaService .contentAreaServiceBody ul li {
	display:inline-block;
	margin-right:8px;
	font-size:1.6rem;
	line-height:1.6;
}
.contentAreaService .contentAreaServiceBody ul li:before {
	content:"・";
	margin-right:2px;
}
.contentAreaReview {
	margin-top:40px;
	margin-bottom:60px;
	text-align:center;
}
.contentAreaReview .contentAreaReviewHead {
	text-align:center;
	font-size:2.2rem;
	position:relative;
	display:inline-block;
	margin:0 auto 30px;
}
.contentAreaReview .contentAreaReviewHead:before {
	position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #28a745;
    bottom: -8px;
    left: 0;
}
.contentAreaReview .contentAreaReviewBody {
	text-align:left;
	max-width:640px;
	margin:0 auto;
}
.contentAreaReview .contentAreaReviewBody > div {
	margin:10px 0;
	background-color:#fafafa;
	padding:20px;
	position:relative;
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewRating {
	font-size:1.6rem;
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewRating > div {
	display:inline-block;
	letter-spacing:-.4em;
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewRating > div > span {
	letter-spacing: normal;
	margin:0 1px;	
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewRating > div .contentAreaReviewRatingOn {	
	color:#EEE8AA;
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewRating > div:last-child {
	margin-left:8px;
	font-size:1.6rem;
	font-weight:bold;
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewComment {
	margin-top:10px;
	font-size:1.6rem;	
}
.contentAreaReview .contentAreaReviewBody .contentAreaReviewDate {
	position:absolute;
	top:15px;
	right:15px;
	font-size:1.3rem;	
}
.contentAreaOthers {
	margin-top:40px;
	margin-bottom:60px;
	text-align:center;
}
.contentAreaOthers .contentAreaOthersHead {
	text-align:center;
	font-size:2.2rem;
	position:relative;
	display:inline-block;
	margin:0 auto 30px;
}
.contentAreaOthers .contentAreaOthersHead:before {
	position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #28a745;
    bottom: -8px;
    left: 0;
}
.contentAreaOthers .contentAreaOthersBody {
	text-align:center;
	max-width:860px;
	margin:0 auto;
}
.contentAreaOthers .contentAreaOthersBody li {
	display:inline-block;
	margin:0 8px;
	line-height:1.8;
}
.contentAreaOthers .contentAreaOthersBody li a {
	font-size:1.6rem;
	color:#007bff;
}
.contentAreaOthers .contentAreaOthersBody li a:hover {
	text-decoration:underline;
}
.contentArea .reviewsWrap {
	max-width: 640px;
	margin: 0 auto;
}
/*----------------------------------------------------------------------------------------
	contentUsageStep
---------------------------------------------------------------------------------------- */
.contentUsageStep {
	text-align:center;
	padding:40px 0;
	background-image:url(../images/bg_usageStep.png);
}
.contentUsageStep .contentUsageStepTitle {
	font-size:2.8rem;
	font-weight:bold;
}
.contentUsageStep .contentUsageStepList {
	width:100%;
	max-width:850px;
	margin:20px auto 0;
}
.contentUsageStep .contentUsageStepList > div {
	border-bottom:1px solid #ddd;
	display:table;
	width:100%;
}
.contentUsageStep .contentUsageStepList > div > div {
	display:table-cell;
	padding:20px 15px;
	vertical-align: middle;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListHead {
	width:20%;
	position:relative;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListNumber {
	position:absolute;
	top:20px;
	left:30px;
	background-color:#64b32e;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	border-radius: 300px;
	width:32px;
	height:32px;
	line-height:32px;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListIcon {
	background-color:#fff;
	border:1px solid #e6e6e6;
	font-size:4.8rem;
	border-radius:300px;
	color:#64b32e;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	margin-left:20px;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody {
	width:80%;	
	text-align:left;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody h4 {
	font-size:1.8rem;
	color:#376219;
	font-weight:bold;
}
.contentUsageStep .contentUsageStepList .contentUsageStepListBody p {
	font-size:1.4rem;
	margin-top:10px;
}
/*----------------------------------------------------------------------------------------
	contentInformation
---------------------------------------------------------------------------------------- */
.contentInformation {
	text-align:center;
	width:100%;
	max-width:900px;
	margin:10px auto 0;
	display:table;
	table-layout: fixed;
}
.contentInformation > div {
	display:table-cell;
	padding:20px;
}
.contentInformation .contentInformationTitle {
	background-color:#f4fbef;
	color:#4d8a24;
	border:1px solid #eee;
	border-bottom:0;
	font-size:2rem;
	padding:15px 0;
}
.contentInformation .contentInformationList {
	border:1px solid #eee;
	text-align:left;
	height:200px;
	padding:15px 20px;
	overflow-y:auto;
}
.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;
}
.contentInformation .contentInformationList .contentInformationListDate {
	width:25%;	
	color:#64b32e;
}
.contentInformation .contentInformationList .contentInformationListBody {
	width:75%;
}
.contentInformation .contentInformationList .contentInformationListBody p {
	margin-top:10px;
}
.contentInformation .contentInformationList .contentInformationListBody p:first-child {
	margin-top:0;
}
/*----------------------------------------------------------------------------------------
	contentRecruit
---------------------------------------------------------------------------------------- */
.contentRecruit {
	text-align:center;
	margin-top:40px;
}
.contentRecruit .contentRecruitTitle {
	font-size:2.8rem;
	font-weight:bold;
	margin-top:5px;
}
.contentRecruit .contentRecruitCopy {
	font-size:1.8rem;
	font-weight:bold;
	color:#64b32e;
}
.contentRecruit .contentRecruitLead {
	font-size:1.6rem;
	margin-top:10px;
}
.contentRecruit .contentRecruitBtn {
	margin-top:30px;
}
.contentRecruit .contentRecruitBtn a {
	display:inline-block;
	background-color:#f66;
	color:#fff;
	font-size:1.8rem;
	padding:15px 60px;
	border-radius:8px;
}
.contentRecruit .contentRecruitBtn a:hover {
	text-decoration: none;
}
/*----------------------------------------------------------------------------------------
	contentPageNav
---------------------------------------------------------------------------------------- */
.contentPageNav {
	text-align:center;
	border-top:1px solid #64b32e;
	border-bottom:1px solid #64b32e;
	padding:15px 0;
	letter-spacing:-.4em;
}
.contentPageNav > div {
	letter-spacing: normal;
	display: inline-block;
	margin:0 80px;
}
.contentPageNav > div a {
	color:#64b32e;
	font-size:1.6rem;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentServiceDetail
---------------------------------------------------------------------------------------- */
.contentServiceDetail {
	text-align:center;
	margin-top:40px;
}
.contentServiceDetail .contentServiceDetailTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
}
.contentServiceDetail .contentServiceDetailLead {
	margin-top:15px;
	font-size:1.6rem;
}
.contentServiceDetail .contentServiceDetailImages {
	margin-top:20px;
	letter-spacing: -.4em;
	max-width:900px;
	margin:40px auto 0;
}
.contentServiceDetail .contentServiceDetailImages > div {
	display:inline-block;
	width:25%;
	letter-spacing: normal;
	margin-bottom:20px;
}
.contentServiceDetail .contentServiceDetailImages.contentServiceDetailCookingImages > div {
	width:33.33333333333333%;
}
.contentServiceDetail .contentServiceDetailImages .contentServiceDetailImage {
	width:75%;
	margin:0 auto;
}
.contentServiceDetail .contentServiceDetailImages .contentServiceDetailImage img {
	width:100%;
	height:auto;
}
.contentServiceDetail .contentServiceDetailImages .contentServiceDetailText {
	margin-top:8px;
	font-size:1.4rem;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentCompare
---------------------------------------------------------------------------------------- */
.contentCompare {
	text-align:center;
	margin-top:40px;
	padding:40px 0 0;
	background-color:#fffbf4;
}
.contentCompare .contentCompareTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
}
.contentCompare .contentCompareLead {
	margin-top:15px;
	font-size:1.6rem;
}
.contentCompare .conteneCompareList {
	display:table;
	width:100%;
	max-width:900px;
	margin:30px auto 0;
}
.contentCompare .conteneCompareList > div {
	display:table-cell;
	vertical-align: bottom;
	padding:0 10px;
}
.contentCompare .conteneCompareList h4 {
	background-color:#c1c1c1;
	border:1px solid #c1c1c1;
	border-radius:6px 6px 0 0;
	color:#fff;
	text-align:center;
	font-size:2rem;
	font-weight:bold;
	padding:12px 0;
	line-height:1;
}
.contentCompare .conteneCompareList .contentCompareKajimama h4 {
	background-color:#f1961c;
	border:1px solid #f1961c;
	padding:18px 0;
}
.contentCompare .conteneCompareList .conteneCompareItem {
	border:1px solid #c1c1c1;
	padding:25px 20px;
}
.contentCompare .conteneCompareList .contentCompareKajimama .conteneCompareItem {
	border:3px solid #f1961c;
}
.contentCompare .conteneCompareList .conteneCompareItem > div {
	margin-top:20px;
}
.contentCompare .conteneCompareList .conteneCompareItem > div:first-child {
	margin-top:0;
}
.contentCompare .conteneCompareList .conteneCompareItem p {
	font-size:1.2rem;
	line-height:1.4;
}
.contentCompare .conteneCompareList .conteneCompareItem .conteneCompareItemCore {
	font-size:2rem;
}
.contentCompare .conteneCompareList .contentCompareKajimama .conteneCompareItem .conteneCompareItemCore {
	color:#f1961c;
	font-weight:bold;
}
.contentCompare .contentCompareComment {
	text-align:center;
	letter-spacing: -.4em;
	margin:20px auto 0;
}
.contentCompare .contentCompareComment > div {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: bottom;
}
.contentCompare .contentCompareComment > div:first-child {
	margin-bottom:40px;
}
/*----------------------------------------------------------------------------------------
	contentServiceExample
---------------------------------------------------------------------------------------- */
.contentServiceExample {
	text-align:center;
	margin-top:40px;
}
.contentServiceExample .contentServiceExampleTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
}
.contentServiceExample .contentServiceExampleLead {
	margin-top:15px;
	font-size:1.6rem;
}
.contentServiceExample .contentServiceExampleCooking {
	display:table;
	width:100%;
	max-width:850px;
	table-layout: fixed;
	margin:40px auto 0;
}
.contentServiceExample .contentServiceExampleCooking > div {
	display:table-cell;
	vertical-align: top;
	padding:0 15px;
}
.contentServiceExample .contentServiceExampleCookingImages img {
	width:100%;
	height:auto;
}
.contentServiceExample .contentServiceExampleCookingImages .contentServiceExampleCookingImageMain {
	padding:0 4px;
}
.contentServiceExample .contentServiceExampleCookingImages .contentServiceExampleCookingImageSub {
	letter-spacing: -.4em;
	text-align: center;
}
.contentServiceExample .contentServiceExampleCookingImages .contentServiceExampleCookingImageSub > div {
	letter-spacing: normal;
	display: inline-block;
	width:33.3333333333333333333%;
}
.contentServiceExample .contentServiceExampleCookingImages .contentServiceExampleCookingImageSub > div span {
	display:block;
	padding:4px;
}
.contentServiceExample .contentServiceExampleCookingText {
	text-align:left;
}
.contentServiceExample .contentServiceExampleCookingText dl {
	font-size:1.4rem;
}
.contentServiceExample .contentServiceExampleCookingText dt {
	font-weight:bold;
	margin-top:10px;
}
.contentServiceExample .contentServiceExampleCookingText p {
	font-size:1.2rem;
	margin-top:20px;
}
.contentServiceExample .contentServiceExampleCookingText dt:first-child {
	margin-top:0;
}
.contentServiceExample .contentServiceExampleImages {
	margin-top:40px;
	letter-spacing: -.4em;
	text-align:center;
}
.contentServiceExample .contentServiceExampleImages > div {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin:0 25px;
	text-align:center;
}
.contentServiceExample .contentServiceExampleImages > div p:last-child {
	margin-top:8px;
	font-size:1.4rem;
}
.contentServiceExample .contentServiceExamplePrice {
	margin-top:30px;
	letter-spacing: -.4em;
	text-align:center;
}
.contentServiceExample .contentServiceExamplePrice > div {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin:0 10px;
	text-align:center;
}
.contentServiceExample .contentServiceExamplePrice > div p {
	font-size:1.4rem;
}
.contentServiceExample .contentServiceExamplePrice > div p:first-child {
	font-weight:bold;
	font-size:2.8rem;
	margin-bottom:3px;
}
.contentServiceExample .contentServiceExamplePrice > div:last-child p {
	color:#fc4d54;
}
.contentServiceExample .contentServiceExampleAction {
	margin-top:40px;
}
.contentServiceExample .contentServiceExampleActionTitle {
	font-size:2rem;
	font-weight:bold;
	color:#64b32e;
}
.contentServiceExample .contentServiceExampleActionBtn {
	margin-top:20px;
}
.contentServiceExample .contentServiceExampleActionBtn a {
	background-color:#64b32e;
	color:#fff;
	font-size:1.6rem;
	padding:15px 60px;
	border-radius:6px;
	display:inline-block;
}
.contentServiceExample .contentServiceExampleActionBtn a:hover {
	text-decoration: none;
}
.contentServiceExample .contentServiceExampleActionSupplement {
	font-size:1.4rem;
	margin-top:10px;
}
/*----------------------------------------------------------------------------------------
	contentConcierge
---------------------------------------------------------------------------------------- */
.contentConcierge {
	text-align:center;
	margin-top:40px;
	background-color:#fffbf4;
	padding:40px 0;
}
.contentConcierge .contentConciergeTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
}
.contentConcierge .contentConciergeBody {
	margin:30px auto 0;
	width:100%;
	max-width:850px;
	display:table;
}
.contentConcierge .contentConciergeBody > div {
	display:table-cell;
	vertical-align: middle;
}
.contentConcierge .contentConciergeBody > div:first-child {
	width:230px;
}
.contentConcierge .contentConciergeBody > div:first-child p {
	width:100%;
	height:230px;
	background-image:url(../images/couple.bd83852.jpg);
	background-size:cover;
	background-position:center;
	border-radius: 300px;
}
.contentConcierge .contentConciergeBody > div:last-child p {
	padding-left:30px;
	font-size:1.5rem;
	line-height:1.6;
	text-align:left;
}
/*----------------------------------------------------------------------------------------
	contentRegister
---------------------------------------------------------------------------------------- */
.contentRegister {
	text-align:center;
	margin-top:40px;
}
.contentRegister .contentRegisterLead {
	font-size:1.6rem;
}
.contentRegister .contentRegisterTitle {
	color:#64b32e;
	font-size:2.8rem;
	font-weight:bold;
	margin-top:20px;
}
.contentRegister .contentRegisterImages {
	letter-spacing: -.4em;
	margin-top:20px;
}
.contentRegister .contentRegisterImages > div {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	margin:0 15px;
}
.contentRegister .contentRegisterImages > div img {
	width:100%;
	height:auto;
}
.contentRegister .contentRegisterAction {
	margin-top:30px;
}
.contentRegister .contentRegisterAction {
	margin-top:30px;
}
.contentRegister .contentRegisterAction .contentRegisterActionBtn a {
	background-color:#64b32e;
	color:#fff;
	font-size:1.6rem;
	padding:15px 60px;
	border-radius:6px;
	display:inline-block;
}
.contentRegister .contentRegisterAction .contentRegisterActionBtn a:hover {
	text-decoration: none;
}
.contentRegister .contentRegisterAction .contentRegisterActionSupplement {
	font-size:1.4rem;
	margin-top:10px;
}
/*----------------------------------------------------------------------------------------
	contentChat
---------------------------------------------------------------------------------------- */
.contentChat {
	max-width:800px;
	margin:0 auto;
}
.contentChat .chatList {
	clear:both;
}
.contentChat .chatList > div {
	margin-top:15px;
	max-width:400px;
	float:right;
	clear:both;
	text-align:right;
}
.contentChat .chatList > div .chatMessage {
	border-radius:6px;
	padding:5px;
	background-color:#baf266;
	font-size:1.4rem;
	display:inline-block;
	text-align:left;
}
.contentChat .chatList > div .chatDatetime {
	margin-top:5px;
	font-size:1.1rem;
	color:#888;
	text-align:right;
	clear:both;
}
.contentChat .chatList > div.chatMessageFromWorker {
	float:left;
	text-align:left;
}
.contentChat .chatList > div.chatMessageFromWorker .chatMessage {
	background-color:#fff;
	border:1px solid #ddd;
	text-align:right;
}
.contentChat .chatList > div.chatMessageFromWorker .chatDatetime {
	text-align:left;
}
.contentChat .chatPost {
	margin-top:50px;
	width:100%;
	display:table;
}
.contentChat .chatPost > div {
	display:table-cell;
	vertical-align: middle;
}
.contentChat .chatPost > div:first-child {
	width:85%;
}
.contentChat .chatPost > div:last-child {
	width:15%;
}
.contentChat .chatPost > div textarea {
	width:100%;
	height:60px;
	border:1px solid #ddd;
	overflow: hidden;
	padding:0;
}
.contentChat .chatPost > div textarea::placeholder {
	color:#aaa;
}
.contentChat .chatPost > div button {
	width:100%;
	height:60px;
	background-color:#28a745;
	color:#fff;
	display:block;
	text-align:center;
	font-size:1.4rem;
	border-radius:0 6px 6px 0;
	border:0;
	cursor:pointer;
	position:relative;
	top:-1px;
}

.contentChat .close-message {
	text-align: center;
    margin-top: 30px;
    font-size: 1.3em;
}
/*----------------------------------------------------------------------------------------
	contentModal
---------------------------------------------------------------------------------------- */
.contentModal {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	display:table;
	display:none;
}
.contentModal .contentModalLayer {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
}
.contentModal .contentModalWrap {
	width:800px;
	height:70%;
	padding:60px;
	background-color:#fff;
	margin:0 auto;
	overflow-y: auto;
	box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
	position:relative;
}
.contentModal .contentModalWrap.notice {
	width: 30%;
	height: 15%;
	font-size: 2.5em;
}
.contentModal .contentModalClose {
	position:absolute;
	top:25px;
	right:25px;
}
.contentModal .contentModalClose span {
	display:block;
	width:30px;
	height:30px;
	position:relative;
	cursor:pointer;
}
.contentModal .contentModalClose span::before,
.contentModal .contentModalClose span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 30px;
	background: #ccc;
}
.contentModal .contentModalClose span::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.contentModal .contentModalClose span::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.contentModal .contentModalTitle {
	text-align:center;
}
.contentModal .contentModalTitle p {
	font-size:1.8rem;
	font-weight:bold;
	color:#444;
}
.contentModal .contentModalLead {
	margin-top:20px;
	padding:0 5px;
}
.contentModal .contentModalLead p {
	font-size:1.4rem;
}
.contentModal .contentModalBody {
	margin-top:30px;	
}
.contentModal .contentModalComplete {
	padding:0 30px 30px;
	font-size:1.6rem;
	text-align:center;
}
/*----------------------------------------------------------------------------------------
	contentCampaignList
---------------------------------------------------------------------------------------- */
.contentCampaignList {
	width:100%;
	letter-spacing: -.4em;
}
.contentCampaignList > div {
	display:inline-block;
	width:50%;
	letter-spacing: normal;
}
.contentCampaignList > div a {
	display:block;
	margin:30px;
	border-radius:10px;
	border:1px solid #3f791b;
}
.contentCampaignList > div a:hover {
	text-decoration: none;
	opacity:0.9;
}
.contentCampaignList > div img {
	width:98%;
	height:auto;
	margin:0 auto;
}
.contentCampaignList .contentCampaignListImage {
	margin-top:5px;
	text-align:center;
}
.contentCampaignList .contentCampaignListText {
	margin-top:15px;	
	padding:0 25px;
}
.contentCampaignList .contentCampaignListText h3 {
	font-size:1.8rem;
	font-weight:bold;
}
.contentCampaignList .contentCampaignListText p {
	margin-top:10px;
	font-size:1.4rem;
	color:#888;
}
.contentCampaignList .contentCampaignListBtn {
	padding:10px;
	margin-top:15px;
}
.contentCampaignList .contentCampaignListBtn p {
	background-color:#28a745;
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border-radius:8px;
}
/*----------------------------------------------------------------------------------------
	contentCampaign
---------------------------------------------------------------------------------------- */
.contentCampaign .contentCampaignImage {
	width:90%;
}
.contentCampaign .contentCampaignImage img {
	width:100%;
	height:auto;
}
.contentCampaign .contentCampaignLead p {
	font-size:1.8rem;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}
.contentCampaign .contentCampaignStep {
	border-left:1px solid #64b32d;
	letter-spacing: -.4em;
	margin-top:50px;
}
.contentCampaign .contentCampaignStep > div {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width:33.33333333333333333%;
}
.contentCampaign .contentCampaignStep > div > div {
	padding:0 15px;
	border-right:1px solid #64b32d;
}
.contentCampaign .contentCampaignStep h4 {
	background-color:#64b32d;
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	padding:8px;
	text-align:center;
}
.contentCampaign .contentCampaignStep p {
	margin-top:12px;
	font-size:1.8rem;
	color:#888;
	padding:0 5px;
}
.contentCampaign .contentCampaignStep p span {
	font-weight:bold;
}
.contentCampaign .contentCampaignUrl {
	margin-top:50px;
	text-align:center;
}
.contentCampaign .contentCampaignUrl dt {
	font-size:1.8rem;
	font-weight:bold;
}
.contentCampaign .contentCampaignUrl dd {
	display:inline-block;
	background-color:#eee;
	padding:8px;
	margin-top:10px;
	font-size:1.6rem;
}


/*----------------------------------------------------------------------------------------
	都道府県ページ
---------------------------------------------------------------------------------------- */
.prefecture-container {
	font-style: Regular;
	background: #fff;
	color: #848488;
	line-height: 1.8;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 150px;
}

.prefecture-container section {
	margin-bottom: 80px;
}

.prefecture-container .intro p {
	text-align: left;
	margin-top: 40px;
}

.h2-wrap {
	text-align: center;
}

.prefecture-container h2 {
	font-size: 22px;
	display: inline-block;
	position: relative;
}

.prefecture-container h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #8DC63F;
}

.prefecture-container p {
	font-size: 15px;
	text-align: center;
	margin-bottom: 1rem;
}

.prefecture-container .btn {
	width: 406px;
	height: 56px;
	padding-top: 18px;
	padding-right: 61px;
	padding-bottom: 18px;
	padding-left: 61px;
	gap: 10px;
	angle: 0 deg;
	opacity: 1;
	border-radius: 10px;
}

.prefecture-container .area .h2-wrap {
	margin-bottom: 24px;
}
.prefecture-container .area .contentAreaList {
	margin-bottom: 24px;
	display: block;
}

.prefecture-container .contentAreaListHead .arrow {
	display: none;
}

.prefecture-container .contentAreaList .contentAreaListHead {
	display: block;
}

.prefecture-container .contentAreaList .toggle-checkbox {
	display: none;
}

.prefecture-container .green {
	background: #64B32E;
	opacity: 0.8;
	color: #fff;
	font-size: 1.5rem;
}

.prefecture-container .green:hover {
	background: #76b434;
}

.prefecture-container .orange {
	background: #F1961C;
	opacity: 0.8;
	color: #fff;
	font-size: 1.5rem;
}

.prefecture-container .orange:hover {
	background: #f57c00;
}

.prefecture-container .center {
	text-align: center;
	margin-top: 1.5rem;
}

.prefecture-container .feature-list {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 2rem;
}

.prefecture-container .feature {
	flex: 1;
	text-align: center;
}

.prefecture-container .features .h2-wrap {
	margin-bottom: 40px;
}

.prefecture-container .feature img {
	width: 180px;
	height: 180px;
	margin-bottom: 0.5rem;
}

.prefecture-container .feature strong {
	font-family: Inter;
	font-weight: 600;
	font-style: Semi Bold;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #83C258;
}

.prefecture-container .feature p {
	padding: 0 3rem;
}

.prefecture-container .services .service-columns {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 1rem;
}

.prefecture-container .services .h2-wrap {
	margin-bottom: 24px;
}

.prefecture-container .service-cards {
	display: flex;
	justify-content: space-around;
}

.prefecture-container .service-cards .card-container {
	width: 48%;
}

.prefecture-container .service-cards .service-card {
	border: solid 1px #00000020;
}

.prefecture-container .service-cards .service-card .service-heading {
	background-color: #64B32E1A;
	opacity: 0.9;
	text-align: center;
	padding: 1rem 0;
	border-bottom: solid 1px #00000020;
}

.prefecture-container .service-cards .service-card .body {
	display: flex;
	padding: 1.5rem;
	height: auto;
}

.prefecture-container .service-cards .service-card .body p {
	margin-left: 15px;
	text-align: left;
}

.prefecture-container .service-cards .service-card .body img {
	width: 50px;
}

.prefecture-container .card-container .service-description {
	padding: 2rem;
}
.prefecture-container .service-link {
	text-align: center;
}
.prefecture-container .service-link a {
	color: #83C258;
	font-size: 2rem;
	text-decoration: underline;
}

.prefecture-container .reviews .h2-wrap {
	margin-bottom: 24px;
}

.prefecture-container .reviews .center {
	margin-top: 24px;
}

.prefecture-container .recruit {
	margin-top: 4rem;
	padding: 2rem 1rem;
	border-radius: 6px;
	text-align: center;
}

.prefecture-container .recruit h2::after {
	background: #fff;
}

.prefecture-container .recruit h2 {
	font-weight: 600;
	font-style: Semi Bold;
	margin: 24px 0;
}

.prefecture-container .recruit h2 .sp-only {
	display: none;
}
.prefecture-container .recruit .highlight {
	color: #4CAF50;
	font-weight: bold;
	display: block;
}

.prefecture-container p {
	margin: 0;
}

.prefecture-container .center {
	margin-top: 24px;
}

/*----------------------------------------------------------------------------------------
	review-card
---------------------------------------------------------------------------------------- */
.reviews h2 {
    font-size: 22px;
    display: inline-block;
    position: relative;
}
.reviews h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #8DC63F;
}
.reviews .h2-wrap {
	margin-bottom: 24px;
}
.review-card {
	padding: 16px 20px;
	border-radius: 6px;
	margin-bottom: 1.5rem;
	border: solid 1.5px #BDE0A5
}

.review-card p {
	text-align: left;
	margin-bottom: 0.4rem;
}

.review-card .stars {
	color: #f39c12;
	font-size: 1.2rem;
}

.review-card .date {
	font-size: 0.85rem;
	color: #777;
	float: right;
}
/*----------------------------------------------------------------------------------------
	身分証アップロード
---------------------------------------------------------------------------------------- */
.boldTextWrap {
	max-width: auto;
	margin: 0;
}
.identityCardContent .pb-16 {
	padding-bottom: 16px;
}

.identityCardContent .pb-24 {
	padding-bottom: 24px;
}

.identityCardContent .pb-56 {
	padding-bottom: 56px;
}

.identityCardContent .text-left {
	text-align: left !important;
}

.identityCardContent .boldText {
	font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.5rem;
	text-align: left;
	max-width: 460px;
	margin: 0 auto;
}

.identityCardContent .requiredTag {
	margin-left: 8px;
    color: #fff;
    font-size: 1.2rem;
    background-color: #f5a623;
    border-radius: 4px;
    padding: 3px 8px;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: -1px;
}

.identityCardContent .subTextContent {
	max-width: 460px;
	text-align: left;
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	margin: 0 auto;
}

.identityCardContent .subTextContent.red {
	color: #FF0000;
}

.itemContent {
	max-width: 460px;
	margin: 0 auto;
}

.identityCardContent .imgContent.sp {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}
.identityCardContent .imgContent.sp {
	display: none;
}

.identityCardContent .imgContent img {
	width: 100%;
	height: auto;
}

.uploadImageContent {
	display: flex;
	justify-content: center;
}

.uploadImageContent > div {
	border: solid 2px #64B32E;
	padding: 10px;
}

.identityCardContent .uploadImageContent .border {
	position: relative;    
	border: dashed 1px #64B32E;
	width: 400px;
	height: 160px;
}

.uploadImageContent .flex {
	display: flex;
	justify-content: center;
	align-items: center; 
	flex-direction: column;
}

.identityCardContent .uploadImageContent .uploadBtn {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	color: #64B32E;
	border: 1px solid #64B32E;
	box-shadow: 0px 2px 3px 0px #00000026;
	padding: 8px 10px;
	cursor: pointer;
}

.identityCardContent .uploadImageContent .preview {
	position: absolute;
	inset: 10px;
	width: calc(100% - 20px);      /* 親の幅にフィット */
	height: calc(100% - 20px);     /* 親の高さにフィット */
	display: none;
	overflow: hidden;
	background: #f5f5f5; /* 余白が出たときに背景色で分かりやすくする */
}
#preview img {
	width: 400px;
	height: 160px;
	object-fit: contain;   /* 全体をカバー（切り抜きあり） */
	
}
.identityCardContent .uploadImageContent .d-none {
	display: none;
}

.identityCardContent .confirmText {
	font-size: 1.5rem;
	width: 460px;
	text-align: center;
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0%;
	margin: 0 auto;
}

.identityCardContent .btnContainer .btn {
	width: 280px;
	height: 40px;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 8%;
	margin: 0 auto;
}

.identityCardContent .btnContainer .gray {
	background-color: #D7D7D7;
}

.identityCardContent .btnContainer .green {
	background-color: #64B32E;
	color: #fff;
}

.identityCardContent .error {
	color: red;
	font-size: 1.5rem;
	width: 100%;
	text-align: center;
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0%;
}

.close-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
}

/*----------------------------------------------------------------------------------------
	lineSection
---------------------------------------------------------------------------------------- */
.lineSection {
	background-color: #E7F5DE;
	padding: 30px 16px;
	position: relative;
}
.lineSection .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.lineSection .container h3 {
	color: #FA8316;
	font-family: Hiragino Sans;
	font-weight: 600;
	font-style: W6;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: center;
	margin-bottom: 16px;
}

.lineSection .container p {
	font-family: Hiragino Sans;
	font-weight: 500;
	font-style: W5;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	line-height: 24px;
	color: #848488;
	width: 613px;
}
.lineSection .container p .sp-only {
	display: none;
}
.lineSection .container p .featured {
	font-family: Hiragino Sans;
	font-weight: 500;
	font-style: W5;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #01B902;
}
.lineSection .container .btnContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 32px;
}
.lineSection .container .wrapper {
	--bg:   #fff;
	background: var(--bg);
	border-radius: 40px;
	width: 280px;
	padding: 8px;
	box-shadow: 0px 0px 10px 0px #01B90240;
	cursor: pointer;
	transition: all 0.3s ease;
}
.lineSection .container .wrapper:hover {
	text-decoration: none;
	background-color: #01B902;
}
.lineSection .container .wrapper:hover .lineBtn {
	border: 1px solid #fff;
}
.lineSection .container .wrapper:hover .lineBtn .text {
	color: #fff;
}
.lineSection .container .wrapper:hover .lineBtn .icon {
	background: #fff;
}
.lineSection .container .wrapper:hover .lineBtn .icon::before {
	/* 三角サイズ（丸に対する比率で調整） */
	--tri-w: calc(var(--size) * .36);
	--tri-h: calc(var(--size) * .42);

	width: 0;
	height: 0;
	border-left:  var(--tri-w) solid #01B902;
}
.lineSection .container .wrapper .lineBtn {
	--line-color:   #01B902;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid var(--line-color);
	border-radius: 40px;
	padding: 12px 0;
}
.lineSection .container .wrapper .lineBtn .text {
	margin-right: 16px;
	font-family: Hiragino Sans;
	font-weight: 600;
	font-style: W6;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0%;
	color: #01B902;
}
.lineSection .container .wrapper .lineBtn .icon {
	--size: 30px;
	
	border: 1px solid #01B902;
	display: inline-block;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background: #01B902;
	position: relative;
}

/* 中の三角 */
.lineSection .container .wrapper .lineBtn .icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 三角サイズ（丸に対する比率で調整） */
	--tri-w: calc(var(--size) * .36);
	--tri-h: calc(var(--size) * .42);

	width: 0;
	height: 0;
	border-left:  var(--tri-w) solid #ffffff;
	border-top:   calc(var(--tri-h)/2) solid transparent;
	border-bottom:calc(var(--tri-h)/2) solid transparent;
}

/*----------------------------------------------------------------------------------------
	404ページ
---------------------------------------------------------------------------------------- */
.error-wrap {
	display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 40%;
	align-items: center;
	margin-top: 100px;
	margin-bottom: 420px;
}

.error-wrap .title {
	font-size: 4em;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-top: 100px;
	margin-bottom: 50px;
}

.error-wrap p {
	font-size: 1.5em;
	text-align: center;
}

.error-wrap .error-btn {
	margin: 15px auto 0;
    display: block;
    border: 2px solid #64b32e;
    border-radius: 0.2em;
    background-color: #64b32e;
    color: #fff;
    font-size: 1.5em;
    padding: 7px 10px;
}