@charset "utf-8";

.sp {
	display: none !important;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 17px;
	font-size: 1.7em;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.hv:hover {
	opacity: .7;
}

/*----------------------------------------------------
----------------------------------------------------*/

header {
	background-color: #f96b7c;
}

header > div {
	display: flex;
	align-items: center;
}

header > div > ul {
	display: flex;
	border-right: 1px solid #ffb4bd;
	margin-left: auto;
}

header > div > ul > li {
	border-left: 1px solid #ffb4bd;
}

header.entry {
	text-align: center;
	padding: 10px 0;
}

header.entry h1 {
	margin: 0 auto;
}

header.entry h1 a {
	pointer-events: none;
}

header.entry ul {
	display: none;
}

/*----------------------------------------------------
----------------------------------------------------*/

#contents {
	background: url(/assets/img/theme/bg-contents.jpg) top center;
	background-repeat: repeat-x;
	min-height: 300px;
}

.cmn-ttl {
	border-bottom: 5px solid #f96b7c;
	text-align: center;
	padding-bottom: 15px;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 20px;
}

/*----------------------------------------------------
----------------------------------------------------*/

#index .search-box h1 {
	font-size: 3.0rem;
	font-weight: bold;
	padding: 30px 0 10px;
	text-align: center;
}

#index .search-box h1:before {
	content: '\f002';
	font-family: FontAwesome;
	color: #f96b7c;
	margin-right: 15px;
}

#index .search-box {
	margin-bottom: 0;
}

#index .search-box .in {
	width: 1000px;
	margin: 0 auto;
}

#index .search {
	background-color: #e8fdff;
	background-image: url(/assets/img/theme/index/bg-search.png);
	background-position: top 160px center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 30px 0;
	min-height: 750px;
}

#index .search h1 {
	font-size: 4.0rem;
	font-weight: bold;
	background-color: #fff;
	color: #7ad4f2;
	width: 484px;
	border-radius: 35px;
	padding: 15px 0;
	margin: 0 auto 20px;
}

#index .search h1:before {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 3.0rem;
	vertical-align: middle;
	margin-right: 20px;
}

#index .search .area {
	width: 248px;
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
}

#index .search .area h2 {
	background-color: #f96b7c;
	text-align: center;
	padding: 12px 0;
	margin-bottom: 10px;
}

#index .search .area h2 a {
	color: #fff;
	pointer-events: none;
	font-size: 1.8rem;
	font-weight: bold;

}

#index .search .area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#index .search .area ul li {
	font-size: 1.6rem;
	padding: 0 10px;
	line-height: 2;
}

#index .search .area ul li a:hover {
	text-decoration: underline;
}

#index .search .area01 {
	position: absolute;
	top: 150px;
	right: 0;
}

#index .search .area02 {
	position: absolute;
	top: 350px;
	right: 0;
}

#index .search .area04 {
	position: absolute;
	top: 550px;
	right: 0;
}

#index .search .area06 {
	position: absolute;
	top: 550px;
	left: 50%;
	transform: translateX(-50%);
}


#index .search .area03 {
	position: absolute;
	top: 150px;
	left: 0;
}

#index .search .area05 {
	position: absolute;
	top: 350px;
	left: 0;
}

#index .search .area07 {
	position: absolute;
	top: 550px;
	left: 0;
}



#index .list-search > div {
	padding: 50px 0;
}

#index .list-search > div:nth-child(1) {
	background-color: #ffeeee;
}

#index .list-search h1 {
	text-align: center;
	font-size: 3.0rem;
	font-weight: bold;
	background-color: #fff;
	width: 484px;
	border-radius: 35px;
	padding: 15px 0;
	margin: 0 auto 20px;
}

#index .list-search h1:before {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 3.0rem;
	vertical-align: middle;
	margin-right: 20px;
}

#index .list-search ul {
	display: flex;
	flex-wrap: wrap;
}

#index .list-search ul li {
	padding-right: 17px;
}

#index .list-search ul li:nth-child(4n) {
	padding-right: 0;
}

