/***************************************

はしおき CSS
2018/06

******************************************/

/***********************

common

**********************/


*{
box-sizing:border-box;
}

a{
text-decoration:none;
color:inherit;
}



i{
font-style:normal;
}

li{
list-style:none;
}

body,html{
margin:0px;
color:#353E47;
padding:0px; 

font-family: "kozuka-gothic-pro",sans-serif;
font-feature-settings:'palt';
}

body{
overflow-x:hidden;
}

ul{
margin:0;
padding:0;
}

.ib{
width:1080px;
margin:0 auto;
position:relative;
}
#wpadminbar{
display:none;
}

.pc_content{
display:block !important;
}
.sp_content{
display:none !important;
}

/***********************************************

ふわっとあにめーしょん

************************************************/

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/********************************

header

***********************************/

/*scroll用*/

.scrolled{
width:100%;left:0;
top:0;transition:0.3s ease;
height:60px;overflow:hidden;
display:block;
}

header{
position:relative;width:100%;top:0;left:0;
z-index:99999;position:fixed;overflow:hidden;
background: #fff;height:95px;
transition:0.3s ease;border-top:11px solid #75312e;
border:none;box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}

header .ib{
transition:0.3s ease;
padding:10px 0px;
}

header.scrolled .ib {
    height:60px;
    padding: 10px 0px;
}

header.scrolled  nav ul li a {
    padding:25px 0px;min-height:inherit;height:60px;
}

header h1{
color:#353E47;padding-left:0px;
font-family:"kozuka-mincho-pro";margin:0;
font-weight:700;font-size:19px;position:relative;
}

header h1 img{
max-width:320px;margin-top:10px;
}

header.scrolled  h1{
margin-top:0;
}
header.scrolled  h1:before{
transform:scale(0.6);
}

header nav{
position:absolute;
right:0;
width:460px;
top:0px;
}

header.scrolled nav{
position:absolute;
right:0;
top:0px;
}

header nav ul{
display:flex;
justify-content:space-between;
}

header nav ul li{
display:block;width: 33%;
}

header nav ul li a{
display:block;padding:35px 10px;
text-align:center;
color:#353E47;font-weight:800;
font-size:15px;position:relative;
transition:0.3s ease;min-height:95px;
}

header nav ul li a:hover{
transition:0.3s ease;
color:#fff;
background:#282828;
}
header nav ul li a i {
    width: 100%;
    line-height: 1.15;
    text-align: center;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
}
header nav ul li a:hover span{
color:#fff;
}
header nav ul li a span {
    display: block;
    -webkit-transition: .5s cubic-bezier(.075,.82,.165,1);
    transition: .5s cubic-bezier(.075,.82,.165,1);
    position: relative;
}
header nav ul li a span::before {
    content: attr(data-hover);
    display: block;
    width: 100%;
    font-size:15px;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: absolute;
    bottom: 100%;
}

header nav ul li a:hover i span {
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}

/***********************

slider

************************/
/*
.topimg{
position:relative;
background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url(../img/s_t.png) 50% 0% no-repeat,
url(../img/s_b.png) 50% 100% no-repeat,
url(../img/kanban01.png) calc(50% + 630px) -50px no-repeat,
url(../img/poster03.jpg) calc(50% + 280px) 100% no-repeat,
url(../img/poster04.jpg) 100% 100% no-repeat,
url(../img/poster02.jpg) calc(50% - 180px) -100px no-repeat,
url(../img/poster01.jpg) calc(50% - 590px) -200px no-repeat,
url(../img/woodbg.jpg);
background-size: cover,100% 200px,100% 200px,300px auto,380px auto,500px auto,400px auto,500px auto,auto;
}
*/
.topimg{
position:relative;
background: url(../img/cork.jpg) 50% 20% fixed;
background-size: cover;  display: none;
}

.topimg:after{
background: inherit;
width:102%;content: '';
height: 102%;top: -1%;left: -1%;
position: absolute;
display: block;
 filter: blur(3px);
}
#topimg{
margin-top:0px;
height:auto;
max-height:920px;
width:100%;
padding:250px 0px 150px;
}

