@charset "utf-8";
.thumbnail_block .slick-track{
    display: flex;
}
.thumbnail_block .slick-initialized .slick-slide{
    width: 19% !important;
    margin-left: 1%;
}
.thumbnail_block .slick-initialized .slick-slide:first-child,
.thumbnail_block .slick-initialized .slick-slide:nth-child(6),
.thumbnail_block .slick-initialized .slick-slide:nth-child(11){
    margin-left: 0;
}
.share .inner{
    width: 1000px;
}
/*================================
    keyvisual
=================================*/
#keyvisual{
    background: url(../img/pc/share/kv_img.jpg) no-repeat;
    background-position: top center;
    height: 370px;
}
#keyvisual .inner{
    position: relative;
    height: 100%;
    display: block;
    min-height: 370px;
}
#keyvisual .cover {
  position: relative;
}
#keyvisual h2{
text-align: center;
    font-size: 44px;
    line-height: 65px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-shadow: #fff 2px 0 10px;
}
#keyvisual .cover::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#333 30%, transparent 34%), radial-gradient(#333 38%, transparent 36%);
    background-size: 3px 3px;
    background-position: 0 0, 2px 2px;
    z-index: 0;
}
/*================================
    パンクズ
=================================*/
.breadcrumb{
    background: url(../common/img/pc/bg/bg_nami_wh.png) no-repeat;
    background-position: top center;
    margin-top: -104px;
    padding: 154px 0 40px 0px;
    position: relative;
}
.breadcrumb li{
    margin-left: 5px;
}
.breadcrumb li:first-child{
    margin: 0;
}
.breadcrumb li:before{
    content: ">";
    padding-right: 5px;
}
.breadcrumb li:first-child:before{
    content: "";
}

/*================================
    ページネーション
=================================*/
.pagenation {
    border-radius: 7px;
    overflow: hidden;
    width: 100%;
}
.pagenation ul{
    display: flex;
    justify-content: center;
    list-style-type: none;
}
.active{
    background-color: #1a8cbf;
    font-size: 12px;
    padding: 10px 15px;
    color: #fff;
}
.hamburger.active{
    background-color: transparent;
    padding: 0;
}
.pagenation a{
    font-size: 12px;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    background-color: #B3E3F3;
    border-right: 1px solid white;
}

/*================================
    title_box
=================================*/
.share .title_box{

}
.share .title_boxs h1{
    font-size: 44px;
    line-height: 65px;
    color: #1A8CBF;
}
.share .title_boxs h2{
    font-size: 34px;
    line-height: 50px;
    padding: 0;
    text-align: center;
}
.share .title_boxs h3{
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #1A8CBF;
    text-align: left;
    line-height: initial;
}
.share .texts{
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 20px;
}
.share .title_boxs h2.share_title{
    color: #1A8CBF;
    margin-bottom: 20px;
}

/*================================
    list_typeA
=================================*/
.list_typeA{
    margin-top: 40px;
}
.list_typeA li{
    margin-top: 20px;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 24px;
}
.list_typeA li:first-child{
    margin-top: 0;
}
.list_typeA li:before{
    content: "●";
    width: 10px;
    height: 10px;
    color: #1A8CBF;
    font-size: 12px;
    position: relative;
    top: -2px;
    padding-right: 10px;
}

/*================================
    list_typeB
=================================*/
.list_typeB{
    margin-top: 40px;
}
.list_typeB > ul > li{
    border-bottom: 1px solid #1A8CBF;
}
.list_typeB > ul > li:first-child{
    border-top: 1px solid #1A8CBF;
}
.list_typeB a{
/*  display: block;
    padding: 20px 0;*/
}
.list_typeB dl{
    padding: 20px 0;
}
.list_typeB dt{
    font-weight: bold;
    color: #1A8CBF;
    width: 20%;
    line-height: 30px;
}
.list_typeB dd{
    width: 80%;
    line-height: 30px;
}
.list_typeB img{
    width: auto;
}
.list_typeB .table{
    display: table;
    width: 100%;
}
.list_typeB .table dt{
    display: table-cell;
    vertical-align: middle;
}
.list_typeB .table dd{
    display: table-cell;
    vertical-align: middle;
}

