@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* ------ 全デバイス共通css ------ */

html {
background:#fff;
-webkit-font-smoothing:antialiased;
overflow:auto;
}
body {
width:100%;
margin:0 auto;
font-family:'Noto Sans JP', sans-serif;
font-size:16px;
line-height:1.7em;
letter-spacing:0.06em;
color:#3a3a3a;
overflow:hidden;
}
* {
margin:0;
padding:0;
vertical-align:top;
}
*,
::before,
::after {
box-sizing:inherit;
}
::before,
::after {
vertical-align:inherit; 
text-decoration:inherit;
}
.clearfix:after {content:""; clear:both; display:block;}
.boxContainer {overflow:hidden;}

@media print {
body {
zoom:0.68;
}
}

img {margin:0 auto; width:100%; vertical-align:middle;
}
a {color:#222785; text-decoration:none; transition:all 0.3s linear 0s;
}
a:hover {transition:all 0.3s linear 0s; opacity:0.6;
}
p {width:100%; }
p + p {margin:15px 0;}
p.b {font-weight:bold;}
span {font-size:14px;}
samp {display:none;}

/* PCのみ表示*/
.pc	{display:inline!important; }
.sp	{display:none!important; }


#wrapper_worker {
background-image:linear-gradient( 0deg, #ffe6db 20%, #fff5f1 80%);
}
#inner {
width:980px;
padding:1.75rem 0;
margin:0 auto;
position:relative;
}
section .box_r {
width:41.83%;
float:right;
}
section .box_l {
width:41.83%;
float:left;
}


/* ヘッダー */
header {
width:100%;
background-color:#ff5e1f;
color:#ff5e1f;
height:80px;
}
header #inner {
padding:0;
}

header #h_area .logo_b {
width:17%;
margin:10px 0;
float:left;
}
header ul.link {
position:absolute;
right:0;
}
header ul.link li.bnr {
margin:12px 12px 12px 0;
padding:14px;
width:214px;
background-color:#fff;
border-radius:30px;
text-align:center;
}
header ul.link li.bnr:last-child {
background-color:#ff5e1f;
padding:0;
font-size:x-large;
}
header ul.link li.bnr a {
color:#fff;
}
header ul.link li.bnr a:last-child {
color:#ff5e1f;
font-size:1.4em;
}
header ul.link li.bnr span {
font-size:small;
color:#fff;
}


/* ナビゲーションpc */
nav {text-align:center;}
nav a {color:#ff5e1f; font-weight:bold;
}
nav a.l1,
nav a.l2,
nav a.l3,
nav a.l4 {
}
nav a:hover {opacity:0.6;}
nav ul {
padding:0;
margin:0 auto;
}
nav ul li {
width:calc((100% - 20px) / 4);
border-right:1px solid #ddd;
margin:3.12% 0 1.56%;
}
nav ul li:nth-child(1) {
border-left:1px solid #ddd;
}
nav ul li.on {
background-color:#ff867f;
}

/*---- フッター ----*/
#footer {
background-image:url(../img/bg_blur.png);
background-position:center top;
background-repeat:repeat;
padding-top:10px;
}
footer {
font-size:12px;
width:100%;
background-color:#ff5e1f;
color:#fff;
}
footer #f_area {
width:100%;
margin:0;
}
footer #f_area .logo_b {
width:21.76%;
padding:0 3.12% 2% 0;
float:left;
}
footer div.info {
padding:0 0 0 3.12%;
display:inherit;
}
footer div.info .number {
font-size:1.6em;
line-height:1.5em;
font-weight:bold;
}
#home_link a {
color:#fff;
padding:1.56% 0;
text-align:center;
display:block;
}


ul.btn__item {height:70px;}
ul.btn__item li {
width:calc((95% - 10px) / 3);
text-align:center;
margin-right:10px;
line-height:1.2em;
padding:10px 0;
}
ul.btn__item span {
font-size:small;
vertical-align:baseline;
}
/* 囲みボタン */
ul.btn__item .btn {
border-radius:40px;
border:1px solid #ff5e1f;
box-shadow:2px 4px #ff5e1f;
}
ul.btn__item .btn a {
color: #ff5e1f;
}

#copyright {
padding:1.56% 0;
text-align:center;
border-top:1px solid #fff;
}

