@charset "utf-8";
/*
Theme Name: kitww
Theme URI: http://weddingworks.jp/
Author: kit
Author URI: http://www.kit-s.net/
Description: WEDDING WORKSの専用テーマ
Version: 1.0.0
Text Domain: kitww
*/
/* ===================
 reset functions.php
=================== */
/* ===================
 web-font

=================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif);
/* ===================
 font-family
=================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
body{
font-family : -apple-system, "BlinkMacSystemFont", "Noto Sans Japanese", "Yu Gothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", osaka, sans-serif;
font-size: 14px;
line-height:1.4;
color:#131200;
background: #f7f5f5;
-webkit-text-size-adjust: 100%;
width: 100%;
text-align: center;
word-break: break-all;
}
input,textarea{
font-family : -apple-system, "BlinkMacSystemFont", "Noto Sans Japanese", "Yu Gothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", osaka, sans-serif;
}
body{
min-width: 1120px;
-webkit-text-size-adjust: 100%;
}
*{
  -webkit-appearance: none;
}
.dt *:focus {
    outline: -webkit-focus-ring-color auto 5px !important;
}
@media only screen and (max-width: 768px) {
  body {
  min-width: 100%;
  font-size: 14px;

  }
}
/* ===================
 reset-add
=================== */
a:active {
color: #222;
}
a {
color: #222;text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
input[type="text"],
input[type="submit"],
input[type="search"],
input[type="image"],
textarea{
font-size: 16px;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
}
a[href^="tel:"] { cursor: default; }
ol, ul {
list-style: none;
}
img {
max-width:100%;
vertical-align: bottom;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
box-sizing: border-box;
}
/* ===================
 common
=================== */
.nest {
width: 1120px;
margin: 0 auto;
}
.cf:after {
content: "";
clear: both;
display: block;
}
.button{
  font-size: 16px;
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
font-weight: bold;
}
.button::before,.button::after{
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,.button::before,.button::after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
/* 黒ベタ-黄色ベタ*/
.btn-b a,
.btn-b > span{
width: 55.9%;
line-height: 58px;
background: #ffffff;
color: #000000;
border: 3px solid #000000;
position: relative;
}
.btn-b a:hover {
  background: #000000;
  color: #ffffff;
}
.btn-b a:after{
content: '';
width: 10px;
height: 16px;
background:url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}
.btn-b a:hover:after{
  content: '';
  width: 10px;
  height: 16px;
  background:url(img/icon-arrow-w.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
}

/* 黒ベタ-黄色ベタ*/
.btn-c {
  margin: 0 auto;
  text-align: center;
}
.btn-c a,
.btn-c > span{
width: 55.9%;
line-height: 58px;
background: #c4714f;
color: #ffffff;
position: relative;
}
.btn-c a:hover {
  background: #000000;
  color: #ffffff;
}
.btn-c a:after{
content: '';
width: 10px;
height: 16px;
background:url(img/icon-arrow-w.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}
.btn-c a:hover:after{
  content: '';
  width: 10px;
  height: 16px;
  background:url(img/icon-arrow-w.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
}
@media only screen and (max-width: 768px) {
	.btn-c a{
	width: 70%;
	}
}

/* 黄色ベタ-黒ベタ*/
.btn-y a,
.btn-y > span{
width: 55.9%;
line-height: 58px;
background: #fc0;
color: #333;
position: relative;
font-weight: 900;
}
.btn-y a:hover,input:hover[type="submit"]{
background-color: #333;
color: #fff;
}
.btn-y a:after,
.btn-y > span:after,
table.form + p + div > p:after,
#feas-searchform-0 p.btn-b:after{
content: '';
width: 10px;
height: 16px;
background:url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}
table.form + p + div > p:after{
  content: '';
  width: 10px;
  height: 16px;
  background:url(img/icon-arrow-b.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
}
table.form + p + div > p:hover:after{
  background:url(img/icon-arrow-w.png);
background-size: contain;
}
.btn-y a:hover:after,
#feas-searchform-0 p.btn-b:hover:after{
background:url(img/icon-arrow-w.png);
background-size: contain;
}
.shadow {
box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.appear {
transform-origin:center top;
animation:show 1s both;
}
span.appear {display:inline-block;
	white-space: nowrap;
}
.d1 {animation-delay:0.5s;}
.d2 {animation-delay:1s;}
.d3 {animation-delay:1.5s;}
.d4 {animation-delay:2s;}
@keyframes show {
  0% {
  transform:translate(0,2em);
  opacity:0;
  }
  100% {
  transform:translate(0,0);
  opacity:1;
  }
}
header .pc li,header .pc h1,
.tbox-blog > a,
footer a,.side-blog li a{
transition: all .4s;
display: block
}
.path a{
transition: all .4s;
}
header .pc li:hover,header .pc h1:hover,
.tbox-blog > a:hover,
footer a:hover,.side-blog li a:hover,
.path a:hover{
opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  .button{
    font-size: unset;

  }
  .nest {
  width: 100%;

  }
  .shadow {
  box-shadow:none;
  }
  .btn-b a,.btn-y a{
  width: 100%;
  }
  footer a{
  display: inline
  }
}

.pc-only{
	display:block;
}

.pc-onlyI{
	display:inline;
}

.sp-only,.sp-onlyI{
	display:none;
}



@media only screen and (max-width: 768px) {
.sp-only{
	display:block;
}

.sp-onlyI{
	display:inline;
}

.pc-only,.pc-onlyI{
	display:none;
}

}


/* ===================
 header
=================== */
header{
background: #fff;
/* box-shadow:0 -10px 10px 10px rgba(0,0,0,0.4); */
}
#header{

  }
.header_inner{
  margin-top: 5px;
  margin-bottom: 15px;
  }
header nav{
  display: flex;
  justify-content: space-between;
}
header nav.nest{
  position: relative;
  height: 105px;
  z-index: 50;

}
header h1{
  font-size: 12px;
padding-top: 3px;
color: #333333;
font-weight: bold;
text-align: left;
margin-bottom: 0px;
}
/* 2021..3.01　追加 */
.header_logo_link {
  display: block;
  width: 500px;
  font-size: 40px;
  /*height: 70.77px;
  width: 125px;
  /* padding: 1% 32.14% 0; */
  }
header ul{flex-basis: 55%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
header ul li{
font-size: 16px;
}
header ul li a{
display: block;
color: #333333;
}
header ul li:first-child a{
}



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

  #header{
background: #EEEAE7;
    }
    header nav{
      display: flex;
      justify-content: space-between;
    }
}
/* ===================
 side-sp-menu
=================== */
.js-offcanvas h3{
  padding: 11% 20% 7%;
  background: url(img/line-top02.png) center bottom no-repeat;
  margin: 0 0 5% 0;
  }
.js-offcanvas h3 + ul li{
width: 100%;
font-weight: bold;
}
.js-offcanvas h3 + ul li a{
  display: block;
  padding: 15px 10px;
  color: #333333;
  }
.js-offcanvas ul + p {
padding: 5px 5% 20px;
}
.js-offcanvas ul.cf li{
display: inline-block;
width: 28px;
padding: 0 0 20px 0;
margin: 0 5px;
}
.js-fixed-header{
  height: 0;
}
.js-offcanvas ul.cf li img{
  max-height: 28px;
}
@media only screen and (max-width: 768px) {
  .js-fixed-header{
    background: #fff;
  position: relative;
  height: 54px;
  z-index: 50;
  /* box-shadow:0 -10px 10px 10px rgba(0,0,0,0.6); */
  }
  .navbar-toggle {
  /* float: left;
  margin-left: 10px; */
  }
  .js-offcanvas-btn{
  text-indent: -999px;
  width: 40px;
  text-align: left;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 5px 0 20px 5px;
  appearance: none;
  }
  .js-fixed-header h1{
  height: auto;
  padding: 0;
  margin-left: 15px;
  margin-top: 7px;
  font-size: 5vw;
  }
  .js-fixed-header h1 img{
    height: 40px;
    width: auto;
    padding-top: 0;
    margin-top: 0;
  }
 /* .js-fixed-header p{
  width: 54px;
  height: 54px;
  position: absolute;
  right: 0;
  }*/
}
/* ===================
 mainvisual
=================== */
#mv{
  position: relative;
margin-bottom: 0px;
height: 640px;
background: url(img/img-mv-02.jpg) no-repeat;
background-size: cover;
background-position: center 0px;
}

#mv .mv_inner{
  position: absolute;
  top: 60%;
    left: 31%;
  transform: translate(-50%, -50%);
  background: none;
  padding: 20px 40px;
  }
#mv h2 {
  color: #ffffff;
    font-size: 29px;
    text-align: left;
    line-height: 1.4em;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    margin-bottom: 11px;
  /* font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; */
  font-weight: normal;
  }
  #mv h2 span{
    display: block;
    font-size: 18px;
    margin: 0px auto;
  }
#mv img {
max-width: 280px;
margin-bottom: 25px;
}
#mv a.mv_btn{
  font-size: 16px;
  display: table;
  background: none;
  padding: 10px 25px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  color: #ffffff;
  }
.mv_arrow{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
}
.ttt{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 27px;
    line-height: 1.8;
	margin-bottom: 60px;
  }
  .tttt{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 22px;
    line-height: 1.6;
    margin: -15px 0 0;
  }
  .tttt span{
    font-size: 34px;
  }
  .tttt span+span{
    font-size: 27px;
  }
  .aaaa{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 16px;
    display: block;
    width: 420px;
    text-align: center;
    position: relative;
    background: #E6E6E6;
    border: 1px solid #000;
    margin: 50px auto 60px;
    padding: 20px 0;
    transition: .3s;
  }
.aaaa:hover{
  transition: .3s;
  opacity: 0.5;
}
  .aaaa::after{
    content: "";
    width: 70px;
    height: 10px;
    position: absolute;
    right: 30px;
    top: 23px;
    background: url(img/art.png) no-repeat 0 0 /contain;
  }
@media only screen and (max-width: 768px) {
  .ttt{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 18px;
    line-height: 1.8;
	 margin-bottom: 0px;
  }
  .tttt{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 14px;
    line-height: 1.6;
    margin: -15px 0 0;
  }
  .tttt span{
    font-size: 26px;
  }
  .tttt span+span{
    font-size: 20px;
  }
  .aaaa{
    /*font-family: 'Noto Serif JP', serif;*/
    font-size: 12px;
    display: block;
    width: 70%;
    text-align: center;
    position: relative;
    background: #E6E6E6;
    border: 1px solid #000;
    margin: 20px auto 30px;
    padding: 10px 0;
  }
  .aaaa::after{
    content: "";
    width: 40px;
    height: 10px;
    position: absolute;
    right: 16px;
    top: 14px;
    background: url(img/art.png) no-repeat 0 0 /contain;
  }
  #mv{
    position: relative;
  margin-bottom: 0px;
  /*height: calc(100vh - 50px);*/
    height: 85vw;
  background:#fff url(img/mv_mb02.jpg) no-repeat;
  background-size: contain;
  background-position: center 0;

  }
  #mv .mv_inner {
    width: 100%;
  background: none;
  padding: 20px 0;
  position: absolute;
  top: auto;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -5%);
  }
#mv h2 {
    display: table;
    font-size: 15px;
    color: #ffffff;
    margin: 0 0 0 22px;
    font-weight: bold;
    text-align: left;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
  }
  #mv h2 span{
    display: block;
    font-size: 18px;
    margin: 10px auto;
  }
#mv img {
max-width: 180px;
margin-bottom: 20px;
}
#mv .mv_arrow img {
  margin-bottom: 0px;

}
}
/* ===================
 contents-layout
=================== */
#main{
  scroll-behavior: smooth;;
  padding-top: 50px;
  margin-top: -50px
}

p.path{
font-size: 12px;
padding: 0 0 1.78% 1.78%;
text-align: left;
}
p.path span[property="itemListElement"] {
    margin: 0 .5em;
}


@media only screen and (max-width: 768px) {
  /* #main-c{
  float: none;
  width: 100%;
  }
	#main-c.job-list{
	padding-top: 50px;
	}
  #main-s{
  display:none;
  } */

}