/*================================
    pager
=================================*/
.pager .pagination {
  text-align: center;
  margin-top: 20px;
  position: relative;
}
.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#707070;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  border-radius: 50%;
}
.pager .pagination li.pre{
    position: absolute;
    top: 0;
    left: 0;
}
.pager .pagination li.next{
    position: absolute;
    top: 0;
    right: 0;
}
.pager .pagination li.pre,
.pager .pagination li.next{
    background: none;
    display: inline-block;
    width: 120px;
}
.pager .pagination li.pre a,
.pager .pagination li.next a{
    font-weight: bold;
    color: #1A8CBF;
}
.pager .pagination li.pre a span{
    padding-left: 20px;
    background: url(../common/img/pc/ico/arrow_pre.png) no-repeat;
    background-position: left center;
}
.pager .pagination li.next a span{
    padding-right: 20px;
    background: url(../common/img/pc/ico/ico_arrow_linkbtn.png) no-repeat;
    background-position: right center;
}
.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: #1A8CBF;
  border-color: #1A8CBF;
  border-radius: 50%;
}
.pre,
.next{
    background: none;
}

/*================================
    company
=================================*/
#company{

}
#company .breadcrumb,
#work .breadcrumb{
    background: url(../common/img/pc/bg/bg_nami.png) no-repeat;
    background-position: top center;
}
#cntent_company_inf {
    background: url(../img/pc/company/bg_company_inf.png) no-repeat;
    background-position: top center;
    height: 580px;
    padding: 0;
    box-sizing: border-box;
}
#company #cntent_topinf {
    background: url(../common/img/pc/bg/bg_topinf.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 0 0 150px;
}
.cntent_inf .inner{
    position: relative;
}
.cntent_inf .content_block{
    width: 100%;
    padding: 175px 0px 0;
    display: block;
    box-sizing: border-box;
}
#cntent_company_inf .title_boxs h2{
    text-align: center;
    color: #fff;
}
.cntent_inf p{
    color: #fff;
    font-size: 28px;
    line-height: 57px;
    text-align: center;
}
.fs19 {
    font-size: 19px;
}
#cntent_company_motto{
    padding: 100px 0 200px;
}
#cntent_company_motto .list_typeA{
    margin: 0 auto;
    width: 783px;
}
#cntent_company_motto .list_typeA ul{
    font-size: 20px;
}
.bg_noml{
    background: url(../common/img/pc/bg/bg_noml.jpg);
    background-position: top center;
}
#cntent_company_overview{
    background: url(../common/img/pc/bg/bg_nami_wh.png) no-repeat;
    background-position: top center;
    padding: 200px 0 200px;
    margin-top: -104px;
}
.map{
    margin-top: 20px;
}
.map iframe{
    width: 100%;
    height: 350px;
}
/*================================
    voice
=================================*/
/*#content_voice #cntent_topinf {
    padding: 50px 0 350px;
    background: none;
}
#content_voice #cntent_topinf .title_box h2 {
    background: url(../common/img/pc/title/title_voice.png) no-repeat;
    background-position: top center;
}
#content_voice .figure_list{
    width: 100%;
    max-width: 100%;
}
#content_voice figure{
    padding: 40px 20px;
    border-bottom: 1px solid #1a8cbf;
}
#content_voice .figure_list:first-child figure{
    border-top: 1px solid #1a8cbf;
}
#content_voice .figure_list .img_box{
    width: 40%;
    height: 300px;
}
#content_voice .figure_list .img_box img{
    height: 300px;
    object-fit: cover;
    border-radius: 0;
}
#content_voice .figure_list figcaption{
    width: 55%;
}
#content_voice .figure_list .day{
    text-align: right;
    margin-bottom: 20px;
}

#cntent_voice .figure_list figure.column {
    flex-wrap: nowrap;
    flex-direction: row;
}*/