#index .list-search ul li a {
	display: block;
	width: 233px;
	border: 2px solid #ffb2bb;
	background-color: #fff;
	text-align: center;
	font-size: 1.8rem;
	padding: 20px 0;
	box-shadow: 0px 3px 0px 0px rgba(255, 178, 187, 1);
	border-radius: 30px;
	margin: 15px 0;
}

#index .list-search h2 a {
	font-weight: bold;
	pointer-events: none;
}

#index .contact {
	background: url(/assets/img/theme/index/bg-contact.gif);
	padding: 40px 0;
	text-align: center;
}

#index .contact p {
	font-size: 3.0rem;
	line-height: 1.6;
	padding-bottom: 30px;
}

#index .contact ._line {
	padding-bottom: 30px;
}

#index .contact ul {
	display: flex;
	justify-content: space-between;
}

#index .contact ul li {
	width: 48%;
}

#index .contact ul li a {
	display: block;
	background-color: #fff;
	border: 1px solid #e6daa8;
	border-radius: 10px;
	font-size: 3.0rem;
	padding: 40px 0;
}

#index .new-job {
	padding: 50px 0 0;
}

#index .new-job .job-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*----------------------------------------------------
----------------------------------------------------*/

.card {
	margin: 10px 0;
	border: 1px solid #e9e9e9;
}

.card a {
	display: block;
	width: 490px;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.card a:hover {
	background-color: #fcfaf3;
}

.card a figure {
	padding-bottom: 20px;
}

.card a figure img {
	width: 100%;
	height: auto;
}

.card a h1 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #f96b7c;
	line-height: 1.2;
  	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  	position: relative;
  	padding-bottom: 10px;
}


.card a h2 {
	font-size: 2.4rem;
	font-weight: bold;
  	padding-bottom: 15px;
}

.card a h3 {
	font-size: 1.6rem;
  	padding-bottom: 15px;
}

.card a .txt ul {
	display: flex;
	flex-wrap: wrap;
}

.card a .txt ul li {
	font-size: 1.3rem;
	border: 1px solid #ffd0d0;
	border-radius: 15px;
	color: #f96b7c;
	width: 100px;
	text-align: center;
	padding: 3px 0;
	margin: 0 5px 10px 0;
	background-color: #fff;
}

.card a .sub dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.card a .sub dl > * {
	display: table-cell;
}

.card a .sub dl dt {
	width: 25%
}

.card a .sub dl dd {
	width: 75%;
	line-height: 1.4;
	padding: 4px;
}

.card a .sub dl dt:after {
	content: '：';
}

.card a .sub dl:nth-child(1) dt {
}

.card a .sub dl:nth-child(1) dd {
	color: #f97181;
	font-weight: bold;
}

.card a .sub dl:not(:last-child) {
}

/*----------------------------------------------------
----------------------------------------------------*/

#list {
	padding-top: 50px;
}

#list .job-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*----------------------------------------------------
----------------------------------------------------*/

#detail .main {
	display: flex;
	justify-content: space-between;
	padding: 30px 0 15px;
}

#detail .txt {
	width: 455px;
}

#detail .txt h1 {
	font-size: 3.5rem;
	font-weight: bold;
	color: #f96b7c;
	line-height: 1.2;
  	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  	position: relative;
  	padding-bottom: 50px;
}


#detail .txt h2 {
	font-size: 3.0rem;
	font-weight: bold;
  	padding-bottom: 20px;
}

#detail .txt h3 {
	font-size: 1.6rem;
  	padding-bottom: 25px;
}

#detail .txt ul {
	display: flex;
	flex-wrap: wrap;
}

#detail .txt ul li {
	font-size: 1.5rem;
	border: 1px solid #ffd0d0;
	border-radius: 15px;
	color: #f96b7c;
	text-align: center;
	padding: 6px;
	margin: 0 5px 10px 0;
}

#detail .sub {
	border: 1px solid #e8e8e9;
	background-color: #f9f9f9;
	display: flex;
	padding: 15px 25px;
	margin-bottom: 30px;
}

#detail .sub dl {
	width: 50%;
	display: table;
	table-layout: fixed;
}

#detail .sub dl dt,
#detail .sub dl dd {
	display: table-cell;
	vertical-align: middle;
}