#main_visual {
height:auto;
padding:0;
margin:0 auto;
}
#main_visual #inner {
position:relative;
}
h1 {
font-size:2em;
font-weight:bold;
line-height:1.7em;
margin:6.24% 0;
width:20rem;
}
.top_img {
width:45rem;
margin:0;
position:absolute;
top:3.12rem;
right:0;
z-index:-1000;
}
#read {
text-align:center;
font-weight:bold;
}
#read.sub1 {
padding:2rem 0;
background-color:#fff5f1;
}
#read.sub2 {
padding:3.12rem 0;
background-color:#f6f6f6;
}
#read.sub1 span {
font-size:medium;
color:#ff5e1f;
}


/* ボタン1 */
.list1 {
margin:3rem auto 0;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
color:#fff;
}
.shigoto__item {
width:calc((100% - 0px) / 3);
position:relative;
}
.shigoto__item a {
width:84%;
background-color:#ff5e1f;
color:#fff;
border-radius:40px;
margin:0 1.75rem;
padding:1.2rem 0;
text-align:center;
font-size:1.2rem;
position:absolute;
top:0;
left:0;
z-index:0;
}
.shigoto__item a:hover {opacity:0.6;}
.shigoto__item span {font-size:inherit;}
.shigoto_works_img {
margin: 3.1rem 6.25rem 0;
position: inherit;
}


/* ボタン2 */
.list2 {
margin:3.12% auto;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
}
.features__item {
width:calc((100% - 50px) / 2);
position:relative;
}
.features__item a {
color:#ff5e1f;
font-weight:bold;
}
.features__item a:before {
content:"〉";
margin:0 6px 0 0;
}
.features__item a:hover {opacity:0.6;}


/* ボタン3 */
.workstyle_btn {
width: 51%;
background-color:#ffe7dd;
color: #fff;
border-radius: 20px;
margin:-2rem 0 0;
padding:1.75rem 3.12rem;
text-align: center;
font-size:1.2rem;
display: inline-block;
}


/* お問い合わせボタン */
#inquiry a {
width:30%;
background-color:#ff5e1f;
color:#fff;
border-radius:40px;
padding:1.375rem 0;
text-align:center;
font-size:1.2rem;
display:inline-block;
}

.features_works {
font-size:x-large;
text-align:center;
position:absolute;
top:55px;
left:60px;
z-index:1;
}

.link_more {
width:200px;
}


h2 {
font-size:1.6em;
font-weight:bold;
text-align:center;
margin:2rem auto;
}
h2.sub1 {
width:50%;
}
h2.sub2 {
width:36%;
margin:3.12% 0;
}
h3 {
line-height:1.5;
font-weight:bold;
}
h4 {
font-weight:bold;
line-height:2em;
margin:0 0 40px;
}

ul {
margin:0 auto;
padding:0;
list-style:none;
overflow:hidden;
}
ul li {
padding:0;
float:left;
}

#wrapper_worker #inner {
padding:1.75% 0 0;
}

/* テキスト上に点
.dot_text {
padding-top:.2em;
background-position:top left -2px;
background-repeat:repeat-x;
background-size:1.075em .4em;
background-image:radial-gradient(.1em .1em at center center, #fff, #fff 100%, transparent);
}*/


/* トップへ戻るボタン */
#pageTop {padding:1.56% 48% 5%;}
#pageTop a {display:block; width:44px;}
#pageTop a:hover {text-decoration:none; opacity:0.6;
}


/* ------ レスポンシブ用 ------ */
@media screen and (min-width:769px) {
.bg_ill01 {margin-right:2%; right:0;}
.bg_ill02 {margin-left:0; top:32%;}
}


@media screen and (max-width:768px) {

body {width:100%; margin:0; min-width:inherit;
}

/* SPのみ表示*/
.pc	{display:none!important; }
.sp {display:inline!important; }

#wrapper {
padding:0;
margin:0;
width:100%; 
}
#wrapper_worker {
background-image:none;
background-color:#fff5f1;
padding:0;
}

#inner {margin:0 auto; width:auto; 
}

section .boxContainer {
overflow:hidden;
}

section .box_l1 {
position:absolute;
left:0;
z-index:100;
width:60%;
margin:0 0 0 6.24%;
}
section .box_l2 {
position:absolute;
right:4%;
z-index:100;
width:60%;
}
section .box_r,
section .box_l {
width:auto;
margin:100% 3.12% 0;
}
#main {padding:12.24% 0;}


