@charset "utf-8";
/* CSS Document */

#recruit {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
	padding: 0.5% 0 3.5% 0;
}

#recruit h2 {
    background: none;
	text-align:center;
    font-size: calc(20px + 1vw);
    margin-bottom: 1%;
}

#recruit h3 {
    background: none;
	text-align:center;
    font-size: calc(10px + 1vw);
    margin-bottom: 3%;
}

#recruit h4 {
    background: none;
	text-align:center;
    font-size: calc(12px + 1vw);
    margin-bottom: 3%;
    line-height: calc(18px + 1vw);
}

#recruit p {
	line-height:190%;
}

#recruit h2.in_contents {
	color:#F30;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 4rem;
    margin-top: 6rem;
}

#recruit .section_one {
	margin-bottom:5rem;
}

#recruit .section_one img {
	float:left;
	margin:0 20px 0 0;
	display:inline-block;
	width:30%;
}

#recruit .section_one .right_box {
	display:inline-block;
	width:70%;
}

#recruit .section_one h3.in_contents {
  position: relative;
  display: block;
  padding: 0 50px 0 0;
  text-align:left;
  font-weight:700;
  font-size:140%;
}

#recruit .section_one h3.in_contents:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width:22%;
  height: 1px;
  background-color: black;
}

#recruit .section_one h3.in_contents:after {
  right: 0;
}

#recruit .section_entry {
	padding:1.4rem 1.4rem 0 1.4rem;
	border:8px #fa0000 solid;
	text-align:center;
	margin-bottom:5rem;
}

#recruit .section_entry .entry_tell {
	display:inline-block;
	width:70%;
}

#recruit .section_entry .entry_btn {
	display:inline-block;
	text-align:right;
}

#recruit .section_two h2 {
	padding: 0.4em 0.5em 0.25em 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 10px #fa0000;/*左線*/
	text-align:left;
	font-weight:500;
	font-size:200%;
	margin-bottom:3rem;
}

#recruit .section_two h3 {
	color:#F30;
	text-align:left;
	font-size:140%;
}

#recruit .section_two p {
	margin-bottom:5rem;
}

#recruit .section_three {
	margin-bottom:5rem;
}

#recruit .section_three h2 {
	color:#F30
}

#recruit .section_three h3 {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  text-align:left;
  font-weight:700;
  font-size:140%;
}

#recruit .section_three h3:before {
  content: '';
  position: absolute;
  top: 17%;
  display: inline-block;
  width:30px;
  height: 10px;
  background-color:#fa0000;
}

#recruit .section_three h3:before {
  left: 0;
}

#recruit .section_three .triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #FC0;
  margin:0 auto 2rem auto;
}

#recruit .section_three .caution {
	padding-left:10%;
}

#recruit .section_four {
	padding:5%;
	background:#ffeaea;
}

#recruit .section_four .inner {
	background:#FFF;
	padding:5%;
}

#recruit .section_four h2 {
	margin-bottom:3rem;
	font-weight:600;
}

#recruit .section_four .gaiyou {
	display:inline-block;
	width:79%;
	vertical-align:top;
}

#recruit .section_four .gaiyou h3 {
	display:inline-block;
	margin-right:10px;
	background:#fa0000;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color:#FFF;
	font-size:140%;
	text-align:center;
	padding:1rem 1.6rem;
	vertical-align: top;
	
}

#recruit .section_four .photo {
	display:inline-block;
	width:20%;
}

#recruit .section_four .gaiyou .title_box {
	display: inline-block;
	text-align:left;
}

#recruit .section_four .gaiyou .title_box h4.sub {
	font-size:100%;
	color:#F30;
	text-align:left;
	margin:0;
	padding:0;
	line-height:1.8rem;
}

#recruit .section_four .gaiyou .title_box h4 {
	font-size:140%;
	margin:0;
	padding:0;
	vertical-align: top;
	width:100%;
}

#recruit .section_four .gaiyou .tab_first {
	display:block;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:4px solid #666;
	color:#666;
	padding:0.2rem 0.2rem 0.1rem 0.2rem;
	width:18%;
	text-align:center;
	clear:both;
	line-height:2rem;
}
#recruit .section_four .gaiyou .tab {
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:4px solid #666;
	color:#666;
	padding:0.2rem 0.2rem 0.1rem 0.2rem;
	width:18%;
	display:inline-block;
	text-align:center;
	clear:both;
	line-height:2rem;
}

#recruit .section_four table {
	border-top:3px solid #F30;
	border-left:3px solid #F30;
	border-right:3px solid #F30;
	border-bottom:1px solid #F30;
	width:100%;
}
#recruit .section_four td {
	border-bottom:2px solid #F30;
	padding:1rem;
}

#recruit .section_four td.midashi {
	background:#FCC;
	text-align:center;
}

#recruit .mb25 {
	margin-bottom:2rem;
}

#recruit .sp_table h3 {
	text-align:left;
	font-size:100%;
	margin-top:2rem;
	margin-bottom:1rem;
}