.topimg img.bg{
position: absolute;
bottom: 0;
right: calc(50% - 520px);
z-index: 2;
width:320px;display:none;
}
.topimg img.tl{
position: absolute;
top: 190px;width: 280px;
right: calc(50% - 150px);
z-index: 2;box-shadow: 3px 3px 3px rgba(0,0,0,.3);display: none;
}
.topimg img.k01{
position: absolute;
bottom: -30px;width: 200px;
left: calc(50% - 490px);
z-index: 2;
}
.topimg img.k02{
position: absolute;
bottom: -30px;width: 200px;
left: calc(50% - 290px);
z-index: 2;
}
.sp-slides-container {
    position: relative;
    z-index: 999;
}
.sp-slide {
border-radius: 30px;
}
.sp-mask{
overflow: visible !important; 
}
.sp-slide p{
position: absolute;font-size: 22px;font-weight: bold;
width: 90%;
background: none;color: #FFf;border:1px solid #fff;
padding:20px;margin:0;text-align: center;border-radius: 0;left:5%;bottom: 20px;
}
.sp-slide img{
width:100%;height: 100%;object-fit: cover;
border-radius: 0;box-shadow: 5px 5px 5px rgba(0,0,0,.4);
}

.topcopy {
    position: absolute;
    width: 900px;
    z-index: 99;
    left: calc(50% - 500px);
    top: 170px;
}

.topcopy p:nth-child(1){
color:#fff;
animation:top_p01 4s forwards;
font-size:45px;font-weight:700;line-height:1.6;
margin:15px 0px 10px;text-shadow:3px 3px 3px rgba(0,0,0,.3);
}



@keyframes top_p01 {
0%{
opacity:0;
}
20%{
opacity:0;
}
45%{
opacity:1;
}
100%{
opacity:1;
}
}
.topcopy p:nth-of-type(2){
animation:top_p02 4s forwards;
margin:10px 0px;font-weight:600;
line-height:1.6;
padding-left:0px;font-size:24px;
}

@keyframes top_p02 {
0%{
opacity:0;
}
45%{
opacity:0;
}
70%{
opacity:1;
}
100%{
opacity:1;
}
}

.topcopy p:nth-of-type(3){
animation:top_p03 4s forwards;
margin:10px 0px;font-weight:600;
line-height:1.6;
padding-left:0px;font-size:24px;
}

@keyframes top_p03 {
0%{
opacity:0;
}
70%{
opacity:0;
}
95%{
opacity:1;
}
100%{
opacity:1;
}
}

.topcopy a{
width:320px;
display:block;
margin:40px 0px 30px 00px;
border:2px solid #000;
font-size:16px;color:#000;
text-align:center;
padding:15px;animation:top_p04 5s forwards;
background:rgba(255,255,255,.7);
}

@keyframes top_p04 {
0%{
opacity:0;
}
80%{
opacity:0;
}

100%{
opacity:1;
}
}
/************************

black

***************************/

.black{
height: 520px;
background:url(../img/coffee.png) 50% 99%no-repeat,url(../img/black01.jpg);
position: relative;z-index: 3;margin-top: 90px
}
.black .ib{
padding: 60px 0px;

}
.black p{
    padding: 30px 0px;
    line-height: 2;
font-size:22px;text-align: center;
color:#FFF4E1;margin:0;background: url(../img/line.png) 50% 0% no-repeat,url(../img/line.png) 50% 100% no-repeat;
}
/************************

top info

***************************/

.top_info{
background:url(../img/dot_bg.png);
border-top: 12px solid #FFC107;
border: none;border-bottom:1px solid #eee;
display: none;
}

.top_info .ib{
padding:50px 0px 100px;
}

.top_info h2{
font-size:28px;margin-bottom:70px;
padding:15px 0px;position:relative;
}

.top_info h2:before{
content:'';
height:4px;
background:;
position:absolute;
bottom:-0px;width:25%;
background:#f1f1f1;left:0;
}
.top_info h2:after{
content:'';
height:4px;
background:;
position:absolute;right:0;
bottom:-0px;width:75%;
background:#AE9890;
}

.top_info .ib ul{
width:100%;
flex-wrap:wrap;
margin:0px auto;
display:flex;
}

.top_info .ib ul li{
width:100%;background:#fff;
margin:3px 0px;box-shadow:2px 2px 3px rgba(0,0,0,.2);
position:relative;
}

.top_info .ib ul li:before{
font-family:ionicons;
content:"\f3d1";
position:absolute;
right:10px;top:24px;
}

.top_info .ib ul li a span {
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    color: #AE9890;
    border: none;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #AE9890;
}
.top_info .ib ul li a{
color:#111;padding:5px 10px;
display:block;
}
/*********************

intro

********************/

.intro{
min-height:700px;
background: url(../img/spoon.png) 0% 0% repeat-y,url(../img/spoon.png) 100% 0% repeat-y,url(../img/dish02.png) 50% 98% no-repeat,#fdf8ec;
background-size: auto,auto,auto,auto;
}

.intro .ib{
padding:80px 0px;
height:100%;
background-size:;
}

.intro .ib h2{
font-size:34px;line-height:1.6;
text-align: center;
}

