@charset "utf-8";

.pc {
	display: none;
}



body {
	font-size: 3.47vw;
	height: 100%;
}

.w100p {
	width: 100%;
	height: auto;
}


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

header {
	background-color: #f96b7c;
}

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


header h1 a {
	display: block;
    padding: 0 0 0 2vw;
}

header h1 a img {
	height: 12vw !important;
	width: auto !important;
}

header ul {
	display: flex;
	align-items: center;
	margin-left: auto;
}

header ul li {
	border-left: 1px solid #ffb4bd;
	width: 17.46vw;
}

header.entry {
	text-align: center;
	padding: 2vw 0;
}

header.entry h1 {
	margin: 0 auto;
	width: 30%;
}

header.entry h1 a {
	pointer-events: none;
	padding-left: 0;
	padding-right: 0;
}

header.entry ul {
	display: none;
}

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

#index .search-box h1 {
	font-size: 6.8vw;
	font-weight: bold;
	padding: 6vw 0 2vw;
	text-align: center;
}

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


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

#index .search {
	padding-top: 4vw;
}

#index .search h1 {
	font-size: 7.46vw;
	font-weight: bold;
	background-color: #fff;
	color: #7ad4f2;
	margin: 0 auto;
	border: 3px solid #e8fdff;
	padding: 4.53vw 0;
	border-radius: 7.33vw;
	width: 80%;
    text-align: center;
}

#index .search h1:before {
	content: '\f002';
	font-family: FontAwesome;
	vertical-align: middle;
	margin-right: 2vw;
}

#index .search .area {

}

#index .search .area h2 a{
	display: block;
	border-bottom: 2px solid #e8fdff;
	font-size: 4.8vw;
	padding: 4.8vw;
	font-weight: bold;
}

#index .search .area h2 a:after {
	content: '';
	font-family: FontAwesome;
	content: '\f105';
	float: right;
}

#index .search .area h2 p{
	display: block;
	border-bottom: 2px solid #e8fdff;
	font-size: 4.8vw;
	padding: 4.8vw;
	font-weight: bold;
}

#index .search .area h2 p:after {
	content: '';
	font-family: FontAwesome;
	content: '\f107';
	float: right;
}

#index .search .area ul li a{
	display: block;
	border-bottom: 2px solid #e8fdff;
	font-size: 3.6vw;
    padding: 3.6vw 4.8vw 3.6vw 7.6vw;
	font-weight: bold;
}

#index .search .area ul li a:after {
	content: '';
	font-family: FontAwesome;
	content: '\f105';
	float: right;
}

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

#index .list-search h1 {
	font-size: 7.46vw;
	font-weight: bold;
	background-color: #fff;
	color: #543819;
	margin: 0 auto;
	padding: 4.53vw 0;
	border-radius: 7.33vw;
	width: 80%;
    text-align: center;
}

#index .list-search h1:before {
	content: '\f002';
	font-family: FontAwesome;
	vertical-align: middle;
	margin-right: 2vw;
}



#index .list-search ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4vw;
}

#index .list-search ul li {
	width: 48%;
}

#index .list-search ul li a {
	display: block;
	border: 2px solid #ffb2bb;
	background-color: #fff;
	text-align: center;
	padding: 4vw 0;
	margin: 2vw 0;
	box-shadow: 0px 3px 0px 0px rgba(255, 178, 187, 1);
	border-radius: 5.33vw;
}

#index .list-search h2 a {
	display: block;
	border-bottom: 2px solid #ffeeee;
	font-size: 4.8vw;
	padding: 4.8vw;
	font-weight: bold;
	text-align: center;
}

#index .list-search h2 a:after {
	content: '';
	font-family: FontAwesome;
	content: '\f105';
	float: right;
}

#index .contact {
	background: url(/assets/img/theme/index/bg-contact.gif);
	padding: 6.66vw 4vw;
	text-align: center;
}

#index .contact ._line {
	padding-bottom: 4vw;
}

#index .contact p {
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom: 6.66vw;
}

#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: 5.33vw;
	padding: 6.13vw 0;
}

#index .new-job {
	padding: 8vw 4vw;
}

#index .new-job .cmn-ttl {
	border-bottom: 2px solid #f96b7c;
	padding-bottom: 2.67vw;
	font-size: 7.06vw;
	font-weight: bold;
	text-align: center;
}


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

.card {
	margin: 4vw 0;
}

.card a {
	display: block;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	padding: 4vw;
}

.card a figure {
	padding-bottom: 4vw;
}

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

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

.card a h2 {
	font-size: 5.33vw;
	font-weight: bold;
  	padding-bottom: 2vw;
}

.card a h3 {
  	padding-bottom: 4vw;
}

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