#detail .sub dl dt:before {
	display: block;
	width: 26px;
	height: 26px;
	margin: 10px auto;
	content: '';
	background: url(/assets/img/theme/detail/ic-sub_01.png);
	background-size: cover;
}

#detail .sub dl:nth-child(1) {
	margin-right: 30px;
}

#detail .sub dl:nth-child(2) dt:before {
	background: url(/assets/img/theme/detail/ic-sub_02.png);
}

#detail .sub dl dt {
	background-color: #f96b7c;
	color: #fff;
	border-radius: 10px;
	width: 70px;
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 10px;
	margin-right: 20px;
}

#detail .sub dl dd {
	color: #f96b7c;
	font-size: 2.2rem;
	padding-left: 15px;
}

#detail .sub dl dd span {
	font-size: 3.0rem;
}

#detail .box .tab-group {
	display: flex;

}

#detail .box .tab-group li {
	width: 245px;
	text-align: center;
	font-size: 2.1rem;
	padding: 20px 0;
	border-radius: 10px 10px 0 0;
}

#detail .box .tab-group li:nth-child(1) {
	background-color: #ffe8eb;
}

#detail .box .tab-group li:nth-child(2) {
	background-color: #fff5cc;
}

#detail .box .tab-group li:nth-child(3) {
	background-color: #cef2d7;
}

#detail .box .tab-group li:nth-child(4) {
	background-color: #d2e6f2;
}

#detail .box .panel-group .panel.is-show {
	display: block;
}

#detail .box .panel-group .panel {
	display: none;
	border: 20px solid #ffe8eb;
}

#detail .box .panel-group div:nth-child(2) {
	border-color: #fff5cc;
}

#detail .box .panel-group div:nth-child(3) {
	border-color: #cef2d7;
}

#detail .box .panel-group div:nth-child(4) {
	border-color: #d2e6f2;
}

#detail .box .panel1 {
	width: 700px;
	margin: 0 auto;
	padding: 20px;
}

#detail .box .panel1 .flex {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

#detail .box .panel1 h2 {
	font-size: 2.8rem;
	border-left: 5px solid #f96b7c;
	padding: 10px;
	margin-bottom: 30px;
}

#detail .box .panel1 p {
	font-size: 1.8rem;
	line-height: 1.7;
	padding-bottom: 30px;
}

#detail .box .panel1 .flex p {
	width: 350px;
}

#detail .box .panel2 {
	padding: 30px;
}

#detail .box .panel2 p {
	padding-bottom: 15px;
}

#detail .box .panel2 ul {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #e5e5e5;
}

#detail .box .panel2 ul li {
	width: calc(100%/7);
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
}

#detail .box .panel2 ul.week {
	border-top: 1px solid #e5e5e5;
}

#detail .box .panel2 ul.week li {
	background-color: #f8f8f8;
	padding: 20px 0;
}

#detail .box .panel2 ul.week li:nth-child(1) {
	color: #f96b7c;
}

#detail .box .panel2 ul.week li:nth-child(7) {
	color: #6b93f9;
}

#detail .box .panel2 ul li,
#detail .box .panel2 ul li a {
	font-size: 2.0rem;
}

#detail .box .panel2 ul li.normal  {
	padding: 40px 0 0;
	color: #ccc;
}

#detail .box .panel2 ul li a {
	display: block;
	padding: 40px 0;
}

#detail .box .panel2 ul li a:hover {
	background-color: #ffe8eb;
	border-radius: 0;
}

#detail .box .panel3 > div {
	display: flex;
	padding: 20px 30px;
}

#detail .box .panel3 figure {
	width: 150px;
	margin-right: 40px;
}

#detail .box .panel3 figure img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

#detail .box .panel3 dl dt {
	font-size: 2.2rem;
	padding-bottom: 20px;
}

#detail .box .panel3 dl dd {
	line-height: 1.7;
}

#detail .box .panel4 {
	padding: 40px 50px;
}

#detail .box .panel4 .cmn-ttl {
	padding-top: 30px;
}

#detail .box .panel4 .tb {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

#detail .box .panel4 .tb dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#detail .box .panel4 .tb dl dt,
#detail .box .panel4 .tb dl dd {
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