/* ===================
 top-side
=================== */
/* #tside li{
margin-bottom: 10px;
}
#tside li.bg-scale,
#tside li:nth-child(4){
width: 100%;
height: 125px;
}
#tside li.bg-scale a,
#tside li:nth-child(4) a{
display: block;
width: 100%;
height: 100%;
color: #fff;
text-align: left;
padding:40px 0 0 20px;
}
#tside li.bg-scale a:after{
content: '';
display: inline-block;
width: 10px;
height: 16px;
background:url(img/icon-arrow-w.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 30px);
right: 35px;
}
#tside li.bg-scale:nth-child(2):after{
background: url(img/side-banner-bg01.jpg) top center no-repeat;
background-size: cover;
}
#tside li.bg-scale:nth-child(3):after{
background: url(img/side-banner-bg02.jpg) top center no-repeat;
background-size: cover;
}
#tside li:nth-child(4) a{
color: #333;
font-size: 14px;
font-weight: normal;
padding:45px 0 0 20px;
background: #fc0;
position: relative
}
#tside li:nth-child(4) a:hover{
color: #fc0;
background: #333;
}
#tside li:nth-child(4) a:after{
content: '';
display: inline-block;
width: 10px;
height: 16px;
background:url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 15px;
}
#tside li:nth-child(4) a:hover:after{
background:url(img/icon-arrow-y.png);
background-size: contain;
} */
/* ===================
01 top
=================== */
/*おすすめ*/
.top-rec{

padding: 5vw 0;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

/* .top-rec h2:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background: url(img/icon-search01.png);
background-size: contain;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 10px;
} */
.top-rec .accshow {
    padding: 2% 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.top-rec .accshow .boxz {


    flex-basis: 30%;
    margin: 0 1% 40px;
    vertical-align: top;
    transition: 0.2s
}

.top-rec .accshow  .trec_box {
  background: #ffffff;
  border: 1px solid #999999;
  }
.top-rec .accshow  .trec_box .inner{
  display: flex;
  justify-content: space-between;
  padding: 15px 15px;
}
.trec_photo{
flex-basis: 38%;
margin-right: 2%;

}
.trec_photo {
overflow: hidden;
width: 100%;
height: 200px;
position: relative;
}

.trec_photo img {
  object-fit: cover;
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* -webkit-transform: translate(-50%, -50%); */
  /* -ms-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100%;
  /* height: auto!important; */
  transition: 0.8s;
  }

.trec_photo:hover img {
-moz-transform: scale(1.1) ;
-webkit-transform: scale(1.1) ;
-ms-transform: scale(1.1) ;
transform: scale(1.1) ;
}
.trec_text{
  font-weight: 600;
  flex-basis: 60%;
  font-size: 18px;
  text-align: left;
  padding: 15px 15px 20px;
  transition: .4s;
  }

  .trec_text p{
    font-size: 14px;
    color: #d16c46;
    margin-bottom: 10px;
  }
    .trec_text h3{
      margin-bottom: 5px;
    }
.top-rec .accshow  .trec_text a:hover{
  color: #d9886a;
}
.top-rec .accshow  .trec_text a:hover p{
color: #d9886a;
}
.top-rec .accshow  .trec_box dl
{
border-bottom: 1px solid #999999;
  display: flex;
  justify-content: space-between;
flex-wrap: wrap;
text-align: left;

}
 .accshow  .trec_btn{
  margin: 15px;

}
 .trec_btn a{
   text-align: center;
  width: 100%;
  font-size: 14px;
  line-height: 50px;
  background: #ffffff;
  border:2px solid #131200;
  color: #131200;
  position: relative;
  font-weight: bold;
  transition: .4s;
  display: block;
  }
 .accshow .trec_btn a:hover{
    background: #78BC61;

}
 .accshow  .trec_btn a::before,
 .accshow  .trec_btn a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}

  .top-rec .accshow  .trec_btn a:after {
content: '';
width: 10px;
height: 16px;
background: url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}

.top-rec .accshow  .trec_box dt{
    border-top: 1px solid #999999;
  padding: 15px;
  background: #eeeeee;
  flex-basis: 30%;
}
.top-rec .accshow  .trec_box dd{
    border-top: 1px solid #999999;
  padding: 15px;
  flex-basis: 70%;
  background: #fff;

}
@media only screen and (max-width: 767px) {
  .top-rec .accshow  .trec_box {
  border: 1px solid #999999;
  background: #ffffff;

  }
  .top-rec .accshow  .trec_box dl
  {


    border:none;
    border-bottom: 1px solid #999999;
  }

  .top-rec .accshow  .trec_box .inner{
    display: block;
  }
  .trec_photo{

  margin-right: auto;

  }

  .trec_photo {
overflow: hidden;
width: 100%;
height: auto;
position: relative;
text-align: left;
}
  .trec_photo img {
position: relative;
top: unset;
left: unset;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: none;
max-width: 100% !important;
max-height: 100% !important;
width: auto!important;
height: auto!important;
transition: 0.8s;
}
    .top-rec {
  padding: 0% 15px 0vw;
  width: 100%;
  left: unset;
  right: unset;
  margin: auto;
  }
  .top-rec .accshow {
      padding: 2% 0;
      display: block;

  }
  .top-rec .accshow .boxz {
display: block;

margin: 0 0% 25px;

transition: 0.2s;
}
.top-rec .accshow .boxz:last-child{
  margin-bottom: 20px;
}
.top-rec .accshow  .trec_box dd,.top-rec .accshow a.osusume-kyujin .trec_box dt{

  padding: 15px;
}
.trec_btn a{
  text-align: center;
 width: 100%;
 font-size: unset;
 line-height: 50px;
 background: #ffffff;
 border:2px solid #131200;
 color: #131200;
 position: relative;
 font-weight: bold;
 transition: .4s;
 display: block;
 }
 .trec_text p{
   color: #000000;
   margin-bottom: 10px;
 }
   .trec_text h3{
     font-size: 18px;
     margin-bottom: 5px;
   }
}
@media only screen and (min-width: 768px) {
  .top-rec .accshow  .trec_box .inner {
  display: block;
  justify-content: space-between;
  padding: 0;
  }
  .trec_photo {
  flex-basis: 38%;
  margin-right: 0%;
  margin-bottom: 0px;
  overflow: hidden;
  }
  .trec_text {
  font-weight: 600;
  flex-basis: 60%;
  font-size: 18px;
  text-align: left;
  padding: 10px 15px;
  }
  .trec_box dt ,  .trec_box dd{

padding: 10px 15px;

}
  .location{
    padding: 5vw 0;
    
  }
  .location .map {
    position: relative;
    background: url(img/area.png) no-repeat center 40px /734px;
    width: 1120px;
    margin: 0 auto;
    height: 797px;
  }
  .location .map a{
    background: #B2AC9D;
    color: #fff;
    border-radius: 100%;
    width:170px;
    height: 170px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    padding-top: 50px;
  }
  .location .map a p{
    /*font-family: $font-serif;*/
    font-size: 28px;
  }
  .location .map a p::after{
    content: 'エリア';
    display: block;
    font-size: 21px;
    margin-top: 0px;
  }
  .location .map a span{
    font-size: 12px;
    position: relative;
    display: block;
    margin-top: 0px;
  }
  .location .map a span::after{
    content: '>';
    position: absolute;
    margin-left: 5px;
    transform:scale(0.6,1.2);
  }
  .location .map a:nth-of-type(1){
    top:0px;
    right:140px;
  }
  .location .map a:nth-of-type(2){
    top:210px;
    right:140px;
  }
  .location .map a:nth-of-type(3){
    top:410px;
    right:140px;
  }
  .location .map a:nth-of-type(4){
    top:90px;
    left:430px;
  }
  .location .map a:nth-of-type(5){
    top:540px;
    left:430px;
  }
  .location .map a:nth-of-type(6){
    top:90px;
    left:140px;
  }
  .location .map a:nth-of-type(7){
    top:310px;
    left:140px;
  }
  .location .map a:nth-of-type(8){
    top:540px;
    left:140px;
  }
  .location .map a:hover{
    background: #FFCCCC;
    opacity: 1;
  }
  .location .popular {
    border-top: 1px dashed #B2AC9D;
    border-bottom: 1px dashed #B2AC9D;
    padding: 50px 40px 26px 210px;
    position: relative;
    text-align: left;
    width: 1120px;
    margin: 0 auto;
  }
  .location .popular h4{
    font-size: 27px;
    color: #484848;
    top:52px;
    left:40px;
    position: absolute
  }
  .location .popular a{
    display: inline-block;
    margin-left: 22px;
    background: #ECE8DF;
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 22px;
    margin-bottom: 20px;
  }
  .about_text p.f-size_22{
    font-size: 22px;
  }
}


/* 業種 */


.topTtl.mt50{
  margin-top: 50px;
}
.topTtl h2
{margin-bottom: 55px;
	font-size: 34px;
	display: inline-block;
  position: relative;
  text-align: center;
}
 .topTtl h2 span{
  display: block;
  font-size: 16px;
}
 .topTtl h2:before {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000000;
}
#topSearchKind{
  background: #EEEAE7;
	padding: 5vw 0;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

}
#topSearchKind ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#topSearchKind li{
  flex-basis: 31%;
  margin: 0 1% 20px;
	background:#fff;
	border-left:10px solid #969696;
		display:inline-block;

}

#topSearchKind li:nth-child(2){
    border-left:10px solid #a4a3a3;
}
#topSearchKind li:nth-child(3){
    border-left:10px solid #afacac;
}
#topSearchKind li:nth-child(4){
    border-left:10px solid #bebaba;
}
#topSearchKind li:nth-child(5){
    border-left:10px solid #cbc7c7;
}
#topSearchKind li:nth-child(6){
    border-left:10px solid #d5d0d0;
}

#topSearchKind li:nth-child(1),#topSearchKind li:nth-child(4),#topSearchKind li:nth-child(7){
margin-left: 0;
}
#topSearchKind li:nth-child(3),#topSearchKind li:nth-child(6),#topSearchKind li:nth-child(9){
margin-right: 0;
}
#topSearchKind li:hover{
  background: #FFFAF0;
}
#topSearchKind li a{
  display: flex;
  min-height: 80px;
  transition: 0.4s;
  align-items: center;
  align-content: center;
  padding: 0 20px;
  text-align: left;
  }
  #topSearchKind li a:hover{
    opacity: 0.7;

  }


#topSearchKind li a span{
  display: block;
  color: #131200;
  font-weight: normal;
}
#topSearchKind li a span b{
	display: block;
	color: #131200;
	font-size: 18px;
  font-weight: 600;


}
#topSearchKind li span:first-child{

}
#topSearchKind li a:hover span{
  color: #9C2307;
}
  #topSearchKind li img {
  width: 100%;
  height: auto;
  padding: 10px;
  }




  #SearchKind{
    background: #EEEAE7;
    padding: 3vw 0 1.7vw;
    position: relative;
    }
  #SearchKind ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #SearchKind li{
    flex-basis: 31%;
    margin: 0 1% 20px;
  	background:#fff;
  	border-left:10px solid #969696;
  		display:inline-block;

  }

  #SearchKind li:nth-child(2){
      border-left:10px solid #a4a3a3;
  }
  #SearchKind li:nth-child(3){
      border-left:10px solid #afacac;
  }
  #SearchKind li:nth-child(4){
      border-left:10px solid #bebaba;
  }
  #SearchKind li:nth-child(5){
      border-left:10px solid #cbc7c7;
  }
  #SearchKind li:nth-child(6){
      border-left:10px solid #d5d0d0;
  }
  #SearchKind li:nth-child(1),#SearchKind li:nth-child(4),#SearchKind li:nth-child(7){
  margin-left: 0;
  }
  #SearchKind li:nth-child(3),#SearchKind li:nth-child(6),#SearchKind li:nth-child(9){
  margin-right: 0;
  }
  #SearchKind li:hover{
    background: #FFFAF0;
  }
  #SearchKind li a{
    display: flex;
  min-height: 80px;
  transition: 0.4s;
  align-items: center;
  align-content: center;
  padding: 0 20px;
  text-align: left;
  }
    #SearchKind li a:hover{
      opacity: 0.7;

    }


  #SearchKind li a span{
    display: block;

    color: #131200;
    font-weight: normal;
  }
  #SearchKind li a span b{
  	display: block;
  	color: #131200;
  	font-size: 18px;
    font-weight: 600;


  }
  #SearchKind li span:first-child{

    margin-right: 15px;
  }
  #SearchKind li a:hover span{
    color: #9C2307;
  }
    #SearchKind li img {
    width: 100%;
    height: auto;
    padding: 10px;
    }
    #topSearchKind li a{

    	background:url("img/icon-arrow-b.png") no-repeat 96% center;
    	background-size:8px;

    }
@media only screen and (max-width: 768px) {
  .topTtl.mt50{
    margin-top: 10px;
  }
   .topTtl h2 {
   margin-top: 25px;
   margin-bottom: 40px;
   font-size: 22px;
   display: inline-block;
   position: relative;
   text-align: center;
   }
   .topTtl h2:before {
position: absolute;
bottom: -15px;
left: calc(50% - 23px);
width: 46px;
height: 3px;
content: '';
border-radius: 3px;
background: #000000;
}
.topTtl h2 span {
display: block;
font-size: 14px;
font-weight: normal;
}
#topSearchKind{
  background: #ffffff;
padding: 5vw 0 0;

}


#topSearchKind ul{
  display: block;

	border-bottom:1px solid #eeeeee;
}
#topSearchKind li{

  text-align: right;
  border-top: 1px solid #eeeeee;
  width: 100%;
  margin-bottom: 0;
  margin: 0;
  padding: 0 20px;
  }
#topSearchKind li span{
    flex-basis: 55%;


	color: #131200;
	font-size: unset!important;
padding-right: 20px;
}
#topSearchKind li span:first-child{
  flex-basis: auto;
  margin-right: 15px;
  height: 100%;
  padding: 0
  }

#topSearchKind li a{

  background: url("img/icon-arrow-b.png") no-repeat 96% center;
  background-size: 8px;
  padding: 0;
  }


#topSearchKind li img {
  width: auto;
  height: 100%;
  }



  #SearchKind{
    background: #ffffff;
  padding: 0 0;

  }


  #SearchKind ul{
    display: block;

  	border-bottom:1px solid #eeeeee;
  }
  #SearchKind li{


      text-align: right;
      border-top: 1px solid #eeeeee;
      width: 100%;
      margin-bottom: 0;
      margin: 0;
      padding: 0 20px;
      }
  #SearchKind li span{
      flex-basis: 55%;


  	color: #131200;
  	font-size: unset!important;
  padding-right: 20px;
  }
  #SearchKind li span:first-child{
    flex-basis: auto;
    margin-right: 15px;
    height: 100%;
    padding: 0
    }

  #SearchKind li a{

    background: url("img/icon-arrow-b.png") no-repeat 96% center;
    background-size: 8px;
    padding: 0;
    }


  #SearchKind li img {
    width: auto;
    height: 100%;
    }
    .btnLine{
      margin-top:30px;
    }
  .btnLine a {
display: inline-block;
background: #006884;
color: #fff;
position: relative;
font-size: 1.4em;
background: #fff;
border: 4px solid #00B900;
color: #00B900;
vertical-align: middle;
line-height: 68px;
padding: 0 1em;
}
.btnLine a img {
display: inline-block;
vertical-align: middle;
}
.btnLine a {
display: inline-block;
line-height: 1.6em;
padding: 1em;
}
  .location{
    padding: 0% 0 0vw;
    width: 100%;
    left: unset;
    right: unset;
    margin: auto;
    
  }
  .location .map {
    position: relative;
    background: url(img/area_sp.png) no-repeat 13vw 22vw /87vw;
    height: 140vw;
  }
  .location .map a{
    background: #B2AC9D;
    color: #fff;
    border-radius: 100%;
    width: 30.5vw;
    height: 30.5vw;
    display: block;
    position: absolute;
    padding-top: 6vw;
    box-sizing: border-box;
  }
  .location .map a p{
    /*font-family: $font-serif;*/
    font-size: 5vw;
  }
  .location .map a p::after{
    content: 'エリア';
    display: block;
    font-size: 4vw;
    margin-top: 0vw;
  }
  .location .map a span{
    font-size: 2.2vw;
    position: relative;
    display: block;
    margin-top: 2vw;
  }
  .location .map a span::after{
    content: '>';
    position: absolute;
    margin-left: 0.5vw;
    transform: scale(0.6, 1.2);
  }
  .location .map a:nth-of-type(1){
    top:0px;
    right:2vw;
  }
  .location .map a:nth-of-type(2){
    top:0;
    left:35vw;
  }
  .location .map a:nth-of-type(3){
    top:62vw;
    right:2vw;
  }
  .location .map a:nth-of-type(4){
    top:0;
    left:2vw;
  }
  .location .map a:nth-of-type(5){
    top:100vw;
    right:2vw;
  }
  .location .map a:nth-of-type(6){
    top:45vw;
    left:2vw;
  }
  .location .map a:nth-of-type(7){
    top:100vw;
    left:35vw;
  }
  .location .map a:nth-of-type(8){
    top:100vw;
    left:2vw;
  }
  .location .popular {
    border-top: 1px dashed #B2AC9D;
    border-bottom: 1px dashed #B2AC9D;
    padding: 5vw 0rem 2.6vw 0rem;
    position: relative;
    text-align: left;
    margin: 0 15px;
  }
  .location .popular h4{
    font-size: 3.2vw;
    color: #484848;
    top: -2vw;
    left: 0rem;
    position: absolute;
    background: #fff;
  }
  .location .popular a{
    display: inline-block;
    margin-right: 2.2vw;
    background: #ECE8DF;
    font-size: 2.4vw;
    text-align: center;
    height: 4.4vw;
    line-height: 4.4vw;
    padding: 0 2.2vw;
    margin-bottom: 2vw;
  }
}



