@charset "UTF-8";


/* header_logo -------------------------------------------------- */

.header_logo { position: absolute; top: 15px; left: 25px; width: 240px; }
/*@media screen and (max-width: 600px) {*/
	@media screen and (max-width: 980px) {
	.header_logo {
		position: relative; top: 0; left: 0;
		padding: 10px 15px;
	}
}
/* top page -------------------------------------------------- */

.top_title {
	font-family: 'Abel', sans-serif; font-size: 5rem; letter-spacing: 0.3rem;
	text-align: center; padding: 40px 0 30px 0;
}
@media screen and (max-width: 600px) {
	.top_title { font-size: 3.5rem; padding: 50px 0 20px 0; }
}
/* footer_banner -------------------------------------------------- */

.footer_banner li { display: inline-block; letter-spacing: normal; width: 12.5%; }
@media screen and (max-width: 800px) { .footer_banner li { width: 25%; } }
@media screen and (max-width: 600px) { .footer_banner li { width:50%; } }

/* recruit -------------------------------------------------- */

.link_parttime { text-align: left; letter-spacing: -0.4em; margin: 0 -15px 50px -15px; }
.link_parttime li { display: inline-block; letter-spacing: normal;  padding: 0 15px; }
.link_parttime li p {
	font-size: 1.4rem; line-height: 160%; padding: 10px 0;
	border-top: solid 1px #ccc;
}
.link_parttime li p span { color: #999; }
.link_parttime li p a { color: #222; display: block; padding: 0 20px 0 0; position: relative; }
.link_parttime li p a:hover,
.link_parttime li p  a:hover span  { color: #ccc; }
.link_parttime li p a:after {
	content: "";
	position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;
	display: block; width: 6px; height: 6px;
	border-right: 2px solid #222; border-bottom: 2px solid #222;
	-ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg); transform: rotate(-45deg);
}
.link_parttime li p a:hover:after {
	border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
}
.link_parttime li { width: 33.3333%; }
.link_parttime li.no-recruit {opacity: 0.5;}
@media screen and (max-width: 600px) {
	.link_parttime li { width: 100%; }
	.link_parttime li p { font-size: 1.2rem; }
}

/*recruit*/
.recruit_title { font-weight: bold; padding: 0 0 10px 0; }
.recruit_link a { display: block; padding: 10px 0; color: #0099cc; } .recruit_link a:hover { color: #66ccff; }

/*company*/

.company_history { width: 100%;  border-spacing: 0; }
.company_history tr { border-top: solid 1px #ccc; }
.company_history th, .company_history td { font-size: 1.2rem; line-height: 160%; text-align: justify; padding: 8px 0; }
.company_history01 { width: 50px !important; padding: 8px 0 !important; }
.company_history02 { width: 55px !important; padding: 8px 10px 8px 0 !important;  text-align: right  !important; }
.company_history_right { margin: 0 0 50px 0; }
@media screen and (max-width: 600px) { .company_history_right { margin: -30px 0 0 0; } }

.philosophy { background: #f0f0f0; text-align: center; padding: 30px; }
.philosophy img { max-width: 640px; }
@media screen and (max-width: 600px) { .philosophy { padding: 20px; } }

/*privacy*/

.privacy_copy01 {  padding-left: 2.1rem; text-indent: -2.1rem; }
.privacy_copy02 {  padding-left: 1.2rem; text-indent: -1.2rem; }
.privacy_copy03 {  padding-left: 1.2rem; text-indent: -1.8rem; }

.privacy_pmark {
	display: table; border: solid 1px #666; padding: 10px 15px 10px 10px; margin: 20px 0;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}
.privacy_pmark div { display: table-cell; vertical-align: middle; }
.privacy_pmark div:first-child { width: 70px; padding: 0 10px 0 0; }

@media only screen and (max-width: 600px) { .privacy_contents .share section { padding: 0; } }

/* qa -------------------------------------------------- */

.qa { border-top: solid 1px #ccc; margin: 20px 0; }
.qa dt  {
	display: block; cursor: pointer; position: relative;
	padding: 10px 0 10px 30px;
	font-size: 1.4rem; line-height: 180%; text-align: justify;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom: solid 1px #ccc;
}
.qa dt:after {
	content: "Q";
	position: absolute; top: 10px; left: 0; bottom: 0; margin: auto;
	display: block; font-size: 2.2rem; /*font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
}
.qa dt:hover { color: #0099cc; }
.qa dd  {
	margin: 20px 0; padding: 20px; background: #f0f0f0; position: relative;
	font-size: 1.4rem; line-height: 180%; text-align: justify;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}
/*@media screen and (max-width: 600px) { .qa_menu li { margin: 20px 0 0 0; } }*/

/*qa_menu*/

/*.qa_menu { margin: 0 -5px; }*/
.qa_menu li { /*width: 33.3333%; float: left; padding: 5px;*/ display: block; width: 100%; border-right: 1px solid #bbb; }
.qa_menu li:last-child {
    border-right: none;
}
@media screen and (max-width: 800px) { .qa_menu li { width: 50%; } }
@media screen and (max-width: 600px) { .qa_menu li { width: 20%; display: inline-block; letter-spacing: normal; } }

/*form_explanation*/

.form_explanation {
	border-top: solid 2px #222; padding: 20px 0;
}
.form_explanation h2 {
	font-size: 1.6rem; padding: 0 0 20px 0; font-family: 'NotoSans-Medium';
}

/*shoplink*/

.shoplink { border-top: solid 1px #ccc; margin: 20px 0; }
.shoplink li a {
	padding: 10px 0; color: #222; display: block;
	border-bottom: solid 1px #ccc;
	font-size: 1.4rem; position: relative;
}
.shoplink li a:after {
	content: "";
	position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;
	display: block; width: 6px; height: 6px;
	border-right: 2px solid #222; border-bottom: 2px solid #222;
	-ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.shoplink li a:hover { color: #ccc; }
.shoplink li a:hover:after {
	border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
}

/*member*/

.member_title {
	padding: 15px 0 0 0; border-top: solid 1px #ccc;
	font-size: 1.6rem; line-height: 160%; text-align: center;
	font-family: 'NotoSans-Medium';
}
.member { display: table; width: 100%; table-layout: fixed; *overflow:auto; margin: 20px 0 30px 0; }
.member div { display: table-cell; vertical-align: middle; *float:left; }
@media screen and (max-width: 600px) { .member, .member div { display: block; } }
.member_left { width: 280px; padding: 0 50px 0 0; }
.member_left p { font-size: 1.2rem; line-height: 180%; padding: 15px 0 0 0; }
.member_left p span {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	color: #fff; background: #222; padding: 1px 7px; margin: 0 8px 0 0;
	font-size: 80%;
}
.member_right {
	position: relative; background: #f0f0f0;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.member_right:before {
	content: "";
	position: absolute; top: 0; left: -30px; bottom: 0; margin: auto;
	display: block; width: 0; height: 0;
	border: 15px solid transparent;
	border-right: 15px solid #f0f0f0;
}
.member_right p { font-size: 1.4rem; line-height: 200%; text-align: justify; padding: 50px; }
@media screen and (max-width: 900px) { .member_right p { padding: 20px; } }
@media screen and (max-width: 600px) {
	.member_title { text-align: left;  }
	.member_left { width: 100%; padding: 0; }
	.member_left img { width: 70%; }
	.member_right { margin: 20px 0 0 0; }
	.member_right:before {
		top: -30px; left: 0; right: 0; bottom: auto;
		border: 15px solid transparent;
		border-bottom: 15px solid #f0f0f0;
	}
}

/*estate*/

.estate_title {
	font-size: 1.8rem; padding: 20px; margin: 0 0 15px 0;
	font-family: 'NotoSans-Medium'; line-height: 160%;
	display: block; border: solid 8px #f0f0f0;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}


/*land.html---contact_btn*/

.contact_copy {
	text-align: center;
	margin: 40px 0 6px 0;
}

.contact_btn {
	width: 45%;
	margin: 0 auto;
}

.contact_btn a {
	text-align: center;
	padding: 20px;
}

@media only screen and (max-width: 600px){

	.contact_copy {
		text-align: left;
		font-size: 1.2rem;
    	margin: 10px 0 5px;
	}

	.contact_btn {
		width: 100%;
	}

}