.card a .txt ul li {
	border: 1px solid #ffd0d0;
	border-radius: 15px;
	color: #f96b7c;
	width: 22.26vw;
	text-align: center;
	padding: 1.2vw;
	margin: 0 5px 10px 0;
	background-color: #fff;
}

.card a .txt ul li:nth-child(3n) {
	margin-right: 0;
}

.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;
}

.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) {
	padding-bottom: 2vw;
}

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

#list {
	padding: 8vw 4vw;
}

#list .cmn-ttl {
	border-bottom: 2px solid #f96b7c;
	padding-bottom: 2.67vw;
	font-size: 7.06vw;
	font-weight: bold;
	text-align: center;
}


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

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

#detail .main {
	padding: 8vw 4vw 0;
}

#detail .main figure {
	padding-bottom: 4vw;
}

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

#detail .txt h2 {
	font-size: 5.33vw;
	font-weight: bold;
  	padding-bottom: 4vw;
}

#detail .txt h3 {
  	padding-bottom: 4vw;
}

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

#detail .txt ul li {
	border: 1px solid #ffd0d0;
	border-radius: 15px;
	color: #f96b7c;
	text-align: center;
	padding: 1.2vw;
	margin: 0 5px 10px 0;
	background-color: #fff;
}

#detail .txt ul li:nth-child(3n) {
	margin-right: 0;
}

#detail .sub {
	border: 1px solid #e8e8e9;
	background-color: #f9f9f9;
	padding: 4vw;
	margin: 0 4vw;
	margin-bottom: 8vw;
}

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

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


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

#detail .sub dl:nth-child(1) {
	margin-bottom: 4vw;
}

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

#detail .sub dl dt {
	background-color: #f96b7c;
	color: #fff;
	border-radius: 10px;
	width: 14vw;
	height: 14vw;
	text-align: center;
	margin-right: 3.46vw;
	font-size: 2.93vw;
}

#detail .sub dl dd {
	color: #f96b7c;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 2vw;
}

#detail .sub dl dd span {
	font-size: 6.66vw;
}

#detail .btn-fix {
	background-color: #ffeeee;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 4vw 4vw;
	box-sizing: border-box;
}

#detail .box .tab-group {
	padding: 0 2vw;
}

#detail .box .tab-group li {
	background-color: #ffe8eb;
	padding: 4vw;
	display: inline-block;
	border-radius: 2vw 2vw 0 0;
}

#detail .box .panel-group {
	margin-bottom: 10vw;
}

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

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

#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 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 .panel-group .panel > div {
	padding: 4vw;
}

#detail .box .panel1 h2 {
	font-size: 5.33vw;
	font-weight: bold;
	border-left: 5px solid #f96b7c;
	padding: 2vw;
	margin-bottom: 4vw;
	line-height: 1.3;
}

#detail .box .panel1 p {
	line-height: 1.7;
	padding-bottom: 4vw;
}


#detail .box .panel2 {
	padding: 4vw;
}

#detail .box .panel2 p {
	padding-bottom: 2vw;
}

#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: 4vw 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: 6vw 0 0;
	color: #ccc;
}

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

#detail .box .panel3 dt {
	font-size: 5.33vw;
	font-weight: bold;
	margin-bottom: 2vw;
}

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

#detail .box .panel3 > div {
	display: flex;
	justify-content: space-between;
}

#detail .box .panel3 > div figure {
	width: 20%;
}

#detail .box .panel3 > div dl {
	width: 75%;
}

#detail .btn-fix ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#detail .btn-fix ul li {
	width: 24%;
	padding-top: 4vw;
}

#detail .btn-fix ul li:nth-child(1) {
	width: 100%;
}

#detail .box-job .tb dl {

}

#detail .box-job .tb dl dt,
#detail .box-job .tb dl dd {

	padding: 4vw;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

#detail .box-job .tb dl dt {
	background-color: #f2f8fb;
}

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

#detail .cmn-ttl {
	  padding-top: 8vw;
    border-bottom: 2px solid #f96b7c;
    padding-bottom: 2.67vw;
    margin-bottom: 6vw;
    font-size: 7.06vw;
    font-weight: bold;
    text-align: center;
}

#detail .box-job ._qa dl {
	padding: 0 4vw 4vw;
}

#detail .box-job ._qa dl dt {
	border-bottom: 2px solid #eee;
	padding-bottom: 2vw;
	margin-bottom: 4vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#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: 84%;
	font-size: 4vw;
}


#detail .box-job ._qa dl dt:before {
	content: 'Q';
	    background-color: #a2a2a2;
	    color: #fff;
	    width: 12vw;
	    height: 12vw;
	    font-size: 6vw;
			display: flex;
	    align-items: center;
	    justify-content: center;
}

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