.intro .ib h3{
position:relative;margin:90px 0px 80px;
font-size:28px;width:100%;
}


.intro .ib h3:after{
content:'';
height:4px;
background:;
position:absolute;right:0;
bottom:-20px;width:100%;
background:#353E47;
}

.intro .to_about{
margin:100px 0px 80px;
display:flex;
justify-content:space-between;
}

.intro img.l02 {
    position: absolute;
    right: 20px;
    width: 250px;
    top: 89px;
}

.intro .to_about a{
width:49%;font-size:30px;
padding:40px 40px 50px 60px;font-weight:700;
display:block;position:relative;background:#fff;
box-shadow:3px 3px 3px rgba(0,0,0,.2);
border:1px solid #43c092;transition:0.3s ease;
}

.intro .to_about a:hover{
color:#fff;
background:#43c092;transition:0.3s ease;
}
.intro .to_about a:hover:before{
color:#fff;
}

.intro .to_about a span{
display:block;font-weight:normal;
font-size:18px;
}
.intro .to_about a:before{
content: "\f3d1";font-weight:normal;
font-family:ionicons;
position:absolute;left:30px;top:56px;
font-size:43px;color:#43c092;
}

.intro .to_about a i{
position:absolute;right:15px;top:15px;
width:130px;height:130px;
background:url(../img/job02.jpg) 50% 50%;
background-size:250px;
}

.intro .to_about a:nth-child(2) i{
background:url(../img/gakusei01.jpg) 50% 50%;
background-size:230px;
}

/*************************************

topslide

***********************************/

.cl_slide_con {
margin:50px 0px;
padding:0px 0px 100px;
}

.cl_slide_con h2{
font-size:28px;margin-bottom:70px;
padding:15px 0px;position:relative;
}

.cl_slide_con h2:before{
content:'';
height:4px;
background:;
position:absolute;
bottom:-0px;width:25%;
background:#f1f1f1;left:0;
}
.cl_slide_con h2:after{
content:'';
height:4px;
background:;
position:absolute;right:0;
bottom:-0px;width:75%;
background:#EB8686;
}
.cl_slide_con ul.cl_slide{
position:relative;
width:100%;
}

.cl_slide_con ul.cl_slide li{
height:220px;position:relative;position:relative;
margin:0px 2px;border:10px solid #fff;overflow:hidden;box-shadow:3px 3px 3px rgba(0,0,0,.15);
}

.cl_slide_con ul.cl_slide li img{
display:block;height:100%;width:100%;
object-fit:cover;
}

.cl_slide_con ul.cl_slide li p{
font-size:16px;
font-weight:bold;color:#fff;
position:absolute;vertical-align:bottom;
height:100%;width:100%;top:0;margin:0;
padding:75px 0px;text-shadow:3px 3px 3px rgba(0,0,0,.3);
z-index:2;text-align:center;
}

.cl_slide_con ul.cl_slide li p br{
display:none;
}
.slick-list {
    position: relative;
    display: block;
    overflow: visible !important; 
    margin: 0;
    padding: 0;
}
.cl_slide_con ul.cl_slide li.slick-current{
transform:scale(1.2);z-index:10;box-shadow:3px 3px 3px rgba(0,0,0,.3);
}

.cl_slide_con ul.cl_slide li a{
transition:0.2s ease;
}

.cl_slide_con ul.cl_slide li:hover:before{
content:'この仕事を見る';background:#43c092;
position:absolute;
z-index:9;width:100%;
bottom:0px;
left:0;
padding:4px;
color:#fff;
font-size:13px;
text-align:center;
display:block;
}

.cl_slide_con ul.slick-dots li:before{
display:none;
}

.cl_slide_con ul.slick-dots li:hover:before{
display:none;
}

.sl_foot .slick-dots {
    position: absolute;
    bottom: 150px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    height: 20px;
}