/*注目の求人*/


.top-search{
/* background: #ffffff; */
padding: 3vw 0 0;
margin-bottom: 0px;
}

.top-search h3, .top-search p{
color: #fff;
}
.top-search h3{
font-size: 20px;
padding: 3px 0;
}
.top-search h3:before{
content: '';
display: inline-block;
width: 36px;
height: 36px;
background:url(img/icon-search06.png);
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}
.top-search p{
font-size: 14px;
margin:0.5% 15px 2.27% ;
}
.top-search li{
float: left;
width: 18.57%;
height: 156px;
margin-left: 1.76%;
background: #fff;
font-size: 12px;
}
.top-search li span{
font-size: 18px;
font-weight: bold;
vertical-align: middle;
}
.top-search li:first-child{
margin-left: 0
}
.top-search li a:hover {
background-color: #59b1eb;
}
.top-search li a{
display: inline-block;
width: 100%;
height: 100%;
padding-top: 75%;
}
.top-search li a::before,
.top-search li a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.top-search li a,
.top-search li a::before,
.top-search li a::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.top-search li:first-child a{
background:#fff url(img/icon-search01.png) no-repeat 50% 40%;
}
.top-search li:first-child a:hover{
background:#fc0 url(img/icon-search01.png) no-repeat 50% 40%;
}
.top-search li:nth-child(2) a{
background:#fff url(img/icon-search02.png) no-repeat 50% 40%;
}
.top-search li:nth-child(2) a:hover{
background:#fc0 url(img/icon-search02.png) no-repeat 50% 40%;
}
.top-search li:nth-child(3) a{
background:#fff url(img/icon-search03.png) no-repeat 50% 40%;
}
.top-search li:nth-child(3) a:hover{
background:#fc0 url(img/icon-search03.png) no-repeat 50% 40%;
}
.top-search li:nth-child(4) a{
background:#fff url(img/icon-search04.png) no-repeat 50% 40%;
}
.top-search li:nth-child(4) a:hover{
background:#fc0 url(img/icon-search04.png) no-repeat 50% 40%;
}
.top-search li:nth-child(5) a{
background:#fff url(img/icon-search05.png) no-repeat 50% 40%;
}
.top-search li:nth-child(5) a:hover{
background:#fc0 url(img/icon-search05.png) no-repeat 50% 40%;
}
/*  */
@media only screen and (max-width: 425px) {
  .top-cat article ul > li,.top-cat article#top-cat03 ul > li {
  width: 100%;
  margin: 0 0 7px 0;
  }
}
.tbox{
background: #ffffff;
padding:3vw 0;
margin: 0 0 0px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.tbox .nest{
  background: #ffffff;
  padding: 60px 15px;
}
.tbox h3{
font-size: 24px;
background: url(img/line-top01.png) center bottom no-repeat;
padding: 0 0 1% 0;
}
.tbox h3 + p{
font-size: 14px;
padding: 3.5% 18% 2.5%;
text-align: left;
}
.tbox-what li {
float: left;
width: 32.14%;
height: 270px;
margin: 0 1.79% 0 0;
}
.tbox-what li a{
display: block;
width: 100%;
height: 100%;
}
.tbox-what li:nth-child(3n + 3){
margin-right: 0;
}
.tbox-what li h4,
.tbox-what li p{
color: #fff;
}
.tbox-what li h4{
font-size: 28px;
padding: 105px 0 0;
}
.tbox-what li p{
font-size: 14px;
font-weight: bold;
}
.tbox-what li:nth-child(2) p{
letter-spacing: -1px;
}
.tbox-what li:nth-child(3) p + p{
font-weight: normal;
padding: 5% 8.2% 0;
text-align: left;
}
.tbox-what li:first-child:after{
background: url(img/tbox-what-bg01.jpg) top center no-repeat;
background-size: cover;
}
.tbox-what li:nth-child(2):after{
background: url(img/tbox-what-bg02.jpg) top center no-repeat;
background-size: cover;
}
.tbox-what li:nth-child(3):after{
background: url(img/tbox-what-bg03.jpg) top center no-repeat;
background-size: cover;
}
/*画像拡大*/
.bg-scale {
position: relative;
overflow: hidden;
}
.bg-scale:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bg-scale:hover:after {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.bg-scale .inner {
z-index: 1;
position: relative;
}
@media only screen and (max-width: 768px) {

  .top-search {
background: #ffffff;
padding: 8vw 0 0;
margin-bottom: 0px;
}

  .tbox{
padding:20px;
background: ;
  }
  .tbox .nest {
background: #ffffff;
padding: 10px 0px 30px;
}
  .tbox h3{
  font-size: 18px;
  background: url(img/line-top01.png) center bottom no-repeat;
  padding: 0 0 1% 0;
  }
  .tbox h3 + p{
  font-size: 14px;
  padding: 3.5% 0 2.5%;
  text-align: left;
  }
  .tbox-what{
  background: #efefef;
  }
  .tbox-what li {
  float: none;
  width: 100%;
  height: 160px;
  margin: 0 0 16px 0;
  }
  .tbox-what li h4{
  padding: 50px 0 0;
  }
  .tbox-what li p{
  font-size: 12px;
  }

}

.tbox-blog  dt{
  transition: 0.3s;
}
.tbox-blog dl a:hover {
  opacity: 0.65;
}
.tbox-blog dl{
margin: 0 3% 16px;
padding: 0 0 16px 0;
border-bottom:1px solid #efefef;
}
.tbox-blog dt{
width: 21%;
float: left;
}
.tbox-blog dt a img{
  width: 100%;
  height: auto;
}
.tbox-blog dd{
width: 77%;
float: right;
text-align: left;
}
.tbox-blog dd h4{
font-size: 16px;
color: #131200;
margin-bottom: 5px;
}
.tbox-blog dd p{
font-size: 13px;
color: #666;margin-bottom: 5px;
}
.tbox-blog dd p.tb_text{
  font-size: 14px;
  color: #131200;
  margin-top: 5px;
}
.tbox-blog  p a.button{
margin:3% 0 0 0;
}
.tbox-blog p a.button{
display: inline-block;
width: calc(60% - 4px);
line-height: 54px;
background: #fff;
position: relative;
border: 2px solid #333
}
.tbox-blog p a.button:hover {
background-color: #333;
color: #fff;
}
.tbox-blog p a.button:after{
content: '';
display: inline-block;
width: 10px;
height: 16px;
background:url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}
.tbox-blog p a.button:hover:after{
background:url(img/icon-arrow-w.png);
background-size: contain;
}

.p-line{
margin: 0 auto 50px;
}
.b_cat{
  margin-bottom: 5px;
}
.b_cat a{font-size: 13px;
padding: 3px 10px;
background: #888888;
color: #ffffff;}

.mainbox {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.mainbox #main-c {
    flex-basis: 79%;
}
.mainbox #main-s {
    flex-basis: 18%;
}
@media only screen and (max-width: 768px) {
  .mainbox{
    display: block;
  }
  .tbox-blog dl{
  margin: 0 0 10px;
  padding: 0 0 10px 0;
  }
  .tbox-blog dt{
  width: 125px;
  }
  .tbox-blog dd{
  width: calc(100% - 140px);
  }
  .b_cat a {
padding: 3px 10px;
background: #888888;
color: #ffffff;
}


.tbox-blog dd h4{
color: #131200;
margin-bottom: 5px;
}
.tbox-blog dd p{
color: #666;margin-bottom: 5px;
}
.tbox-blog dd p.tb_text{
  color: #131200;
  margin-top: 5px;
}


  .tbox-blog a + p a{
  width: calc(91% - 4px);
  line-height: 48px;
  }
  .tbox-blog dl + p a:after{
  right: 10px;
  }
  /*.tbox-line{
  width: 91%;
  margin: 0 auto 25px;
  }*/
  .p-line{
  width: 91%;
  margin: 0 auto 25px;
  }
  .p-line.sp.p-line2 {
    margin-bottom: 0;
  }
  .b_cat a{font-size: 12px;
  padding: 3px 10px;
background: #888888;
color: #ffffff;}
}

/* 面接地マップ */
.applyarea{
background: ;
}
.applyarea .nest{
  display: flex;
  justify-content: center;
}
.applyarea .nest .inner{
  margin: 30px 20px 25px;
  flex-basis: 28%;

  }
.applyarea .nest .inner a{
  transition: .4s;
  background: #ffffff;
  padding: 20px 40px;
  display: block;
  border: 2px solid #111111;
  background: linear-gradient(to bottom, #f0fffa 0%, #f0fffa 50%, #ffffff 50%, #ffffff 100%);
}
.applyarea .nest .inner a:hover{
  opacity: 0.8;
}
.applyarea .nest .inner a.last{
  background: linear-gradient(to bottom, #FFFAF0 0%, #FFFAF0 50%, #ffffff 50%, #ffffff 100%);
}
.applyarea .nest .inner img{
  max-width: 53px;
  margin-bottom: 10px;
  }
.applyarea .nest .inner h4{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.applyarea .nest .inner a:hover h4{
  color: #9C2307;
}


.btnLine{
	margin-bottom: 60px;
}
.btnLine a{
    display: inline-block;
    background: #006884;
    color: #fff;
    position: relative;
    font-size: 1.4em;
	background: #fff;
	border: 4px solid #00B900;
	color: #00B900;
	vertical-align: middle;
	line-height: 68px;
	padding: 0 1em;
}
.btnLine a img{
    display: inline-block;
	vertical-align: middle;
}
.lineatBtn{
display: none;
	   position: fixed;
    right: 0;
    bottom:10px;
    margin:0 0 0 -120px;
    z-index: 999;
   transition: all .5s;
}
.lineatBtn.fadein{
  display: block;
}
#footer{position: relative;}
.lineatBtn a{
   display: block;
    font-size: 1em;
	background: #fff;
	border: 4px solid #00B900;
	color: #00B900;
	vertical-align: middle;
	padding: 0.5em;
	width:170px;
	position:relative;
}
.lineatBtn a img{
    display: inline-block;
	vertical-align: middle;
	height:1em;
}

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

  .applyarea .nest .inner h4{
    font-size: unset;

  }


.applyarea .nest {
display: block;
justify-content: center;
}
.applyarea .nest .inner {
margin: 0px auto;
flex-basis: 28%;
  width: 70%;
  padding: 30px 0;
}
.applyarea .nest .inner a{

  padding: 20px 0px;
}
.btnLine a{
    display: inline-block;
	line-height: 1.6em;
padding: 1em;
}

.lineatBtn a {
  font-size: 14px;
  }
}
#page-top {
position: fixed;
bottom: 10px;
right: 10px;
width:55px;
z-index: 10;
}
#page-top a {
text-align: center;
display: block;
}

footer{
background: #E4DDDD;
margin-top: 0px;
padding: 3vw 0 20px;

}
footer .nest{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .nest > div{
  order: 2;
  flex-basis: 60%;

}
footer .nest > div.linezone{
  flex-basis: 30%;
  order: 3;
}
footer .nest > div.linezone > ul{
  display: flex;
  justify-content: flex-end;
}
footer .nest > div.linezone > ul li{
  flex-basis: 10%;
}
footer .nest > div.linezone > ul li{
  flex-basis: 10%;
  margin-bottom: 10px;
  }
footer .nest > div.linezone > ul li:last-child{
  flex-basis: 74%;
}
footer .nest > ul li{
height: 28px;
display: inline-block;
}
footer .nest > div.linezone >ul li img{
  max-height: 28px;

}
footer .nest > ul li:last-child a img{
height: 20px;
margin: 0 0 3px 5px
}

footer .nest > div ul{
  margin-bottom: 5px;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  }
footer .nest > div li{
  color: #fff;
  padding-right: 2%;
  }
footer .nest > div span{
  margin: 0 3%;
}
footer .nest > div li a{
color: #fff;
font-size:14px;
}
footer .nest > div p{
text-align: left;
color: #fff;
font-size:12px;
}
footer .nest > div.bannerzone{
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  }
  footer .nest > div.bannerzone p{
    background: none;
    font-size: 24px;
    margin-bottom: 10px;
}
footer .bannerzone .inner{
  flex-basis: 24%;
  margin:0 1% 15px;

}
footer .nest > div.bannerzone p{
  flex-basis: 100%;
      /* margin: auto; */
      flex-shrink: 0;
      text-align: center;
  }


@media only screen and (max-width: 768px) {
  footer .nest > div.bannerzone p{
    background: none;
    font-size: 16px;
    margin-bottom: 10px;
}
  footer .nest > div li a{

  font-size:unset;
  }
  footer{
    background: #D0C8C8;
  /* margin-top: 0; */
  padding: 30px 0 0;
}
  footer .nest {
display: block;
justify-content: space-between;
flex-wrap: wrap;
}
footer .bannerzone{
  width: 100%;
  margin: 0 auto;
}
footer .nest > div{
  order: 2;
  flex-basis: 60%;
padding: 0 5%;
}
footer .bannerzone .inner {
flex-basis: 100%;
margin-bottom: 15px;
}
footer .nest > div.linezone{
  margin-bottom: 20px;
}
footer .nest > div.linezone > ul li:last-child{
  display: none;
  }
  footer .nest > div.linezone > ul {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  align-items: center;
  }
  footer .nest > div.linezone > ul li {
    flex-basis: 10%;
    margin: 0 2%;
    }
  footer .nest > div.linezone >ul li img{
    max-height: 31px;

  }
  footer p.sp{
  padding: 20px 5%;
  }
  footer .nest > div li{
    color: #fff;
    flex-basis: 50%;
    margin-bottom: 5px;
    padding: 0;
    }
  footer .nest > div p{
  text-align: center;
  font-size:10px;
  padding: 0px;
  margin: 15px 0 0 0;
  }
  footer p.copy{
    background: #111111;
    color: #ffffff;
    padding: 35px 0;
    margin-top: 20px;
    font-size: 12px;
    }
}


@media all and (min-width:769px){
  .sp {
  display: none;
  }
  .bottom-link{
    width: 55%;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .bottom-link a{
    width: 48%;
  }
}
@media all and (max-width: 768px) {
  .pc {
  display: none;
  }
  .bottom-link{
    padding: 0 20px;
  }
  .bottom-link a{
    display: block;
    margin-bottom: 30px;
  }
}


/* ===================
000 - 共通タイトル
=================== */
.find-offer section,
.privacy section,.company section,
.staff-blog section,.staff-blog-d section,
.inquiry section,.sitemap section{
text-align: left;
background: #fff;
padding: 20px 4.55% 60px;
}
.company section{
  padding-bottom: 60px;
}
.company section#maps{
  padding-bottom: 60px;
}
.privacy section,.staff-blog-d section{
padding-top: 40px;
}
.find-offer section > h3,
.about section h3,
#job-list02 > h3,
.consult h3,.inquiry h3,
.staff-blog h3,.company h3,
.recruit h3,.sitemap h3,
.p404 h3 {
  font-size: 28px;
  text-align: center;
  margin: 50px 0 50px;
  position: relative;
  }
  .find-offer section > h3:before,
  .about section h3:before,
  #job-list02 > h3:before,
  .consult h3:before,.inquiry h3:before,
  .staff-blog h3:before,.company h3:before,
  .recruit h3:before,.sitemap h3:before,
  .p404 h3:before {
    position: absolute;
    bottom: -14px;
  left: calc(50% - 22px);
  width: 45px;
  height: 2px;
  content: '';
  border-radius: 2px;
  background: #000000;
  }


@media only screen and (max-width: 768px) {
  .find-offer section,
  .privacy section,.company section#maps,
  .staff-blog section,.staff-blog-d section,
  .inquiry section,.sitemap section{
  padding-top: 10px;
  }

  .privacy section,.staff-blog-d section{
  padding-top: 20px;
  }
  .find-offer section > h3,
  #job-list02 > h3,
  .consult h3,.inquiry h3,
  .staff-blog h3,.company h3,
  .recruit h3,.sitemap h3{
  font-size: 18px;
  margin: 40px 0 40px;
  }
}

/* ===================
02_求人検索 find-offer
=================== */
.find-offer section > h3 + p,#search_choice  section > h3 + p{
text-align: center;
}


.find-offer section > ul,#search_choice  section > ul{
text-align: center;
margin: 30px 0;
}


.find-offer section > ul li,#search_choice  section > ul li{
display: inline-block;
width: 200px;
height: 200px;
line-height: 200px;
border-radius: 50%;
font-size: 20px;
font-weight: bold;
background: #cccccc;
margin: 0 10px;
color:#333333;
}

.find-offer article h4 label,
.job-list article h3 label,
.job-list article h4 label {
display: block;
margin: 10px 0 20px;
text-align: center;
padding: .8em .75em 1em;
background-color: #f6f6f6;
border: 1px solid #eee;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
}


.find-offer article,#search_choice article{


}
.find-offer article .accshow{
  margin: 0px 0;

}