/*================================
    achievement
=================================*/
#achievement_list{
    padding-bottom: 50px;
}
#content_achievement .fiure_list{
    width: 48%;
}
#content_achievement .slick-dots{
    display: none !important;
}
#content_achievement .title_style{
    font-size: 24px;
    margin: 10px 0;
    padding-bottom: 10px;
    line-height: 1.4;
}
#content_achievement .thumbnail_title {
    padding-bottom: 20px;
    font-size: 20px;
}
.slider {
    width: 100% !important;
    float: none;
}
#achievement_detail .thumbnail_block {
    width: 100% !important;
    float: none;
}
#achievement_detail .thumbnail-img {
    width: 100% !important;
}
#achievement_detail .slick-dots{
    display: none !important;
}
#achievement_detail .thumbnail_title{
    text-align: left;
    font-size: 20px;
    padding: 0 0 20px;
}
.share #achievement_list .img_box img{
    width: 100%;
    max-width: 100% !important;
}
/*================================
    news
=================================*/
#news_list {
    padding-bottom: 50px;
}
#news_list .newsList {

}
#news_list ul {
    box-shadow: none;
    margin: 0;
}
#news_list ul li {
    border-top: 1px dotted #999;
}
#news_list ul li a {
    padding: 20px;
    display: block;
}
#news_list .newsList span {
    display: block;
}
#news_list .newsList .dateBox {
    width: 140px;
}
#news_list .newsList .titleBox {
    width: calc(100% - 140px);
}
#topicsArea h2 {
    color: #1a8cbf;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 20px;
}
#topicsArea .newsContents {
    padding: 20px 0;
}
/*================================
    work
=================================*/
#work #cntent_topinf{
    padding-bottom: 100px;
}
#work .title_boxs{
    margin-bottom: 40px;
}
#work #cntent_topinf .title_box h2 {
    background: url(../common/img/pc/title/title_recruit.png) no-repeat;
    background-position: top center;
    margin: 40px 0;
    padding-top: 100px;
}
#work .list_typeA {
    margin-top: 0;
}
/*================================
    detail
=================================*/
#topicsArea{
    padding-bottom: 350px;
}
.detail .date{
    text-align: right;
    margin-bottom: 20px;
}
.detail .breadcrumb {
    background: none;
    margin-top: 0;
    padding: 40px 0;
}
#content_voice_detail .img_box{
    width: 30%;
    border-radius: 50%;
}
#content_voice_detail .img_box img{
    border-radius: 0;
}
.cont_text{
    width: 65%;
}

/*================================
    contact
=================================*/
#contact_contents{
    padding-bottom: 200px;
}
#contact_contents .title_box h2 {
    font-size: 34px;
    line-height: 50px;
    background: url(../common/img/pc/title/title_contact.png) no-repeat;
    background-position: top center;
    padding: 100px 0 10px 0;
}
#contact_contents .contact_title {
    text-align: center;
    color: #000;
    font-size: 24px;
    padding-left: 0;
}
#contact_contents .contact_title:before {
    content: none;
}
#contact_contents .cont_text {
    text-align: center;
    width: 100%;
    margin: 20px 0;
}
#contact_contents ul {
    width: 600px;
    margin: 0 auto;
}
#contact_contents ul li {
    margin-top: 15px;
}
#contact_contents ul li dl dt {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    width: 100%;
}
#contact_contents ul li dl dt .required {
    border-radius: 3px;
    background: #E80000;
    font-size: 13px;
    padding: 0px 7px;
    color: #fff;
    margin-left: 15px;
}
#contact_contents ul li dl dd input,
#contact_contents ul li dl dd textarea {
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    border-radius: 4px;
    border: 0;
    background: #EEEEEE;
    width: 100%;
    padding: 12px 10px;
    box-sizing: border-box;
    font-size: 16px;
}
#contact_contents ul li dl dd textarea {
    height: 177px;
}
#contact_contents ul li dl dd input[type="checkbox"] {
    width: auto;
}

#contact_contents ul li dl dd input[type="radio"] {
    width: auto;
}
#contact_contents ul li dl dd .horizontal-item+.horizontal-item {
    margin-left: 40px;
}
#contact_contents ul li .checkbox-input {
    display: none;
}
#contact_contents ul li .checkbox-input:checked+.mwform-checkbox-field-text {
    color: #000;
}
#contact_contents ul li .checkbox-input:checked+.mwform-checkbox-field-text::before {
    background: #0C47CC;
}
#contact_contents ul li .checkbox-input:checked+.mwform-checkbox-field-text::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 11px;
    transform: rotate(40deg);
    border-bottom: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
}

#contact_contents ul li .mwform-checkbox-field-text {
    padding-left: 25px;
    position: relative;
}

#contact_contents ul li .mwform-checkbox-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background: #EFEFEF;
}

#contact_contents ul li .radio-input {
    display: none;
}

#contact_contents ul li .radio-input:checked+.mwform-radio-field-text {
    color: #000;
}

#contact_contents ul li .radio-input:checked+.mwform-radio-field-text::before {
    background: #0C47CC;
}

#contact_contents ul li .radio-input:checked+.mwform-radio-field-text::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 6px;
}