.slick-dots {
    position: absolute;
    bottom:-50px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    height: 20px;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.cl_slide_con ul.cl_slide ul.slick-dots li{
border:none;box-shadow:none;
}

/**********************************

top search

***********************************/

.top_search{
padding:30px;
background:linear-gradient(0deg, rgba(255,255,255,.8), rgba(255,255,255,.8)),url(../img/s_bg01.jpg) fixed;
background:cover;
}

.top_search .ib{
padding:60px 0px;
}

.top_search .ib h3{
font-size:20px;font-family:游明朝;
text-align:center;
margin:20px 0px 20px;
}

.top_search .ib h3 span{
background:#d70035;
color:#fff;font-family:游ゴシック;
font-size:13px;
padding:4px 7px;
margin-right:5px;
position:relative;
top:-3px;
}

.top_search .ib ul{
display:flex;width:800px;
margin:0 auto;
justify-content:center;
flex-wrap:wrap;
}

.top_search .ib ul li{
width:24.2%;
margin:0 0 5px 5px;
}

.top_search .ib ul li a{
display:block;
padding:50px 20px;
text-align:center;
color:#fff;font-weight:600;
background:#F99292;
font-size:15px;
}
.top_search .ib ul:nth-of-type(1) li a{
font-size:17px;padding:50px 10px;
}
.top_search .ib ul:nth-of-type(1) li a:before{
font-family:ionicons;
content:"\f13f";margin-right:5px;
font-weight:normal;font-size:20px;
}
.top_search .ib ul li:nth-child(2) a{
background:#FB9D7E;
}

.top_search .ib ul li:nth-child(3) a{
background:#ffbc61;
}

.top_search .ib ul li:nth-child(4) a{
background:#FFC679;
}

.top_search .ib ul:nth-of-type(2) li a{
display:block;text-align:left;
padding:15px 10px;
background:#EE817B;
}

.top_search .ib ul:nth-of-type(2){
display:none;
}


.top_search .ib ul:nth-of-type(2) li a:before{
font-family:ionicons;
content:"\f3d3";margin-right:5px;
}

.top_search .ib ul:nth-of-type(3){
margin:30px auto;
width:800px;
border-bottom:1px dashed #333;
padding:20px 0px;
}

.top_search .ib ul:nth-of-type(3) li{
width:49%;font-size:18px;
margin:10px 2px;
}


.top_search .ib ul:nth-of-type(3) li a{
background:url(../img/work01.jpg)50% 50% no-repeat,#EE817B;
border:5px solid #EE817B;
background-blend-mode:soft-light;background-size:cover,cover;
}

.top_search .ib ul:nth-of-type(3) li:nth-child(2) a{
background:url(../img/work02.jpg)50% 50% no-repeat,#EE817B;
background-blend-mode:soft-light;background-size:cover ,cover;
}

.top_search .ib ul:nth-of-type(3) li a span{
display:block;
padding: 10px 10px;
color:#EE817B;
background:#fff;
width:320px;text-align:center;
margin:0 auto;
border:1px solid #fff;
}

.top_search .ib ul:nth-of-type(3) li a span:before{
font-family:ionicons;
content:"\f3d3";margin-right:5px;
}

/********************************************

検索フォーム

*********************************************/

.re-search{
margin-top:-30px !important;
text-align:center;
}

.search-area{
color: #333;
margin-top:30px;
}

.search-area h3{
color: #333;
margin-top:30px;
background:#fff;
padding: 20px;
margin-bottom: 0px;
cursor:pointer;
    max-width:100%;
}

.search-area h3:before {
    font-family:FontAwesome;
    content:"\f002";
    margin-right:7px;
    color:#333;
    font-size:22px;
}


.search-table-ib{
padding:40px 30px 20px;
background:url(../img/foot_bg02.jpg);
width:800px;
margin:0 auto;
}

table.s-table{
font-size:14px;
border-radius:6px;
background:#fff;
}

table.s-table th{
font-size:14px;
border-bottom:1px solid #eee;
text-align:center;
padding:10px;
width:40%;
}

table.s-table td{
padding:10px;
border-bottom:1px solid #eee;
}

table.s-table td p{
display:inline-block;
margin:5px 0px;
}

.search-area input[type="submit"]{
display:block;
padding:10px ;
background:#ff9999 ;
border:none;
border-bottom:5px solid #c77575;
margin:20px auto;
color:#fff;
text-align:center;
min-width:200px;

}

.search_Conditions {
    margin: 0px 0px 20px;
    padding: 20px;
    background: #f1f1f1;
}

.search_Conditions li{
padding:7px;
background: #fff;
border-radius:3px;
display:inline-block;
margin-right:5px;
}

p.found{
margin:10px 0px !important; font-weight:600;
padding:0 !important;
}

p.found span{

color:#d70035;

}

.cat_tit {
    background: #bbb;
    padding: 40px 0px;
    margin-top: 90px;
}
.cat_tit p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.content .ib .job_info .search-table-ib {
    padding:0;
    background:#fff;
    width: 100%;
    margin: 0 auto;
}

.content .ib .job_info .search-table-ib p{
padding:0;
margin:5px 0px;
}

.content .ib .job_info .search-table-ib th{
background:#fff;
}

.content .ib .job_info .search-table-ib input{
width:auto;
}


/************************

サブページ

***************************/



.head_tit{
height:330px;
overflow: hidden;
position: relative;
background-size: cover;
}

.head_tit h1{
position: absolute;
width: 880px;
left: calc( 50% - 440px);
top:160px;
text-align: center;
font-size:32px;
color:#fff;
z-index: 99;
text-shadow:2px 2px 2px rgba(0,0,0,.4);
}

.head_tit img{
width: 100%;
height: auto;
position: relative;
}
/*:beforeにぼかし効果を設定する*/
.head_tit:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 9;/*重なり順序を一番下にしておく*/
}
.panlist{
background: #fff;border-bottom:#eee;
}
.panlist .ib{
padding: 12px 0;
font-size: 12px;
font-weight: 500;
}