.find-offer article h4,#search_choice  article h4{
font-size: 16px;
margin-bottom: 5px;}


.find-offer article + p,
.job-list article + p,
#search_choice article + p{
text-align: center;
}

#search_choice{
  width: 70%;
  margin: 0 auto 60px;
}
#search_choice a img{
  transition: all .3s;
  }
#search_choice a:hover img{
  opacity: 0.7;
}
 form#feas-searchform-0 .inner{

  justify-content: center;
  margin-bottom: 20px;

}
 form#feas-searchform-0  .inner article{

}

.find-offer section + section{
margin-top: 50px;
}


.find-offer section + section p.btn-b{
text-align: center;
margin-top: 30px;
}


.label_list {
  width: 100%;
margin: auto;
padding-bottom: 0px;
line-height: 1.3;
position: relative;
display: inline-block;
 vertical-align: middle;
}
.label_list select{
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #999999;
  border-radius: 3px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.label_list  select  {
  background-color: #ffffff;
   color: #111111;

   padding-right: 2.5em;


   text-indent: 0.01px;
   text-overflow: '';
   -webkit-appearance: button; /* hide default arrow in chrome OSX */
    }








.label_list select[disabled] {
  color: rgba(0,0,0,.3);
}







.label_list select .feas_clevel_01{

}
.label_list::after {
display: block;
content: '';
clear: both;
}
.label_list li {
    margin: 0 auto 16px;
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.label_list li label {
position: relative;
display: block;
word-break: break-all;
}
.label_list li label:hover{
cursor: pointer;
}
.label_list li label input[type="checkbox"] + span,
.label_list li label input[type="radio"] + span,
.label_list > span label input[type="radio"] + span{
position: relative;
padding: 0 30px 0 35px;
}
.label_list label span {
display: inline-block;
}
.label_list label input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.label_list label input[type="checkbox"] + span::before, .label_list label input[type="checkbox"] + span::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '';
box-sizing: border-box;
}
.label_list label input[type="checkbox"] + span::before {
z-index: 0;
background-color: transparent;
width: 22px;
height: 22px;
border: 2px #333 solid;
border-radius: 5px;
}
.label_list label input[type="checkbox"] + span::after {
z-index: 1;
margin: 5px 8px;
width: 6px;
height: 9px;
}
.label_list label input[type="checkbox"]:checked + span::before {
background-color: #333;
}
.label_list label input[type="checkbox"]:checked + span::after {
border: 2px solid #fc0;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.find-offer  input[type="submit"] {
font-size: 14px;
font-weight: bold;
color: #0000000;
transition: all .4s;
text-align: center;
width: 100%;
line-height: 55px;
background: #ffffff;
border: 3px solid #000000;
cursor: pointer;
padding: 0 6em;
display: inline-block;
margin: 10px auto;
min-width: 35%;
}
.find-offer .btn-b:hover input[type="submit"]{
opacity: 0.8;
background: #000000;
color:#ffffff;
}


#top-cat04{
  background: #666666;
  padding: 20px 30px 30px;
  }

#top-cat04 dl.search {
position: unset;
display: flex;
justify-content: space-between;
background-color: #fff;
border: 1px solid #aaa;
margin: 0 0%;
}
#top-cat04 dl.search dt{
  margin-right: 0 !important;
  flex-basis: calc(100% - 2.7em);
  }
#top-cat04 dl.search dt input {
width: 100%;
height: 24px;
line-height: 24px;
font-size: 14px;
background: none;
border: none;
}
#top-cat04 dl.search dd{
  background: #111111;
  position: static!important;
  width: 2.7em;
  }
#top-cat04  dl.search dd button {
display: block;
background: none;
border: none;
padding: 15px;
}
#top-cat04 .searcht{
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #top-cat04 dl.search dd{

    width: 4em;
    }

  .label_list select{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    border: 1px solid #999999;
    border-radius: 3px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .label_list  select  {
    background-color: #ffffff;
     color: #111111;

     padding-right: 2.5em;


     text-indent: 0.01px;
     text-overflow: '';
     -webkit-appearance: button; /* hide default arrow in chrome OSX */
      }



  .label_list select[disabled] {
    color: rgba(0,0,0,.3);
  }

  .label_list select[disabled]::after {
    color: rgba(0,0,0,.1);
  }

  #search_choice {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  }
  .top-search p {
    width: 100%;
    font-size: 14px;
    margin: 0.5% auto 30px;
    }
  form#feas-searchform-0 .inner{
   display: block;
   justify-content: space-between;

 }

 form#feas-searchform-0 .inner article {
flex-basis: 31%;
margin: 0 0%;
margin-bottom: 0px;
}
.find-offer article h4, #search_choice article h4 {
text-align: left;
margin-bottom: 5px;
}
.label_list select {
width: 100%;
padding: 15px;
border: 1px solid #999999;
border-radius: 3px;
}
  .find-offer section > ul li{
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  }  .find-offer article{
    margin-bottom: 20px;
  }
  .find-offer article h4 label,
  .job-list article h3 label,
  .job-list article h4 label{
  position: relative;
  margin: 0 0 10px;
  }
  .find-offer article h4 label:after,
  .job-list article h3 label:after,
  .job-list article h4 label:after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 16px;
  background:url(img/icon-arrow-g.png);
  background-size: contain;
  vertical-align: bottom;
  z-index: 10;
  position: absolute;
  top: calc(50% - 8px);
  right: 15px;
  }

    .find-offer section {
      padding-bottom: 20px;
    }
  .find-offer section + section{
  background: #efefef
  }
  .label_list li {
  float: none;
  margin: 0 auto;
  width:100%;
  }
  .label_list li label {
  padding: 15px 0;
  }

.find-offer  input[type="submit"] {
  font-weight: bold;
  color: #333;
  transition: all .4s;
  text-align: center;
  width: 100%;
  line-height: 65px;
  background: #fc0;
  cursor: pointer;
  padding: 0 0em;
  display: inline-block;
  margin: 10px auto 40px;
  min-width: 35%;
  font-size: 14px;
}

  .find-offer article > input.cssacc,
  .job-list article > input.cssacc{
  display: none;
  }
  .find-offer article .accshow,
  .job-list article .accshow {
  /*height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;*/
  }
  .find-offer article > input.cssacc:checked + h4 + .accshow,
  .job-list article > input.cssacc:checked + h4 + .accshow{
  height: auto;
  padding: 5px;
  opacity: 1;
  }

}
@media only screen and (max-width: 425px) {
  .find-offer section > ul li{
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 16px;
  margin: 0 5px;
  }

  #top-cat04 .searcht{
    font-size: 16px;

    margin-bottom: 10px;
  }

}

@media only screen and (min-width: 768px) {
#top-cat04 .accshow{
  width: 72%;
margin: 0 auto;
}
#top-cat04 dl.search dt {
margin-right: 0 !important;
flex-basis: calc(100% - 3.7em);
}
#top-cat04 dl.search dd {
background: #111111;
position: static!important;
width: 3.7em;
}



}
/* ===================
03_求人一覧 job-r
=================== */
.job-list section{
text-align: left;
background: #fff;
}
#job-list01{
margin-bottom: 50px;
}
#job-list02{
padding: 40px 4.55%;
}
#job-list01 > h3{
padding: 25px 4.55%;
font-weight: normal;
}
#job-list01 > h3 span{
color: #ff3355;
font-size: 20px;
font-weight: bold;
padding: 0 10px;
}
#job-list01 article{
padding: 50px 4.55%;
}
#job-list01 article:nth-child(2n){
padding: 50px 4.55%;
background: #f4f4f4;
}
#job-list01 article > div{
margin: 0 0 10px 0;
}
#job-list01 article > div img{
width: 30%;
display: inline-block;
height: auto;
}
#job-list01 article > div h4{
width: 67%;
margin-left: 3%;
display: inline-block;
vertical-align: top;
font-size: 22px;
font-weight: bold;
float: right;
}
#job-list01 table{
width: 100%;
margin: 10px 0 20px;
border-top: 1px solid #ccc;
font-size:14px;
}
#job-list01 table th{
padding: 5px 10px;
border-bottom: 1px solid #ccc;
}
#job-list01 table td{
padding: 10px 20px;
border-bottom: 1px solid #ccc;
}
#job-list01 table + p{
text-align: center;
}
#job-list01 table + p.btn-b a{
width: 40%;
}
#job-list01 table + p.btn-b:hover a{
opacity: 0.8;
}
.pager{
margin: 30px 0 0;
padding: 15px 0;
text-align: center;
background: #f4f4f4;
    width: 100%;
}
.pager > a, .pager > span {
display: inline-block;
font-size: 12px;
padding: 0.6em 1em;
margin: 0 0.1em;
background: #fff
}
.pager li a,.pager li span{
display: block;
font-size: 12px;
padding: 0.6em 1em;
margin: 0 0.1em;
background: #fff
}
.pager > a:hover,.pager > span.current {
background: #ff3366;
color: #fff;
}
@media only screen and (max-width: 768px) {
  #job-list01{
  margin-bottom: 0;
  }
  #job-list01 table + p.btn-b a{
  width: 100%;
  }
  #job-list01 article > div h4{
  font-size: 14px;
  }
}


