@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap'); /* ゴシック　font-family: 'Noto Sans JP', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap'); /* 数字とアルファベットタイトル　font-family: 'Roboto', sans-serif; */



p:empty {display:none}



/* ---------------------------------------------------------------------------
  個別投稿　【正社員・契約社員求人情報】
--------------------------------------------------------------------------- */

#permanent_staff {font-weight: 400;font-family: 'Noto Sans JP', sans-serif;color: #333;font-feature-settings: "palt";}

#permanent_staff .flame {width: 96%;margin: 0 auto;}

#permanent_staff .wallpaper {padding-bottom: 64px;}

#permanent_staff .item {padding-top: 32px;}

#permanent_staff h2 {margin: 0 0 .3em;padding-left: .4em;font-weight: 500;font-size: 16px;border-left: 4px solid #f75586;line-height: 1.2;}

#permanent_staff h3 {margin: 1.5em 0 .5em;font-weight: 500;font-size: 15px;line-height: 1;}

#permanent_staff h4 {margin: 1.5em 0 .5em;font-weight: 500;font-size: 15px;line-height: 1;}

#permanent_staff p {margin: 0;font-weight: 400;font-size: 14px;line-height: 2;text-align: justify;}

#permanent_staff ul {margin: 0 0 0 1.3em;text-align: justify;}

#permanent_staff li span {font-weight: 500;font-size: 16px;}




/* ---------------------------------------------------------------------------
  TOPページ＿強み　ページID:822
--------------------------------------------------------------------------- */

#top_tuyomi .wallpaper {padding: min(22vw, 120px) 0;}

#top_tuyomi .flame {width: 90%;margin: 0 auto;}

#top_tuyomi .box {margin: 0 0 48px;}

#top_tuyomi .container .box:last-of-type {margin: 0;}

#top_tuyomi img {width: 200px;height: auto;display: block;margin: 0 auto 32px;}

#top_tuyomi h3 {margin: 0 0 32px;font-weight: bold;font-size: 20px;line-height: 1;text-align: center;}

#top_tuyomi p {margin: 0;font-size: 16px;text-align: justify;}



@media (min-width: 641px) { /* PC design */
	
	#top_tuyomi .wallpaper {padding: 20px 0 80px;}

#top_tuyomi .flame {width: 100%;}
	
	#top_tuyomi .container {display: flex;justify-content: space-between;}
	
	#top_tuyomi .box {width: 370px;margin: 0;}
	
}



/* ---------------------------------------------------------------------------
  登録/お問い合わせ　ページID:280
--------------------------------------------------------------------------- */

/* 共通書式 */

#contact {font-weight: 400;font-family: 'Noto Sans JP', sans-serif;color: #333;font-feature-settings: "palt";}



#contact h1 {margin: 0 0 2em;padding: 0 1em;background: linear-gradient(#fdfdfb,#f4f4ed);box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);border-top: 5px solid #f75586;
	                  font-weight: 500;font-size: 6.5vw;line-height: 2.5;text-shadow: 1px 1px 0px rgb(255 255 255);letter-spacing: 1px;}

#contact p.preface {margin: 0 0 5em;font-size: 16px;line-height: 2;text-align: justify;}

#contact h2 {margin: 0 0 24px;padding-left: 8px;font-weight: 500;font-size: 20px;line-height: 1.4;border-left: 4px solid #f75586;}

#contact .container .cell {margin-bottom: 60px;padding: 32px 0;background: #f4f4ed;text-align: center;}

#contact .phone_number {margin-bottom: 16px;font-weight: 700;font-size: 36px;}

#contact .call {margin-bottom: 32px;}

#contact .call a {display: inline-block;width: 230px;padding: 0;height: 50px;line-height: 50px;font-size: 18px;color: #fff;border-radius: 25px;background: #d0576b;letter-spacing: 2px;text-decoration: none;}

#contact .call a i {margin-right: .5em;font-size: 1.2em;transform: rotate(-30deg);}

#contact .reception {font-size: 16px;}

#contact .reception b {font-weight: 700;margin-right: 1em;}

#contact .qr_code {display: none;}

#contact .join a {display: inline-block;width: 230px;padding: 0;height: 50px;font-weight: 500;font-size: 18px;line-height: 50px;color: #fff;
	                       border-radius: 25px;background: #00c000;letter-spacing: 1px;text-decoration: none;}

#contact .join a i {margin-right: .3em;font-size: 2em;vertical-align: -6px;}

#contact .form br {display: none;}

#contact .form .top_flame,
#contact .form .bottom_flame {position: relative;padding: 60px 12px 24px;background: #f4f4ed;}

#contact .form .top_flame {margin-bottom: 60px;}

#contact .form .top_flame::before,
#contact .form .bottom_flame::before {position: absolute;top: 0;left: 0;display: block;padding: 0 .8em;font-size: 15px;line-height: 26px;background: #f75586;color: #fff;letter-spacing: 1px;}

#contact .form .top_flame::before {content: 'お客様情報'}

#contact .form .bottom_flame::before {content: 'お問い合わせ内容'}

#contact .form .cell {margin-bottom: 24px;}

#contact .form .cell .title {line-height: 2.5;}

#contact .form .cell .required {display: inline-block;margin-left: .8em;padding: 0 4px;background: #f75586;line-height: 1.5;font-size: 12px;color: #fff;letter-spacing: 2px;}



/* contact-form-7 */

#contact .wpcf7 {width: 100%;border: 0;background: unset;margin: 0 !important;font-size: 16px;}

#contact .wpcf7 form {margin: 0;}

#contact .wpcf7 input,
#contact .wpcf7 textarea {font-size: 16px;line-height: 1.5;letter-spacing: 1px;border: 0;}

#contact .wpcf7 input.wpcf7-submit {width: 230px;padding: 0;height: 50px;font: 400 18px/1 'Noto Sans JP', sans-serif;background: #ff9600;border-radius: 25px;} /* 送信ボタン */



@media (min-width: 801px) { /* PC design */
	
	#contact h1 {font-size: 32px;margin: 0 0 48px;}
	
	#contact p.preface {font-size: 18px;}
	
	#contact h2 {font-size: 22px;}
	
	#contact .container {display: flex;justify-content: space-between;margin-bottom: 90px;}
	
	#contact .box {width: 48%;}
	
	#contact .container .cell {display: flex;align-items: center;justify-content: center;margin: 0;height: 160px;}
	
	#contact .container .box:last-of-type .cell {}
	
	#contact .call {display: none;}
	
	#contact .qr_code {display: block;margin-bottom: 24px;}
	
	#contact .qr_code img {width: 90px;margin: 0 auto;display: block;}
	
	#contact .join a {border: 2px solid #00c000;border-radius: 27px;transition: .3s;}
	
	#contact .join a:hover {background: #fff;color: #00c000;}
	
}







/* ---------------------------------------------------------------------------
  人材紹介　ページID:793
--------------------------------------------------------------------------- */

#recruit .flame {font-family: 'Noto Sans JP', sans-serif;color: #333;}

#recruit p:empty {display: none;} /* 空要素を非表示 */

#recruit p {margin: 0;}

#recruit img {display: block;}

#recruit a:hover img {opacity: 1;}

/* header */

#recruit_header .wallpaper {background: linear-gradient(0deg, rgba(244, 244, 237, .1), rgba(244, 244, 237, .1)),url(http://leadingstaff-n.com/wp/wp-content/uploads/2021/03/recruit_header_wall.jpg);
	                                       background-size: cover;padding-bottom: 100px}

#recruit_header .container {position: relative;padding-top: 50px;margin-bottom: 50px;}

#recruit_header .container::before {position: absolute;content: '';top: 0;right: 20%;bottom: 0;left: 0;background: linear-gradient(135deg, #043c78, #043c78,  #0068b7, #043c78, #043c78);
	                                                   background-size: 500% 500%;animation: recruit_gradient 10s linear infinite;}

@keyframes recruit_gradient{ 0%{background-position: 0% 0%;} 50%{background-position: 100% 100%;} 100%{background-position: 0% 0%;}}

#recruit_header .image_box {position: relative;width: 90%;margin: 0 0 0 auto;}

#recruit_header .headline_box {position: relative;padding: 50px 0 50px 10%;}

#recruit_header h1 {margin: 0 0 50px;font-weight: 700;font-size: 52px;line-height: 1;letter-spacing: 2px;color: #ffa500;}

#recruit_header .sub_title {margin-bottom: 24px;font-weight: 500;font-size: 16px;color: #fff;line-height: 1.6;}

#recruit_header .new_line {display: block;}

#recruit_header ul {margin: 0;}

#recruit_header li {display: inline-block;margin-right: 2px;padding: 0 .5em;line-height: 1.8;background: #fff;list-style-type: none;}

#recruit_header li::before {content: '#';}

#recruit_header .consult {box-sizing: border-box;width: 260px;margin: 0 auto;background: #fff;border: 2px solid #26499d;
	                                    text-align: center;font-weight: 700;font-size: 18px;line-height: 3;letter-spacing: 2px;}