#contact_contents ul li .mwform-radio-field-text {
    padding-left: 25px;
    position: relative;
}

#contact_contents ul li .mwform-radio-field-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #EFEFEF;
}

#contact_contents ul li.doui {
    text-align: center;
}

#contact_contents .btn_box .inner {
    padding: 30px 20px 0;
    display: flex;
    justify-content: center;
}
.share .btn_box button, .share .btn_box input.submit-input {
    border: 1px solid #1A8CBF;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #ffffff;
    cursor: pointer;
    color: #1A8CBF;
    width: 280px;
    height: 48px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;

}
.share .btn_box button:hover, .share .btn_box input.submit-input:hover {
    background: #1A8CBF;
    color: #fff;
}
/*================================
    achievement
=================================*/
#achievement_list .fiure_list .ctg{
       color: #fff;
    background: #1a8cbf;
    padding: 0px 15px;
    display: inline-block;
    box-sizing: border-box;
}
#achievement_list .fiure_list .day{
    margin-left: 20px;
}
#achievement_list .img_box{
    margin-bottom: 10px;
}
/*================================
    solidflow
=================================*/
#cntent_solidflow_inf h4 {
    background: #1A8CBF;
    padding: 15px;
    color: #fff;
}
#cntent_solidflow_inf .list-check {
    padding: 40px 20px 0;
    font-size: 24px;
}
#cntent_solidflow_inf .list-check li {
    padding: 0 0 0 50px;
    position: relative;
    line-height: 40px;
}
#cntent_solidflow_inf .list-check li:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    content: "\f14a";
    top: 0;
    left: 15px;
    font-weight: 400;
    margin-right: 5px;
}
.cont_area {
    padding: 40px 0;
}
.cont_area h3 {
    font-size: 30px;
    text-align: center;
    background: #FFBB31;
    padding: 22px 0 18px;
    margin-bottom: 20px;
}
.red {
    color: #E52031;
}
#cntent_solidflow_inf .cont_area ul {
    flex-wrap: wrap;
    justify-content: space-between;
}
#cntent_solidflow_denjiro h5 {
    font-size: 20px;
    margin-bottom: 20px;
}
#cntent_solidflow_denjiro ul {
    padding: 20px 0;
    font-size: 18px;
}
#cntent_solidflow_denjiro ul li {
    line-height: 36px;
}
.img_area {
    width: 676px;
    margin: 0 auto;
}
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 30px;
}
.youtube iframe {
    width: 100%;
    height: 100%;
}

/*================================
    painting
=================================*/
#painting #cntent_recruit .title_box h2 {
    color: #1A8CBF;
}
#painting #cntent_recruit dl {
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    margin-top: 10px;
    line-height: 1.2;
}
#painting #cntent_recruit dl dt {
    width: 18%;
    margin-right: 2%;
    border-radius: 12px;
    padding: 20px 10px;
    text-align: center;
    font-weight: bold;
}
#painting #cntent_recruit dl dd {
    width: 80%;
}
.paint01 dt {
    background: #B5CFF3;
}
.paint02 dt {
    background: #F7B59A;
}
.paint03 dt {
    background: #A6F2BC;
}
.paint04 dt {
    background: #FAC8C4;
}
.paint05 dt {
    background: #DDDDDD;
}
#painting #cntent_paint .title_box h2 {
    padding-top: 0;
}
#painting #cntent_recruit.v03 {
    padding-top: 110px;
    padding-bottom: 120px;
    margin-top: -100px;
}
#painting #cntent_recruit.v02 {
    padding-top: 150px;
    padding-bottom: 140px;
    margin-top: 0;
}
#painting #cntent_recruit {
    padding-top: 150px;
    padding-bottom: 280px;
    margin-top: 0;
}
.orenge {
    text-align: center;
    font-size: 20px;
    background: #FFFDDE;
    padding: 10px;
    color: #F8931F;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;
}





