.sp{
    display: none;
}

/*ヘッダー*/
#header_logo img {
    display: block;
    width: 300px;
    height: auto;
}

/*top*/
h2.title.rich_font {
    text-shadow: 1px 1px 3px #f7f7f8;
    font-weight: 600;
}

div#index_staff_slider_area .slick-track{
    width: 1216px!important;
}
/*.slick-track {
    width: 1216px!important;
}*/
#index_staff_slider .item {
    width: 270px !important;
    margin: 0 60px 0;

    display: flex;
  
}

#index_staff_slider .desc_area {
    height: auto;
    background: #fff;
    position: relative;
    padding: 30px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}


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

#logo_image h1#logo img {
    max-height: 45px !important;
}
#index_staff_slider .item {
    width: 265px !important;

  
}
div#index_staff_slider_area .slick-track{
    width: 1325px!important;
}


    #index_staff_slider .desc_area p {
    padding: 30px;
    position: absolute;
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%)translateX(-50%)!important;
    -webkit-transform: translateY(-50%)translateX(-50%)!important;
    transform: translateY(-50%) translateX(-50%)!important;
    width: 100%;
    left: 50%;
}
#index_staff_slider .desc_area {
    height: 100px!important;
    position: relative;
}
}
/*トップここまで*/

/*事業内容*/
.business_img {
    position: relative;
    width: 100%;
    height: 250px;
    margin: 0 auot;

}
.business img {
   object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
.business {
    padding: 3%;
    background: #fafafac4;
    box-shadow: #eee 4px 2px 4px;
 }  
.business h4 {
    position: relative;
    padding: 5px;
    font-size: 26px;
    text-align: center;
    background: #1e76bd36;
    color: #1d76bd;
    font-weight: 500;
    letter-spacing: 0.08em;
}
.kamada_pride {
    background-image: url(/../images/bg_pride.png/);
    background-size: cover;
    height: 400px;
    margin-bottom: 5%;
}
.kamada_pride:before {
content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 400px;
    background-color: #1d76bdb3;
}
.inner_box {
    padding: 5%;
    text-align: center;
    position: relative;
    letter-spacing: 0.08em;
    line-height: 2em;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.kamada_catch {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}
p.pride_text {
    font-size: 18px;
    color: #fff;
    text-align: left;
}
ul.pride_list {
    list-style: decimal;
     padding: 15% 2%;       
    line-height: 2;

 }   
 .wp-block-column.kamada {
    display: flex;
    margin-left: 0;
}
.col {
    width: 50%;
}
.ulcenter {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.recruit {
    margin-bottom: 100px;
}

@media screen and (max-width: 754px){
    .pc{
        display: none;
    }
.sp{
    display: block;
}

    .wp-block-column.kamada {
    display: block;
}
.col {
    width: 100%;
}
p.kamada_catch {
    font-size: 20px;
 }
 p.pride_text {
    font-size: 15px;
    color: #fff; 
    line-height: 1.5  

}
ul.pride_list {
   
    width: 80%;
    margin-left: 20px;
}
.ulcenter {
}
.col.photo {
width: auto;
    height: 300px;
}
/*.wp-block-column:last-child {
    margin-top: 10px;
}
*/


}
/*
会社概要*/


p.company {
    font-size: 16px;
    line-height: 3!important;
}

.name {
    width: 30%;
    float: right;
}

h3.h3style {
  padding: 1rem 2rem;
  border-left: 3px solid #1d76bd;
  background: #f4f4f4;
}
/**/
table.company tr th,
table.company tr td,
table.company tbody{
text-align: left;
vertical-align: top;
border: solid #1d76bd;
border-width: 1px;
}
table.company tr th{
width: 35%;
background: #1d76bd1a;
}



@media screen and (max-width: 754px){
    #header_logo img {
    display: block;
    width: 250px;
    height: auto;
}

 table.company tr th, table.company tr td,
 table.company tbody, table.company tr{
    display: block;
    width: auto;
  }

.wp-block-columns.banner_img {
    width: 80%;
    margin: auto;
}
.wp-block-columns.banner_img img {
    margin-top: 10px;
}

    }

/*お問い合わせ*/
.form_table {
    margin: 30px auto;
        border: 1px solid #ddd;
    background: #fafafa;
    padding: 5%;
}
.mw_wp_form input[name="__children[privacypolicy][]"] + .error {
    display : inline;
    padding-right:.5em;
}
.form_table dl{
    padding: 5px 20px!important;
}
.form_table dt.required:after {
    background: #9e445e66;
    bottom: 0; */
    color: #000;
    content: "必須";
    display: inline-block;
    font-size: 0.5rem;
    height: 20px;
   margin: 5px; right: 10px;
    text-align: center;
    width: 30px;
}
.form_table dt.option:after {
    background: #72aee6a1;
    bottom: 0; */
    color: #000;
    content: "任意";
    display: inline-block;
    font-size: 0.5rem;
    height: 20px;
   margin: 5px; right: 10px;
    text-align: center;
    width: 30px;
}
input#zip {
    width: 80%;
}

label {
/*    display: inline-block;*/
    margin-bottom: 5px;
    font-weight: bold;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}
span.mwform-checkbox-field-text {
    display: none;
}
/*.scroll-box::-webkit-scrollbar {
 width: 5px; }

.scroll-box::-webkit-scrollbar-track { background: #f1f1f1; }

.scroll-box::-webkit-scrollbar-thumb { background: #c1c1c1; }

.bs {
  margin-bottom: 1.0em;
}
.scroll-box {
    padding: 20px;
    font-size: smaller;
}*/
input.btn.send {
 background: #9e445e;
 color: #fff;

}
input.btn.back {
    background: #77777729;
}




button, input, select, text {
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    border: #444 solid 1px;
    height: 30px;
}

textarea#text {
    height: auto;
}