/* content5 */

#recruit #content5 .wallpaper {padding: 100px 0;position: relative;}

#recruit #content5 .wallpaper::before {position: absolute;content: '';bottom: -25px;left: 50%;width: 1px;height: 50px;background: #666;}

#recruit #content5 .wallpaper::after {position: absolute;content: '';bottom: -25px;left: 50%;width: 0;height: 0;
	                                                      border-top: 10px solid #666;border-right: 3px solid transparent;border-bottom: 10px solid transparent;border-left: 3px solid #666;}

#recruit #content5 .flame {width: 90%;margin: 0 auto;}

#recruit #content5 .sub_title {font-size: 16px;color: #26499d;margin-bottom: 8px;}

#recruit #content5 h2 {margin:0 0 40px;font-weight: 700;font-size: 28px;line-height: 1.4;}

#recruit #content5 h2::first-letter {color: #26499d;}

#recruit #content5 h2 .new_line {display: inline-block;}

#recruit #content5 p {font-size: 15px;line-height: 1.8;}

#recruit #content5 p .new_line {display: inline;}

#recruit #content5 h3 {margin: 60px 0 40px;font-weight: 500;font-size: 18px;line-height: 1.6;text-align: center;}

#recruit #content5 .marker {display: inline-block;position: relative;line-height: 1.8;}

#recruit #content5 .marker::before {position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 40%;background: rgba(255, 165, 0, .7);z-index: -1;}

#recruit #content5 img {width: 100%;height: auto;}

/* content1 */

#recruit #content1 .wallpaper {padding: 100px 0;position: relative;}

#recruit #content1 .wallpaper::before {position: absolute;content: '';bottom: -25px;left: 50%;width: 1px;height: 50px;background: #666;z-index: 5;}

#recruit #content1 .wallpaper::after {position: absolute;content: '';bottom: -25px;left: 50%;width: 0;height: 0;
	                                                      border-top: 10px solid #666;border-right: 3px solid transparent;border-bottom: 10px solid transparent;border-left: 3px solid #666;z-index: 5;}

#recruit #content1 .flame {width: 90%;margin: 0 auto;}

#recruit #content1 h2 {width: 230px;margin:0 auto 80px;padding-bottom: 5px;font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 42px;line-height: 1.2;text-align: center;letter-spacing: 1px;}

#recruit #content1 h2::first-letter {color: #26499d;}

#recruit .angle {position: relative;}

#recruit .angle::before {position: absolute;content: '';top: 0;left: 0;width: 0;height: 0;border: 8px solid transparent;border-top-color: #ffa500;border-left-color: #ffa500;}

#recruit .angle::after {position: absolute;content: '';bottom: 0;right: 0;width: 0;height: 0;border: 8px solid transparent;border-right-color: #ffa500;border-bottom-color: #ffa500;}

#recruit #content1 .box {position: relative;margin-bottom: 64px;padding:32px;box-shadow: 0 0 14px #ccc;}

#recruit #content1 .box::before {position: absolute;content: '';bottom: 0;right: 0;width: 0;height: 0;border: 12px solid transparent;border-right-color: #ffa500;border-bottom-color: #ffa500;}

#recruit #content1 .box::after {position: absolute;top: -10px;left: 20px;width: 60px;height: 60px;text-align: center;
	                                            font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 26px;line-height: 60px;color: #fff;background: #26499d;letter-spacing: 1px;}

#recruit #content1 .box:nth-of-type(1)::after {content: '01';}

#recruit #content1 .box:nth-of-type(2)::after {content: '02';}

#recruit #content1 .box:nth-of-type(3)::after {content: '03';}

#recruit #content1 .box:last-of-type {margin-bottom: 0;}

#recruit #content1 h3 {margin:0 0 32px;font-weight: 700;font-size: 20px;line-height: 1;text-align: center;color: #26499d;}

#recruit #content1 .image {width: 140px;margin: 0 auto 32px;}

/* content2 */

#recruit #content2 .wallpaper {padding: 100px 0;background: #f4f4ed;position :relative;}

/* #recruit #content2 .wallpaper::before {position: absolute;content: '';bottom: 0;left: 50%;width: 1px;height: 25px;background: #666;} */ /* content3表示時に使用 */

#recruit #content2 h2 {width: 260px;margin:0 auto 32px;padding-bottom: 5px;font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 42px;line-height: 1.2;text-align: center;letter-spacing: 1px;}

#recruit #content2 h2::first-letter {color: #26499d;}

#recruit #content2 .preface {margin: 0 0 80px;font-size: 15px;line-height: 1;text-align: center;}

#recruit #content2 .box {margin-bottom: 64px;overflow: hidden;}

#recruit #content2 .box:last-of-type {margin-bottom: 0;}

#recruit #content2 .image {width: 90%;margin: 0 auto 0 0;}

#recruit #content2 .box:nth-of-type(2) .image {margin: 0 0 0 auto;}

#recruit #content2 .description {position: relative;box-sizing: border-box;width: 90%;padding: 32px;margin: -24px auto 0;background: #fff;z-index: 1;}

#recruit #content2 .description::before {position: absolute;content: '';bottom: 0;right: 0;width: 0;height: 0;border: 12px solid transparent;border-right-color: #ffa500;border-bottom-color: #ffa500;}

#recruit #content2 h3 {margin:0 0 32px;font-weight: 700;font-size: 22px;line-height: 1.4;letter-spacing: 1px;}

#recruit #content2 h3::first-letter {color: #26499d;font-size: 1.7em;}

/* content3 */

#recruit #content3 .wallpaper {background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(http://nichifuji.portal-webdesign.jp/wp-content/uploads/2021/03/recruit_content3_wall.jpg);
	                                            padding: 100px 0;text-align: center;position: relative;
                                              background-position: left top;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}

#recruit #content3 .wallpaper::before {position: absolute;content: '';top: 0;left: 50%;width: 1px;height: 25px;background: #fff;}

#recruit #content3 .wallpaper::after {position: absolute;content: '';top: 15px;left: 50%;width: 0;height: 0;
	                                                      border-top: 10px solid #fff;border-right: 3px solid transparent;border-bottom: 10px solid transparent;border-left: 3px solid #fff;z-index: 5;}

#recruit #content3 .flame {width: 90%;margin: 0 auto;}

#recruit #content3 h2 {position: relative;display: inline-block;margin: 0 0 50px;padding:0 .8em 4px;font-weight: 700;font-size: 28px;line-height: 1.5;color: #fff;}

#recruit #content3 h2::before {position: absolute;content: '';top: 0;left: 0;width: 0;height: 0;border: 8px solid transparent;border-top-color: #fff;border-left-color: #fff;}

#recruit #content3 h2::after {position: absolute;content: '';bottom: 0;right: 0;width: 0;height: 0;border: 8px solid transparent;border-right-color: #fff;border-bottom-color: #fff;}

#recruit #content3 .sirve {width: 70%;margin: 0 auto;}

/* content4 */

#recruit #content4 .wallpaper {padding: 100px 0;}

#recruit #content4 .flame {width: 90%;margin: 0 auto;}

#recruit #content4 h2 {width: 250px;margin:0 auto 50px;font-weight: 700;font-size: 28px;line-height: 1.5;text-align: center;}

#recruit #content4 h2::first-letter {color: #26499d;}

#recruit #content4 .container {position: relative;margin-bottom: 40px;padding: 24px;color: #fff;
	                                            background: linear-gradient(135deg, #043c78, #043c78,  #0068b7, #043c78, #043c78);background-size: 500% 500%;animation: recruit_process 10s linear infinite;}

#recruit #content4 .container::before {position: absolute;top: 0;right: 0;font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 32px;color: #043c78;line-height: 1;letter-spacing: 1px;z-index: 1;}

#recruit #content4 .container:nth-of-type(1)::before {content: '01';}
#recruit #content4 .container:nth-of-type(2)::before {content: '02';}
#recruit #content4 .container:nth-of-type(3)::before {content: '03';}
#recruit #content4 .container:nth-of-type(4)::before {content: '04';}
#recruit #content4 .container:nth-of-type(5)::before {content: '05';}
#recruit #content4 .container:nth-of-type(6)::before {content: '06';}

#recruit #content4 .container::after {position: absolute;bottom: -33px;left: 50%;transform: translateX(-50%);font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f107';font-size: 24px;color: #333;} 

#recruit #content4 .container:last-of-type {margin-bottom: 0;}

#recruit #content4 .container:last-of-type::after {content: none;}

@keyframes recruit_process{ 0%{background-position: 0% 0%;} 50%{background-position: 100% 100%;} 100%{background-position: 0% 0%;}}

#recruit #content4 h3 {position: relative;margin: 0 0 24px;font-weight: 700;font-size: 20px;line-height: 1;letter-spacing: 1px;}

#recruit #content4 p {font-size: 14px;line-height: 1.6;}

/* contact */

#recruit #footer_contact .wallpaper {position: relative;}

#recruit #footer_contact .wallpaper::before {position: absolute;content: '';top: 50%;right: 0;bottom: 0;left: 0;background: #f4f4ed;z-index: -1;}

#recruit #footer_contact  .flame {width: 90%;margin: 0 auto;}

#recruit #footer_contact .container {padding: 64px 32px;color: #fff;
                                           background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)),url(http://leadingstaff-n.com/wp/wp-content/uploads/2021/03/recruit_contact_wall.jpg);
	                                         background-size: cover;}