#detail .box .panel4 .tb dl dt {
	background-color: #f2f8fb;
	width: 185px;
	text-align: center;
}

#detail .btn-fix {
	background-color: #ffeeee;
	position: fixed;
	bottom: 0;
	width: 100%;
}

#detail .btn-fix ul {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}

#detail .box-job {
	padding-top: 30px;
}
#detail .box-job .cmn-ttl {
	padding-top: 50px;
}

#detail .box-job .tb {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

#detail .box-job .tb dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#detail .box-job .tb dl dt,
#detail .box-job .tb dl dd {
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

#detail .box-job .tb dl dt {
	background-color: #f2f8fb;
	width: 185px;
	text-align: center;
}

#detail .box-job .tb dl dd {
	line-height: 1.5;
}

#detail .box-job ._qa {
	padding-top: 20px;
}

#detail .box-job ._qa dl {
	padding-bottom: 50px;
}

#detail .box-job ._qa dl dt {
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

#detail .box-job ._qa dl dt p {
	font-weight: bold;
	line-height: 1.5;
}

#detail .box-job ._qa dl dt p,
#detail .box-job ._qa dl dd p,
#detail .box-job ._qa dl dd form {
	width: 95%;
}

#detail .box-job ._qa dl dt:before {
	content: 'Q';
	    background-color: #a2a2a2;
	    color: #fff;
	    width: 40px;
	    height: 40px;
	    margin-right: 10px;
	    font-size: 2.4rem;
			display: flex;
	    align-items: center;
	    justify-content: center;
}

#detail .box-job ._qa dl dd {
	line-height: 1.5;
	display: flex;
}

#detail .box-job ._qa dl dd:before {
	content: 'A';
	    background-color: #f96b7c;
	    color: #fff;
	    width: 40px;
	    height: 40px;
	    margin-right: 10px;
	    font-size: 2.4rem;
			display: flex;
	    align-items: center;
	    justify-content: center;
}

#detail .box-job ._qa dl dd a {
	text-decoration: underline;
	color: #f96b7c;
}

#detail .box-job ._qa dl dd a.jp-apply-button {
	display: inline;
}

/*----------------------------------------------------
----------------------------------------------------*/

#entry {
	width: 800px;
	margin: 30px auto;
}

#entry .entry-cmp {
	border: 1px solid #e9e9e9;
	padding: 20px;
	margin-bottom: 20px;
}

#entry .entry-cmp input {
	font-family: "M PLUS Rounded 1c", sans-serif;
}

#entry .entry-cmp input[name="jobCatch"] {
	width: 100%;
	font-size: 1.8rem;
	font-weight: bold;
	color: #f96b7c;
	line-height: 1.2;
  	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  	position: relative;
  	padding-bottom: 10px;
}


#entry .entry-cmp input[name="jobTitle"]  {
	width: 100%;
	font-size: 2.4rem;
	font-weight: bold;
  	padding-bottom: 15px;
}

#entry .entry-cmp input[name="jobType"] {
	width: 100%;
	font-size: 1.6rem;
  	padding-bottom: 15px;
}

#entry .entry-cmp dl {
	display: table;
}

#entry .entry-cmp dl dt,
#entry .entry-cmp dl dd {
	display: table-cell;
}

#entry .entry-cmp dl dd input {
	font-size: 1.5rem;
	padding-left: 20px;
}

#entry .entry-cmp .wpcf7c-conf {
	border: none !important;
	background-color: transparent !important;
}


#entry .tb .in {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
}

#entry .tb .in > * {
	display: table-cell;
	vertical-align: middle;
}

#entry .tb .in .input-label {
	width: 200px;
	background-color: #fff6d2;
	text-align: center;
}

#entry .tb .in > div {
	padding: 5px 15px;
}

#entry .tb .in .check-box .check-box-in,
#entry .tb .in .radio-box .radio-box-in {
	display: flex;
	flex-wrap: wrap;
}

#entry .tb .in .check-box .check-box-in label {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#entry .tb .in .check-box .check-box-in label .checkbox-text {
	width: 80%;
	line-height: 1.3;
}

#entry .tb .in .th {
	width: 200px;
	background-color: #fff6d2;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: right;
	padding: 20px 10px;
	vertical-align: middle;
}