.content {
    border-top: 1px solid #eee;
}
.content .ib{
overflow:hidden;
padding:60px 0px;
}
/*旧サイズ
.content .ib .left_col{
width:730px;
float:left;
padding-left:50px;
}
*/

.content .ib .left_col {
    width: 100%;
    float: none;
    padding-left: 0;
    margin: 0 auto;
}

.content .ib .left_col h2{
font-size:28px;margin:60px 0px;
padding:15px 0px;position:relative;
}

.content .ib .left_col h2:before{
content:'';
height:4px;
background:;
position:absolute;
bottom:-0px;width:25%;
background:#f1f1f1;left:0;
}
.content .ib .left_col h2:after{
content:'';
height:4px;
background:;
position:absolute;right:0;
bottom:-0px;width:75%;
background:#75312e;
}

.content .ib .left_col h2:nth-of-type(1){
margin-top:0;
}

.content .ib .left_col h3{
font-size:24px;border-bottom:1px solid #ddd;
margin:30px 0px;
padding:5px 0px;
}

.content .ib .left_col h3 span{
font-size:16px;padding-right:10px;
font-weight:normal;
}

.content .ib .left_col h4{
font-size:17px;
margin:20px 0px;
color:#09A1D3;
}
.content .ib .left_col h4:before{
content:"\f363";font-weight:normal;
font-family:ionicons;
margin-right:5px;
}
.content .ib .left_col span.date{
display: block;margin:-30px 0 20px;

}
.content .ib .left_col p{
font-size:16px;
line-height:1.7;
padding:0px ;position:relative;
}

.content .ib .left_col .remark{
border:5px solid #f1f1f1;
padding:30px;font-weight:700;
}

.content .ib .left_col p span.sign{
font-weight:bold;
font-family:游明朝;font-size:22px;
display:block;position:absolute;bottom:0;right:300px;
}

.profile{
border-top:1px solid #bbb;border-bottom:1px solid #bbb;
padding:40px 0;font-size:16px;line-height:1.9;margin-bottom:30px;
}



.content .ib table{
width:100%;font-size:14px;
font-weight:500;
}

.content .ib table th {
    width: 25%;
    background: no-repeat;
    padding: 20px 0px;
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #EB8686;
}

.content .ib table th span{
color:#d70035;
}

.content .ib table td {
    width: 75%;
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
}

.content .ib table td span{
display:inline;
padding:0px 5px;
}

.content .ib table td input{
width:36%;padding:10px;border:1px solid #ccc;
}
.content .ib table td select{
width:60%;min-height:25px;min-height:45px;
}
.content .ib table td textarea{
width:100%;
min-height:300px;border:1px solid #ccc;
}
.content .ib input[type="submit"]{
width:220px;
display:block;
margin:40px auto;
background:#EB8686;
color:#fff;border-radius:4px;
cursor:pointer;
text-align:center;
padding:15px;
border:none;
}

.content .ib iframe{
width:100%;
height:450px;
}

.content .ib a.more {
    display: block;
    margin: 30px 0;
    padding: 15px 10px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #FB7D79;
    max-width: 430px;
}
.content .ib img{
max-width:100%;height:auto;
}

.content .ib .deco_ul{
padding:30px;
border:5px solid #D7E6EF;
}

.content .ib .deco_ul h3{
margin-top:0;
}

.content .ib .deco_ul ul li{
font-size:14px;
font-weight:500;
margin:3px 0px;
}

.content .ib .deco_ul ul li:before{
content:"\f122";
font-family:ionicons;
color:#79BD9A;

margin-right:5px;
}

/************************

前後投稿

************************/

.page-nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;

}

.page-nav a{
    width: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;padding: 15px 0;border-top: 1px solid #111;
    font-size: 14px;border-bottom: 1px solid #111;
}
.page-nav a:first-child{
    border-right: 1px solid  #111;
}

.page-nav a:nth-child(2){
    padding-left: 15px;
}
.page-nav a img{
    width: 120px;
    height: 100px !important;
    object-fit: cover;
    margin-bottom: 0 !important;
}
.page-nav a span{
    display: block;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #111;
}