#recruit #footer_contact .title_box {margin-bottom: 48px;}

#recruit #footer_contact h2 {margin: 0 0 18px;font-weight: 700;font-size: 46px;line-height: 1;}

#recruit #footer_contact .sub_title {margin:0 0 64px;font-weight: 500;font-size: 16px;}

#recruit #footer_contact address {font-weight: 400;font-size: 16px;font-style: normal;line-height: 1.4;}

#recruit #footer_contact .company_name {font-weight: 700;font-size: 22px;line-height: 2;}

#recruit #footer_contact .contact_box > div {position: relative;padding: 24px 0;border: 1px solid #fff;text-align: center;}

#recruit #footer_contact .contact_box > div::before {position: absolute;content: '';bottom: 0;right: 0;width: 0;height: 0;
	                                                                            border: 12px solid transparent;border-right-color: #ffa500;border-bottom-color: #ffa500;}

#recruit #footer_contact .tel_box {margin-bottom: 30px;}

#recruit #footer_contact h3 {margin: 0 0 18px;font-weight: 400;font-size: 16px;}

#recruit #footer_contact .pc_tel {display: none;}

#recruit #footer_contact .contact_box a {font-size: 22px;color: #fff;font-family: 'Roboto', sans-serif;text-decoration: none;}

#recruit #footer_contact i {margin-right: .5em;}



@media (min-width: 801px) { /* PC design */
	
	#recruit_header .wallpaper {padding-bottom: 120px;}
	
	#recruit_header .container {display: flex;flex-direction: row-reverse;margin: 0 0 70px;padding: 100px 0;}
	
	#recruit_header .image_box {width: 600px;margin:0 auto 0 0;}
	
	#recruit_header .headline_box {width: 600px;margin: 0 0 0 auto;padding: 40px 0 0 0;}
	
	#recruit_header h1 {margin: 0 0 60px;font-size: 130px;white-space: nowrap;}
	
	#recruit_header .sub_title {font-size: 24px;}
	
	#recruit_header li {padding: 0 .5em 3px;font-size: 16px;}
	
	#recruit_header .consult {width: 400px;font-size: 28px;}

	/* content5 */
	
	#recruit #content5 .wallpaper {padding: 120px 0;}
	
	#recruit #content5 .wallpaper::before {bottom: -50px;width: 2px;height: 100px;}
	
	#recruit #content5 .wallpaper::after {bottom: -70px;border-width: 12px 4px;}
	
	#recruit #content5 .flame {width: 1200px;margin: 0 auto;}
	
	#recruit #content5 .sub_title {margin-bottom: 16px;font-size: 20px;}
	
	#recruit #content5 h2 {font-size: 42px;}
	
	#recruit #content5 p {font-weight: 500;font-size: 18px;}
	
	#recruit #content5 p .new_line {display: block;}
	
	#recruit #content5 h3 {margin: 100px 0 50px;font-weight: 700;font-size: 28px;}
	
	/* content1 */
	
	#recruit #content1 .wallpaper {padding: 120px 0;}
	
	#recruit #content1 .wallpaper::before {bottom: -50px;width: 2px;height: 100px;}
	
	#recruit #content1 .wallpaper::after {bottom: -70px;border-width: 12px 4px;}
	
	#recruit #content1 .flame {width: 1200px;margin: 0 auto;}
	
	#recruit #content1 h2 {margin: 0 auto 100px;width: 270px;font-size: 50px;}
	
	#recruit #content1 .container {display: flex;justify-content: space-between;}
	
	#recruit #content1 .box {width: 25%;margin: 0;}
	
	#recruit #content1 .box:nth-of-type(2) {transition-delay: .4s;}
	
	#recruit #content1 .box:nth-of-type(3) {transition-delay: .8s;}
	
	/* content2 */
	
	#recruit #content2 .wallpaper {padding: 120px 0;}
	
	#recruit #content2 .wallpaper::before {width: 2px;height: 50px;}
	
	#recruit #content2 h2 {margin: 0 auto 30px;width: 300px;font-size: 50px;}
	
	#recruit #content2 .preface {font-size: 18px;}
	
	#recruit #content2 .box {display: flex;padding: 100px 0;position: relative;}
	
	#recruit #content2 .box::before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 15%;background: #fff;}
	
	#recruit #content2 .box:nth-of-type(even)::before {position: absolute;content: '';top: 0;right: 10%;bottom: 0;left: 0;background: #fff;}
	
	#recruit #content2 .box:nth-of-type(even) {flex-direction: row-reverse;}
	
	#recruit #content2 .image {width: 50%;margin: 0;position: relative;}
	
	#recruit #content2 .description {width: 50%;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
	
	#recruit #content2 .description::before {content: none;}
	
	#recruit #content2 .inner {width: 75%;}
	
	#recruit #content2 h3 {margin: 0 0 50px;font-size: 32px;}
	
	#recruit #content2 .new_line {display: block;}
	
	#recruit #content2 p {font-weight: 500;font-size: 18px;}
	
	/* content3 */
	
	#recruit #content3 .wallpaper {padding: 120px 0;}
	
	#recruit #content3 .wallpaper::before {width: 2px;height: 50px;}
	
	#recruit #content3 .wallpaper::after {top: 50px;border-width: 12px 4px;}
	
	#recruit #content3 .flame {width: 1200px;margin: 0 auto;}
	
	#recruit #content3 h2 {margin: 0 0 100px;font-size: 42px;}
	
	#recruit #content3 .sirve {width: 400px;}
	
	/* content4 */
	
	#recruit #content4 .wallpaper {padding: 120px 0;}
	
	#recruit #content4 .flame {width: 1200px;margin: 0 auto;}
	
	#recruit #content4 h2 {width: 360px;margin: 0 auto 100px;font-size: 42px;}
	
	#recruit #content4 .container {padding: 48px 250px 48px 48px;}
	
	#recruit #content4 .container::before {top: 50%;right: 30px;font-size: 120px;transform: translateY(-50%);}
	
	#recruit #content4 h3 {margin: 0 0 32px;font-size: 28px;}
	
	#recruit #content4 p {font-size: 18px;}
	
	/* contact */
	
	#recruit #footer_contact .flame {width: 1200px;}
	
	#recruit #footer_contact .container {padding: 80px 60px;display: flex;}
	
	#recruit #footer_contact .title_box {width: 50%;margin: 0;}
	
	#recruit #footer_contact .contact_box {width: 50%;}
	
	#recruit #footer_contact .contact_box a {font-size: 28px;}
	
	#recruit #footer_contact .pc_tel {display: block;font-family: 'Roboto', sans-serif;font-size: 28px;}
	
	#recruit #footer_contact .sp_tel {display: none;}
	
}















/* -------------------------------------------------------- */
/* flotation 【起業サポート】                                     */
/* -------------------------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */

#flotation h2                                   {font-size:22px;text-align:center;font-weight:normal;padding:15px 0;margin:40px auto 10px;
                                                       border-bottom:4px double #f75586;border-top:4px double #f75586;}

#flotation h2 span                           {display:block;}

}

@media all and (min-width: 801px) { /* pc design */
  
#flotation h2                                   {font-size:22px;text-align:center;font-weight:normal;width:600px;padding:15px 0;margin:40px auto 30px;
                                                       border-bottom:4px double #f75586;border-top:4px double #f75586;}

#flotation h2 span                           {display:block;}
  
#flotation .title1                              {text-align:center;font-size:20px;margin-bottom:20px;color:#f75586;}
  
#flotation p                                     {font-size:16px;}
  
#flotation #container                       {box-sizing:border-box;max-width:100%;padding:30px 40px 60px;margin-bottom:40px;border-radius:10px;border:10px solid #f4f4ed;
                                                       background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))
                                                       ,url(http://leadingstaff-n.com/wp/wp-content/uploads/2017/09/search-container.jpg);
                                                       background-position:left bottom;background-size:cover;box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
  
#flotation h3                                   {text-align:center;font-size:20px;margin:0 0 20px;color:#f75586;font-weight:normal;}
  
#flotation ul#style1                         {text-align:center;margin:0 0 30px;}
  
#flotation ul#style1 li                      {display:inline-block;color:#fff;border-radius:6px;margin:0 8px 0;padding:10px 25px;font-size:20px;font-weight:bold;
                                                       background:repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
  
#flotation #inner-container              {border-radius:10px;border:2px solid #f75586;padding:20px 30px;background:#fff;font-size:18px;}
  
#flotation ul#style2                         {margin:0;padding:0;}
  
#flotation ul#style2 li                      {list-style-type:none;}
  
#flotation ul#style2 li span               {color:#f75586;margin-right:.5em;}
  
/* イラストの吹き出しコンテナ */
  
#flotation #illust-container                         {width:750px;margin:0 auto 30px;}
  
#flotation #illust-container::after                {content:"";display:block;clear:both;}
  
#flotation #illust-container #left-side          {float:left;position:relative;box-sizing:border-box;width:550px;padding:20px 0;background:#fffacd;border-radius:15px;font-size:20px;text-align:center;}
  
#flotation #illust-container #left-side::after {position:absolute;top:50px;left:550px;content:'';width:0;height:0;border:15px solid transparent;border-left: 15px solid #fffacd;}
  
#flotation #illust-container #left-side span   {display:block;margin-bottom:15px;}
  
#flotation #illust-container #right-side         {float:left;width:160px;padding-left:40px;}
  
}