/* ===================
 04_求人詳細 job-info
=================== */
.job-info section{
text-align: left;
background: #fff;
}
.job-info h2{
padding:50px 4.55% 15px;
font-size: 19px;
}
.job-info h2 + ul {
    padding: 0 4.55% 1em;
}
.job-info h2 + ul li {
    border: 1px solid #9C2307;
    color: #9C2307;
    display: inline-block;
    font-size: 16px;
    padding: 0 5px;
    margin-right: .5em;
    line-height: 2;
    margin-bottom: .5em;
}
ul.job-tags-top li {
margin-right: .5em;
}
.job-info h3.ttl{
font-size: 28px;
text-align: center;
margin: 50px 0 50px;
position: relative;
}
.job-info h3.ttl:before{
  position: absolute;
  bottom: -14px;
  left: calc(50% - 22px);
  width: 45px;
  height: 2px;
  content: '';
  border-radius: 2px;
  background: #9C2307;
  }
  .job-info h3.jobs_catch:before{
    display: none;
  }
.job-info-catch{
background: #eeeae7;
color: #131200;
padding:30px 4.55%;
}
.job-info-catch h3{
font-size: 22px;
margin: 0 0 20px;
text-align: left;
width: 48.75%;
float: right;
}
.job-info-catch dt{
width: 47.5%;
float: left;
}
.job-info-catch dt img {
	height: auto;
}
.jobsimg{
  width: 90%;
  margin: 0 auto 20px;
}
.jobsimg img{
  height: auto;
}
.job-info-catch dd{
width: 48.75%;
float: right;
}
.job-info-catch dd table{
width: 100%;
margin: 10px 0 0;
border-top: 1px solid #efefef;
font-size:14px;
background: #fff
}
.job-info-catch dd table th{
padding: 5px 10px;
border-bottom: 1px solid #efefef;
}
.job-info-catch dd table td{
padding: 10px 20px;
border-bottom: 1px solid #efefef;
}
.job-info-detail table,.job-info-company table,
.job-info-company table{
width: 100%;
margin: 10px 0 0;
background: #fff;
font-size:14px;
}
.job-info-detail table th,
.job-info-company table th{
padding: 10px 0 10px 4.55%;
width: 220px;
border-bottom: 1px solid #efefef;
}
.job-info-detail table td,
.job-info-company table td{
padding: 10px 4.55% 10px 0;
border-bottom: 1px solid #efefef;
line-height: 1.8
}
.job-info-detail table td ul{
padding-left: 20px;
}
.job-info-img li{
float: left;
width: 44%;
font-size:14px;
margin-right: 2.9%;
}
.job-info-img li:first-child{
margin-left: 4.55%;
}
.job-info-img li:last-child{
margin-right: 4.55%;
}
.job-info-detail dl{
margin: 30px 0;
padding: 50px;
background: #cbaf8e;
}
.job-info-detail dt{
text-align: center;
font-weight: bold;
font-size: 20px;
background: url(img/line-top01.png) center bottom no-repeat;
padding: 0 0 1% 0;
margin: 0 0 5% 0;
}
.job-info-detail table td p a,
a.map{
color:#31aa90;
font-weight: normal;
border-bottom: 2px solid #31aa90;
padding: 0 0 0.5% 0;
position: relative;text-decoration: none!important;

}
a.map::after {
content: '';
position: absolute;
width: 0;
left: 0;
bottom: 0;
transition: all 0.3s ease;
border-bottom: 1px solid #cc9845;
display: block;
}
a.map:hover::after {
width: 100%;
}
.company .table tr:last-child td a{
color: #999;
text-decoration: underline
}
.company .table tr:last-child td a:hover{
text-decoration: none;
}


.job-info section > p{
margin:1% auto 0;
text-align: center;
padding: 40px 0 50px;
width: calc(60% - 4px);
}
.job-info section .btnBlock{
margin-top: 40px;
}
.job-info section .btnBlock p{
margin:1% auto 0;
text-align: center;
padding: 0px 0 15px;
width: calc(60% - 4px);
}
.job-info section .btnBlock p a{
display: inline-block;
width: 100%;
line-height: 70px;
background: #fc0;
position: relative;
color: #333;
padding: 0;
}
.job-info section .btnBlock p a:hover {
background-color: #333;
color: #fc0;
}
.job-info section .btnBlock  p a:after{
content: '';
display: inline-block;
width: 10px;
height: 16px;
background:url(img/icon-arrow-b.png);
background-size: contain;
vertical-align: bottom;
z-index: 10;
position: absolute;
top: calc(50% - 8px);
right: 25px;
}
.job-info section .btnBlock  p a:hover:after{
background:url(img/icon-arrow-y.png);
background-size: contain;
}

/*ページ下部ラインボタン*/

.job-info section .btnBlock p.pglineBtn a{
border: 3px solid #00B900;
color: #00B900;
font-size: 20px;
line-height: 1.4;
padding: 10px 0;
display: block;
background: #fff
font-weight: 600;
}

.job-info section .btnBlock p.pglineBtn a:hover {
background-color: #00B900;
color: #fff;
}



/*ページ下部キープボタン*/

.job-info section .btnBlock p.pgkeepBtn{
margin-top: 20px;
}
.job-info section .btnBlock p.pgkeepBtn a{
background: #fff;
border: 1px solid #ccc;
position: relative;
display: block;
font-size: 20px;
line-height: 1.4;
padding: 10px 0;
}
.job-info section .btnBlock p.pgkeepBtn a span{
display: block;
font-size: 14px;
line-height: 1;
}