/*===============================================
●tablet.css 画面の横幅が750pxまで
===============================================*/
@media screen and (max-width: 750px){
    #cntent_contact .inner {
        width: 100%;
    }
    .share .inner {
        width: 100%;
    }
    .breadcrumb {
        padding: 90px 0 28px 0px;
    }
    .share .title_boxs h3 {
        font-size: 24px;
    }
    /*================================
        list_typeA
    =================================*/
    .list_typeA li {
        margin-top: 0;
        font-size: 16px;
        line-height: 1.7;
    }

    /*================================
        list_typeB
    =================================*/
    .list_typeB .table dd {
        display: block;
        width: 100%;
        line-height: 1.7;
        font-size: 16px;
    }
    .list_typeB .table dt {
        display: block;
        width: 100%;
        padding-bottom: 0px;
        font-size: 18px;
    }

    /*================================
        work
    =================================*/
    #work #cntent_topinf {
        padding-bottom: 50px;
        max-height: 100%;
    }
    #work #cntent_topinf .title_box h2 {
        background: url(../common/img/sp/title/title_recruit.png) no-repeat;
        background-position: top center;
        margin: 20px 0;
        padding-top: 100px;
    }
    /*================================
        voice
    =================================*/
    #content_voice #cntent_topinf {
        padding: 0 0 50px;
        background: none;
        max-height: 100%;
    }
    #content_voice #cntent_topinf .title_box h2 {
        background: url(../common/img/sp/title/title_voice.png) no-repeat;
        background-position: top center;
        margin: 20px 0;
        padding-top: 121px;
    }
    #content_voice .figure_list .img_box {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        text-align: center;
    }
    #content_voice .figure_list figcaption {
        width: 100%;
    }
    #cntent_voice .figure_list figure figcaption {
        width: auto;
    }
    #cntent_voice .figure_list img {
        width: 150px !important;
        height: 150px;
        margin: 0 auto;
    }
    #content_voice_detail .img_box {
        width: 40%;
    }
    #content_voice_detail .img_box img{
        width: 100% !important;
    }
    .cont_text {
        width: 55%;
    }
    #topicsArea {
        padding-bottom: 230px;
    }

    /*================================
        company
    =================================*/
    #cntent_company_inf {
        background: url(../img/pc/company/bg_company_inf.png) no-repeat;
        background-position: top center;
        background-size: cover;
        height: auto;
    }
    .cntent_inf .content_block {
        padding: 50px 0;
    }


    #cntent_company_motto .list_typeA {
        margin: 0 auto;
        width: 100%;
    }

    #contact_contents .title_box h2 {
        font-size: 46px;
        line-height: 69px;
        background: url(../common/img/sp/title/title_contact.png) no-repeat;
        background-position: top center;
        padding: 160px 0 0 0;
    }
    #contact_contents .contact_title {
        font-size: 34px;
        line-height: 50px;
    }
    #contact_contents ul li dl dt {
        font-size: 28px;
        line-height: 50px;
    }
    #contact_contents ul li dl dt .required {
        font-size: 24px;
        padding: 0px 10px;
    }
    #contact_contents ul li dl dd input, #contact_contents ul li dl dd textarea {
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        font-size: 28px;
    }
    #contact_contents ul li .mwform-radio-field-text::before {
        top: 9px;
    }
    #contact_contents ul li .mwform-checkbox-field-text::before {
        top: 8px;
        left: -6px;
        width: 20px;
        height: 20px;
    }
    .share .btn_box button, .share .btn_box input.submit-input {
        height: auto;
        font-size: 32px;
        width: 560px;
        padding: 23px 10px;
        margin: 0 auto;
        display: block;
    }
    #contact_contents ul li dl dd textarea {
        height: 300px;
    }
    #achievement_list img{
        width: 100% !important;
    }
    #contact_contents .cont_text {
        text-align: left;
        font-size: 28px;
        line-height: 50px;
    }
    #contact_contents ul {
        width: 100%;
    }
    #contact_contents ul li {
        display: block;
        margin-top: 20px;
    }
    #contact_contents ul li:first-child {
        margin-top: 0;
    }
    #contact_contents ul li dl dd .horizontal-item {
        display: block;
        margin-top: 10px;
    }
    #contact_contents ul li dl dd .horizontal-item+.horizontal-item {
        margin-left: 0;
        margin-top: 20px;
    }
    #contact_contents .btn_box .inner {
        display: block;
    }
    #content_achievement .fiure_list{
        width: 100%;
    }
    /*================================
        solidflow
    =================================*/
    #solidflow img {
        width: 100% !important;
    }
    #cntent_solidflow_inf .list-check {
        padding: 20px 0;
        font-size: 18px;
    }
    .cont_area {
        padding: 20px 0;
    }
    .cont_area h3 {
        font-size: 20px;
        padding: 17px 0 15px;
    }
    #cntent_solidflow_inf .cont_area ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    #cntent_solidflow_inf .cont_area ul li.clm2 {
        width: 100%;
    }
    .img_area {
        width: 100%;
    }
    #cntent_solidflow_denjiro ul {
        padding: 20px 0;
        font-size: 16px;
    }
    #cntent_solidflow_denjiro ul li {
        line-height: 32px;
    }
    #solidflow .share .title_boxs h2 {
        font-size: 24px;
        line-height: 32px;
    }
    /*================================
        painting
    =================================*/
    #painting #cntent_recruit.v03 {
        margin-top: -35px;
    }
    #painting #cntent_recruit .content_block {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    #painting .content_box img {
        width: 100% !important;
    }
    #painting #cntent_recruit dl {
        flex-wrap: wrap;
        flex-direction: column;
    }
    #painting #cntent_recruit dl dt {
        width: 100%;
        margin: 0 0 2% 0;
        padding: 2% 1%;
    }
    #painting #cntent_recruit dl dd {
        width: 100%;
    }
    #painting #cntent_recruit.v02 {
        padding-top: 80px;
        padding-bottom: 350px;
        margin-top: 0;
    }
    #painting #cntent_recruit.v03 {
        padding-top: 80px;
        padding-bottom: 350px;
        margin-top: -40px;
    }
    #painting #cntent_recruit {
        padding-top: 80px;
        padding-bottom: 350px;
        margin-top: 0;
    }


}
/*===============================================
●tablet.css 画面の横幅が420pxまで
===============================================*/
@media screen and (max-width: 430px){
#keyvisual {
    background: url(../img/pc/share/kv_img.jpg) no-repeat;
    background-position: left top;
    background-size: cover;
    height: 370px;
}
.share .title_boxs h2 {
    font-size: 17px;
    line-height: 25px;
    padding: 0;
}
.share .title_boxs h3 {
    font-size: 24px;
}
#keyvisual h2 {
    font-size: 34px;
    line-height: 50px;
    margin: 0;
}
.breadcrumb {
    padding: 100px 0 30px 0px;
}
.list_typeA li {
    text-indent: -21px;
    margin-left: 21px;
    font-size: 14px;
    line-height: 25px;
}