/* -------------------------------------------------------- */
/* 【フッターウィジェット】 ロゴ 電話番号 住所           */
/* -------------------------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
#footer #address                            {color:#fff;margin-top:1em;}
  
#footer #address #upper                {font-size:5vw;text-align:center;border-bottom:1px dotted #fff;padding-bottom:1em;margin-bottom:1em;}
  
#footer #address #tel                     {font-size:12vw;line-height:130%;}
  
#footer #address #tel a:link            {color:#fff;}
  
#footer #address #bottom              {width:90%;margin:0 auto;line-height:160%;font-size:6vw;}
  
#footer #address #bottom a:link     {color:#fff;}
  
#footer #address a#map                {display:inline-block;border:2px solid #fff;padding:.5em 1em;margin-top:1em;font-size:6vw;}
  
#footer #address a#map:link          {color:#fff;text-decoration:none;}
  
#footer #address #map span          {margin-left:.5em;} 
  
}



@media all and (min-width: 801px) { /* pc design */
  
#footer #address                           {font-size:14px;}

#footer #address #upper                {text-align:center;border-bottom:1px dotted #fff;padding-bottom:5px;margin-bottom:15px;}

#footer #address #tel                     {font-size:30px;padding:3px 0;}

#footer #address #ruby                  {font-size:13px;text-align:right;}
  
#footer #address #ruby span          {margin:0 30px 0 5px;letter-spacing:2px;}

#footer #address a#map                {width:200px;border:1px solid #f4f4ed;padding:10px 0;margin:20px auto 0;text-align:center;transition:.4s;display:block;}

#footer #address a#map:link          {color:#fff;text-decoration:none;}
#footer #address a#map:visited     {color:#fff;}
#footer #address a#map:hover      {color:#f75586;background:#f4f4ed;}
#footer #address a#map:active      {color:#fff;}

#footer #address #bottom div        {margin-bottom:8px;padding-left:.5em;}
  
#footer #address #bottom div span {margin-right:.5em;}
  
}





/* ------------------------------------------------- */
/* 個別記事　ヘッダーのタグの下のボーダーライン          */
/* ------------------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
.header-tag-border                {border-top:1px dotted #aaa;padding-top:20px;}
  
}

@media all and (min-width: 801px) { /* pc design */
  
.header-tag-border                {border-top:1px dotted #ccc;padding-top:20px;}
  
}



/* -------------------------------------------------------------------------------
    個別記事 (single.php)  フッターの問い合わせのボックス
------------------------------------------------------------------------------- */