input[type="radio"] {
    height: auto;
}
input[type="checkbox"] {
    height: auto;
}


input.InquiryButton.-submit {
    font-size: 16px;
    width: 100%;
    padding: 1%;
    display: block;
    height: auto;
    background: #1e76bd;
    color: #fff;
}
input.InquiryButton.-back {
    width: 100%;
    margin-top: 20px;
    padding: 1%;
    height: auto;
}


/*お問い合わせここまで*/


/*施工実績*/
    img.mfp-img {
    max-width: 500px!important;
}
/*.business h4:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12px 0 12px;
    border-color: #72aee6 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    top: 130%;
}*/

/*採用情報*/
.recruit h2 {
    text-align: center;
}


.recruit h2 span {
    color: #c30d23;
    font-size: 120%;
}
.recruit p {
    text-align: center;
    font-size: 120%;
}
.recruit p span{
    color: #116cb4;
    text-align: center;
    font-size: 120%;
}
.recruit h2.a {
    border-bottom: 3px solid #1d76bd;
    background: #f4f4f4;
    text-align: center;
}
p.recruit_text {
    text-align: left;
    font-size: 100%;
}
.wp-block-column.img {
    position: relative;
    width: 100%;
    height: 290px;
}

.wp-block-column.img img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

i.img_wrap{
  border: 1px solid #ddd;
  width: 300px;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
a.q_button.sz_l {
    /*background-color: #1d76bd;*/
    background-color: #cc000c;
    font-weight: 700;
}

/*フッター*/


#footer_menu_area {
    width: 100%!important;
    min-width: inherit;
}
div#footer_menu {
    display: flex;
        width: 1182px;
}
ul#menu01{
  width: 33%;
}
/*ul#menu01.menu02,ul#menu01.menu03 {
    margin-top: 42px;
}*/

@media screen and (max-width: 767px) {
  div#footer_menu {
    display:block;
}
ul#menu01.menu02,ul#menu01.menu03 {
    margin-top: 10px;
}
ul#menu01 {
    width: 80%;
}
.recruit p {
    text-align: left;
     font-size: 100%; 

}
}

/*電気自動車*/
@media (min-width: 768px) {
.col-md-15{
    width: 20%;
}
}

.ev-bg {
    background-image: url(/images/YourStand_image_01_.jpg) !important;
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    padding: 7%;
}

.ev-tex {
    width: 52%;
}
p.ex-tex {
    text-align: center;
    font-size: 120%;
    margin: 5%;
}

.faq a.Flow-contact.btn.btn-block {
    width: 90%;
    padding: 2%;
}
a.Flow-contact {
    background: #00ac5f;
    color: #fff!important;
    font-weight: bold;
}
.ev-bg span {
    font-size: 19px;
}
.app {
    margin-bottom: 3%;
}


.zoom-in-img:hover img {
  opacity: 0.8;/* 透過率50% */
    transition: 0.2s;/* 0.2秒アニメーション */
    -webkit-transition: 0.2s;
}
@media screen and (max-width: 754px){ 
.ev-tex {
    width: 100%;
}
.ev-bg span {
    font-size: 12px;
}
}

.small, small {
    font-size: .875em;
}


.flex__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.row{    display: flex;
    gap: 0 15px;
}

.col-2, .col-3, .col-5 {
    flex: 1;
}

.col-2 img,.col-5 img, .col-3 img {
    height: auto;
    max-width: 100%;
}

h3.mb-5 {
    font-size: 22px;
    clear: both;
    line-height: 1.4;
    padding: 10px 0 0 0;
    margin-bottom: 3rem!important;
    margin-top: 40px !important;
}
.ssp {
    display: none;
}
img.d-block {
    display: block!important;
}

.h4.pb-2.mb-4.text-success.border-bottom.border-success.text-center {
    text-align: center;
    margin-bottom: 20px;
    font-size: 26px;
    color: #1d76bd;
    font-weight: 700;
    border-bottom: solid 1px;
    padding-bottom: 20px;
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.row p {
    line-height: 2;
    margin: 0 0 2em 0;
}

@media screen and (max-width: 754px){ 
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
h3.mb-5 {
    font-size:18px !important;
}
.col-2, .col-3, .col-5 {
    width: 100%;
}
.ssp {
    display: inline;
}
.row{flex-direction: column;}

}