.recruit_main{
	position:relative;
	width:100%; height:auto;
	text-align:center;
	margin:0;
}
.recruit_main_up{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0; z-index:3;
}
.recruit_main_up svg {
    position: relative;
    display: block;
    width: calc(131% + 1.3px);
    height: 100px;
}
.recruit_main_up .shape-fill {
    fill: #FFFFFF;
}
.recruit_main_down {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.recruit_main_down svg {
    position: relative;
    display: block;
    width: calc(131% + 1.3px);
    height: 100px;
}
.recruit_main_down .shape-fill {
    fill: #FBE9EB;
}
.upper_green {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.upper_green svg {
    position: relative;
    display: block;
    width: calc(270% + 1.3px);
    height: 150px;
}
.upper_green .shape-fill {
    fill: #f7f6f1;
}
.upper_pink {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    background-color: #f7f6f1;
}
.upper_pink svg {
    position: relative;
    display: block;
    width: calc(270% + 1.3px);
    height: 150px;
}
.upper_pink .shape-fill {
    fill: #fbe9eb;
}
.scroll-infinity2{ position:relative; text-align:center; }
@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-infinity2__wrap {
	  display: flex;
	  overflow: hidden;
	}
	.scroll-infinity2__list {
	  display: flex;
	  list-style: none;
	  padding: 0; margin:0;
	}
	.scroll-infinity2__list--left {
	  animation: infinity-scroll-left 80s infinite linear 0.5s both;
	}
	.scroll-infinity2__item {
	  width: calc(100vw / 0.6);
	}
	.scroll-infinity2__item>img {
	  width: 100%;
	}
.slickmain_tit2{
  margin: auto;
  position: absolute;
  top: 45%;
  left: 0%;
  right: 0;
  bottom: 0;
  transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
}
.slickmain_tit2 img{ width:30vw; max-width:420px;  }

.scroll-nail{ position:relative; text-align:center; }
@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-nail__wrap {
	  display: flex;
	  overflow: hidden;
	}
	.scroll-nail__list {
	  display: flex;
	  list-style: none;
	  padding: 0; margin:0;
	}
	.scroll-nail__list--left {
	  animation: infinity-scroll-left 80s infinite linear 0.5s both;
	}
	.scroll-nail__item {
	  width: calc(100vw / 5);
	}
	.scroll-nail__item>img {
	  width: 100%;
	}


@media (max-width: 900px) {
	.scroll-infinity2__item {
		  width: calc(100vw / 0.45);
	}
	.scroll-nail__item {
		  width: calc(100vw / 5);
	}
	.slickmain_tit2 img{ width:45vw; max-width:420px;  }
}
@media (max-width: 600px) {
	.recruit_main_up svg , .recruit_main_down svg { height:75px; }
	.upper_green svg , .upper_pink svg { height:65px; }
	.scroll-infinity2__item {
		  width: calc(100vw / 0.22);
	}
	.scroll-nail__item {
		  width: calc(100vw / 3);
	}
	.slickmain_tit2{ top:47%; }
	.slickmain_tit2 img{ width:80vw; max-width:420px;  }

}

.recruit_container600{
	margin:0 auto;
	padding: 0px;
	max-width:600px;
}
.typo_recruit_pink{ color:#fdaea0; }
.recruit_bg_pic{
	position: relative;
	background: url("../image/recruit/bg_pic.jpg") center top no-repeat;
	background-size: 100vw auto;
	position:relative;
	margin:0 auto;
}
.recruit_bgcolor_pink{ background-color:#fbe9eb; margin-top:-1px; }
.recruit_bgcolor_green{ background-color:#f7f6f1; margin-top:-1px; }
.recruit_bgcolor{ background-color:#f7f6f1; }
.color_green{ color:#a3995e; }
.grd_stit{
	background: linear-gradient(90deg, #f47d96, #ff9d82);
	padding:4px 8px;
	color:white;
	font-size:115%;
	font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 900;
}
.line_left_stit{
  position: relative;
  display: inline-block;
  padding-left:25px;
}
.line_left_stit:before {
  content: '';
  position: absolute;
  top: 50%; left:0;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #a3995e;
}
.pad_l30{ padding-left:25px; }

.step_line{
	margin:0 auto;
	height:15px;
	width:3px;
	background-color:#a3995e;
}
.step_in{
	margin:0 auto;
	text-align:center;
	padding:15px 40px 30px 40px;
	border-radius:52%;
	background-color:#ffc;
	display: flow-root;
	border: 2px solid #a3995e;
	font-size: 150%;
	line-height: 1.4;
	width:fit-content;
	font-feature-settings: 'palt';
	font-weight:bold;
}
.step_end{
	margin:0 auto;
	text-align:center;
	padding:20px 40px;
	border-radius:55%;
	background-color:#fbe9eb;
	display: inline-block;
	font-weight:bold;
}
.indeed_flex{
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.indeed_flex div.c25{
	width: calc(25% - 50px);
	margin: 5px; text-align:center;
	background-color:#fff6e0;
	border-radius:15px;
	padding:20px;
	font-feature-settings: 'palt';
	letter-spacing: 0px;
	line-height: 1.3;
}
.indeed_flex div.c25 p{ line-height;1.3; }
.indeed_flex div.c25 img{ max-width:115px; }

.indeed_flex div.c60{
	width: calc(70% - 10px);
	margin-right: 10px;
}
.indeed_flex div.c40{
	width: calc(30% - 10px);
	margin-left: 10px;
}
.indeed_flex div.c50{
	width: calc(50% - 40px);
	margin: 20px;
}
.indeed_flex div.c50min{
	width: calc(50% - 20px);
	margin: 10px;
}
.indeed_flex div.c50mincap{
	width: calc(50% - 20px);
	margin: 10px;
}
.indeed_flex div.c60min{
	width: calc(70% - 5px);
	margin-left: 5px;
	margin-top: 5px;
}
.indeed_flex div.c40min{
	width: calc(30% - 5px);
	margin-right: 5px;
	margin-top: 10px;
}
.c50min p { margin:0; }
.c50mincap p { margin:0; font-size:100%; }

.indeed_flex div.c50none{
	width: calc(50% - 0px);
	margin: 0px;
}
.indeed_flex div.voice_pic{
	width: calc(35% - 20px);
	margin: 10px; text-align:center;
}
.indeed_flex div.voice_typo{
	width: calc(65% - 60px);
	margin: 10px; padding:20px;
	background-color:#f7f6f1;
}
.indeed_flex div.point50{
	width: calc(50% - 40px);
	margin: 5px; padding:15px;
	background-color:#fff;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.skillup_tit h3 { width: 100%; padding: 5px 20px; position: relative; color:#f4a2ae; font-size:150%; font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; margin: 0 10px;}
.skillup_tit h3::before { content: ""; display: block; width: calc(5em + 9px); height: 80%; border: 1px solid #f4a2ae; position: absolute; left: 0; top: 0; background: #fff; z-index: -1; border-radius: 10px 10px 0 0; border-bottom: none; }
.skillup_tit h3::after { content: ""; display: block; width: calc(100% - (4em + 10px)); height: 1px; position: absolute; left: 0; bottom: 8px; background:#f4a2ae; z-index: -2; }

.step_pic_icon1{
	position:absolute;
	bottom:-15px; left:-10px;
	width:155px;
}
.step_pic_icon2{
	position:absolute;
	top:-15px; right:-10px;
	width:155px;
}
@media (max-width: 991px) {
	.indeed_flex div.c25{
		width: calc(25% - 40px);
		margin:5px;
		padding:15px;
	}
	.indeed_flex div.c50{
		width: calc(50% - 30px);
		margin: 15px;
	}

}
@media (max-width: 540px) {
	.indeed_flex div.c25{
		width: calc(50% - 30px);
		margin: 5px;
		padding:10px;
		letter-spacing: -1px;
	}
	.indeed_flex div.c60{
		width: calc(100% - 0px);
		margin-right: 0px;
	}
	.indeed_flex div.c40{
		width: calc(100% - 0px);
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.indeed_flex div.c50{
		width: calc(100% - 20px);
		margin:5px 10px;
	}
	.indeed_flex div.c50min{
		width: calc(100% - 0px);
		margin:5px auto;
	}
	.indeed_flex div.c50mincap{
		width: calc(50% - 10px);
		margin:5px;
	}
	.c50mincap p { margin:0; font-size:85%; line-height:1.4; }

	.indeed_flex div.c50none{
		width: calc(100% - 0px);
		margin: 0px;
	}
	.indeed_flex div.voice_pic{
		width: calc(70% - 0px);
		margin: 5px auto; text-align:center;
	}
	.indeed_flex div.voice_typo{
		width: calc(100% - 40px);
		margin: 5px auto; padding:15px; margin-bottom:25px;
		background-color:#f7f6f1;
	}
	.indeed_flex div.point50{
		width: calc(100% - 20px);
		margin: 5px auto; padding:10px;
		background-color:#fff;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.skillup_tit h3 { width: 100%; padding: 5px 20px; position: relative; color:#f4a2ae; font-size:150%; font-family: "Cormorant", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; margin:0;}
	.skillup_tit h3::before { content: ""; display: block; width: calc(5em + 9px); height: 80%; border: 1px solid #f4a2ae; position: absolute; left: 0; top: 0; background: #fff; z-index: -1; border-radius: 10px 10px 0 0; border-bottom: none; }
	.skillup_tit h3::after { content: ""; display: block; width: calc(100% - (2em + 0px)); height: 1px; position: absolute; left: 0; bottom: 8px; background:#f4a2ae; z-index: -2; }

	.step_pic_icon1{
		position:absolute;
		bottom:-10px; left:-7px;
		width:110px;
	}
	.step_pic_icon2{
		position:absolute;
		top:-10px; right:-8px;
		width:110px;
	}
	.step_in{
		padding:15px 30px 30px 30px;
		font-size: 140%;
		line-height: 1.4;
	}

}


.voice_block{
	position: relative;
	background-color:#d67890;
	padding:30px;
	border-radius:15px;
	color:white;
}
.voice_block:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d67890;
}


/* __________ Contact __________ */

.hissu{ font-size:80%; color: #c13f61; margin-left: 2px;}
table.form_tb{
	margin:0 auto;
	width:100%;
	line-height:1.4;
}
table.form_tb th {
	padding:14px 6px;
	text-align:left;
	white-space: nowrap;
}
table.form_tb th p.tit {
	border-left:5px solid red;
    padding-left:10px;
}
table.form_tb td {
	padding:14px 6px;
	text-align:left;
}
table.form_tb_in{
	margin:0;
	width:auto;
}
table.form_tb_in th , table.form_tb_in td{
	margin:0; padding:0 10px 0 0;
	width:auto;
}
@media (max-width: 900px) {
	table.form_tb{ width:auto; }
	table.form_tb th{
		padding:10px 0px 0px 10px;
		display:block;
	}
	table.form_tb td {
		padding:10px 10px 10px 10px;
		display:block;
	}
	table.form_tb_in th{ display:inline-table; padding:0 10px 0 0; }
	table.form_tb_in td{ display:inline-table; padding:0 0 0 0; }
}
/* __________ Contact Form __________ */
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="email"]
 {
	width:90%;
	margin:0 0 10px;
	padding: 10px 8px;
	text-transform:none;
	line-height:20px;
	font-size: 14px;
	color: #262626333;
	font-style:normal;
	border-radius: 0;
	background-color:#f6f7f9;
	border: 0 solid #aaaaaa;
	box-shadow: none;
	transition: border-color 0.3s ease-in-out; 
	-webkit-transition: border-color 0.3s ease-in-out;
}
.form-width50{ width:50px !important;}
.form-width30{ width:25px !important;}
textarea {
	overflow:hidden;
	min-height:95px;
	resize: none;
}
textarea,
input[type="text"].last {margin-right:0;}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	color:#666;
	border:none;
	background-color:#f6f7f9;
}

/*親要素に中央揃えを適用し、送信ボタンを真ん中に寄せます*/
.wpcf7-form{
	margin:0 auto;
	text-align:left;
	width:100%;
}
.contact_submit{ text-align:center; }

.form_l{ text-align:left; color:#603E24; }

/*スマホ用ボタン強制*/
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*送信ボタンを相対サイズに。ディフォルトのmarginを取り除く*/
.wpcf7 .wpcf7-submit{
    position: relative;
    width:100%;
    margin-right:-60px; margin-top:20px;
    font-size:18px; font-weight:bold;
    padding:10px;
    background-color:#fff;
    color:#c13f61;
    border:#c13f61 solid 2px;
	border-radius:15px;
	cursor:pointer;
}
.wpcf7 .wpcf7-submit:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
	 color:#c13f61; font-size:140%;
}

/*送信ボタンにマウスカーソルが乗った時の処理*/
.wpcf7-submit:hover {
    background-color:#c13f61; color:white;
}
/*エラーの表示を中央寄せ・幅100%表示にします*/
.wpcf7-response-output,
div.wpcf7-validation-errors {
    width:100%;
    text-align:center;
}
/*ロード中画像をブロック要素にして中央に寄せます*/
div.wpcf7 img.ajax-loader{
    display:block;
    margin: 0 auto;
}
/*ディフォルトのエラー文章を非表示にします*/
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
/*エラーの発生したフォームを赤背景にします*/
body .wpcf7 .wpcf7-not-valid {
    background: pink;
}
select option{ font-size:110%; }
select{ border: 0px solid #aaaaaa; padding:20px 10px; font-size:110%; background: white;}
.contact_btn {
	display:inline-block;
	cursor:pointer;
	margin: 0 7px 10px 0;
	padding:13px 30px;
	border: 2px solid #242424;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	font-weight:900;
	line-height:20px;
	font-size:13px;
	color:#262626;
	background: none; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn.active, .contact_btn:hover {background: none; color:#fff; border-color:#ccc;}

.notification_error {color:#30a67c;}

.wpcf7-form-control {
  -webkit-align-items: stretch;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content:center;
  width: 100%;
}
.wpcf7-list-item {
 	width: calc(50% - 20px);
	margin: 10px;
}
input[type="radio"] {
    display: none;
}
input[type="checkbox"] {
    display: none;
}
.wpcf7-list-item-label {
    position: relative;
  background:#ffe0de;
 padding:15px 0;
  border-radius:20px;
  color:white;
  font-weight:bold;
    display: block; text-align: center; font-feature-settings: 'palt';
}
.wpcf7-list-item-label::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
}

input[type="radio"]:checked + .wpcf7-list-item-label {background:#c53d61;}
input[type="radio"]:checked + .wpcf7-list-item-label::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background: #c53d61;
    position: absolute;
    left:0;
    top:0;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label {background:#c53d61;}
input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c53d61;
    position: absolute;
    left: 12px;
    top: 17px;
}

label {
  display: block;
  margin-bottom: 0;
}
.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto
}
textarea::placeholder,
input[type="textarea"]::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder{ color: #cfcfcf !important; }

@media (max-width: 540px) {
	.wpcf7-list-item {
	 	width: calc(50% - 10px);
		margin: 5px;
	}
	.container {
	  padding-right: 0px;
	  padding-left: 0px;
	}
	.wpcf7-list-item-label {
	  position: relative;
	  background: #ffe0de;
	  padding: 15px 5px;
	  border-radius: 20px;
	  color: white;
	  font-weight: bold;
	  display: block;
	  text-align: center;
	  font-feature-settings: 'palt';
	  font-size: 80%;
	}
}
/*reCAPTHAマーク設定*/
.grecaptcha-badge { visibility: hidden; }
p.recapcha-text { font-size: 11px; text-align: center; padding:5px; padding-bottom:20px;}
p.recapcha-text a:link{ color:#0075c0; text-decoration:underline; }