@media (max-width: 800px) { /* Smartphone design */
  
#footer-container                 {box-sizing:border-box;width:100%;padding:.6em;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);border-radius:6px;
                                   background:repeating-linear-gradient(-45deg, #f4f4ed 1px, #f4f4ed 5px, #fffef9 6px, #fffef9 10px);margin:32px 0;}
  
#footer-container #inner          {box-sizing:border-box;width:100%;padding:1em;background:linear-gradient(#fdfdfb,#f4f4ed);text-align:center;}
  
#footer-container .heading        {font-size:4.7vw;font-weight:bold;color:#4b4b2e;}
  
#footer-container .heading span   {display:block;}
  
#footer-container #right-side     {box-sizing:border-box;width:100%;color:#4b4b2e;padding:1.2em 0;border-top:1px solid #d6d6bc;margin-top:1em;}
  
#footer-container .ruby           {display:none;}
  
#footer-container .telephone-sp   {font-size:11vw;text-shadow:2px 2px 0px rgba(255, 255, 255, 1);}
  
#footer-container .telephone-sp a:link {color:#f75586;}
  
#footer-container .telephone-pc   {display:none;}
  
#footer-container .business-hours {font-size:5vw;}
  
#footer-container .mail           {padding:.7em 2em;margin:0;background:#f75586;font-size:5vw;display:inline-block;color:#fff;}
  
#footer-container a:link.mail     {text-decoration:none;}
	
	#footer-container #left-side {display:none;} /* 仮登録のリンクのため非表示 */
  
}

@media (min-width: 801px) { /* pc design */
  
	#footer-container {box-sizing:border-box;width:100%;margin:20px 0;padding:8px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);border-radius:4px;
                              background:repeating-linear-gradient(-45deg, #f4f4ed 1px, #f4f4ed 5px, #fffef9 6px, #fffef9 10px);}
  
	#footer-container #inner {box-sizing:border-box;width:100%;padding:20px 0;background:linear-gradient(#fdfdfb,#f4f4ed);}
	
	#footer-container #inner::after {content:"";display:block;clear:both;}
  
	#footer-container .heading {font-size:20px;font-weight:bold;color:#4b4b2e;margin-bottom:10px;text-align:center;}
  
	#footer-container #left-side {box-sizing:border-box;width:50%;float:right;color:#4b4b2e;display:none;} /* 仮登録のリンクのため非表示 */
  
	#footer-container #right-side {box-sizing:border-box;width:100%; /* float:right;border-left:1px solid #d6d6bc; */ } /* 仮登録非表示のためwidth:50%→100%へ変更 */
  
	#footer-container .ruby {/* text-align:right; */ margin-left:50%;}
  
	#footer-container .ruby span {margin:0 35px 0 10px;letter-spacing:2px;}
  
	#footer-container .telephone-pc {color:#e75586;font-size:36px;text-shadow:2px 2px 0px rgba(255, 255, 255, 1);text-align:center;}
  
	#footer-container .telephone-sp {display:none;}
  
	#footer-container .business-hours {font-size:16px;text-align:center;}
  
	#footer-container .mail {border:2px solid #f75586;padding:.7em 3em;margin:15px auto 0;text-align:center;font-size:16px;color:#f75586;display:inline-block;transition:.4s;}
  
/* link-bouton */

#footer-container a:link          {color:#f75586;text-decoration:none;}
#footer-container a:visited       {color:#f75586;}
#footer-container a:hover         {color:#fdfdfb;background:#f75586;}
#footer-container a:active        {color:#f75586;}
  
}



/* -------------------------------------------------------- */
/* 【個別記事】求人内容                                            */
/* -------------------------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
.post-item .title                 {padding:1em;background:#FED6E3;letter-spacing:2px;}
  
.post-item .content               {padding:1em;background:#f4f4ed;margin-bottom:3px;}
	
	.post-item .content ol,
	.post-item .content ul {margin-bottom:0;}
  
/* コメントボックス */
  
.post-explanation                 {border:2px solid #fed6e3;margin-top:20px;}
  
.post-explanation .title          {display:inline-block;padding:.5em 1em;background:#fed6e3;}
  
.post-explanation p               {margin:0;padding:1em;margin:0 !important;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
.post-item                                      {display:table;width:100%;margin:0 0 3px;font-size:14px;}
  
.post-item .title                               {display:table-cell;width:30%;padding:1em;background:#fed6e3;letter-spacing:2px;}
  
.post-item .content                         {display:table-cell;width:70%;padding:1em;background:#f4f4ed;}
  
.post-item .content p                      {margin:0;}

.post-item .content ul                      {margin:0 0 0 1em;}
	
	.post-item .content ol,
	.post-item .content ul {margin-bottom:0;}

/* コメントボックス */
  
.post-explanation                            {border:2px solid #fed6e3;margin-top:20px;}
  
.post-explanation .title                    {display:inline-block;padding:.5em 1em;background:#fed6e3;}
  
.post-explanation p                         {margin:0;padding:1em;margin:0 !important;}
  
}



/* ---------------------------------------- */
/* index　スマホ用　検索ボタン                */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
/* 検索ボタン */
  
#sp-search-button                 {box-sizing:border-box;width:100%;padding:1em;background:linear-gradient(#f6bfbc,#fef4f4,#f6bfbc);position:relative;}
  
#sp-search-button::after          {position:absolute;top:100%;left:45%;content:'';width:0;height:0;border:20px solid transparent;border-top: 15px solid #f6bfbc;}
  
#sp-search-button .search-button  {display:block;font-size:7vw;border-radius:6px;padding:.6em 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);text-align:center;
                                   background:repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);color:#fff;margin-bottom:.8em;}

#sp-search-button a:link.search-button {text-decoration:none;}
  
#sp-search-button .search-button span {margin-right:.5em;}
  
#sp-search-button p               {margin:0;text-align:center;color:#e75586;font-size:4.5vw;font-weight:bold;}
  
/* 仮登録ボタン */
  
#sp-entry-button                  {box-sizing:border-box;width:100%;padding:2em 1em 1.5em;background:linear-gradient(-135deg,#c4e4ff,#fff,#c4e4ff);}

#sp-entry-button .entry-button    {display:block;font-size:7vw;border-radius:6px;padding:.6em 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);text-align:center;
                                   background:repeating-linear-gradient(#6b96ff, #6b96ff 50%, #5185ff 0, #5185ff 100%);color:#fff;font-weight:bold;}

#sp-entry-button a:link.entry-button {text-decoration:none;}
  
#sp-entry-button .entry-button span {margin-left:.5em;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
#sp-search-button                 {display:none;}
  
#sp-entry-button                  {display:none;}
  
}



/* ---------------------------------------- */
/* company【企業情報】                       */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
#company h2                       {font-size:6vw;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:.3em;line-height:130%;margin-top:2em;}
  
#company h3                       {font-size:4.5vw;color:#333;margin:2em 0 1em;font-weight:normal;}
  
#company h3 span                  {color:#f75586;}
  
#company .top                     {border-top:1px solid #ccc;} /*表の上部罫線*/
  
/* table1 */  
  
#company .table1                  {border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table1 .left-side       {padding:1em;color:#4b4b2e;letter-spacing:2px;}
  
#company .table1 .right-side      {padding:1em;background:#fff;}
  
#company .table1 .right-side ul   {margin:0 0 0 1.3em;}
  
#company .table1 #address         {margin:0;list-style-type:none;}
  
/* Map */
  
#company .google-map              {padding:.5em 1.5em;border:2px solid #f75586;color:#f75586;display:inline-block;margin-top:10px;text-decoration:none;}
  
/* table2 */
  
#company .table2                  {border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table2 .left-side       {padding:.5em 1em;color:#4b4b2e;}
  
#company .table2 .right-side      {padding:.5em 1em;background:#fff;text-align:right;}
  
#company .proviso                 {color:#777;font-size:12px;margin-bottom:2em;}
  
/* table3,table4 */

#company .table3                  {border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table4                  {border-bottom:1px solid #ccc;}
  
#company .table3 .item1,
#company .table4 .item1           {padding:.5em 0 0 1em;}
  
#company .table3 .item2,
#company .table4 .item2           {padding-left:1em;}
  
#company .table3 .item3,
#company .table4 .item3           {padding-left:1em;}
  
#company .table3 .item4,
#company .table4 .item4           {padding:0 0 .5em 1em;}
	
	/* table9 */
	
	#company .cell1 {border-top: 1px solid #ccc;background: #f4f4ed;line-height: 3;text-indent: 1em;}
	
	#company .cell2,
	#company .cell3,
	#company .cell4,
	#company .cell5 {display: inline-block;line-height: 3;padding: 0 1em;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
#company h2                       {font-size:24px;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:10px;line-height:130%;margin-top:50px;}
  
	#company h3 {font-size: 18px;color: #333;margin: 3em 0 0;font-weight: normal;}
	
	#company h3 span                  {color:#f75586;}
  
#company .top                     {border-top:1px solid #ccc;} /*表の上部罫線*/
  
/* table1 */  
  
#company .table1                  {width:790px;margin:0;border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table1::after           {content:"";display:block;clear:both;}
  
#company .table1 .left-side       {box-sizing:border-box;float:left;width:150px;padding:15px;color:#4b4b2e;letter-spacing:2px;}
  
#company .table1 .right-side      {box-sizing:border-box;float:left;width:640px;padding:15px;background:#fff;}
  
#company .table1 .right-side ul   {margin:0 0 0 1.3em;}
  
#company .table1 #address         {margin:0;list-style-type:none;}
  
/* Map */
  
#company .google-map              {width:120px;padding:7px 0;border:2px solid #f75586;color:#f75586;display:block;transition:.4s;text-align:center;margin-top:10px;}
  
#company a.google-map:link        {color:#f75586;text-decoration:none;}
#company a.google-map:visited     {color:#f75586;}
#company a.google-map:hover       {color:#fdfdfb;background:#f75586;}
#company a.google-map:active      {color:#f75586;}
  
/* table2 */
  
#company .table2                  {width: 100%;margin:0;border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table2::after           {content:"";display:block;clear:both;}
  
#company .table2 .left-side       {box-sizing:border-box;float:left;width: 60%;padding:15px;color:#4b4b2e;}
  
#company .table2 .right-side      {box-sizing:border-box;float:left;width: 40%;padding:15px;background:#fff;text-align:right;}
  
#company .proviso                 {color:#777;margin:5px 0 30px 220px;font-size:12px;}
  
/* table3,table4 */

#company .table3                  {width:790px;margin:0;border-bottom:1px solid #ccc;background:#f4f4ed;}
  
#company .table3::after           {content:"";display:block;clear:both;}
  
#company .table4                  {width:790px;margin:0;border-bottom:1px solid #ccc;}
  
#company .table4::after           {content:"";display:block;clear:both;}
  
#company .table3 .item1,
#company .table4 .item1           {box-sizing:border-box;float:left;width:160px;padding:10px 0 10px 15px;}
  
#company .table3 .item2,
#company .table4 .item2           {box-sizing:border-box;float:left;width:245px;padding:10px 0;}
  
#company .table3 .item3,
#company .table4 .item3           {box-sizing:border-box;float:left;width:150px;padding:10px 0;}
  
#company .table3 .item4,
#company .table4 .item4           {box-sizing:border-box;float:left;width:235px;padding:10px 0;}
  
	/* table9 */
	
	#company .table9 {display: flex;width: 100%;}
	
	#company .bg-color {background:#f4f4ed;}
	
	#company .cell1 {box-sizing:border-box;width: 40%;padding: 10px 15px;border-bottom:1px solid #ccc;}
	
	#company .cell2 {box-sizing:border-box;width: 15%;padding: 10px 15px;border-bottom:1px solid #ccc;}
	
	#company .cell3 {box-sizing:border-box;width: 15%;padding: 10px 15px;border-bottom:1px solid #ccc;}
	
	#company .cell4 {box-sizing:border-box;width: 15%;padding: 10px 15px;border-bottom:1px solid #ccc;}
	
	#company .cell5 {box-sizing:border-box;width: 15%;padding: 10px 15px;border-bottom:1px solid #ccc;}
	
}



/* ---------------------------------------- */
/* worker-dispatch【派遣について】           */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
#worker-dispatch h2               {font-size:7vw;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:.3em;line-height:130%;}
  
#worker-dispatch h3               {font-size:5.5vw;color:#333;margin:0 0 .5em;font-weight:normal;}
  
#worker-dispatch h3 span          {color:#f75586;}
  
/* 前文 */
  
#worker-dispatch #header-container {padding:1em;border:1px solid #d0d0d0;border-radius:6px;background:linear-gradient(#fdfdfb,#f4f4ed);}
  
#worker-dispatch #header-style    {font-size:1.1em;margin:0 0 1em;}
  
#worker-dispatch #header-box      {text-align:center;}
  
#worker-dispatch #header-box .link {display:block;padding:10px 0;font-size:16px;margin:10px auto 0;width:85%;text-decoration:none;
                                    background:#f75586;color:#fff;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  
/* 派遣とは */
  
#worker-dispatch .table1 .left-side img {width:100%;height:auto;margin-bottom:2em;}
  
#worker-dispatch .table1 .right-side {width:100%;}
  
#worker-dispatch .table1 .right-side::after {content:"";display:block;clear:both;}
  
#worker-dispatch .comment-box     {width:60%;float:left;box-sizing:border-box;padding:1em;background:#fffacd;border-radius:1em;position:relative;}
  
#worker-dispatch .comment-box::after {position:absolute;top:30px;left:100%;content:'';width:0;height:0;border:15px solid transparent;border-left: 15px solid #fffacd;}
  
#worker-dispatch .sp-imgbox       {width:40%;float:left;box-sizing:border-box;padding-left:5%;}
  
#worker-dispatch .sp-imgbox img   {width:100%;height:auto;}
  
/* メリット */
  
#worker-dispatch .table2,
#worker-dispatch .table3          {width:100%;margin-bottom:1em;}
  
#worker-dispatch .table2::after,
#worker-dispatch .table3::after   {content:"";display:block;clear:both;}
  
#worker-dispatch .table2 .text-box {width:66.6%;float:left;}
  
#worker-dispatch .table2 .img-box {width:33.3%;float:left;}
  
#worker-dispatch .table2 .img-box img,
#worker-dispatch .table3 .img-box img {width:100%;height:auto;}
  
#worker-dispatch .table3 .text-box {width:66.6%;float:right;}
  
#worker-dispatch .table3 .img-box {width:33.3%;float:right;}
  
/* 派遣登録から就業まで */
  
#worker-dispatch .process         {margin-bottom:1em;}
  
#worker-dispatch .process .left-side,
#worker-dispatch .process .middle,
#worker-dispatch .process .right-side {padding:1em;border:1px solid #d0d0d0;border-radius:.8em;background:linear-gradient(#fdfdfb,#f4f4ed);}
  
#worker-dispatch .process .angle      {color:#f75586;font-size:12vw;text-align:center;}
  
#worker-dispatch .process h3          {margin:0;letter-spacing:2px;border-bottom:1px solid #d0d0d0;}
  
#worker-dispatch .process h3 span     {color:#f75586;}
  
#worker-dispatch .process .img-container {max-width:50%;margin:1em auto;}
  
#worker-dispatch .process .left-side img,
#worker-dispatch .process .middle img,
#worker-dispatch .process .right-side img {width:100%;height:auto;}
  
#worker-dispatch .mail            {padding:.8em 1.5em;margin-top:1em;background:#f75586;font-size:5vw;display:inline-block;color:#fff;}
  
#worker-dispatch a:link.mail      {text-decoration:none;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
#worker-dispatch p                {margin:0 30px 2em;}
  
#worker-dispatch h2               {font-size:24px;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:10px;line-height:130%;margin-top:50px;}

#worker-dispatch h3               {font-size:20px;color:#333;margin:0 0 4px 30px;font-weight:normal;}
  
#worker-dispatch h3 span          {color:#f75586;}
  
/* 前文 */
  
#worker-dispatch #header-container {padding:25px;border:1px solid #d0d0d0;border-radius:6px;background:linear-gradient(#fdfdfb,#f4f4ed);}
  
#worker-dispatch #header-style    {font-size:1.2em;margin:0 0 1em;}
  
#worker-dispatch #header-box      {text-align:center;}
  
#worker-dispatch #header-box .link {display:inline-block;padding:10px 0;transition:.4s;font-size:16px;margin:0 8px;border:2px solid #f75586;width:200px;
                                    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  
#worker-dispatch #header-box .link a:link    {color:#f75586;text-decoration:none;}
#worker-dispatch #header-box .link a:visited {color:#f75586;}
#worker-dispatch #header-box .link a:hover   {color:#fdfdfb;background:#f75586;}
#worker-dispatch #header-box .link a:active  {color:#f75586;}
  

   
/* 派遣とは */
  
#worker-dispatch .table1          {width:730px;margin:0 30px 30px;}
  
#worker-dispatch .table1::after   {content:"";display:block;clear:both;}
  
#worker-dispatch .table1 .left-side {width:500px;float:left;}
  
#worker-dispatch .table1 .right-side {width:230px;float:left;}
  
#worker-dispatch .table1 .left-side img {width:496px;height:433px;}
  
#worker-dispatch .table1 .right-side img {width:154px;height:197px;margin-left:76px;}
  
#worker-dispatch .comment-box     {position:relative;padding:14px;background:#fffacd;border-radius:15px;margin-bottom:30px;}
  
#worker-dispatch .comment-box::after {position:absolute;top:100%;left:130px;content:'';width:0;height:0;border:15px solid transparent;border-top: 15px solid #fffacd;}
  
/* メリット */

#worker-dispatch .table2,
#worker-dispatch .table3          {width:790px;margin-bottom:25px;}
  
#worker-dispatch .table2::after,
#worker-dispatch .table3::after   {content:"";display:block;clear:both;}
  
#worker-dispatch .table2 .text-box {width:526px;float:left;}
  
#worker-dispatch .table2 .img-box {width:234px;float:left;margin-right:30px;}
  
#worker-dispatch .table2 .img-box img,
#worker-dispatch .table3 .img-box img {width:234px;height:134px;}
  
#worker-dispatch .table3 .text-box {width:526px;float:right;}
  
#worker-dispatch .table3 .img-box {width:234px;float:right;margin-left:30px;}
  
/* 派遣登録から就業まで */
  
#worker-dispatch .process         {width:730px;margin:0 30px 25px;}

#worker-dispatch .process::after  {content:"";display:block;clear:both;}
  
#worker-dispatch .process .left-side,
#worker-dispatch .process .middle,
#worker-dispatch .process .right-side {width:188px;height:350px;padding:15px;border:1px solid #d0d0d0;border-radius:5px;float:left;
                                       background:linear-gradient(#fdfdfb,#f4f4ed);}
  
#worker-dispatch .process .angle      {width:35px;text-align:center;line-height:382px;float:left;}
  
#worker-dispatch .process .angle span {color:#f75586;font-size:30px;transform:rotate( -90deg );}
  
#worker-dispatch .process h3          {margin:0;letter-spacing:2px;border-bottom:1px solid #d0d0d0;}
  
#worker-dispatch .process h3 span     {color:#f75586;}
  
#worker-dispatch .process .img-container {text-align:center;margin:10px 0 20px;}
  
#worker-dispatch .process .left-side img {width:102px;height:136px;}
  
#worker-dispatch .process .middle img,
#worker-dispatch .process .right-side img {width:162px;height:136px;}
  
#worker-dispatch .mail            {box-sizing:border-box;width:100%;border:2px solid #f75586;padding:10px 0;margin-top:15px;text-align:center;
                                   font-size:16px;color:#f75586;display:block;transition:.4s;}
  
/* link-bouton */

#worker-dispatch a:link           {color:#f75586;text-decoration:none;}
#worker-dispatch a:visited        {color:#f75586;}
#worker-dispatch a:hover          {color:#fdfdfb;background:#f75586;}
#worker-dispatch a:active         {color:#f75586;}
  
}



/* ---------------------------------------- */
/* 各固定ページ下部　プロフィール　問い合わせ   */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
#post-footer-container            {box-sizing:border-box;width:100%;padding:.6em;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);border-radius:6px;
                                   background:repeating-linear-gradient(-45deg, #f4f4ed, #f4f4ed 4px, #fffef9 0, #fffef9 8px);}
  
#post-footer-container #inner     {box-sizing:border-box;width:100%;padding:0 1em;background:linear-gradient(#fdfdfb,#f4f4ed);}
  
#post-footer-container #left-side {box-sizing:border-box;width:100%;text-align:center;padding:1.2em 0;}
  
#post-footer-container .heading   {font-size:4.7vw;font-weight:bold;color:#4b4b2e;}
  
#post-footer-container .heading span {display:block;}
  
#post-footer-container #right-side {box-sizing:border-box;width:100%;text-align:center;color:#4b4b2e;border-top:1px solid #d6d6bc;padding:1.2em 0;}
  
#post-footer-container .ruby      {display:none;}
  
#post-footer-container .telephone-sp {font-size:11vw;text-shadow:2px 2px 0px rgba(255, 255, 255, 1);}
  
#post-footer-container .telephone-sp a:link {color:#f75586;}
  
#post-footer-container .telephone-pc {display:none;}
  
#post-footer-container .business-hours {font-size:5vw;}
  
#post-footer-container .mail      {padding:.8em;margin:1em auto 0;background:#f75586;font-size:5vw;display:inline-block;color:#fff;}
  
#post-footer-container a:link.mail {text-decoration:none;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
	#post-footer-container {box-sizing:border-box;width:100%;padding:8px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);border-radius:4px;
		                                  background:repeating-linear-gradient(-45deg, #f4f4ed, #f4f4ed 4px, #fffef9 0, #fffef9 8px);}
  
	#post-footer-container #inner {display:flex;align-items:center;box-sizing:border-box;width:100%;padding:32px 0;background:linear-gradient(#fdfdfb,#f4f4ed);}
  
	#post-footer-container #left-side {width:55%;}
	
	#post-footer-container .heading {font-size:22px;text-align:center;font-weight:bold;color:#4b4b2e;}
  
	#post-footer-container .heading span {display:block;}
  
	#post-footer-container #right-side {box-sizing:border-box;width:45%;text-align:center;color:#4b4b2e;border-left:1px solid #d6d6bc;}
  
	#post-footer-container .ruby{text-align:right;}
  
	#post-footer-container .ruby span {letter-spacing:2px;margin:0 52px 0 10px;}
  
	#post-footer-container .telephone-pc {color:#e75586;font-size:36px;text-shadow:2px 2px 0px rgba(255, 255, 255, 1);}
  
	#post-footer-container .telephone-sp {display:none;}
  
	#post-footer-container .business-hours {font-size:16px;}
  
	#post-footer-container .mail {width:280px;border:2px solid #f75586;padding:12px 0;margin:15px auto 0;text-align:center;font-size:16px;color:#f75586;display:block;transition:.4s;}
  
/* link-bouton */

#post-footer-container a:link     {color:#f75586;text-decoration:none;}
#post-footer-container a:visited  {color:#f75586;}
#post-footer-container a:hover    {color:#fdfdfb;background:#f75586;}
#post-footer-container a:active   {color:#f75586;}
  
}



/* ---------------------------------------- */
/* client 【法人のお客様】                   */
/* ---------------------------------------- */

/* list icon */

#client ol                        {list-style-type:none;padding-left:10px;}

#client ol li                     {position:relative;padding-left:8px;}

#client ol li::after,
#client ol li::before             {display:block;content:'';position:absolute;}

#client ol li::before             {top:7px;left:-20px;width:16px;height:16px;background:linear-gradient(#f4f4ed,#a5a56d);border-radius:100%;}

#client ol li::after              {display:block;content:'';position:absolute;top:11px;left:-16px;width:7px;height:3px;
                                   border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}



@media all and (max-width: 800px) { /* Smartphone design */
  
#client h2                        {font-size:7vw;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:.3em;line-height:130%;}
  
#client h3                        {font-size:5vw;color:#333;font-weight:normal;border:2px solid #f75586;padding:4px 1em;display:inline-block;
                                   border-radius:6px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  
#client .industry-type            {width:90%;margin:0 auto 30px;}
  
#client .industry-type .left-side,
#client .industry-type .middle,
#client .industry-type .right-side {padding:1em;background:#f4f4ed;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin-bottom:1.5em;}
  
#client .industry-type h4         {position:relative;padding:.5em 0;background:#fffef9;font-weight:normal;margin:0 0 1em;text-align:center;font-size:5vw;}
  
#client .industry-type h3::after  {position:absolute;top:100%;left:45%;content:'';width:0;height:0;border:15px solid transparent;border-top:15px solid #fffef9;}
  
#client .industry-type ul         {margin:0 0 0 1em;}
  
 /* 派遣実績【地図】 */

#client #map-container                  {width:100%;margin-bottom:30px;}
  
#client #map-container::after        {content:"";display:block;clear:both;}
  
#client #map-container .left-side    {width:70%;margin:0 auto;}
  
#client #map-container .middle      {width:50%;float:left;}
  
#client #map-container .right-side  {width:50%;float:left;}
  
#client #map-container .left-side img {max-width:100%;height:auto;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
#client h2                        {font-size:24px;color:#333;font-weight:normal;border-left:5px solid #f75586;padding-left:10px;line-height:130%;margin:40px 0 10px;}
  
#client h3                        {font-size:16px;color:#333;font-weight:normal;border:2px solid #f75586;padding:4px 1em;display:inline-block;
                                   border-radius:6px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  
#client .industry-type            {display:flex;flex-direction:row;width:100%;margin-bottom:20px;color:#494919;}
  
#client .industry-type .left-side {box-sizing:border-box;width:32%;padding:20px;background:#f4f4ed;color:#666;
                                   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);margin-right:2%;}
  
#client .industry-type .middle    {box-sizing:border-box;width:32%;padding:20px;background:#f4f4ed;color:#666;
                                   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);margin-right:2%;}
  
#client .industry-type .right-side {box-sizing:border-box;width:32%;padding:20px;background:#f4f4ed;color:#666;
                                    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  
#client .industry-type h4         {position:relative;padding:8px 12px;background:#fffef9;font-weight:normal;margin:0 0 16px;text-align:center;}
  
#client .industry-type h3::after  {position:absolute;top:100%;left:45%;content:'';width:0;height:0;border:10px solid transparent;border-top:10px solid #fffef9;}
  
#client .industry-type ul         {margin:0 0 0 1em;}
  
  /* 派遣実績【地図】 */

#client #map-container                  {width:700px;margin:0 auto 30px;}
  
#client #map-container::after        {content:"";display:block;clear:both;}
  
#client #map-container .left-side    {width:400px;float:left;}
  
#client #map-container .middle      {width:150px;float:left;}
  
#client #map-container .right-side  {width:150px;float:left;}
    
}



/* ---------------------------------------- */
/* 固定ページタイトル                         */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
 
#title-container                  {padding:1.2em;background:linear-gradient(#fdfdfb,#f4f4ed);margin:0 auto 1em;box-shadow:1px 1px 2px rgba(0,0,0,.3);
                                   border-top:5px solid #f75586;}
  
h1#page-title                     {margin:0;font-size:7.5vw;color:#333;font-weight:normal;line-height:100%;text-shadow:1px 1px 0px rgba(255, 255, 255, 1);}
  
}



@media all and (min-width: 801px) { /* pc design */
  
#title-container                  {padding:24px 20px;background:linear-gradient(#fdfdfb,#f4f4ed);margin-bottom:30px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                   border-top:5px solid #f75586;}
  
h1#page-title                     {margin:0;font-size:24px;color:#333;font-weight:normal;line-height:100%;text-shadow:1px 1px 0px rgba(255, 255, 255, 1);}
  
}







/* ---------------------------------------- */
/* index                                    */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
/* h1タグ下　メニューセクション */
  
#index-menu-section               {box-sizing:border-box;width:100%;padding:1em;background: linear-gradient(-135deg,#f6bfbc,#fef4f4,#f6bfbc);}  
  
#index-menu-section #left-side,
#index-menu-section #center,
#index-menu-section #right-side   {position:relative;width:100%;height:auto;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);margin-bottom:1em;}
  
#index-menu-section img           {width:100%;height:auto;display:block;}
  
#index-menu-section h2            {position:absolute;bottom:0;background-color:rgba(247,85,134,.7);color:#fff;font-size:7vw;font-weight:normal;
                                   padding:.3em 0;width:100%;box-sizing:border-box;text-align:center;margin:0;}
  