/* TOPヘッダー */
header {
margin:0;
width:100%;
height:auto;
}
header #inner {
margin:0;
width:100%;
}
header #h_area {
width:100%;
display:table;
margin:0;
}
header #h_area .logo_b {
margin: 3.12%;
width: 34.30%;
}
header ul li:nth-child(5) {
width:20.3%;
padding:0;
margin:0;
}
header ul li:last-child {
clear:both;
}
header ul li.bnr {
width:auto;
border:none;
margin:6.24% 0 0;
padding:0;
}


/* ----ドロワーメニュー設定--- */ 
#nav-drawer {position:relative;
}
/*チェックボックス等は非表示に*/
.nav-unshown {display:none;
}
/*アイコンのスペース*/
#nav-open {display:inline; width:50px; height:50px;
}
#nav-open span {
position:absolute;
width:8.5%;
display:block;
right:0;
margin:4.5% 3.12% 0 0;
}
#nav-close {
display:block; /*隠しておく場合はnone*/
position:fixed;
z-index:99;
bottom:0;
right:8.24%;
width:8%;
height:8%;
background:#fff;
opacity:1;
transition:.3s ease-in-out;
}
#nav-content {/*中身*/
overflow:auto;
position:fixed;
top:0;
left:0;
z-index:9999;
width:90%;
height:100%;
background:#fff;
transition:.3s ease-in-out;
-webkit-transform:translateX(-105%);
transform:translateX(-105%);/*左に隠しておく*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
display:block;
opacity:.5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}


/* ナビゲーションsp */
#Navigation {
width:100%;
background:none;
border-radius:0;
margin:0;
padding:0;
top:0;
position:absolute;
}
nav {margin:2rem 6.24% 0;}
nav a {font-size:1.375rem;}
nav ul li {
width:100%;
padding:6.24% 0;
}
nav ul li:nth-child(1) {
border-left:none;
border-bottom:1px dotted #ddd;
}


/* TOPフッター */
#footer{background-position:left;}
footer #f_area {
width:auto;
margin:0 6.24%;
display:grid;
align-content: space-evenly;
}
footer #f_area .logo_b {
width:60%;
padding:0 0 1.75%;
float: left;
}
footer div.info {
padding:0;
float:left;
}
footer div.info .number {
font-size:1.5em;
font-weight:bold;
}
#home_link a {padding:6.24% 0;}

#sublinks {padding:0 6.24%;}
ul.btn__item {height:auto;}
ul.btn__item li {
width:auto;
float:none;
margin:0 0 6.24%;
padding:3.12% 0;
}

#copyright {letter-spacing:normal;}


.bg_hm {
width:90%;
position:absolute;
z-index:0;
right:20px;
}
.bg_ad {
margin:0;
width:90%;
position:absolute;
z-index:0;
left:20px;
}
.main_visual {
display:inherit;
padding:0;
margin:0 0 30px;
background-image:none;
}
.bg_ill01 {
width:42.8%;
margin:0;
position:absolute;
right:0;
bottom:12%;
}
.bg_ill02 {
width:53.4%;
margin:0 0 0 -8%;
position:absolute;
top:23%;
}

.link_more {
width:61%;
margin:0 auto;
}
.link_fb {
width:40px;
padding:6.24% 0 0;
}

#main_visual #inner {
padding-bottom:0;
}
h1 {
width:auto;
margin:36.8% 2rem 0;
}
.top_img {
width:120%;
top:0;
right:-3.12rem;
}
#read {
padding:0 3rem;
text-align:left;
}
#read.sub1 {padding:2rem 3rem;}
#read.sub2 {padding:2rem 1rem;}
h2 {margin:40px auto;}
h2.sub1 {width:64%; margin:40px auto;}
h2.sub2 {width:48%; margin:6.24% auto;}

.shigoto__item {
width:100%;
background-image:linear-gradient( 0deg, #ffe6db 20%, #fff5f1 80%);
margin:1.2rem 0;
}

.shigoto__item:last-child {margin-bottom:0;}
.shigoto_works_img {
width:20%;
padding:0;
margin:0 17rem 0 1rem;
}
.features__item {
width:90%;
margin:0 auto;
}

.workstyle_btn {width:60%;padding:1rem 1.75rem;}

#inquiry a {width:100%;}

#pageTop {padding:4% 9.36% 9.36%;}
#pageTop a {margin:0 auto;}

}