.job-info section .btnBlock p.pgkeepBtn a::before {
    content: '';
    display: block;
    background: url("img/ic_keep.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
		border-radius: 5px;
}
.job-info section .btnBlock p.pgkeepBtn a.kept {
    background: #efefef;
    color: #acacac;
    border-radius: 5px;
    border: 2px solid #ccc;
}
.job-info section .btnBlock  p.pgkeepBtn a.kept::before {
    background: url("img/ic_keep_grey.png") no-repeat;
        background-size: auto;
    background-size: contain;
}
@media only screen and (max-width: 768px) {


  .job-info section {
text-align: left;
background: #fff;
padding: 0vw 0 8vw;
}
.job-info h2 {
padding: 25px 4.55% 15px;
font-size: 18px;
}
.job-info h3.ttl {
font-size: 22px;
text-align: center;
margin: 30px 0 40px;
position: relative;
}
.job-info h3.jobs_catch{
  margin: 0 0 10px;
  font-size: 18px;
  float: none;
width: 100%;
}
.job-info h3.ttl:before {
  bottom: -14px;
  left: calc(50% - 15px);
  width: 30px;
  height: 2px;
  content: '';
  border-radius: 2px;
  background: #9C2307;
  }
.job-info .thumb {

margin-bottom:10px;
}
.job-info-img li{
  margin-bottom: 15px;
}
.job-info-catch dd{
width: 100%;
float: none;
}
.job-info h2 + ul li {

    font-size: 12px;
  }

.twobox{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 79%;
  margin: 0 auto;
}

.twobox p{
  flex-basis: 48%;
  margin: 0!important;
  }
  .twobox p a {
    font-size: 14px!important;
    min-height: 50px;
    }



.job-info section .btnBlock p.pgkeepBtn a {
background: #fff;
border: 3px solid #fc0;
position: relative;
display: block;
font-size: 20px;
line-height: 1.4;
padding: 10px 0;
color: #fc0;
font-weight: 600;
padding-left: 10px;
}
.job-info section .btnBlock p.pgkeepBtn a::before {
content: '';
display: block;
background: url("img/ic_keep.png") no-repeat;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 8px;
border-radius: 5px;
}
.job-info-img li{
  font-size: unset;
}
.job-info-detail dt{
font-style: 28px;
}
}
@media only screen and (max-width: 768px) {
  .job-info-detail table,.job-info-company table{
    width: 90%;
    margin: 0 auto;
    border: 1px solid #999999;
    border-bottom: none;

  }
  .job-info-detail table tr,.job-info-company table tr{
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #999999;


  }
.job-info-detail table th,
.job-info-company table th{
  flex-basis: 33%;
  padding: 10px ;
  background: #eeeeee;

  border-bottom: none;
  font-weight: 600;
  line-height: 1.8em;
}
.job-info-detail table td,
.job-info-company table td{
    flex-basis: 67%;
padding: 10px ;
}
.job-info-detail table td p{
width: 50%;
}

}
@media only screen and (max-width: 425px) {
  .job-info-catch dt,.job-info-catch dd{
  width: 100%;
  float: none;
  }
  .job-info-catch dt {
    text-align: center;
  }
  .job-info-catch dd{
  margin-top: 10px;
  }
  .job-info-img li{
  float: none;
  display: block;
  justify-content: space-between;
  width: 90%;
  margin:0 auto 15px;
  }

  .job-info section > p{
  padding: 40px 4.55% 50px;
  width: 100%;
  }
  .job-info-detail dl{
  padding: 20px;
  }
  .job-info section .btnBlock  p a:after,
  .job-info section .btnBlock  p a:hover:after{
  background: none;
  }

	.job-info section .btnBlock p{
width: calc(80% - 4px);
}
	.job-info section .btnBlock p a{
	box-sizing: border-box;
	}
}

/* ===================
05_相談しに行く
=================== */
.consult > div{
text-align: left;
background: #fff;
padding: 0 0;
}
.consult article{
padding: 20px 4.55% 60px;
width: 100%;
position: relative;
display: inline-block;
}
.consult article > ul{
text-align: center;
}
.consult article > ul li{
background: url(img/icon-check.png) 10px 50% no-repeat;
background-size: 25px auto;
font-size: 16px;
padding: 10px 10px 10px 40px;
margin: 10px;
border: 2px solid #333;
border-radius: 10px;
display: inline-block;
width: 100%;
}
.consult article > ul li span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.consult article::after {
border-left: solid 25px transparent;
border-right: solid 25px transparent;
border-top: solid 25px #fff;
top:0;
content:"";
display:block;
height:0;
left:calc(50% - 25px);
position: absolute;
width:0;
}
.consult article:nth-child(2){
background: #ffd202;
padding-bottom: 0;
}
.consult article:last-child::after {
border-top: solid 25px #ffd202;
}
.consult article{
text-align: center;
}
.consult article h4{
background: #333;
color: #fff;
padding:10px 50px;
margin: 10px 0;
display: inline-block;
border-radius: 25px
}
.consult article h5 {
font-size: 22px;
}
.consult article table{
text-align: left;
}
.consult .cssacc{
text-align: center
}
.consult article > ul.cf{
	position: relative;
}
.consult article:nth-child(2) h3 {
    line-height: 2;
    background: none;
}
.consult article:nth-child(2) h3::before {
    display: none;
}
@media screen and (min-width: 769px) {
	.consult article h5 {
	    font-size: 22px;
	    margin-bottom: 1rem;
	}
	.consult article > ul.cf::before {
	    content: '';
	    display: block;
	    background: url(http://tmstest5.site/wp-content/uploads/2022/08/point02.png) no-repeat 0 0/contain;
	    width: 15rem;
	    height: 7rem;
	    position: absolute;
	    top: -7rem;
	    right: -2rem;
	}
}
@media screen and (max-width: 768px) {
	.consult article > ul.cf::before {
	    content: '';
	    display: block;
	    background: url(http://tmstest5.site/wp-content/uploads/2022/08/point02.png) no-repeat 0 0/contain;
	    width: 11rem;
	    height: 5rem;
	    margin: 0 auto;
	}
}
@media only screen and (max-width: 768px) {
  .consult .cssacc + label {
  display: block;
  margin: 1.5px 0;
  padding : 13px 12px;
  color: #fc0;
  background: #333;
  cursor :pointer;
  transition: all 0.5s;
  }
  /*ラベルホバー時*/
  .consult .cssacc + label:hover {
  background :#fff;
  color: #333;
  }
  .consult input.cssacc  {
  display: none;
  }
  .consult .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  }
  .consult .cssacc:checked + label + .accshow {
  height: auto;
  padding: 5px;
  opacity: 1;
  }
  .consult article h5 {
  font-size: 17px;
  }
}
@media only screen and (max-width: 425px) {
  .consult article > ul li{
  text-align: left;
  }
}
/* ===================
07_WWとは
=================== */
.about section{
padding: 5vw 0 ;
}
.about ul{
margin-bottom: 80px;
margin-left: calc(50% - 360px);
border-spacing: 10px 10px;
}
.about li{
width:220px;
height:220px;
font-size: 20px;
font-weight: bold;
/* ここから下はテキストを中央に表示させる設定です  */
display:table-cell;
vertical-align:middle;
color:#ffffff;
font-weight:bold;
text-align:center;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.about li:nth-child(1){
background: url(img/about-img01.png) 0 0 no-repeat;
background-size: contain;
}
.about li:nth-child(2){
background: url(img/about-img02.png) 0 0 no-repeat;
background-size: contain;
}
.about li:nth-child(3){
background: url(img/about-img03.png) 0 0 no-repeat;
background-size: contain;
}
.about li span{
display: inline-block;
font-size: 14px;
border: 2px solid #fff;
padding: 3px 10px;
margin: 0 0 10px 0;
}
.about li:nth-child(1) p {
    padding: 0 12px;
}
.about article h4 {
    font-size: 20px;
    margin: 0 auto 20px;
    text-align: center;
    width: 90%;
}
.about article h4 span{
background: linear-gradient(transparent 60%, #FFC2CC 60%);
}
.about article:nth-child(3){
padding: 70px 4% 70px 44%;
background:#f7f7f7 url(img/about-img11.png) 0 0 no-repeat;
background-size: auto 100%;
}
.about article:nth-child(4){
padding: 70px 49% 70px 4%;
background: url(img/about-img12.png) 105% top no-repeat;
background-size: auto 100%;
}
.about article:nth-child(4) p{
margin: 0 0 10px 0;
}
.about article:nth-child(4) .btn-y a,
.about article:nth-child(4) p.btn2{
width: 100%;
}
.about p.btn2 {
    text-align: center;
}
.about article:nth-child(5){
padding: 70px 4.55% 70px 40%;
background:#f7f7f7 url(img/about-img13.png) 0 0 no-repeat;
background-size: auto 100%;
}
.about article:nth-child(5) table th{
width: 20%;
padding: 10px 5px 5px 10px;
}
.about article:nth-child(5) table td{
padding: 10px;
}
.about article dl{
margin: 10px 0 0 0;
padding: 15px;
background-color: #fff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}
.about article dl dt{
text-align: center;
margin: 0 0 15px 0;
}
.about article dl dt span{
font-weight: bold;
padding:0 0 5px 0;
border-bottom: 2px solid #333;
}
.about article:nth-child(6){
padding: 0 4.55%;
}
.about article:nth-child(6) p{
text-align: center;
margin: 0 auto 10px auto;
}
.about article:nth-child(6) .btn-y a,
.about article:nth-child(6) p.btn2{
width: 60%;
}
.about_link{
  padding:3vw 0;
  background: #cbaf8e;
}
.about_link  .bannerzone{
  margin-top: 30px;
  display: flex;
  justify-content: center;

}
  .about_link .inner{
    margin: 0 20px 20px;

  }
  .about_link img{

  }
  .about_line{
    padding: 3vw 0;
    position: relative;

    background: linear-gradient(45deg, #D0C8C8 0%, #D0C8C8 50%, #eeeeee 50%, #eeeeee 100%);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
  }
  .about_line:before{
}
  .about_line_inner{
    display: flex;
    width: 1120px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    }
    .about_line_inner .inner{
      flex-basis: 50%;
      margin: 0 1%;
    }
    .about_line_inner .inner:first-child{
      flex-basis: 30%;
    }
      .about_line_inner .inner img{
        max-width: 300px;
      }
  .about_line h3{
    text-align: left;
    font-size: 24px;
    line-height: 1.8em;
    margin-bottom: 20px;
  }

  .about_text{
    background: url(img/about_bg.jpg)no-repeat;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 50px;
  background-position: center;
  background-size: cover;
}
.about_text_inner{
  display: table;
  margin: auto;
  }
    .about_text .about_title{
      text-align: center;
      font-size: 30px;
      line-height: 1.8em;
      font-weight: bold;

    }
  .about_text img{
    max-width: 170px;
    padding: 30px 0;
  }
    .about_text p{
      font-size: 14px;
      line-height: 1.8em;
    }
@media only screen and (max-width: 768px) {
  .about article:nth-child(3){
  background:#f7f7f7 url(img/about-img11.png) -20% 0 no-repeat;
  background-size: auto 100%;
  }
  .about article:nth-child(5){
  background:#f7f7f7 url(img/about-img13.png) -30% 0 no-repeat;
  background-size: auto 100%;
  }


  .about section{
  padding: 3vw 0 0;
  }


  .about_text{
    background: none;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 50px;
  background-position: center;
  background-size: cover;
}

  .about_text_inner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 90%;
  }
    .about_text .about_title{
      text-align: center;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: bold;
  margin-bottom: 40px;
  }
    .about_text img {
      max-width: 150px;
      padding: 20px 0 10px;
      margin: 0 auto;
      }
    .about_text p{
      font-size: 14px;
      line-height: 1.8em;
      text-align: center;
    }
    .about_line_inner {
display: block;
width: 90%;
margin: 0 auto;
justify-content: center;
align-items: center;
padding-top: 40px;
}
.about_line_inner img{margin-bottom: 20px;}
  .about_line_inner .btnLine {
    margin-bottom: 30px;
  }
    .about_line_inner .btnLine a {
display: inline-block;
line-height: 1.6em;
padding: 1em;
font-size: 16px;

}
.about_link .bannerzone {
margin-top: 10px;
display: block;
justify-content: center;
}
.about_line h3 {
text-align: center;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 425px) {
  .about ul{
  margin-bottom: 80px;
  margin-left: calc(50% - 110px);
  }
  .about li{
  width:220px;
  height:220px;
  display:block;
  padding-top: 60px;
  margin-bottom: 20px;
  }
  .about article:nth-child(3){
  padding: 140px 4.55% 40px 4.55%;
  background:#f7f7f7 url(img/about-img21.png) center 20px no-repeat;
  background-size: 100px 100px;
  }
  .about article:nth-child(4){
  padding: 140px 4.55% 40px 4.55%;
  background:#fff url(img/about-img22.png) center 20px no-repeat;
  background-size: 100px 100px;
  }
  .about article:nth-child(5){
  padding: 140px 4.55% 40px 4.55%;
  background:#f7f7f7 url(img/about-img23.png) center 20px no-repeat;
  background-size: 100px 100px;
  }
  .about article:nth-child(4) .btn-y a{
  line-height: 15px;
  text-align: left;
  padding: 15px 50px 15px 20px;
  }
  .about article:nth-child(6) .btn-y a,
  .about article:nth-child(6) p.btn2{
  width: 100%;
  }
}

/* ===================
09_ブログ一覧 staff-blog
=================== */

.staff-blog h3 + p{
margin: 0 0 3% 0;
}
.staff-blog ul.sp,.staff-blog-d ul.sp{
margin: 30px 0;
padding: 15px 0 11px;
text-align: center;
background: #f4f4f4;
}
.staff-blog .sp li, .staff-blog-d .sp li {
    display: inline-block;
    margin: 0 0 2% 3%;
}
.staff-blog .sp li a,.staff-blog .sp li span,
.staff-blog-d .sp li a,.staff-blog-d .sp li span{
display: block;
font-size: 12px;
padding: 0.6em 1em;
margin: 0 2px 4px;
border-radius: 5px;
background: #fff
}
.staff-blog .sp li a:hover,.staff-blog .sp li span,
.staff-blog-d .sp li a:hover,.staff-blog-d .sp li span{
background: #333;
color: #fff;
}
.staff-blog-list{
margin:0 0 10px;
display:-webkit-box;
display:-moz-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.staff-blog-list > a {
width:48.5%;
padding: 3% 0 3% 0;
border-top: 1px solid #ccc;
list-style:none;
}
.staff-blog-list > a:nth-child(1),
.staff-blog-list > a:nth-child(2){
border: none;
}
.staff-blog-list > a:nth-child(2n+1){
margin: 0 3% 0 0;
}
.staff-blog-list > a dl{
margin: 0 0 3% 0;
transition:all 1.0s;
}
.staff-blog-list > a dt{
margin: 0 0 5% 0;
overflow: hidden;
width: 100%;
height: 200px;
position: relative;
}
.staff-blog-list > a dt img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100% !important;
max-height: 100% !important;
width: auto!important;
height: auto!important;
transition: 0.8s;
}
.staff-blog-list a:hover img {
-moz-transform: scale(1.2) translate(-42%, -42%);
-webkit-transform: scale(1.2) translate(-42%, -42%);
-ms-transform: scale(1.2) translate(-42%, -42%);
transform: scale(1.2) translate(-42%, -42%);
}
.staff-blog-list > a dd:nth-child(2){
color: #999;
font-size: 12px;
padding: 1% 0;
}
.staff-blog-list > a dd:nth-child(3){
font-size: 16px;
}
.staff-blog-list > a .btn-b{
text-align: center;
}
.staff-blog-list > a p {
width: 30%;
line-height: 36px;
border-radius: 3px;
background: #333;
color: #fff;
font-weight: normal;
margin: 20px auto 0;
text-align: center;
transition:all 1.0s;
}
.staff-blog-list > a:hover dl{
opacity: 0.6;
}
.staff-blog-list > a:hover p {
background: #ccc;
color: #333
}
.side-blog{
text-align: left;
margin-bottom: 50px;
}
.side-blog h3{
font-size: 16px;
border-bottom: 3px double #ccc;
padding:0 0 5% 0;
margin: 0;
}
.side-blog li{
border-bottom: 1px solid #ccc;
}
.side-blog li a {
    padding: 5% 0;
}
/*詳細*/
.staff-blog-d h4{
font-size: 20px;
clear: both;
border-bottom: 3px solid #fc0;
margin: 0 0 1.5% 0;
padding: 1.5% 0;
}
.staff-blog-d h5{
font-size: 16px;
font-weight: normal;
clear: both;
background: #efefef;
margin:1.5% 0;
padding: 1.5%;
}
.staff-blog-d p{
margin: 0 0 1.5% 0;
}
.staff-blog-d .f-l{
float: left;
margin: 0 3% 0 0;
}
.staff-blog-d .f-r{
float:right;
margin: 0 0 0 3%
}
.staff-blog-d .t-c{
text-align: center
}
.staff-blog-d ul li {
list-style-type: disc;
margin: 0 0 2% 3%;
}
.staff-blog-d ul li:last-child {
margin-bottom: 0;
}
.staff-blog-d ol li{
list-style-type: decimal;
margin: 0 0 0 3%;
}
@media only screen and (max-width: 425px) {
  .staff-blog-list > a {
  width:100%;
  margin: 0 0 5% 0;
  list-style:none;
  }
  .staff-blog-list > a:nth-child(2){
  border-top: 1px solid #ccc;
  }
  .staff-blog-list > a:nth-child(2n+1){
  margin: 0 0 5% 0;
  }
  .staff-blog-list > a p {
  width: 50%;
  line-height: 38px;
  font-size: 14px;
  }
  .staff-blog-list > a dt{
  width: 47%;
  height: auto;
  position: static;
  float: left;
  }
  .staff-blog-list > a dt img{
  position: static;
  top: 0;
  left: 0;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  }
  .staff-blog-list a:hover img {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  }
  .staff-blog-list > a dd{
  width: 50%;
  float: right
  }
}
/* ===================
10_ブログ詳細 staff-blog-d
=================== */
.staff-blog-d .b-propety{
font-size: 13px;
font-weight: bold;
}
.staff-blog-d h1{
font-size: 18px;
margin:20px 0 30px;
}
.staff-blog-d article{
margin:30px 0 0 0;
display: block;
}
.staff-blog-d article img{
width: auto;
display: inline-block;
}
.staff-blog-d pre {
    overflow-x: scroll;
}

iframe {
	max-width: 100%;
}
.staff-blog-d img {
    height: auto;
	max-width: 100%;
	padding: 2%;
}
.wyswyg h2 {
    background: #eee;
    padding: .5rem .5rem .5rem 1.2rem;
    border-left: 4px solid #e69b2e;
    font-size: 1.5rem;
    color: #e69b2e;
    margin: .7em 0;
}

.wyswyg h3 {
    border-bottom: 2px solid #e69b2e;
    padding: .2rem .2rem .5rem .7rem;
    font-size: 1.2rem;
    color: #e69b2e;
    margin: .7em 0;
}

.wyswyg h4 {
    padding: .4rem;
    font-size: 1.1rem;
    background: #f0c382;
	border: none;
    margin: .7em 0;
}
.wyswyg p {
    margin-bottom: .5em;
}
.wyswyg ul, .wyswyg ol {
	margin: .7em 0;
}
.wyswyg ul li {
    padding-left: 2em;
    text-indent: -1em;
    list-style: none;
    position: relative;
}
.wyswyg ul li:before {
    content: "●";
    color: #e69b2e;
    font-size: .2em;
    margin-bottom: .2em;
    margin-right: .3em;
    position: absolute;
    top: 20%;
}
.wyswyg ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
.wyswyg blockquote {
    color: #666;
    font-size: 1.125rem;
    font-style: italic;
    position: relative;
    margin: 2em .75em;
    padding: 5rem 3rem;
    border: 1px solid #CCC;
    background: rgba(238,238,238,.6);
}
.wyswyg blockquote:before {
    content: "”";
    font-size: 3rem;
    position: absolute;
    top: 0;
    left: 1rem;
}
.wyswyg blockquote:after {
    content: "”";
    font-size: 3rem;
    position: absolute;
    bottom: 0;
    right: 1rem;
}
.wyswyg pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

.wyswyg .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.wyswyg .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.wyswyg .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* ===================
11_運営会社　company
=================== */
table.table{
width: 100%;
margin: 10px 0 0px;
border-top: 1px solid #ccc;
font-size:auto;
}
table.table th{
padding: 20px 10px 10px 20px;
width: 220px;
background: #f4f4f4;
border-bottom: 1px solid #ccc;
}
table.table td{
padding: 20px 20px;
border-bottom: 1px solid #ccc;
background: #fff;
}
.company dt{
font-weight: bold;
}
.company dl{
}
.company dd{
margin: 0 0 4% 0;
}
.company dd:last-child{
margin: 0;
}
.map-btn {
    display: block;
    width: fit-content;
    border: solid 2px #afadae;
    border-radius: 5px;
    background: #f4f4f4;
    padding: 0px 15px;
    margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  table.table th{
  padding: 20px 10px 10px 10px;
  width: 25%;
  }
}
/* ===================
12_問い合わせ　inquiry
=================== */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #d4d4d4;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #d4d4d4;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #d4d4d4;
}
.inquiry dl{
text-align: center;
border-bottom: 1px dotted #ccc;
}
.inquiry dt{
font-weight: bold;
font-size: 16px;
padding: 30px 0 10px;
background: #e7e7e7;
}
.inquiry dd{
background: #e7e7e7;
padding: 0 10px 30px;
margin-bottom: 30px;
}
table.form{
width: 100%;
margin: 10px 0 20px;
text-align: left;
}
table.form th{
padding: 20px 0 0 0;
display: block;
}
table.form th span{
display: block;
float: left;
margin-right: 10px;
background: #c00;
font-weight: normal;
color: #fff;
padding: 2px 20px;
font-size: 12px;
}
table.form th span.nini {
    background: #00f;
}
table.form td{
display: block;
padding: 10px 0 20px;
border-bottom: 1px dotted #ccc;
}


table.form td input[type = "text"],table.form td input[type = "email"],table.form td select{
padding: 12px;
border: 1px solid #dadada;
background-color: #fff;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
font-size: 16px;
}
/*table.form td input[type = "checkbox"]{
padding: 12px;
border: 1px solid #dadada;
background-color: #fff;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
font-size: 16px;
}*/

table.form td input[type = "checkbox"]::checked{
    color: #ff0000;
}
table.form td .select {
    color: #ccc;
}
table.form td .select option {
    color: #000;
}

table.form td textarea{
width: calc(100% - 24px);
height: 150px;
border: 1px solid #dadada;
font-size: 16px;
padding: 12px;
margin: 10px 0 0;
}
.mw_wp_form_error table.form td input,
.mw_wp_form_error table.form td textarea{
background-color: #ffcccc;
}
.mw_wp_form_error table.form input + p,
.mw_wp_form_error table.form textarea + p,
.mw_wp_form_error table.form ul + p{
color: #c00;
margin: 5px 0 0;
}
table.form + p{
margin: 0 0 20px 0;
}
table.form .label_list {
padding: 0;
}
table.form .label_list li, table.form .label_list > span {
float: none;
display: block;
margin: 16px auto 16px;
width: 100%;
}
table.form .label_list label span {
display: inline-block;
}
table.form .label_list label input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
table.form .label_list label input[type="radio"] + span::before {
position: absolute;
display: inline-block;
content: '';
box-sizing: border-box;
border-radius: 20px;
}
table.form .label_list label input[type="radio"] + span::before {
z-index: 0;
top: 0;
left: 0;
background-color: transparent;
width: 20px;
height: 20px;
border: 2px #78909c solid;
}
table.form .label_list label input[type="radio"]:checked + span::before {
border-width: 6px;
}
table.form + p,
table.form + p + p{
text-align: center;
padding:0;
}

.mwform-checkbox-field.horizontal-item{
	margin-right: 30px;
}
.mwform-checkbox-field input[type="checkbox"]{
  -webkit-appearance: checkbox;
  	-moz-appearance: checkbox;
    appearance: checkbox;
  }


.mw_wp_form_complete p + p{
margin: 20px 0;
text-align: center;
}
table.form + p + div > p,
#feas-searchform-0 p.btn-b{
width: 55.9%;
position: relative;
margin: 0 auto;
}
input[type="submit"]{
  font-size: 14px;
      font-weight: bold;
      color: #333;
      transition: all .4s;
      text-align: center;
      width: 100%;
      line-height: 55px;
      background: #fc0;
      cursor: pointer;
      padding: 0 0em;
      display: inline-block;
      margin: 50px 10px;
      min-width: 35%;
}
table.form + p + div > input[type="submit"]{
background: #ccc !important
}
table.form + p + div > input,
table.form + p + div > input + p{
width: 40%;
display: inline-block;
}
table.form + p + div > input + p{
float: right;
}












@media only screen and (max-width: 768px) {
  table.form + p + div > input,
  table.form + p + div > input + p{
  width: 46%;
  }
  #feas-searchform-0 p.btn-b{
  width: 100%;
  }


}
@media only screen and (max-width: 425px) {
table.form + p + div > p{
width: 100%;
}
table.form + p + div > input,
table.form + p + div > input + p{
        width: 90%;
    display: inline-block;
    vertical-align: top;
        margin-top: 15px;
}
table.form + p + div > input + p{
    width: 60%;
}
}

.mw_wp_form_confirm table.form th span {
    display: none;
}
.mw_wp_form_confirm table.form th {
    padding: 20px 10px 10px 0;
    display: table-cell;
    width: 146px;
    border-bottom: 1px dotted #ccc;
}
.mw_wp_form_confirm table.form td {
    display: table-cell;
}
.mw_wp_form_confirm table.form td .span {
    display: none;
}



/* ===================
13_求人検索　recruit
=================== */


section.service ,section.category,section#intro,section.problem,section.flow,section.recruit_faq ,section.recruit_contact{
    margin-bottom: 50px;
    overflow: hidden;
}



.recruit div{
background: #fff;
}

.recruit #intro h3{
  background: none;
      padding: 0 0 0;
      margin-bottom: 25px;
}
.recruit #intro h3 + p.lead{
  text-align: center;
      margin-bottom: 40px;
}