#index-menu-section h2 span       {margin-left:.6em;}
  
#sp-index-recruit                 {box-sizing:border-box;width:100%;padding:0 1em 1em;margin-bottom:30px;
                                   background:linear-gradient(-135deg,#f4f4ed,#f5f5f5,#f4f4ed);}/* スマホ背景カラー */
  
/* 求人情報検索の見出し */
  
#index-search-heading             {font-size:7vw;font-weight:normal;text-align:center;color:#f75586;margin:0;padding:1em 0;}
  
/* 求人情報検索 */
  
#index-search-container           {box-sizing:border-box;width:100%;padding:1em;border-radius:1em;border:3px solid #eee;
                                   background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))
                                   ,url(http://leadingstaff-n.com/wp/wp-content/uploads/2017/09/search-container.jpg);
                                   background-size:cover;box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
  
#index-search-section .bouton     {width:100%;padding:.7em 0;font-size:7vw;color:#fff;border-radius:.3em;box-shadow:1px 1px 2px rgba(0,0,0,0.3);text-align:center;
                                   margin-bottom:0em;background:repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);}

#index-search-section .bouton span {margin-left:1em;}
  
#index-search-container hr        {display:none;}
  
#index-search-container ol        {list-style-type:none;font-size:1em;margin:0;}
  