#entry .tb .in .th p span {
	font-size: 1.2rem;
	padding: 10px;
	padding-left: 15px;
}

#entry .tb .in .th p span.red {
	color: #f00;
}

#entry .tb .in .td {
	padding: 15px 20px;
}

#entry .tb .in input[type="text"],
#entry .tb .in input[type="email"],
#entry .tb .in input[type="date"],
#entry .tb .in textarea {
	border: 1px solid #eee;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 10px;
	border-radius: 10px;
}

#entry .tb .in input[type="radio"] {
	width: 24px;
	height: 24px;
	border: 2px solid #eee;
	vertical-align: middle;
	border-radius: 50%;
}

#entry .tb .in input[type="radio"]:checked {
	background-color: #f96b7c;
}

#entry .tb .in input[type="checkbox"] {
	width: 24px;
	height: 24px;
	border: 2px solid #eee;
	vertical-align: middle;
}

#entry .tb .in input[type="checkbox"]:checked {
	background-color: #f96b7c;
}


.wpcf7-list-item:nth-child(n+3) {
	padding-top: 10px;
}

span.wpcf7-list-item {
	margin: 0 1em 0 0;
}

#entry .tb .in input[name="your-post"],
#entry .tb .in textarea {
	width: 500px;
}

#entry .tb .in input[name="your-age"],
#entry .tb .in input[name="your-time"]{
	width: 20%;
	margin-right: 5px;
}


#entry .txt {
	text-align: center;
	padding: 20px 0 30px;
	font-size: 1.3rem;
}

#entry .txt a {
	text-decoration: underline;
	font-size: 1.3rem;
}

#entry .txt a:hover {
	text-decoration: none;
}

#entry .btn {
	text-align: center;
}

#entry .btn input {
	background-color: #ff5550;
	color: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	width: 350px;
	text-align: center;
	padding: 20px 0;
	border-radius: 20px;
}

#entry .btn input.wpcf7c-btn-back {
	width: 200px;
    font-size: 1.8rem;
    background-color: #999;
}


/*----------------------------------------------------
----------------------------------------------------*/

#page {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
}

#page h2 {
	border-left: 5px solid #f96b7c;
	padding: 10px;
	margin-bottom: 15px;
}

#page p {
	margin-bottom: 30px;
	line-height: 1.5;
}

/*----------------------------------------------------
----------------------------------------------------*/

#thanks .big {
	font-weight: bold;
}

#thanks .tel:before {
	margin-right: 15px;
}

#thanks .tel {
	font-size: 3.0rem;
}


/*----------------------------------------------------
----------------------------------------------------*/

footer.detail {
	margin-bottom: 91px;
}

footer {
	background-color: #ffeeee;
	text-align: center;
	margin-top: 70px;
}

footer ul {
	display: flex;
	justify-content: center;
	padding: 20px 0 0;
}

footer ul li:not(:last-child):after {
	content: '｜'
}

footer p {
	font-size: 1.2rem;
	padding: 20px 0;
}


.search-box {
	background-color: #fbeeee;
	margin-bottom: 30px;
}

.search-box .in {
	display: flex;
	justify-content: space-between;
	padding: 30px;
}

.search-box .in > div {
	width: 48%;
}

.search-box dl dt {
	font-size: 2.0rem;
	font-weight: bold;
	padding-bottom: 15px;
}

.search-box dl:first-child {
	padding-bottom: 20px;
}

.search-box dl dd select {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 1.6rem;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
}

.search-box .btn {
	text-align: center;
	padding-bottom: 30px;
}

.search-box .btn button {
	background-color: #543819;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 15px 100px;
	border-radius: 10px;
}


#same_conditions .inner{
  border: 2px solid #fa6b7d;
}

#same_conditions .inner .title{
    background: #fa6b7d;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 16px 14px;
}

#same_conditions .inner ul {
    padding: 16px 12px 32px;
    display: flex;
    flex-wrap: wrap;
}

#same_conditions ul  li a{
    display: inline-block;
    background: #fde6ec;
    padding: 12px 16px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 14px;
    margin: 8px;
}

#same_conditions ul  li a:hover{
	text-decoration: underline;
}