.page-nav a:first-child span:before{
    font-family: ionicons;
    content: "\f3cf";
    position: absolute;
    left: 0;top: 4px;font-size: 18px;
}

.page-nav a:nth-child(2) span:before{
    font-family: ionicons;
    content: "\f3d1";
    position: absolute;
    right:0;top: 4px;
    font-size: 18px;
}
.page-nav a div{
    width: calc(100% - 120px);
    padding: 0 15px;
}
/************************

sidebar

*********************/
.content .ib .sidebar{
width:230px;
float:right;
}
.content .ib .left_col.job_detail {
    width: 780px;
    float: left;
    padding-left: 0;
    margin: 0 auto;
}
.side_con .bnr_con img{
display:block;
margin:10px 0px;
}

.side_con .job_box{
margin-bottom:20px;position:relative;
padding:0px;background:#fff4e4;
box-shadow:0px 3px 3px rgba(0,0,0,.2);
}
.side_con .job_box a{
display:block;
}
.side_con .job_box .desc{
font-size:12px;padding:0px 10px 10px;
}

.side_con .job_box .desc p{
font-size:14px;border-bottom:1px solid #ddd;
}
.side_con .job_box .job_img{
height:130px;overflow:hidden;
}
.side_con .job_box .job_img img{
width:100%;
height:auto;
}
.side_con .job_box span.date{
font-size:12px;position:absolute;top:0;left:0;
padding:5px 10px;display:block;z-index:2;
background:rgba(255,255,255,.8);
}

.side_con h3{
border-bottom:1px solid #ddd;padding-bottom:10px;
}
/*************************

contact

*************************/

.content .ib .left_col .tel_box{
border:5px solid #D7E6EF;
padding:20px;
}

.content .ib .left_col .tel_box p{
margin-top:0;
}

.content .ib .left_col .tel_box a{
width:44%;
display:inline-block;
font-weight:bold;font-size:26px;
color:#222;text-align:center;
}

.content .ib .left_col .tel_box a:nth-of-type(1):before{
content:"\f2ac";
font-family:ionicons;
font-weight:500;margin-right:10px;
}

.content .ib .left_col .tel_box a:nth-of-type(2):before{
content:"\f3a5";
font-family:ionicons;font-weight:500;margin-right:10px;
}

.contact_con table{
width:100%;font-size:14px;
font-weight:500;
}

.contact_con table th{
width:40%;
background:#D7E6EF;
padding:15px 20px;font-weight:500;
text-align:left;
}

.contact_con table th span{
color:#d70035;
}

.contact_con table td{
width:60%;padding:15px 5px;
}

.contact_con table td span{
display:inline;
padding:0px 5px;
}

.contact_con table td input{
width:36%;padding:3px;border:1px solid #ccc;
}
.contact_con table td select{
width:60%;min-height:25px;
}
.contact_con table td textarea{
width:100%;
min-height:300px;border:1px solid #ccc;
}
.contact_con input[type="submit"]{
width:200px;
display:block;
margin:30px auto;
background:#222;
color:#fff;
cursor:pointer;
text-align:center;
padding:20px;
border:none;
}

/********************************

business

**********************************/

.bnr_con{
display:flex;
justify-content:space-between;
}

a.btn{
width:160px;
position:absolute;
padding:5px 0;
border:1px solid #43c092;
color:#43c092;font-size:16px;
text-align:center;box-shadow:3px 3px 3px rgba(0,0,0,.2);
background:#fff;margin:30px auto 0px;
max-height:50px;bottom:20px;left:calc(50% - 80px);
}
a.btn:before{
display:block;
content:"\f3d0";
margin:0 auto;font-size:36px;
font-family:ionicons;
}
.bnr_con .bnr_box{flex-wrap:wrap;position:relative;
width:49.4%;border:2px solid #ffc4c4;
padding:30px 20px 70px;display:flex;justify-content:space-between;
background:#fff2f2;box-shadow:3px 3px 3px rgba(0,0,0,.2);
}

.hb_back{
padding:0px;background:#fff;
}

.hc_back{
padding:0px;background:#fff;
}
.bnr_con .bnr_box:nth-child(2){
background:#fff4e4;border:2px solid #feddad;
}
.bnr_con .bnr_box a{
display:block;
}

.bnr_con .bnr_box h3{
margin-top:0 !important;
}

.bnr_box div:nth-child(1){
width:60%;
}
.bnr_box div:nth-child(2){
width:38%;height:200px;
background:url(../img/job02.jpg) 50% 50%;
background-size:350px;
}