/* tag-search 1 */
  
#tag-search1                          {color:#ff6b80;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style1   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style1 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#ff6b80;text-decoration:none;}
  
/* tag-search 2 */

#tag-search2                          {color:#ffa34d;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style2   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style2 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#ffa34d;text-decoration:none;}

/* tag-search 3 */

#tag-search3                          {color:#49bf75;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style3   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style3 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#49bf75;text-decoration:none;}
  
/* tag-search 4 */

#tag-search4                          {color:#789ef8;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style4   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style4 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#789ef8;text-decoration:none;}
  
/* tag-search 5 */

#tag-search5                          {color:#f073b4;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style5   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style5 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#f073b4;text-decoration:none;}
  
/* tag-search 6 */

#tag-search6                          {color:#957adb;font-size:1em;margin:1em 0 .2em;}
  
#index-search-container .tag-style6   {display:inline-block;line-height:280%;}
  
#index-search-container .tag-style6 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#957adb;text-decoration:none;}
  
/* tag-search 7 */
  
#index-search-container .tag-style7   {display:inline-block;line-height:280%;margin-top:1em;}
  
#index-search-container .tag-style7 a {padding:.6em .8em;margin:0 .3em;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:#34495e;text-decoration:none;}
  
}



@media all and (min-width: 801px) { /* pc design */
  
/* h1タグ下　メニューセクション */
  
#index-menu-section               {width:1200px;margin-bottom:30px;}
#index-menu-section::after        {content:"";display:block;clear:both;}

#index-menu-section #left-side,
#index-menu-section #center,
#index-menu-section #right-side   {position:relative;width:360px;height:240px;border:10px solid #f4f4ed;float:left;overflow:hidden;
                                   border-radius:10px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}

#index-menu-section #left-side,
#index-menu-section #center       {margin-right:30px;}