.recruit #intro .actual li {
  font-weight: bold;
    background-color: #eee;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 15px;
    width: 48%;
    padding: 0.8em 0.5em;
    border-radius: 8px;
    font-size: 17px;
}
.recruit #intro .actual li:nth-child(odd) {
margin-right: 2%;
}


.recruit .category .category_inner ul li {
  display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
width: 18em;
text-align: left;

}

.recruit .category .category_inner ul li a {
  background-color: #eee;
      border-radius: 6px;
      display: block;
      padding: 0.8em 1em 0.8em 0.8em;
      font-size: 16px;
      position: relative;
      font-weight: bold;
}

.recruit .category .category_inner ul li a::before{
  content: "";
      position: absolute;
      top: 50%;
      right: 5%;
      width: 7px;
      height: 7px;
      border-top: 2px solid #AAAAAA;
      border-right: 2px solid #AAAAAA;
      transform: rotate(45deg);
      margin-top: -5px;
}
.recruit section.category .note {
    margin-top: 20px;
    text-align: center;
}




.recruit .problem ul{
margin: 0 4.55%;
}
.recruit .problem li{
  float: left;
    width: calc(25% - 15px);
    background: #eee;
    border-radius: 5px;
    color: #333;
    padding: 15px;
    height: 160px;
    position: relative;
    margin: 0px 15px 150px 0;
    font-size: 16px;
    font-weight: bold;
}
.recruit .problem li:last-child{
margin-right: 0;
}
.recruit .problem li::after {
border-left: solid 7px transparent;
border-right: solid 7px transparent;
border-top: solid 10px #eee;
bottom: -10px;
content:"";
display:block;
height:0;
left:50%;
margin-left:-5px;
position: absolute;
width:0;
}
.recruit .problem li:last-child{
margin-right: 0;
}
.recruit .problem li img{
width: 100px;
position: absolute;
left: calc(50% - 50px);
top: 180px;
}


.recruit section.service h3 {
}
.recruit section.service h3 + .lead {
  text-align: center;
font-size: 18px;
margin-bottom: 40px;
}

.recruit section.service .service_box {
  border: solid 1px #DDDDDD;
display: table;
width: 48%;
float: left;
padding: 15px;
  font-size: 14px;
  min-height: 180px;
}

.recruit section.service .service_box:nth-child(odd) {
margin-right: 2%;
}

.recruit section.service .service_box figure {
  display: table-cell;
    width: 30%;
    text-align: center;
    vertical-align: middle;
}

.recruit section.service .service_box figure img {

}
.recruit section.service .service_box .text_box {
  display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    padding-left: 1.5em;
}
.recruit section.service .service_box .text_box h4 {
  font-size: 20px;
      text-align: left;
      padding: 0;
      background: none;
      margin: 0 0 0.5em 0;

}

.recruit section.flow {
    text-align: center;

}
.recruit section.flow h3 {
    margin-bottom: 0.5em;
}
.recruit section.flow h3 + .lead {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}

.recruit section.flow h3 + .lead span {
  font-size: 35px;
  color: #666666;
    font-weight: bold;
}
.recruit .flow_box_wrap {
    margin: 0 auto;
    max-width: 500px;

}
.recruit .flow_box_wrap ul li {
  border: solid 1px #DDDDDD;
      margin-bottom: 25px;
      padding: 1.2em 1em;
      vertical-align: middle;
      font-size: 18px;
      display: table;
      width: 100%;
      position: relative;
      font-weight: bold;
      text-align: left;
}

.recruit .flow_box_wrap ul li::after {
  position: absolute;
  left: calc(50% - 10px);
  bottom: -11px;
  content: "";
  width: 20px;
  height: 20px;
  border-top: solid 1px #DDDDDD;
  border-right: solid 1px #DDDDDD;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #fff; /* .txtのborderを地の色で打ち消す */
  }
  .recruit .flow_box_wrap ul li:last-child::after {
    display: none;
    }


.recruit .flow_box_wrap ul li span{
  font-size: 35px;
      color: #666666;
      font-weight: bold;
      display: table-cell;
      line-height: 0;
      width: 1.2em;
      vertical-align: middle;
}
.recruit .flow_box_wrap ul li p {
display: table-cell;
      vertical-align: middle;

}

.recruit .recruit_faq h3 {
  text-align: center;
  font-size: 18px;
  padding: 25px 0 0;
  margin: 0 0 50px 0;
  border: none;
  }

.recruit .recruit_faq dt {
  background-color: #eee;
      border-radius: 6px;
      padding: 1em 2em 1em 3.5em;
      position: relative;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;

}
.recruit .recruit_faq dd {
  padding: 1em 2em 1em 4.3em;
      margin-bottom: 20px;
      font-size: 15px;
      position: relative;

}
.recruit .recruit_faq dt i,.recruit .recruit_faq dd i {
  font-size: 35px;
      color: #666666;
      font-weight: bold;
      font-style: normal;
      line-height: 0;
      position: absolute;
      top: 0.8em;
      left: 0.5em;
}
.recruit .recruit_faq dd i {
      color: #ff9647;

}
.recruit .recruit_faq dt::before {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #999;
  border-right: solid 2px #999;
  transform: translateY(-50%) rotate(135deg);
}

.recruit .recruit_faq dt.open::before  {
  transform: translateY(-50%) rotate(315deg);
}



.recruit .recruit_contact h3 {
  text-align: center;
  font-size: 18px;
  padding: 25px 0 0;
  margin: 0 0 40px 0;
  border: none;
  }

.recruit .contact_box_wrap  {
max-width: 400px;
margin: 0 auto;
}
.recruit .contact_box_wrap p a {
  background-color: #eee;
      border-radius: 6px;
      display: block;
      padding: 0.8em 2em 0.8em 0.8em;
      font-size: 18px;
      position: relative;
      font-weight: bold;
}
.recruit .contact_box_wrap p a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #AAAAAA;
    border-right: 2px solid #AAAAAA;
    transform: rotate(45deg);
    margin-top: -5px;
}

.recruit .contact_box_wrap p:first-child a {
  background-color: #FFCC00;
}
.recruit .contact_box_wrap p:first-child a::before {
border-top: 2px solid #131200;
border-right: 2px solid #131200;
}
.recruit .contact_box_wrap p {
    margin-bottom: 20px;
        text-align: left;
}
.recruit .contact_box_wrap p a img {
  width: 30px;
  margin: 0 20px 0 15px;
  vertical-align: middle;
}



.recruit article{
position: relative;
display: inline-block;
padding: 20px 4.55% 50px;
width: 100%;
background: #fff;
}

.recruit article:last-child::after {
border-top: solid 25px #fc0;
}
.recruit-confirm article:last-child::after {
border-top: none
}
.recruit article h4{
font-size: 26px;
text-align: center;
padding: 8% 5% 5%;
background: url(img/line-top01.png) center bottom no-repeat;
margin: 0 0 5% 0;
}
.recruit-confirm article{
padding-top: 0
}
.recruit article > img{
width: 75%;
margin: 40px 12.5% 20px;
}
.recruit article h5{
font-size: 22px;
text-align: center;
}
.recruit article > p{
text-align: center;
padding: 10px 10%;
}

.recruit .form_b.cf {
    text-align: center;
}

section.recruit_faq {
    text-align: left;
}

@media only screen and (max-width: 768px) {
  .recruit section.service .service_box {
  min-height: auto;}
  .recruit #intro .actual li {
      width: 100%;
      font-size: 14px;
  }
  .recruit #intro .actual li:nth-child(odd) {
      margin-right: none;
  }
  .recruit .category .category_inner ul li {
    width: 48%;
    margin-right: 0;
}
  .recruit .category .category_inner ul li:nth-child(odd) {
    margin-right: 2%;
}
  .recruit .category .category_inner ul li a {
    font-size: 13px;
}

.recruit section h3, .contact_form h3 {
    font-size: 19px;
}

.recruit .problem ul {
    margin: 0;
}
.recruit .problem li {
  width: calc(50% - 3%);
      font-size: 14px;
      min-height: 120px;

      margin: 0 0 180px 0;
          padding: 10px;
}

.recruit .problem li:nth-child(odd)  {
    margin-right: 5%;
}

.recruit section.service .service_box {
    width: 100%;
    float: none;
    margin-bottom: 15px;
}
.recruit section.service .service_box:nth-child(odd) {
    margin-right: 0;
}
.recruit section.service .service_box .text_box h4 {
    font-size: 18px;
}


.recruit .flow_box_wrap ul li {
    font-size: 16px;
}
.recruit .flow_box_wrap ul li span {
    font-size: 30px;
}

.recruit .recruit_faq dt {
    padding: 1em 2em 1em 3.5em;
    font-size: 15px;
}
.recruit .recruit_faq dt i, .recruit .recruit_faq dd i {
    top: 0.9em;
    left: 0.5em;
}
.recruit .recruit_faq dt i, .recruit .recruit_faq dd i {
    font-size: 25px;
}
.recruit .recruit_faq dt {
    padding: 1em 3em 1em 3em;
    font-size: 15px;
}
.recruit .recruit_faq dd {
  padding: 1em 3em 1em 3.5em;
  font-size: 13px;
}

.recruit .contact_box_wrap p a span:first-child {
      width: 22%;
}

.recruit .contact_box_wrap p a span img {
    margin: 0 auto;
}
.recruit .contact_box_wrap p {
    margin-bottom: 20px;
    display: table;
    width: 94%;
}
.recruit .contact_box_wrap p a {
  background-color: #eee;
  border-radius: 6px;
  display: table;
  font-size: 16px;
  position: relative;
  font-weight: bold;
  width: 90%;
}
.recruit .contact_box_wrap p a span {
    display: table-cell;
    vertical-align: middle;
}
.recruit .problem li {

height: auto;

}
.recruit .problem li img{

top: 150px;
}
.recruit section.service h3 + .lead {

font-size: 14px;

}
}
@media only screen and (max-width: 425px) {


}
.inq #kinihidden {
	display: none;
}
.conf #kini1 {
    display: none;
}
.conf.parm_off tr#kinihidden {
    display: none;
}
p.p a{
  border-bottom: 1px solid #000000;
}
p.p a:hover{
  color:#c00;
}
/* ===================
14_プライバシーポリシー　privacy
=================== */
.privacy h3{
margin: 3% 0 0.5% 0;
font-size: 16px;
}
.privacy dl{
display: block;

margin: 1% 0 0 0;
padding:1% 0 0 0;
}
.privacy dd a{
color: #666;
text-decoration: underline;
}
/* ===================
15_サイトマップ　sitemap
=================== */
dl.search{
position:relative;
background-color:#fff;
border:1px solid #aaa;
margin:0 20%;
}
dl.search dt{
margin-right:40px;
padding:8px 0 8px 8px;
}
.faq dl.search {
margin-top:20px;
}
.faq dl.search dt{
margin-bottom:0;
}
dl.search dt input {
width: 100%;
height: 24px;
line-height: 24px;
background: none;
border: none;
padding: 7px;
}
dl.search dd {
position: absolute;
top: 10px;
right: 10px;
}
dl.search dd button{
display:block;
background:none;
border:none;
}
dl.search dd button span{
  display: block;
  width: 20px;
  height: 20px;
  background: url(img/icon-search08.png) no-repeat scroll 0 0;
  background-size: 20px auto;
  }