.list_typeB .table dt {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 15px;
}
.list_typeB .table dd {
    display: block;
    width: 100%;
    line-height: 25px;
}
#work #cntent_topinf {
    padding: 0 0 250px;
    max-height: 100%;
}
#work .title_boxs {
    margin-bottom: 20px;
}
#work #cntent_topinf .title_box h2 {
    background: url(../common/img/sp/title/title_recruit.png) no-repeat;
    background-position: top center;
    margin: 20px 0;
    padding-top: 50px;
    background-size: 128px 82px;
}


#content_voice #cntent_topinf .title_box h2 {
    background: url(../common/img/sp/title/title_voice.png) no-repeat;
    background-position: top center;
    margin: 20px 0;
    padding-top: 70px;
    background-size: 81px 82px;
}
#content_voice .figure_list .img_box img {
    height: 280px;
}
#contact_contents .title_box h2 {
    font-size: 23px;
    line-height: 34px;
    background: url(../common/img/sp/title/title_contact.png) no-repeat;
    background-position: top center;
    padding: 80px 0 0 0;
    background-size: 122px 82px;
}
#contact_contents .contact_title {
    font-size: 17px;
    line-height: 25px;
}
#contact_contents .cont_text {
    text-align: left;
    font-size: 14px;
    line-height: 25px;
}
#contact_contents ul li dl dt {
    font-size: 14px;
    line-height: 25px;
}
#contact_contents ul li dl dt .required {
    font-size: 12px;
    padding: 2px 10px;
}
#contact_contents ul li dl dd input, #contact_contents ul li dl dd textarea {
    font-size: 14px;
}
#contact_contents ul li .mwform-radio-field-text::before {
    top: 1px;
}
#contact_contents ul li dl dd textarea {
    height: 200px;
}
#contact_contents ul li .mwform-checkbox-field-text::before {
    top: 2px;
    left: 0px;
    width: 17px;
    height: 17px;
}
.share .btn_box button, .share .btn_box input.submit-input {
    height: auto;
    font-size: 16px;
    width: 280px;
    padding: 10px;
    margin: 0 auto;
    display: block;
}
#contact_contents {
    padding: 0 0 200px;
}

}