#index-menu-section #left-side  .inner,
#index-menu-section #center     .inner,
#index-menu-section #right-side .inner {position:absolute;top:0;left:0;width:360px;height:120px;padding-top:120px;text-align:center;}
  
#index-menu-section h2            {background-color:rgba(247,85,134,.7);padding:10px 20px;color:#fff;font-size:25px;font-weight:normal;
                                   display:inline-block;margin:0;border-radius:6px;}
  
#index-menu-section h2 span       {margin-left:.6em;}

#index-menu-section img           {width:360px;height:240px;border-radius:6px;}
  
/* 求人情報検索の見出し */
  
#index-search-heading             {position:relative;font-size:23px;font-weight:normal;color:#333;margin:0 0 10px;padding:4px 0 4px 30px;line-height:100%;}
  
#index-search-heading::before     {position:absolute;left:0;top:0;content:'';width:18px;height:18px;background:#f75586;}
  
#index-search-heading::after      {position:absolute;left:9px;top:12px;content:'';width:14px;height:14px;background:#fcc800;}
  
/* 求人情報検索 */
  
#index-search-container           {box-sizing:border-box;max-width:100%;padding:30px 0;margin-bottom:40px;border-radius:10px;border:10px solid #f4f4ed;
                                   background:linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))
                                   ,url(http://leadingstaff-n.com/wp/wp-content/uploads/2017/09/search-container.jpg);
                                   background-size:cover;box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
  
#index-search-section             {text-align:center;}
  
#index-search-section .bouton     {width:300px;padding:15px 0;font-size:16px;display:inline-block;color:#fff;border-radius:4px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);
                                   background:repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);}
  
#index-search-section .bouton span {font-size:18px;margin-left:16px;}
  
#index-search-container hr        {margin:20px 30px 15px;padding:0;border:0;height:0;
                                   border-top: 1px solid #8bd3f9;border-bottom: 1px solid #eff6f9;}
  
#index-search-container ol        {list-style-type:none;font-size:16px;text-align:center;margin:0 0 20px;}
  
#index-search-container ol.tag-topmargin {margin-top:30px;} /* tag検索の１段目と２段目の行間 */
  
/* tag-search 1 */
  
#tag-search1                          {color:#ff6b80;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style1   {display:inline;}
  
#index-search-container .tag-style1 a {padding:8px 10px;margin:0 5px;border:2px solid #ff6b80;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#ff6b80 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style1 a:hover {background-position:0 100%;color:#ff6b80;}
  
/* tag-search 2 */

#tag-search2                          {color:#ffa34d;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style2   {display:inline;}
  
#index-search-container .tag-style2 a {padding:8px 10px;margin:0 5px;border:2px solid #ffa34d;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#ffa34d 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style2 a:hover {background-position:0 100%;color:#ffa34d;}
  
/* tag-search 3 */
  
#tag-search3                          {color:#49bf75;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style3   {display:inline;}
  
#index-search-container .tag-style3 a {padding:8px 10px;margin:0 5px;border:2px solid #49bf75;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#49bf75 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style3 a:hover {background-position:0 100%;color:#49bf75;}
  
/* tag-search 4 */
  
#tag-search4                          {color:#789ef8;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style4   {display:inline;}
  
#index-search-container .tag-style4 a {padding:8px 10px;margin:0 5px;border:2px solid #789ef8;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#789ef8 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style4 a:hover {background-position:0 100%;color:#789ef8;}
  
/* tag-search 5 */
  
#tag-search5                          {color:#f073b4;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style5   {display:inline;}
  
#index-search-container .tag-style5 a {padding:8px 10px;margin:0 5px;border:2px solid #f073b4;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#f073b4 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style5 a:hover {background-position:0 100%;color:#f073b4;}
  
/* tag-search 6 */
  
#tag-search6                          {color:#957adb;font-size:14px;margin:0 0 12px;font-weight:normal;text-align:center;}
  
#index-search-container .tag-style6   {display:inline;}
  
#index-search-container .tag-style6 a {padding:8px 10px;margin:0 5px;border:2px solid #957adb;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#957adb 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}
  
#index-search-container .tag-style6 a:hover {background-position:0 100%;color:#957adb;}
  
/* tag-search 7 */
  
#index-search-container .tag-style7   {display:inline;}
  
#index-search-container .tag-style7 a {padding:8px 10px;margin:0 5px;border:2px solid #34495e;color:#fff;border-radius:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                                       background:linear-gradient(#34495e 50%, rgba(0,0,0,0) 50%);
                                       background-position:0 0;background-size:auto 200%;transition:.4s;text-decoration:none;}

#index-search-container .tag-style7 a:hover {background-position:0 100%;color:#34495e;}

/* free-search */
  
#index-search-container #free-search {width:380px;margin:0 auto;}
 
}



/* ---------------------------------------- */
/* index　スマホ用 h1-section                */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
	
	.sp-present {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 85vw;margin: 10vw auto 10vw;height: 18vw;border-radius: 9vw;
		                 background: repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);font-size: 4vw;line-height: 1.6;color: #fff;font-weight: bold;}
	
	.sp-present span {display: block;}
  
#maincopy-sp                      {width:100%;position:relative;}

#maincopy-sp img                  {width:100%;height:auto;display:block;}
  
#maincopy-sp #inner               {position:absolute;top:0;left:0;}
  
#maincopy-sp h1                   {font-weight:normal;text-align:center;}
  
#maincopy-sp .style-top           {font-size:5.5vw;color:#666;padding:.1em .5em;
                                   background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;}
  
#maincopy-sp .style-bottom        {display:block;font-size:10.5vw;font-weight:bold;color:#333;display:block;line-height:150%;
                                   font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , 
                                   "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
  
#maincopy-sp p                    {margin:70% 10% 0;background-color:rgba(255,255,255,.4);padding:.7em;border-radius:.5em;font-size:5vw;}
  
}

@media all and (min-width: 801px) { /* pc design */
  
#maincopy-sp                      {display:none;}
  
}



/* ---------------------------------------- */
/* header logo                              */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
#header-logo-container img        {max-width:60%;height:auto;float:left;margin-left:20px;}
  
#header-logo-container #right-side {display:none;}
}



@media all and (min-width: 801px) { /* pc design */
  
#header-logo-container            {width:1200px;height:107px;margin:0 auto;}
#header-logo-container::after     {content:"";display:block;clear:both;}
  
#header-logo-container #left-side  {width:600px;height:107px;float:left;}
  
#header-logo-container #right-side {width:600px;height:107px;float:left;}
  
#header-logo-container img        {width:375px;height:82px;margin-top:12px;}
  
#header-logo-container #tel-box   {width:300px;height:82px;margin-left:300px;margin-top:15px;color:#555;text-align:center;}
  
#header-logo-container #phone     {color:#f75586;font-size:34px;font-weight:normal;}
  
#header-logo-container #ruby      {text-align:right;}
  
#header-logo-container #ruby span {margin:0 23px 0 10px;letter-spacing:2px;}
  
}



/* ---------------------------------------- */
/* entry【仮登録】                           */
/* ---------------------------------------- */

@media all and (max-width: 800px) { /* Smartphone design */
  
}



@media all and (min-width: 801px) { /* pc design */
  
#entry                            {margin:0 30px 0;}
  
}



/* ---------------------------------------- */
/* side-widget  e-ラーニング【各ページ共通】  */
/* ---------------------------------------- */
  
#e-learning                       {text-align:center;}

#e-learning #bouton               {width:300px;padding:15px 0;font-size:16px;display:inline-block;color:#fff;border-radius:4px;margin-bottom:5px;
                                   background:repeating-linear-gradient(-45deg, #e75586, #e75586 5px, #e96b95 0, #e96b95 10px);box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}

#e-learning #bouton span          {font-size:18px;margin-left:16px;}



/* ---------------------------------------- */
/* side-widget 派遣登録【各ページ共通】       */
/* ---------------------------------------- */

#haken-banner                     {text-align:center;}

#haken-banner img                 {border:10px solid #f4f4ed;}

.haken-banner-box                 {width:250px;margin:0 auto;border-bottom:1px dotted #aaa;padding:8px 0;display:flex;flex-direction:row;}

.haken-banner-box .left-side      {box-sizing:border-box;width: 40px;font-size:40px;color:#f75586;}

.haken-banner-box .right-side     {box-sizing:border-box;width:210px;font-size:22px;color:#666;font-weight:bold;text-align:center;}

.haken-banner-box .right-side span {display:block;color:#888;font-size:12px;font-weight:normal;}



/* ---------------------------------------- */
/* link-style                               */
/* ---------------------------------------- */

/* bouton link */

.bouton-link                      {transition:all .4s;}

a.bouton-link:link                {color:#e57b9b;text-decoration:none;}
a.bouton-link:visited             {color:#e57b9b;}
a.bouton-link:hover               {color:#e57b9b;opacity:0.8;letter-spacing:2px;}
a.bouton-link:active              {color:#e57b9b;}