.sitemap ul{
margin: 30px 0 0;
}

.sitemap li{
font-size: 18px;
margin: 10px 0 0 0;
}
.sitemap li:before{ /*疑似要素*/
display:inline-block;
vertical-align: middle;
content:'';
width:0.5em;
height: 0.5em;
background: #333;
border-radius: 50%;
margin-right: 8px;
}
@media only screen and (max-width: 425px) {
  dl.search{
  margin:0 0;
  }
}

/*.mwform-checkbox-field label, .mwform-radio-field label {
    position: relative;
}*/
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}


.schl a {
    display: block;
}
.schl .simg {
    width: 30%;
    height: auto;
    float: left;
}
.schl .entry-summary {
    width: 66%;
    float: left;
    margin-left: 4%;
}

.staff-blog-d .thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40% 0 0;
    margin-bottom: 2em;
}
.job-info .thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 0;
    margin-bottom: 2em;
}
.job-info .thumb img
{object-fit: cover;
width: 100%;
height: 280px;
}
@media only screen and (max-width: 768px) {
  .job-info .thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0% 0 0;
    flex-basis: 40%;
    margin-bottom: 0;
    }
    .job-info li p{
      flex-basis: 55%;
    }
}
.staff-blog-d .thumb span.cover,
.job-info .thumb span.cover {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.p404 article {
    padding: 0 2em;
}
.p404 section {
    text-align: left;
    background: #fff;
    padding: 20px 0 60px;
}
.p404 .btn-y {
    text-align: center;
    margin: 40px 0 0;
}

#job-list01 .entry-summary .entry-title {
    font-size: 1.5rem;
    margin-bottom: .75em;
}
.schl:hover {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
#job-list01 .entry-summary .entry-title {
    font-size: 28px;
    margin-bottom: .75em;
}
aside.sp{
  padding: 30px 0;
}
.schl .simg {
    margin-right: 5%;
    margin-bottom: 2%;
}
.schl .entry-summary {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: left;

}
}

#page_post_nav {
    margin: 4em 0 1em;
}
#page_post_nav > div {
    width: 50%;

}
#page_post_nav > div:nth-child(1) {
	float: left;
    background-color: #F9F2B3;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
}
#page_post_nav > div:nth-child(2) {
	float: right;
    text-align: right;
    background-color: #CAE9FF;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
}
#page_post_nav > div > a {
    display: block;
    padding: 1em;
}
#page_post_nav > div > a > span {
    font-weight: 900;;
}
#page_post_nav > div > a > p {
    padding: 1em;
}
.job-info .snsshare{
padding-right: 4.55%;
}
.snsshare{
text-align: right;
padding-bottom: 18px;
letter-spacing: -0.4em;
}
.snsshare a{
width: 9%;
letter-spacing: normal;
display: inline-block;
background: #fc0;
line-height: 26px;
color: #fff;
text-align: center;
padding-left:2%;
font-size: 12px;
border-radius: 3px;
margin-left: 8px;
transition: all .3s;
}
.snsshare a:nth-child(1){
background:#000 url(img/icon-sns01.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
.snsshare a:nth-child(1):hover{
background:#888 url(img/icon-sns01.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
.snsshare a:nth-child(2){
background:#3B5999 url(img/icon-sns02.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
.snsshare a:nth-child(2):hover{
background:#1B3A70 url(img/icon-sns02.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
.snsshare a:nth-child(3){
background:#00C300 url(img/icon-sns03.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
.snsshare a:nth-child(3):hover{
background:#049E04 url(img/icon-sns03.png) no-repeat scroll 10% 50%;
background-size: auto 13px;
}
@media only screen and (max-width: 768px) {
  .job-info .snsshare{
  padding-left: 4.55%;
  text-align: left;
  }
  .snsshare a{
  width: calc(31% - 5px) ;
  line-height: 45px;
  }
  .snsshare a:nth-child(1){
  margin-left: 0
  }
}


.top-add-btns {
    padding-top: 1em;

}
a.btn-plain {
    display: inline-block;
    background: #fff;
    position: relative;
    border: 2px solid #333;
    width: calc(91% - 4px);
    text-align: left;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    transition: all .3s;
    box-sizing: border-box;
    margin-bottom: 1em;
}

/*
.top-add-btns a.btn-plain:nth-child(1) {
    border-color: #000;
    color: #000;
}
*/
.top-add-btns a.btn-plain:nth-child(2) {
    border-color: #09c;
    color: #09c;
}
a.btn-plain span {
    padding-left: 10px;
    padding-top: 12px;
    display: block;
    padding-bottom: 5px;
}
a.btn-plain p {
    line-height: 28px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 900;
    padding-bottom: 10px;
}
a.btn-plain:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(img/icon-arrow-b.png);
    background-size: contain;
    vertical-align: bottom;
    z-index: 10;
    position: absolute;
    top: calc(50% - 8px);
    right: 12px;
}
a.btn-plain:hover {
    background-color: #333;
    color: #fff;
}
a.btn-plain:hover:after {
    background: url(img/icon-arrow-w.png);
    background-size: contain;
}
@media all and (min-width:769px){
a.btn-plain.sp {
    display: none;
}
}

@media only screen and (max-width: 320px) {
a.btn-plain p {
    font-size: 17px;
}
}


.chef-choice {
    padding: 20px 4%;
}
.chef-choice h4 {
    display: block;
    text-align: center;
    padding: .8em .75em 1em;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
    position: relative;
    margin: 0 0 10px;
    cursor: pointer;
}
.chef-choice h4:after {
	content: '';
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(img/icon-arrow-g.png);
    background-size: contain;
    vertical-align: bottom;
    z-index: 10;
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
}
.chef-choice h4.open:after {
    width: 17px;
    height: 10px;
    top: calc(50% - 5px);
    background: url(img/icon-arrow-g-d.png) no-repeat;
    background-size: contain;
}
.chef-choice h4 + .cook_list {
    display: none;
	padding: 0 1em;
}
.chef-choice h4 + .cook_list li {
    display: inline-block;
}
.chef-choice h4 + .cook_list li a {
    display: block;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 4px 6px;
    margin-bottom: 6px;
    margin-right: 6px;
}
.chef-choice h4 + .cook_list li a:hover {
    background: #000;
    color: #fff;
}
@media all and (min-width:769px){
.chef-choice h4 + .cook_list {
	text-align: center;
}
a.btn-plain {
    width: 48.8%;
}
.top-add-btns a.btn-plain:nth-child(1) {
    margin-right: 2%;
}

}






.job-info section.top-rec {
    background: #EEEAE7;
    margin-top: 4%;
    padding-top: 7% !important;
    padding: 0;
}
.job-info .related-wrap h3.jobs_title {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 50px;
  }
.job-info .related-wrap.top-rec h3.jobs_title:before {
  position: absolute;
  bottom: -12px;
  left: calc(50% - 30px);
  width: 60px;
  height: 3px;
  content: '';
  border-radius: 5px;
  background: #9C2307;
  }


.top-rec .accshow ul.related li a.osusume-kyujin {
display: inline;
width: initial;
margin-right: initial;
vertical-align: initial;
}
.job-info section.top-rec .accshow a.osusume-kyujin dd {
	border-bottom: none;
}
.jobs-rec{

}
.jobs-rec ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.jobs-rec ul li{
  flex-basis: 31%;
  margin:0 1%;
}
.top-rec .btn-b a{
  line-height: 75px;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .job-info section.top-rec {
      background: #EEEAE7;
      margin-top: auto;
      padding-top:10% !important
  }
.job-info section.top-rec .accshow {
    height: initial;
    padding: initial;
    overflow: hidden;
    opacity: initial;
    transition: initial;
    border-bottom: none;
    width: 90%;
    margin: 0 auto;
}
.job-info .related-wrap h3.jobs_title {
    padding-top: 20px;
}

.job-info .related-wrap h3.jobs_title {
  position: relative;
text-align: center;
font-weight: bold;
font-size: 24px;
letter-spacing: 1.4px;
padding: 0 0 1% 0;
margin: 0;
margin-bottom: 35px;
}
ul.related li {
    margin-bottom: 3rem;
}

.job-info .related-wrap.top-rec h3.jobs_title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px);
  width: 40px;
  height: 3px;
  content: '';
  border-radius: 5px;
  background: #9C2307;
  }


}
@media only screen and (min-width: 769px) {
ul.related li {
    display: inline-block;
    width: 31%;
    margin-right: 2%;
    vertical-align: top;
}
ul.related li .btn-b a {
    width: 100%;
    margin-top: 1rem;
    background: #78BC61;
}
}

/* ===================
キープリスト関係
=================== */
.headFixBtns {
right: 0;
display: flex;
justify-content: flex-end;
margin-top: 20px;
}

.headFixBtns div{
  background: #ffffff;
  border-radius: 50%;
width: 50px;
height: 50px;
margin-left: 20px;
display: flex;
align-items: center;
align-content: center;
}
.headFixBtns div img{
  max-width: 30px;
    filter: drop-shadow(3px 3px 3px #cccccc);
}

.headFixBtns a {
background: #ffffff;
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: 5px;
display: flex;
align-items: center;
align-content: center;
box-shadow: 1px 0px 5px #aaaaaa;

}
.headFixBtns a img {
max-width: 30px;
margin-left: 10px;
filter: drop-shadow(3px 3px 3px #cccccc);
}
.headFixBtns a{
  margin-left: 0px;

}
.headFixBtns a.second{
  margin-left: 9px;
  margin-top: 0px;
  }
.headFixBtns a span{
  background: url("/wp-content/uploads/2022/09/ic_keep3.png") no-repeat;
  background-size: 30px;
  background-position: 9px 8px;
  color: #fff;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 15px;
  position: relative;
  line-height: 50px;
  }
.headFixBtns a span b{
  background: #fff;
  color: #ebae47;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ebae47;
  border-radius: 50%;
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  top: 17px;
  left: 17px;
  }
.footFixBtns{
position: fixed;
width: 100%;
background:rgba(0,0,0,0.50);
left: 0;
bottom: 0;
z-index: 99;
}

.footFixBtns .button{
background: #ffcc00;
border-radius: 5px;
text-align: center;
font-size: 24px;
padding: 10px 40px;
}

.footFixBtns .button span{
display: block;
font-size:14px
}

.footFixBtns .keepBtn{
background: #fff;
color: #ffa200;
border: 2px solid #fff;
border-radius: 5px;
position: relative;
width: 60px;
font-size: 12px;
padding: 42px 10px 10px;
margin-left: 20px;
margin-top: -1px;
}

.footFixBtns .keepBtn.kept{
background: #efefef;
color: #acacac;
border-radius: 5px;
border: 2px solid #ccc;
padding: 46px 10px 9px;
}

.footFixBtns .keepBtn:before{
content: '';
display: block;
background: url("/wp-content/uploads/2022/09/ic_keep3.png") no-repeat;
background-size: contain;
width: 30px;
height: 30px;
position: absolute;
top:10px;
left: 50%;
margin-left: -15px;
}

.footFixBtns .keepBtn.kept:before{
background: url("img/ic_keep_grey.png") no-repeat;
background-size: contain;
}


@media only screen and (max-width: 768px) {
.headFixBtns {
  position: fixed;
display: flex;
justify-content: flex-end;
margin-top: 10px;
margin-right: 10px;
margin-left: auto;
top: 0;
right: 40px;
z-index: 111;
}
.headFixBtns div {
background: #ffffff;
border-radius: 50%;
width: 35px;
height: 35px;
margin-left: 5px;
display: flex;
align-items: center;
align-content: center;
}
.headFixBtns div img {
max-width: 20px;
filter: drop-shadow(3px 3px 3px #cccccc);
}
.headFixBtns a.fix_contact{


}


.headFixBtns a {
  background: #ffffff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  align-content: center;
  }
.headFixBtns a img {
max-width: 20px;
}

.headFixBtns a span{
  background: url("/wp-content/uploads/2022/09/ic_keep3.png") no-repeat;
  background-size: 25px;
  background-position: 4px 0px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  position: relative;
  line-height: 27px;
  padding-left: 3px;
  }



.headFixBtns a {
display: flex;
  margin-left: 0px;
  }
.headFixBtns a.second {
margin-left: 7px;
margin-top: ;
}
.headFixBtns a span{
width: 30px;
height: 30px;
}

.headFixBtns a span b {
background: #fff;
color: #ebae47;
width: 16px;
height: 16px;
line-height: 16px;
border: 1px solid #ebae47;
border-radius: 50%;
position: absolute;
font-weight: normal;
font-size: 10px;
top: 12px;
left: 12px;
}

.headFixBtns a img{
  margin-left: 7px;
}
.footFixBtns{
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 10px;
  /* padding-right: calc(33vw - 110px); */
  /* padding-bottom: 20px; */
  /* padding-left: calc(33vw - 110px); */
  }
.footFixBtns .keepBtn,
.footFixBtns .button{
float:left;
}
.footFixBtns .keepBtn{
margin-left: 10px;
}
.footFixBtns .button{
		margin-right:calc(33vw - 110px);
		padding: 10px 30px;
}
}


@media only screen and (min-width: 769px) {
  header ul{
    margin-left: 5%;

  }
.headFixBtns {
  position: absolute;
  top: 5px;
  z-index: 999;
  right: 20px;
  }
.headFixBtns a{

}
.headFixBtns a span{

}
.footFixBtns{
padding: 20px 2%;
}
.footFixBtns .keepBtn,
.footFixBtns .button{
display:inline-block;
}

}