@charset "utf-8";
/* CSS Document */
body {-webkit-text-size-adjust: none;}

/* Common */
.clr {clear:both;}
.callTel {padding:10px 0;}
.callTel a {background-color:#007700; color:#FFFFFF; padding:5px 20px; text-align:center; border-radius:30px; text-decoration:none;}
.callTel a:hover { background-color: #005500;}
input[type="text"],input[type="email"],input[type="date"],textarea {width: 80%;}

/* header */
header ul{
	width: 100%;
	letter-spacing: -.40em;
	background-color: #000;
}
header ul li {
	display: inline-block;
	letter-spacing: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #333333 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #333333 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
header ul li:nth-child(2n){border-left: 1px solid #000;}

section {margin:0 auto 15px;}
section .h2-common {
	background-color:#003377;
	color:#FFFFFF;
	border-radius:2px;
	font-size: 22px;
	padding: 8px 10px;
	margin-bottom: 20px;
}
section .innerSection {padding:0 10px;}

section .tbl-common {border-collapse:collapse; margin-bottom:5px; width:100%;}
section .tbl-common th,section .tbl-common td {border:#999999 1px solid; padding: 3px 5px; font-size: 12px;}
section .tbl-common th {font-weight:bold; white-space:nowrap;}

.appeal_mt {margin-top: 15px};

}
/* 不安
section.anxiety h2 { background-color:#222222; color:#FFFFFF; border-radius:2px; text-align:center; text-shadow:2px 2px 3px #000; margin-bottom:20px;}
section.anxiety ul {list-style:none; border:#666666 2px solid; border-radius:2px; margin:0 10px 10px 10px;
background: url(../images/bg_anxiety.png) right bottom no-repeat;}
section.anxiety ul li {padding:5px 0;}
section.anxiety ul li i {margin-right:10px; color:#FF3300; vertical-align:middle;}*/

/* 解決 */
section.treatment h2 { background-color: #000066; color:#FFFFFF; border-radius:2px; text-align:center; text-shadow:0px 0px 3px #FFF; background:url(../images/bg_treatment.gif) left top repeat; margin-bottom:10px;}
section.treatment h2 img {vertical-align:top; margin-right:10px;}
/* 給料 */
section.salary .daily {background-color:#C6E4F7; font-weight:bold; border-radius:4px; border:#999999 2px solid; padding:15px; margin-bottom:20px; color:#003377;}

/* 仕事内容 */
section.work .catch {color:#003377;}

/* 勤務地・近隣情報 */
section.local .shops-local {list-style:none;}
section.local .shops-local li {margin-bottom:10px; padding:5px 5px 10px 5px; background-color:#EEEEEE; border-radius:2px;}
section.local .shops-local li h4{ font-weight:bold;}
section.local .shops-local li img{ border-radius:2px;}
section.local .shops-local li p a { background-color:#333333; color:#FFFFFF; border-radius:3px; text-decoration:none;}
section.local .shops-local li p a i {margin-left:5px;}

.mailform_box .btn-submit button{
	width:90%;
}

/* エントリーボックス */
/*section.box-entry {padding:20px 10px; border-radius:2px; background-color:#EEEEEE;
background:url(../images/bg_entry.jpg) 10px center no-repeat #EEEEEE;}
section.box-entry .summary {color: #0088EF; font-weight:bold; margin-left:10px;}
section.box-entry .form {overflow:hidden;}
section.box-entry .form a {background-color:#007700; display:block; color:#FFFF00; text-decoration:none; border-radius:3px; padding:10px 20px; margin:10px; text-shadow:#FFFFFF 0 0 2px; }
section.box-entry .form a:hover {background-color:#005500;}
section.box-entry .form i {margin-right:10px;}
section.box-entry .tel {margin-left:10px; color: #0088EF;}
section.box-entry .tel a {text-decoration:none; font-weight:bold; cursor:default;}
section.box-entry .tel i {margin-right:10px;}
section.box-entry .teltime {margin-left:10px;}
section.box-entry .callTel a {margin:0 0 0 10px;}
*/


/* footer */
footer {background-color:#CC0000; color:#FFFFFF; padding:10px 0 0 0; text-align:center;}
footer .contact { margin-bottom:10px;}
footer .contact strong { font-size:20px; font-weight:bold;}
footer .contact strong img {margin-right:10px; vertical-align:middle;}
footer .about {border-collapse:collapse; font-size:13px;  width:300px; margin:0 auto;}
footer .about caption {text-align:left; font-size:20px; font-weight:bold; color: #fff;}
footer .about th,footer .about td {text-align:left; vertical-align:top; color: #fff;}
footer .about th {white-space:nowrap;}
footer .copyright {background-color:#BA0000; text-align:center; font-size:13px; padding:10px 0; margin-top:10px;}


/* サンクスページ */
#entryF{
	text-align: center;
	font-size: 16px;
	color: #333;
	padding: 40px 0 80px;
}
#entryF a{margin-top: 20px;}

/* ---------------------------------
[common] resule & premium Responsive
--------------------------------- */
/* mobile&tablet */
.result_premium.sp{margin: 40px 1.875% 50px;}
.result_premium.sp .img_result{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e80000;
  margin-bottom: 30px;
  background-color: #e80000;
}
.result_premium.sp .title{margin-bottom: 10px;}
.result_premium.sp .img_premium{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #fff;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 50px;
}
.result_premium.pc{display: none;}



/* Mobile */

/* header */
header ul li {width: 50%;}
header ul li img{width: 70%;}

/*	section .h2-common {font-size:24px; padding:3px 10px; margin-bottom:20px;}
	section .tbl-common {font-size:13px;}
	section .tbl-common th,section .tbl-common td {padding:3px 5px;}
*/
	/* 不安 */
	/*
	section.anxiety h2 {padding:15px 0; font-size:17px; margin-bottom:10px;}
	section.anxiety ul {margin:0 10px 30px 10px; padding:10px; background-size:30% auto; text-shadow:#FFFFFF 1px 1px 0;}
*/

	/* 解決 */
	section.treatment h2 {padding:15px 0; font-size:20px;}
	section.treatment h2 img {width:120px; margin-bottom:5px;}
	section.treatment .list-treatment { padding:0 10px; margin-bottom:10px;}

	section.treatment .list-treatment dt,
	section.treatment .list-treatment dd{
		text-align: center;
	}
	section.treatment .list-treatment dt img,
	section.treatment .list-treatment dd img {
		width:70%;
	}


	/* 給料 */
	section.salary .daily {font-size:18px; line-height: 1;}
	section.salary table th,section.salary table td {text-align:center}
	section.salary table .monthly { background-color:#C8DEED; width:6em;}
	section.salary .notice {font-size:13px;}

	/* 手当 */
	section.allowance table {margin-bottom:15px;}
	section.allowance table th:nth-child(1) {width:5em;}
	section.allowance table .money { background-color:#C8DEED; text-align:center; width:6.5em;}
	section.allowance .notice {font-size:13px;}

	/* 募集要項 */
	section.detail table td .terms { margin-left:20px;}
	section.detail table td .notice { list-style:none; font-size:13px;}

	/* 仕事内容 */
	section.work .catch {margin-bottom:10px;}
	section.work li {margin-bottom:15px; list-style: none;}
	section.work li h4 {font-size:17px;line-height: 24px;border-bottom: 2px solid #0088EF; color:#0088EF;}
	section.work li p {color:#666666; margin:5px 0; font-size:13px;}

	/* 勤務地・近隣情報 */
	section.local .catch {color:#003377; margin-bottom:20px;}
	section.local h3 { font-weight:bold; margin-bottom:5px; color:#0088EF;}
	section.local .box-map {margin-bottom:10px;}
	section.local .box-map img {max-width:100%;}
	section.local .box-local {margin-bottom:20px;}
	section.local .note-map li {margin-bottom:5px; list-style: none;}

	section.local .shops-local li img {max-width:100%;}
	section.local .shops-local li h4 {margin:5px 0;}
	section.local .shops-local li p a { display:block; text-align:center; padding:5px;}

	/* エントリーボックス */
	/*section.box-entry {background-position:right bottom; background-size:30% auto;}
	section.box-entry .summary {font-size:22px;}
	section.box-entry .form {font-size:13px; height:70px; margin-left:10px;}
	section.box-entry .tel { font-size:30px;}
	section.box-entry .teltime {font-size:13px;}
*/
	section.action{
		margin: 0 0 40px;
		padding: 30px 10px;
		background-color: #000;
	}
	section.action a{
		display: inline-block;
		width: 100%;
	}
	section.action a + a{
		margin-top: 25px;
	}


	/* 御礼 */
	section.thanks h2.h2-common {font-size:17px;}


/* Tablet */
@media screen and (min-width: 640px){
	.w1 {display:none;}
	.callTel { display:none;}
	input[type="text"],input[type="email"],input[type="date"],textarea {width: auto;}

	section .h2-common {font-size:30px; padding:5px 20px; margin-bottom:20px;}
	section .tbl-common {font-size:15px;}


/* header */
header ul li {width: 25%;}
header ul li:nth-child(2n){	border-left: none;}
header ul li img{width: 100%;}

	/* 不安 */
	/*section.anxiety h2 {padding:20px; font-size:30px;}
	section.anxiety ul {font-size:26px; padding:20px; background-size:auto; text-shadow:none;}*/

	/* 解決 */
	section.treatment h2 {font-size:33px;}
	section.treatment h2 img {width:80px;}
	section.treatment .list-treatment {max-width:33%; float:left; text-align:center; padding:0;}
	section.treatment .list-treatment dt img,section.treatment .list-treatment dd img { width:90%;}

	/* 給与 */
	section.salary .daily {font-size:20px;}

	/* 仕事内容 */
	section.work .catch {font-size:17px; margin-bottom:20px;}
	section.work li {float:left; list-style:none; width:270px; padding:15px; margin-bottom:0;}
	section.work li h4 {font-size:17px;}

	/* 勤務地・近隣情報 */
	section.local .catch {font-size:17px;}
	section.local h3 {font-size:17px;}
	section.local .box-map {float:left; margin-right:30px; margin-bottom:0;}
	section.local .note-map {list-style:none;}
	section.local .note-map li {margin-bottom:10px;}

	section.local .shops-local { float:left; width:320px;}
	section.local .shops-local li { width:300px;}
	section.local .shops-local li p a {font-size:13px;}
	section.local .shops-local li p a:hover { background-color:#555555;}


	/* エントリーボックス */
	/*section.box-entry {padding-left:230px; background-position:10px center; background-size:auto;}
	section.box-entry .summary {font-size:30px;}
	section.box-entry .form {font-size:30px; height:100px; margin-left:0;}
	section.box-entry .tel { font-size:35px;}
	section.box-entry .teltime {font-size:13px;}*/

	section.action{
		padding: 40px 10px;
		background-color: #000;
		text-align: center;
	}
	section.action a.action_tel{
		width: 37.5%;
		margin-right: 20px;
	}
	section.action a.action_entry{
		width: 57%;
	}
	section.action a.action_entry:hover img{
		border-radius: 6px;
		box-shadow: 0 0 13px 2px rgba(255, 255, 255, 0.95);
	}
	section.action a + a{margin-top: 0;}

	/* 御礼 */
	section.thanks h2.h2-common {font-size:30px;}
	footer .contact strong {font-size:60px;}

}

/* PC */
@media screen and (min-width: 1000px){

	/*article {width:960px; margin:0 auto; padding:20px}*/
	article section {width:960px; margin:0 auto; padding:20px}
	section .h2-common {font-size:30px; padding:5px 20px; margin-bottom:20px;}

	/* 不安 */
	/*section.anxiety h2 {padding:20px; font-size:48px;}
	section.anxiety ul {font-size:36px;}
	section.anxiety ul li {padding:5px 0;}
	section.anxiety ul li i {font-size:36px;}
*/

	/* 解決 */
	section.treatment h2 {padding:40px 20px; font-size:48px;}
	section.treatment h2 img {width:120px;}
	section.treatment .wrap-list-treatment {}
	section.treatment .list-treatment {width:320px; float:left; text-align:center;}
	section.treatment .list-treatment dt img,section.treatment .list-treatment dd img {width:300px;}

	/* 給与 */
	section.salary table th,section.salary table td {padding:5px 15px; text-align:center}

	/* 手当 */
	section.allowance .box-tbl-allowance {display:table-cell; padding:0 20px; width:45%; vertical-align:top;}
	section.allowance table {height:360px; margin-bottom:5px;}
	section.allowance table th,section.allowance table td {padding:5px 15px;}
	section.allowance table tr:nth-child(1) th {height:1em;}


	/* 募集要項 */
	section.detail table th,section.detail table td {padding:5px 15px;}

	/* 勤務地・近隣情報 */
	section.local .shops-local { width:310px;}
	section.local .shops-local li { width:280px;}
	section.local .shops-local li img {width:280px;}
	section.local .shops-local li p {text-align:right;}
	section.local .shops-local li p a { display:inline; padding:1px 5px;}

	/* エントリーボックス */
	/*section.box-entry {font-family:"m+2c";}
	section.box-entry .summary {font-size:50px;}
	section.box-entry .form {font-size:42px; height:110px;}
	section.box-entry .tel { font-size:50px;}
	section.box-entry .teltime {font-size:18px;}*/
	section.action{
		width: 100%;
		padding: 40px 0;
	}
	section.action .btn_wrapper{
		width: 880px;
		padding-right: 0 40px;
		margin: 0 auto;
	}
	section.action a.action_tel{
	pointer-events: none;
}

	/* footer */
	footer .logoAbout {width:1000px; margin:0 auto;}
	footer .copyright,footer .logo {width:auto;}
	footer .logo { float:left;}
	footer .about {width:auto;}
	footer .copyright {clear:both;}

/* ---------------------------------
[common] resule & premium Responsive
--------------------------------- */
/*pc*/
.result_premium.sp{display: none;}
.result_premium.pc{
	display: block;
  max-width: 1000px;
  margin: 60px auto;
}
.result_premium.pc .img_result{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid #e80000;
  margin: 30px 0;
  background-color: #e80000;
}
.result_premium.pc .title{margin-bottom: 10px;}
.result_premium.pc .img_premium{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 10px solid #fff;
  box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.3);
}

}/* end pc min-width 1000px */

@media (min-width: 1200px){
  .container {
      width: 1000px;
  }
}

@media (max-width: 767px) {
  .apr_pc{
    display:none !important;
  }
}

@media (min-width: 768px) {
  .apr_sp{
    display:none !important;
  }
}

/* -----------------------------------
 common_tel_bnr
------------------------------------ */

.mod_cmn_tel{
  margin:0 0 30px;
  background: #ddd;
  padding:15px;
}

/* -----------------------------------
 common_otherjobs
------------------------------------ */

.mod_cmn_othejob.container{
  margin: 0 auto 100px;
	padding:0 5%;
	box-sizing: border-box;
}

@media (max-width: 767px) {
  .mod_cmn_othejob.container{
    margin: 0 auto 30px;
  }
}

@media (min-width: 768px) {
.mod_cmn_othejob.container{
    margin: 60px auto 60px;
  }
}
.add_treatment img{max-width: 100%; width:auto;}
/* w640〜 */
@media screen and (min-width: 640px){
	.bnr-otherjobs .pc {display: inherit;}.bnr-otherjobs .sp {display:none;}
}
.add_treatment .size_pc{display: block;}
.add_treatment .size_sp{display: none;}
.add_treatment{margin-bottom: 5%; padding: 0 1%;}

/* 〜w635 */
@media screen and (max-width: 635px){
	.add_treatment .size_pc{display: none;}
	.add_treatment .size_sp{display: block;}
	.add_treatment img{width: 70%;}
}

/* 〜w1000 */
@media screen and (max-width: 1000px){
	.add_treatment{padding: 0 2%;}
	.add_treatment p{text-align: center;}
}


/* -----------------------------------
 common_app_banner
------------------------------------ */

.mod_cmn_appbnr.container{
	margin: 0 auto 100px;
	padding:0 5%;
	box-sizing: border-box;
}
.mod_cmn_appbnr .appbnr .iphone{
  position:relative;
  float:left;
  width:45%;
  margin: 0 0 3% 3%;
}
.mod_cmn_appbnr .appbnr .android{
  position:relative;
  float:right;
  width:45%;
  margin: 0 3% 0 3%;
}


/* -----------------------------------
 MtM チャットバナー
------------------------------------ */
.cmn_mtmbnr{
  margin:10px auto 30px;
  text-align:center;
}

.cmn_mtmbnr img{
  max-width:960px;
}

@media screen and (max-width:767px){
  .cmn_mtmbnr .apr_pc{
    display:none;
  }
}
@media screen and (min-width:768px){
  .cmn_mtmbnr .apr_sp{
    display:none;
  }
}


/* SP　fixメニュー */
.sp_fix_btn{
	display:none;
}
@media (max-width: 767px) {
  .sp_fix_btn{
    display: none;
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    background: #000;
    box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
    z-index:99;
  }
  .sp_fix_btn .inner{
   margin:10px 30px;
  }
  .sp_fix_btn .lnk{
    display: block;
  }
  .sp_fix_btn .lnk img{
  	vertical-align: bottom;
  	width:100%;
  }
}



/* youtube */

.youtube{
	width: 70%;
	padding: 40px;
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 75px;
  }
  @media (max-width: 767px){
  .youtube{
	width: 100%;
	padding: 16px;
	padding-bottom: 38px;
	box-sizing: border-box;
	margin: 0 auto;
  }
  }
  .youtube .inner{
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
  }
  .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important
  }
  


/* -----------------------------------
 mod_cmn_toentry
------------------------------------ */

.mod_cmn_toentry {
	background: #000;
	max-width: 1000px;
	margin: 0 auto;
  }
  
  .mod_cmn_toentry .lead {
	margin: 0 auto;
	text-align: center;
  }
  
  .mod_cmn_toentry .btnarea {
	position: relative;
  }
  
  .mod_cmn_toentry .freecall {
	display: block;
  }
  
  @media (min-width: 768px) {
	.mod_cmn_toentry {
	  position: relative;
	  height: 155px;
	}
	.mod_cmn_toentry .lead {
	  width: 72%;
	  margin: 2% auto 1.5%;
	  padding-top: 22px;
	}
	.mod_cmn_toentry .freecall {
	  position: absolute;
	  width: 37.5%;
	  top: 18%;
	  left: 8%;
	}
	.mod_cmn_toentry .toentry {
	  position: absolute;
	  width: 42%;
	  top: 18%;
	  right: 8%;
	}
  }
  
  @media (max-width: 767px) {
	.mod_cmn_toentry .lead {
	  margin-bottom: 10px;
	}
  }
  
  @media (min-width: 768px) {
	.mod_cmn_toentry {
		position: relative;
		height: 210px;
	}
  }
  
  @media (max-width: 767px) {
	.mod_cmn_toentry {
	  padding: 10px 15px 15px;
	}
	.mod_cmn_toentry .freecall {
	  margin-bottom: 10px;
	  margin-top: 7px;
	}
	.mod_cmn_toentry .tel-info {
	  margin: 10px 4px 0px 4px;
	}
  }