#main_contents .submit input {
	background:#F30;
	font-weight:bold;
	color:#FFF;
	border:none;
	width:30%;
	margin: 0 2%;
}

#main_contents table.contact_form tr.req td input,#main_contents table.contact_form tr.req td textarea,#main_contents table.contact_form tr.req td select {
    width: 100%;
}

#main_contents table.contact_form tr.un_req td input#zip {
    width: 30%;
}
#main_contents table.contact_form tr.un_req td select {
    width: 30%;
	padding:1rem;
}
#main_contents table.contact_form tr.un_req td textarea {
    width: 100%;
}

#main_contents table.contact_form tr.un_req th:before {
    background: #666;
    content: '任意';
    color: #FFF;
    font-size: calc(10px + 0.2vw);
    padding: 0.1vw 0.3vw;
    border-radius: 0.3vw;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    margin: 0 2% 0 0;
}


@media (max-width:414px) {
#recruit h2.in_contents {
	font-size:140%;
    margin-bottom: 1rem;
    margin-top: 2rem;
	line-height:2rem;
}
#recruit .section_one img {
    float: none;
    margin: 0 0 1rem 0;
    display: block;
    width: 100%;
}
#recruit .section_one h3.in_contents {
    font-size: 100%;
}
#recruit .section_one h3.in_contents:after {
    width: 34%;
}
#recruit p {
	line-height:160%;
	font-size:90%;
}
#recruit .section_one,
#recruit .section_entry,
#recruit .section_two p,
#recruit .section_three {
    margin-bottom: 2rem;
}
#recruit .section_entry p img  {
	margin:0.5rem auto;
}
#recruit .section_two h2 {
    font-size: 140%;
	font-weight:700;
	margin: 0 0 1rem 0;
}
#recruit .section_two h3 {
    font-size: 120%;
	line-height:1.6rem;
}
#recruit .section_three .caution {
    padding-left: 0;
}
#recruit .section_three h2 {
	font-size:160%;
	line-height:2.4rem;
	margin-top:2rem;
}
#recruit .section_four .gaiyou h3 {
    font-size: 90%;
    padding: 0.6rem 0.2rem;
    width: 15%;
}
#recruit .section_four .gaiyou {
    display: block;
    width: 100%;
}
#recruit .section_four .gaiyou .title_box {
    display: inline-block;
    text-align: left;
    width: 78%;
}
#recruit .section_four .gaiyou .title_box h4.sub {
    font-size: 80%;
    line-height: 1.4rem;
}
#recruit .section_four .gaiyou .title_box h4 {
    font-size: 100%;
    width: 100%;
	text-align:left;
}
#recruit .section_four td {
    border-bottom: 2px solid #F30;
    padding: 1rem;
    display: list-item;
    list-style: none;
}
#recruit .section_four .gaiyou .tab_sp {
    display: none;
}

#recruit .section_four .photo .tab {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 3px solid #666;
    color: #666;
    padding: 0.5rem 0.2rem 0.5rem 0.2rem;
    display: block;
    text-align: center;
    clear: both;
    line-height: 1rem;
	margin-bottom:0.2rem;
	vertical-align:top;
}
#recruit .section_four .photo {
    display: inline-block;
    width: 100%;
}
#recruit .section_four .photo p {
	display:inline-block;
	width:50%;
}
#recruit .section_four .photo .sp_only {
	display:inline-block;
	width:48%;
	vertical-align: top;
}
#sp_main_contents .sp_table .submit input {
    background: #F30;
    font-weight: bold;
    color: #FFF;
    border: none;
    width: 100%;
	padding: 5% 0;
}
#sp_main_contents .sp_table .submit {
    width: 96%;
    text-align: center;
    background: #fff;
    padding: 2%;
    margin: 2% 0;
}
}

@media (max-width:375px) {
#recruit .section_one h3.in_contents:after {
    width: 26%;
}
}

@media (max-width:320px) {
#recruit .section_one h3.in_contents:after {
    width: 15%;
}
}

.tel_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
    flex-wrap: wrap;
}
.tel_box .tel_img{
    width:17.5552vw;
}
.tel_box .tel_txt{
    font-size: 3.340vw!important;
    font-weight: 700;
    line-height: 1.2!important;
    text-align: center;
    color:#000;
}
.tel_box .tel_txt span{
    font-size: 6.4616vw!important;
    font-weight: 700;
    color:#ff0000;
}


@media screen and (min-width:768px){ 
.tel_box{
    flex-wrap: nowrap;
}
.tel_box .tel_img{
    width:12.980vw;
    height:7.6923vw;
    margin-top: -2.8846vw;
}
.tel_box .tel_txt{
    font-size: 1.7307vw!important;
}
.tel_box .tel_txt span!important{
    font-size: 5.7vw;
}
}

@media screen and (min-width:1040px){ 
.tel_box .tel_img{
    width:135px;
    height: 80px;
    margin-top: -30px;
}
.tel_box .tel_txt{
    font-size: 18px!important;
}
.tel_box .tel_txt span{
    font-size: 70px!important;
}
}