.bnr_con .bnr_box:nth-child(2) div:nth-child(2){
width:39%;height:200px;
background:url(../img/gakusei01.jpg) 50% 50%;
background-size:350px;
}
.part{
border-top:1px solid #bbb;border-bottom:1px solid #bbb;
padding:40px 0;font-size:16px;line-height:1.9;margin-bottom:30px;
}
.part h3{
margin-top:0 !important;
width:33%;border-bottom:1px solid #bbb;
}

.bnr_img{
display:block;
width:80%;
height:280px;
margin:40px auto 40px;
background:url(../img/job02.jpg) 50% 0%;
background-size:cover;
}
.bnr_img.hc{
display:block;
width:80%;
height:280px;
margin:40px auto 40px;
background:url(../img/gakusei01.jpg) 50% 50%;
background-size:cover;
}
/***************************

about

**************************/

.nagare_box{
padding:20px;
background:#ddd1bb;
overflow:hidden;
margin-bottom:60px;
}
.nagare_box div {
    float: left;
    background: #FDF2DF;
    padding: 20px;
    text-align: center;
    width: 27%;
    margin-right: 40px;
    position: relative;
    margin-bottom: 5px;
}
.nagare_box div:last-child{
margin:0;
}
.nagare_box div:last-child:after{
display:none;
}

.nagare_box div:after {
    content: "\f125";
    display: block;
    float: left;
    font-family: ionicons;
    color: #fff;
    margin-right: 10px;
    position: absolute;
    right: -37px;
    top: 18px;
    font-size: 30px;
}
.tab_box.process{
padding:0;
}
.tab_box.process h4{
background:#ffe0de;
border:none;padding:10px 20px;
border-radius:20px;
}

.tab_box.process p{
position:relative;
margin:20px 0px;
}

.tab_box.process p:last-child:after{
display:none;
}

.tab_box.process p:after{
position:absolute;
    font-family: ionicons;
    content:"\f3d0";
    left:47%;font-size:48px;
    bottom:-50px;
    display:block;
    color:#ef857d;
}

p.anone:after{
display:none !important;
}

.p_bottom{
margin:0px 0px 0px;
width:100%;
height:300px;
background:url(../img/l_g.png) 50% 100% no-repeat;
background-size:250px auto;
}

/****************************

企業の担当者へ

*****************************/

.performance{
display:flex;
justify-content:center;
flex-wrap:wrap;
}

.performance div{
width:33%;
margin:1px;
background:#D7E6EF;
color:#111;
padding:15px;
font-size:14px;
}

.performance div:before{
font-family:ionicons;
content:"\f3d3";margin-right:5px;
}

/*******************************

voice

*******************************/

/****************************

tsuyomi

****************************/

.t_con{
width:100%;
margin:30px auto 50px;
}

.dot{
font-size:60px;
line-height:1;
text-align:center;
}

.t_box{
overflow:hidden;
height:auto;
margin-bottom:35px;
position:relative;
margin:20px 0px;
background:#D7E6EF;
}

.t_box article{
width:77%;
float:left;
background:#fff;
height:auto;
padding:25px;border:5px solid #D7E6EF;
font-size:16px;
}

.content .ib .t_box article h3{
color:#333;
margin:0px 0px 20px;
}

.content .ib .t_box article h3:before{
display:none;
}

.content .ib .t_box article h3 span{
position:relative;
background:none;
margin:0px 10px;
font-size:12px;
color:#111;top:auto;left:auto;
background:#f1f1f1;
}

.content .ib .t_box p{
padding:0px 0px;
}

.t_box article span{
	color:#fff;position:absolute;
	font-size:15px;background:#d70035;
	top:8px;padding:4px 6px;
	left:7px;
	transform:rotate(-10deg);
    font-family: 'Amatic SC', cursive ;
}

.t_box div {
width:23%;
padding:50px 32px;
float:left;
height:220px;
text-align:center;
background:url(../img/voice01.png) 50% 0% no-repeat;
background-size:250px;
border:5px solid #D7E6EF;
}
.t_con .t_box:nth-child(2) div {
background:url(../img/voice02.png) 50% 0% no-repeat;
background-size:250px auto;
}
.t_con .t_box:nth-child(3) div {
background:url(../img/voice01.png) 50% 0% no-repeat;
background-size:250px auto;
}
.t_box div span{
display:block;
height:150px;
width:150px;
position:relative;
border-radius:50%;
background:rgba(0,0,0,.4);
}


.t_con .t_box:nth-child(2) div span:before{
content:"\f38e";
font-family:ionicons;
font-size:50px;
position:absolute;
color:#fff;
top:32%;
left:35%;
}
.t_con .t_box:nth-child(3) div span:before{
content:"\f316";
font-family:ionicons;
font-size:50px;
position:absolute;
color:#fff;
top:32%;
left:33%;
}