#detail .box-job ._qa dl dd:before {
	content: 'A';
	    background-color: #f96b7c;
	    color: #fff;
			width: 12vw;
	    height: 12vw;
	    font-size: 6vw;
			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 {
	padding: 8vw 4vw 0;
}

#entry .cmn-ttl {
	border-bottom: 2px solid #f96b7c;
    padding-bottom: 2.67vw;
    font-size: 7.06vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4vw;
}

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

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

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

#entry .entry-cmp input[name="jobTitle"]  {
	font-size: 6vw;
	font-weight: bold;
  	padding-bottom: 2vw;
	width: 100%;
}

#entry .entry-cmp input[name="jobType"] {
	font-size: 4vw;
  	padding-bottom: 2vw;
	width: 100%;
}

#entry .entry-cmp dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}

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

#entry .entry-cmp dl dt {
	width: 10%;
}

#entry .entry-cmp dl dd input {
	font-size: 4vw;
	padding-left: 2vw;
	width: 100%;
}

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

#entry .tb .in .input-label {
	background-color: #fff6d2;
	padding: 4vw;
	margin-bottom: 2vw;
}

#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: 70%;
	line-height: 1.3;
}

#entry .tb .in .th {
	background-color: #fff6d2;
	font-size: 4vw;
	font-weight: bold;
	padding: 4vw;
	vertical-align: middle;
}

#entry .tb .in .th p span {
	font-size: 3.2vw;
	padding-left: 4vw;
}

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

#entry .tb .in .td {
	padding: 4vw 0;
}

#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: 4vw;
	padding: 4vw;
	border-radius: 10px;
}

#entry .tb .in input[type="radio"] {
	width: 8vw;
	height: 8vw;
	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="radio"] + span {
	font-size: 4vw;
}

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

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


.wpcf7-list-item:nth-child(n+2) {
	padding-bottom: 2vw;
}

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

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

#entry .txt {
	line-height: 1.3;
	padding-bottom: 4vw;
}

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


#entry .btn input {
	background-color: #ff5550;
	color: #fff;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 4vw 0;
	border-radius: 20px;
	font-size: 6vw;
}


#entry .btn input.wpcf7c-btn-back {
	width: 50%;
    background-color: #999;
    margin-top: 4vw;
}


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

#page {
	padding: 0 4vw;
}

#page h1 {
	padding-top: 8vw;
	border-bottom: 2px solid #f96b7c;
    padding-bottom: 2.67vw;
    margin-bottom: 6vw;
    font-size: 7.06vw;
    font-weight: bold;
    text-align: center;
}

#page h2 {
	border-left: 5px solid #f96b7c;
	padding: 2vw;
	margin-bottom: 2vw;
	line-height: 1.3;
}

#page p {
	margin-bottom: 4vw;
	line-height: 1.5;
}

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

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

#thanks .tel:before {
	margin-right: 2vw;
}

#thanks .tel {
	font-size: 6vw;
}

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

footer.detail {
	margin-bottom: 40vw;
}

footer {
	background-color: #ffeeee;
	margin-top: 8vw;
}

footer ul li a {
	display: block;
	border-bottom: 1px solid #f6c1c1;
	padding: 4vw;
}

footer ul li a:after {
	content: '';
	font-family: FontAwesome;
	content: '\f105';
	float: right;
}

footer p {
	text-align: center;
	padding: 4vw 0;
}


.search-box {
	background-color: #fbeeee;
	margin: 4vw 0;
}

.search-box .in {
	padding: 4vw;
}

.search-box dl dt {
	font-size: 4vw;
	font-weight: bold;
	padding-bottom: 4vw;
}

.search-box dl dd {
	padding-bottom: 4vw;
}


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

.search-box .btn {
	text-align: center;
	padding-bottom: 4vw;
}

.search-box .btn button {
	background-color: #543819;
	color: #fff;
	font-size: 6vw;
	font-weight: bold;
	border-radius: 10px;
	width: 80%;
	padding: 4vw 0;
}

#same_conditions{
	margin: 4.33vw 0 0;
}

#same_conditions .inner{
  border: 0.6vw solid #fa6b7d;
}

#same_conditions .inner .title{
    background: #fa6b7d;
    color: #fff;
    font-size: 4.33vw;
    font-weight: bold;
    padding: 3vw 3.33vw 3.6vw
}

#same_conditions .inner ul {
    padding: 1.33vw 1vw 2.66vw;
    display: flex;
    flex-wrap: wrap;
}

#same_conditions ul  li a{
    display: inline-block;
    background: #fde6ec;
    padding: 3.33vw 4.66vw;
    border-radius: 20px;
    font-weight: bold;
    font-size: 3.33vw;
    margin: 2.33vw 1.66vw;
}