.content a.more_link{
width:100%;
margin:50px 0px 30px;
display:block;
background:#ef857d;
color:#fff;
text-align:center;
padding:25px 30px 30px;
font-size:22px;
position:relative;
}

a.more_link:before{
content:"\f3d3";
color:#fff;line-height:1;
position:relative;top:3px;
font-size:26px;
font-family:ionicons;
margin-right:15px;
}

.box3 a.linebnr{
width:960px;
margin:0 auto;
display:block;
border:2px solid #2cbf13;
padding:30px 30px 30px;
background:url(../img/linew.png) 50% 50% no-repeat,url(../img/piyo.png) 300px 50% no-repeat,#2cbf13;
background-size:auto 90%,auto 80%,cover;
position:relative;overflow:hidden;
min-height:90px;
}

/*****************************

single

******************************/

.job_info img{
max-width:100%;
height:auto;
}
.job_info p{
margin:40px 0px;
}
.ib .left_col.job_info h2:nth-of-type(1){
margin-top:0;
}

a.square_btn {
    display: block;
    font-weight: 500;
    width: 300px;
    text-align: center;
    margin: 50px auto;
    padding: 15px;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background: #EB8686;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
}

a.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.job_info .job_list{
display:flex;justify-content:space-between;padding: 20px 0px 30px;margin-bottom: 30px;
flex-wrap:wrap;    
}

.job_info .job_list a{
display: block;
}

.job_info .job_box{
color:inherit;width:31%;background: none;padding: 20px;
padding-bottom:0px;margin:0px 0px 40px 0px;border:1px solid #999;
position:relative;
}

.job_info .job_box span.date {
    font-size: 12px;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 7px;
    display: block;
    z-index: 2;
    color: #fdf8ec;
    background: none;
    width: 120px;
    left: calc(50% - 60px);
    border: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    top: 0;
    background: #3a3a3a;
    /* box-shadow: 2px 2px 2px rgba(0,0,0,.2); */
}

.job_info .job_box h3{
font-size:22px;
margin:10px 0px 40px;

}
.job_info .job_box p{
margin:20px 0px;

}
.job_info .job_box .desc{
padding:5px 0px; 
}
/*
.job_info .job_box:after{
position:absolute;
bottom:-20px;background:#aaa;
height:1px;content:'';
width:140px;display:block;
left:calc(50% - 70px);
}
*/

.job_info .job_box .job_img {
    width: 100%;
    height: 210px;
    overflow: hidden;
    background: #f1f1f1;
}

.job_info .job_box .job_img img {
    width: 110%;
    position: relative;
    max-width: 110%;
    left: -5%;
}

.content .ib .left_col .job_box p {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0px;
    color: inherit;
    position: relative;
    padding: 0 3px;
    float: none;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content .ib .left_col .job_box .ex p{
font-size:13px;color:#666;font-weight:normal;
}

.content .ib .left_col .job_box .ex p {

    line-height: 1.6;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

.content .ib .left_col .job_box ul {
    display: flex;flex-wrap:wrap;
    width: 100%;
    background: #e1e1e1;
    justify-content: center;
}

.content .ib .left_col .job_box ul li{
width:100%;background:#fff;
font-size:13px;font-weight:500;
color:#111;padding:10px 0px;
border-bottom:1px solid #ddd;
}


.content .ib .left_col p.postnum{
font-size:16px;
font-weight:bold;
padding:0;
margin:0 0 20px;
}

.content .ib .left_col p.postnum span{
color:#d70035;
display:inline-block;
padding:0 3px;
}

.content .ib .left_col .pager{
margin:20px 0px;
}

.subp_m{
height:60px;
}

.wp-pagenavi {
    clear: both;
    display: block;
    text-align: center  !important;
    margin-bottom: 46px !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
    background: #353E47 !important;
    color: #fff;
    border: none;
        padding: 10px 15px !important;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #353E47 !important;
    padding: 10px 15px !important;
    margin: 2px;
    font-size: 14px;
}

/************************

foot

***************************/

img.totop{
position:fixed;
bottom:20px;right:20px;
height: auto;
width:90px;
z-index:9999999;
cursor:pointer;
}

footer{
background:url(../img/black01.jpg);
display:block;
}

footer .ib{
padding:30px 0px 20px;
}

footer .ib ul.foot_nav{
display:flex;
justify-content:center;
}

footer .ib ul.foot_nav li a{
color:#fff;
font-size:12px;
text-align:center;
display:block;
border-right:1px solid #fff;
padding:0px 10px;
}

footer .ib ul.foot_nav li:last-child a{
border:none;
}

footer .ib p.copy{
font-size:12px;
color:#fff;
text-align:center;
margin:40px 0px 0px;
}