@charset "UTF-8";

/*
Theme Name: shujinko
Author: t
Author URI: https://wordpress.org/
Description: 主人公図鑑
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shujinko
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.row{
    margin-left:0px ;
    margin-right:0px;
}
 .six_body{
    width: 1280px;
    padding: 60px;
}
.six_onepart{
    margin-top: 10px;
    text-align: right;
}

.six_logo{
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: 60px;
}
.forward{
    padding:47px;
}
.forward h2{
    font-size:32px;
    font-weight: 600;
    
}
.six_word1{
    background-color: #F8F8F8;
    padding:58px;
}
.six_word1 p1{
    font-size: 30px;
    font-weight: 600;
}
.six_word1 p3{
    font-size: 22px;
    font-weight: 600;
}
.six_word1 p2{
    font-size: 20px;
}
.six_butt {
    font-size: 12px;
    border: 1px solid #CDD6DD;
    border-radius: 30px;
    color: black;
}
.six_r2{
    padding-left:227px;
    padding-top:66px;
}
.six_life_me{
    margin-top: 10px;
    margin-right: 300px;
    padding-bottom: 30px;
}
.first_size{
    max-width:1280px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    font-family: 'Noto Sans Japanese', sans-serif ;
  }
.six_cap_word{
    font-size: 24px;
    text-align: center;
    margin-top: 108px;
    font-weight: 800;
}

.six_lime{
    
    width:670px;
    margin-left: auto;
    margin-right: auto;
}
.six_lime13{
    margin-left: auto;
    margin-right: auto;
    width: 1278px;
    padding-left: 127px;
}
.six_wo_r1{
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-top:120px;

}
.six_high{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.six_life_style p{
    font-size: 16px;
}
.six_life_style{
    margin-bottom: 75px;
    margin-top: 70px;
}
.six_past{
    margin-bottom: 148px;
}







  /*page 1*/
.first_row1{
    height: 420px;
    width: 765px;
}
.page1_first{
    width:1280px;
    
}
.height_420 img{
    height: 400px;
    width: 381px;
    object-fit: cover;
}
.firstclass{
    margin-top: 21px;
}
.new_article{
    font-size:24px;
}

.first_main{
    padding-left: 50px;
    padding-right: 50px;
}
.firstclass{
    padding-left: 30px;
    padding-right: 30px;
}
    
.bustup img {
    /* width:381px; */
    padding-bottom: 10px;
    object-fit: cover;
    width: 555px;
    height: 750px;
}

@media screen and (max-width: 1000px) {
    .bustup img {
        width: 100%;
        padding-bottom: 10px;
        height: 350px;
    }
}

.first_onepart img{
    width: 100%;
    padding-bottom: 10px;
}

.first_word_back1{
 margin-bottom: 10px;
width: 350px;
}
.first_last_col{
    padding-left: 50px;
    padding-right: 50px;
}
.first_word_back1 p1{
    font-size: 13px;
    font-weight: 600;
}
.first_word_back1 p2{
    font-size: 24px;
    font-weight: 600;
}
.first_word_back1 p3{
    font-size: 12px;
    font-weight: 600;
}
.first_word_back1 p4{
    font-size: 14px;
    font-weight: 600;
}

.first_word_2ba p4{
    font-size: 14px;
    font-weight: 200;
    width: 100%;
}
.first_butt{
    text-align: center;
}

.title_label {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.title_label_nav {
    font-size: 24px;
    font-weight: 600;
}

.btn_wrapper {
    margin-left: auto;
    margin-right: auto;
    height: 48px;
    display: flex;
}

.card_company_name {
    display: block;
    padding: 23px 0px;
}

.card_title_big{
    display: block;
    padding-bottom: 23px;
}

.card_title_nav {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 40px;
    word-wrap: break-word;
    margin: 10px 0px;
}

.card_title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-right: 40px;
    word-wrap: break-word;
    margin-bottom: 23px;
}

.card_content_big {
    display: block;
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 23px;
}

.card_content_nav {
    display: block;
    font-size: 14px;
    font-weight: 200;
    padding-right: 40px;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.card_content {
    display: block;
    font-size: 14px;
    font-weight: 200;
    padding-right: 40px;
    word-wrap: break-word;
    margin-bottom: 23px;
}

.post_date_cap {
    text-align: right;
}

.hot_star{
    margin-top:112px;
    font-size: 24px;
    font-weight: 600;
}
.first_word_button{
    font-size: 16px;
    color: #004BB1;
    border: 2px solid #004BB1;
    padding: 10px;
    border-radius: 30px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width:175px;
    height: 48px;
    margin-top: 32px;
    font-weight: 600;
}
.first_word_button1{
    width:185px;
    font-size: 16px;
    color: #004BB1;
    border: 2px solid #004BB1;
    padding: 10px;
    border-radius: 30px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: 48px;
    margin-top: 32px;
    font-weight: 600;
}

.first_word_button p {
    text-align: center;
}

.campany_news{
    font-size: 24px;
    margin-top:150px;
    font-weight: 600;
}

.page1_footer{
    background-color: #e1f5f8;
    margin-top:108px;
    padding-bottom:76px;
}
.first_now{
    padding-top:72px;
    padding-right: 280px;
    padding-left: 312px;
    padding-bottom: 10px;

}
.first_now h1{
    font-size: 36px;
    font-weight: 700;

}
.first_now p{
    font-size: 16px;
    font-weight: 550;
}
.font_wei600{
    font-weight: 600;
    padding-left: 20px;
}
.five_font_pr{
    font-size: 24px;
    padding-left: 30px;
}
.first_right_col{
    padding-top: 10px;
    padding-bottom: 10px;
}
.first_right_col p1{
    font-size: 24px;
    font-weight: 600;

}
.first_right_col p2{
    font-size: 12px;

}
.first_right_col p3{
    font-size: 14px;

}
.first_night_content{
    background-color:#F0F3F5;
    padding-left: 30px;
    padding-top: 30px;
}
.new_campany{
    padding-top:90px;
}

.first_wo_1 p2{
    font-size:24px;
}
.first_last_myster{
    background-color: #004bb1;
    color: white;
    width:314px;
    height: 48px;  
}
.first_last_myster p{
    margin-left: auto;
    margin-right: auto;
}
.first_high{
    padding-left: 40px;
}


.company_wrapper {
    margin: 20px 0px;    
}




/*page_six start*/
.six_body{
    width: 1280px;
    padding: 60px;
}

.company_title, .say_professional {
    font-size:32px;
    font-weight: 600;   
}

@media screen and (max-width: 1000px) {
    .company_title, .say_professional {
        font-size:22px;
        font-weight: 600;
    }

    .say_professional {
        margin-top: 20px;
        margin-bottom: 40px;
    }
}

.forward{
    padding:47px;
}
.forward h2{
    font-size:32px;
    font-weight: 600;
    
}
.six_word1{
    background-color: #F8F8F8;
    padding:58px;
}
.six_word1 p1{
    font-size: 30px;
    font-weight: 600;
}
.six_word1 p3{
    font-size: 22px;
    font-weight: 600;
}
.six_word1 p2{
    font-size: 20px;
}
.six_butt {
    font-size: 12px;
    border: 1px solid #CDD6DD;
    border-radius: 30px;
    color: black;
}
.six_r2{
    padding-left:227px;
    padding-top:66px;
}
.six_word2{
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: 600;
}
.six_worm{
    margin-bottom:83px;
    padding-bottom: 30px;
}
.six_div3{
    margin: 122px;;
    text-align: center;
}
.six_sub h3{
    font-size: 24px;
    font-weight: 600;
}
.six_sub p{
    font-size: 16px;
}





/*pagetwo*/

.two_title1{
    margin-top: 63px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    width: 600px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}
.two_main_body{
    margin-top: 75px;
}
.two_radio{
    display: flex;
    margin-left: 10px;
}
.two_submit{
    padding-left: 60px;

}
.two_submit p1{
    font-size: 24px;
    color: black;
    font-weight: 800;
}
.two_rapo{margin-top: 6px;}
.two_submit_all{
    margin-top: 30px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    border-radius: 20px;
    border: 2px solid #004BB1;
    padding-left: 58px;
    padding-right: 58px;
    padding-top: 11px;
    padding-bottom: 13px;
    background-color: white;
    color: #004BB1;
    font-weight: 700;
    font-size: 16px;
}
.two_radio p{
    font-size: 16px;
}
.two_boxsize1{
    width: 340px;
    height: 50px;
    font-size: 25px;
}
.two_p_2 p{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 23px;
}
.two_back_con{
    padding-bottom: 44px;
}





/*page_five*/
.five_body{
    width: 1280px;
}
.five_ship{
    padding-left: 0px;
    padding-right: 0px;
}
.five_ship img{
    width: 744px;

}
.ship_right img{
    margin-top: 127px;
    display: flex;
    width: 144px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}
.ship_right{
    text-align: center;
}
.ship_right p1{

    font-size: 40px;
    font-weight: 600;
}
.ship_right p2{
    color: #0000008E;
    font-size: 16px;
    font-weight: 600;
}
.five_textbox{
    width: 262px;
    height: 554px;
    margin-left: auto;
    margin-right: auto;
    background-color: #004BB1;
    border-radius: 10px;
    text-align: center;
    color: white;
}

.five_box_word h3{
    padding-top:139px;
    font-size: 18px;
}
.five_box_word a{
    padding-top: 13px;
    font-size: 18px;
    color: white;
}
.five_picturebox{
    width: 262px;
    height: 692px;
    border: 1px solid black;
    border-radius: 10px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    max-height: 600px;
    overflow-y: scroll;
    margin-bottom: 20px;
}
.five_picturebox_image img{
    padding-top: 40px;
}
.five_picturebox_image{
    text-align: center;
}
.five_first_textarea{
    background-color: #F8F8F8;
    margin-top: 60px;
    margin-left: 47px;
    margin-right: 47px;
    padding-bottom: 50px;
}
.text-center{
    font-weight: 600;
}
.five_wordbox2{
    margin-top:91px;
    margin-left: 47px;
    margin-right: 47px;
}
.five_wordbox2 h3{
    font-size:24px;
    font-weight: 800;
}
.back-gray{
    background-color: #F0F3F5;
    height: 390px;
    padding-left: 30px;
    padding-right: 30px;
    width: 389px;
    text-align: left;
}
.back-gray13{
    background-color: #F0F3F5;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.back-gray1{
    background-color: #F0F3F5;
    text-align: left;
}

.five_subtext{

    margin-top: 32px;
}
.five_subtext p2{
    font-size: 24px;
}
.five_word_button{
    font-size: 16px;
    color: #004BB1;
    border: 2px solid #004BB1;
    padding: 10px;
    border-radius: 30px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.five_word_text2{
    font-weight: 600;
    margin-top: 100px;
    margin-left: 22px;
    margin-right: 36px;
    
}

.five_image_box1{
    margin-top:127px;
    text-align: center;
    margin-left: 47px;
    margin-right: 47px;

}
.five_image_box1 h2{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 40px;
}
.col-lg-3 p2{
    font-size: 24px;
    color: #3B4043;
}
.col-lg-3 p3{
    font-size: 16px;
    color: #3B4043;
    font-weight: 500;
}
.five_table1{
    margin-top: 154px;
    text-align: center;
}
.five_table1 p1{
    font-size: 24px;
    font-weight: 600;
}
.five_my_table{
    width: 765px;
    margin-left: auto;
    margin-right: auto;
    margin-top:27px;
    border-top: 2px solid #98A6B5;
}
.five_my_table tr{
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #98A6B5;
    border-left: none;
    border-right: none;
}
.five_my_table th{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #707F89;
}
.five_my_table td{
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 550;
    color: #3B4043;
}
.five_new_butt {
    width: 258px;
    height: auto;

    background-color: #004BB1;
    border-radius: 10px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.five_new_butt a {
    color: white;
    text-align: center;
}

.five_last_div{
    margin-top: 165px;
    padding-right: 45px;
    padding-left: 45px;
    text-align: center;

}
.five_last_div p{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 58px;
}
.five_last_div p4{
    color: #98A6B5;
}
.five_last_word{
    border:1px solid black;
    text-align: center;
    padding-top:62px ;
    padding-bottom: 62px;
    width: 471px;
    height: 148px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 105px;
    margin-bottom: 126px;
}
.five_last_word p{
    font-size: 15px;
}
.five_question h2{
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 700;
}
.comp_thumb img{
    width: 744px;
    height: 534px;
}
.back-gray2{
    background-color:white;
    height: 524px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.back-gray2 img{
    padding-top: 125px;
    padding-bottom: 30px;
}
.back-gray2 p1{
    font-size: 40px;
}
.back-gray2 p2{
    font-size: 16px;
    color: #0000008E;
}
.word_30{
    font-size: 30px!important;
}
.word_12{
    font-size: 12px!important;
}
.word_16{
    font-size: 16px!important;
}












/*page_nine*/



.nine_header p{
    font-size:18px;
    color:white;
    padding-left: 10px;
    padding-top: 10px;
}

.nine_dev1{
    margin-top:60px;
}
.nine_dev1 p{
    font-size:18px;
    color:white;
    text-align: center;
    margin:11px;

}
.nine_size{
    width: 375px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    height: 812px;
    background: #004BB1 0% 0% no-repeat padding-box;
    opacity: 0.9;
}
/*footer*/

.my_footer{
    background-color: #3B4043;
    color: white;
    font-weight: 600;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    font-size: 12px;
}
.footer_left_pad{
    text-align: left;
}

.footer_left_pad li {
    list-style: none;
    padding: 3px 5px;
}

/*header*/
.my_own_header{


    display: flex;
    text-align: center;
    justify-content: center;
    padding-bottom: 18px;
    border-bottom: 2px solid #747381;
    background-color: #043884;  
}
.my_own_header p{
    color: white;
    display: none;
    cursor: pointer;
}
.view{
    color: white;
    display: none;
    cursor: pointer;
}


.my_own_header a{

    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:40px;

    color: white;
    font-size: 16px;
}
.one_life img{
    padding-top: 10px;
}

/* 主人公図鑑とは */
.bold {
    font-weight: bold;
}

.context .text p {
    margin: 50px;
    font-size: 22px
}

.text {
    margin-top: 30px;
}

.context {
    display: flex;            /* Flexboxを指定 */
    justify-content: center; 
}


/*supp*/
.font_weigh_800{
    font-weight: 800;
}
.padd_bo_50{
    padding-bottom: 50px;
    text-align: left;
    padding-left: 50px;
}
.font_24{
    font-size: 24px;
    padding-top:40px;
    font-weight: 700;
    padding-bottom: 16px;
}
.fir_pad{
    padding-top: 20px;
    padding-bottom: 20px;
}
.page_absolute{
    position: absolute;
    /* width: 25px;
    height: 120px;
    right:80px;
    top:1px; */
    width: 180px;
    height: 25px;
    left:105px;
    bottom:-13px;
    font-size: 16px;
    background-color: #F5FF0057;
}
.page_absolute1{
    position: absolute;
    width: 20px;
    height: 120px;
    font-size: 16px;
    right:10px;
    top:1px;
    background-color: #F5FF0057;
}
.three{
    background-color:#043884;
    display: none;
    padding-top: 100px;
    height: 800px;
    border: 1px solid black;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    width: 375px;
    font-size: 18px;
    z-index: 5;
}
.three li{
    color: white;
    padding: 4px;
    padding-top: 20px;
    font-weight: 600;
}
.three a{
    color: white;
}

@media screen and (min-width: 1000px) {

.three{
    display: none;
}
.view{
    z-index: -1;
    display: none;
}
.cross{
    z-index: -1;
    display: none;
}
}

@media screen and (max-width: 1000px) {
    .first_body{
        display: none;
    }
    .six_logo {
         margin: 30px; 
        text-align: center;
    }
    .first_size{
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
    }
    .new_article{
        text-align: center;
    }
    .first_row1{
        text-align: center;
    }
    .col-sm-12{text-align: center;}
    .aa_row{
        margin-left: auto;
        margin-right: auto;
        margin-bottom:10px;
    }
    .enermy{
        display: none;

    }  
    .my_own_header{
        justify-content: unset;
        width: 375px;

    }
    .my_own_header p{
        padding-top: 20px;
        display:block;
        padding-left: 20px;
    }
    .view{
        display: block;
        margin-left: 76px;
        margin-top: 32px;
    }
    .first_now{
        text-align: center;
        padding-right: 0px;
        padding-left: 0px;

    }

    .first_now h1 {
        font-size: 26px !important;
    }

    .first_night_content{
        padding-left: 20px;
        padding-right: 20px;
    }

    .pop_interview {
        margin-top: 100px;
    }

    .font_weigh_800 {
        padding-left: 30px;
        text-align: left;
    }
    .font_weigh_800_2{

        text-align: left;
    }
    .first_mq_none{
        display: none;
    }

    .first_mq_first_word_back1{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    .firstclass{
        margin: 0px;
        padding: 0px;
    }
    .first_row1{
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .first_word_back1 {
        max-width: 100%;
     /*   margin-left: 10px; */
    }
    .font_wei600{
        text-align: left;
        padding-top:10px;
        padding-left: 18px;
        padding-bottom: 10px;

    }
    .first_word_2ba{
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 40px!important;
    }
    .first_high{
        padding-left: 20px;
        padding-right: 20px;
    }
    .two_title1{
        width: 100%;
    }
    .two_submit{
        padding-left: 0px;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .five_my_table{
        width:100%;
    }
    .five_last_word{
        width:80%;
        margin-left: auto;
        margin-right: auto;
    }
    .six_r2{
        text-align: center;
        padding:10px;
    }
    .six_life_me {
        margin-left: auto;
        margin-right: auto;
    }
    .six_onepart{
        text-align: center;
    }
    .six_high{
        width:100%
    }
    .six_lime{
        width: 100%;
    }
    .two{
        display: block;
    }
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: unset;
    }
    .foot_line{
        padding-top:60px;
    }
    .footer_last_img{
        text-align: left;
        padding-left: 40px;
        padding-top: 20px;
    }
    .page_absolute1{
        right: 16px;
    }
    .six_oned{
        padding-left: 35px;
    }

    .five_word_text2{
        margin-left: 0px;
        margin-right: 0px;
    }

    .five_pwidth{
        padding-left: 0px;
    }
    .height_520 img{
        margin-top: 30px;
        height: 260px;
    }
    .height_750 img{
        height: 300px!important;
    }
    .row_food{
        padding-left: 20px!important;
    }
    .six_life_me {
        display: none;
    }
    .six_conter{
        padding-left: 30px;
    }
    .six_chwd{
        padding-left: 30px;
    }
    .six_lime13{
        width: auto;
        padding-left: 0px;
    }
    .six_mine_pro{
        text-align: center!important;
        padding-left: 0px!important;
    }
    .word_six_next{
        padding-left: 0px!important;
        width: 340px!important;
    }
    .back-gray{
        width: 100%;
    }
    .how_search{
        /* margin-left: 13px; */
        text-align: center;
    }
    .width_900{
        width: auto!important;
    }
    .back-gray55{
        width: 340px!important;
    }
    .six_butt_href{
        flex-direction: column;
    }
    .info_title{
        left:50%!important;
    }
    .six_sub p{
        padding-left: 2px!important;
        padding-right: 2px!important;
    }
    .five_question p{
        padding-left: 2px!important;
        padding-right: 2px!important;
    }
    .five_pwidth{
        width: auto!important;
    }

    .five_first_textarea {
        margin: -120px 3px 3px 0px;
        padding: 10px;
    }

    .add_inf_grouop{	
        margin-left: 10px !important;	
        margin-right: 10px !important;	
    }

    .btn_list_news {
        width: 80% !important;
    }
    
    .btn_list_staff {
        width: 80% !important;
    }
    
    .bci_wrapper {
        width: 80%;
    }

    .index_comp_name {
        font-size: 16px !important;
    }

    .card_content_nav, .card_title_nav {
        padding-right: 0px;
    }

    .back-gray2 img{
        padding-top: 80px !important;
        padding-bottom: 30px;
    }
    .comp_thumb img{
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
} 



.company_head p {
    margin-top: 20px;
}



.six_conter{
    text-align: center;
}

.five_word_text2 h3{
    font-size: 24px;
}
.footer_last_img{
    text-align: left;
}

.menu_pb{
    width: 375px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.cross{
    color: white;
    cursor: pointer;
    display: none;
    margin-top: 15px;
    margin-left: 72px;
    width: 50px;
    font-size: 45px;
}
.word_white{
    color: white;
    font-size: 14px;
    font-weight: 600;
}
.image_head_class{
    margin-top: -30px;
}
.select{
    width: 345px;
}
.word_20{
    font-size: 25px;
}
.how_search{
    width: 318px;
    background-color: #fff;
    text-align: center;
    padding-top: 20px;
}
.first_word_2ba img{
    padding-right: 0px;
}
.first_word_2ba1{
    padding-left: 30px;
}


.btn{
    width: 300px;
}
.btn-group>.btn:first-child {
    margin-left: 0;
    height: 43px;
    width: 345px;
    border: 1px solid black;
}
button[title="Nothing selected"] span{
    display: none!important;
}
.filter-option {
    font-size: 25px;
}
.dropdown-toggle::after{
    display: none!important;
}
.m_icon{
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
}
.col-sm-7{
    width: 200px;
}
.col-sm-5{
    width: 150px;
}
.ab_pagin{

    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.wp-pagenavi{
    margin-left: auto;
    margin-right: auto;
}



.first_word_back1 p6{
    font-size:32px;
    font-weight: 800;
}
.height_750 img{
    width: 570px;
    height: 760px;
}

@media screen and (max-width: 1000px) {
    .six_com_name {
        padding: 10px 15px 0px 15px !important;
    }
}

.six_com_name{
    padding: 10px 65px 0px 65px;
    /* padding-left:65px;
    padding-right:65px;
    padding-top:10px; */
}
.six_com_name p2{
    font-size: 30px;
}
.six_com_name p3{
    font-size: 20px;
}
.row_food{
    padding-left: 50px;
    margin-top: 20px;
}
.margin-top{
    margin-top: 14px;
}
.back_gr{
    background-color: #F8F8F8;
    padding-top: 25px;
}
.col-lg-6{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#simple-translate{
    display: none;
}

.six_mine_pro{
    text-align: left;
    padding-left: 130px;
}
.word_six_next{
    padding-left: 50px;
    width: 600px;
}
.width_900{
    width: 810px;
}
.back-gray_fi{
    background-color: #F0F3F5;
    height: 390px;
    padding-left: 10px;
    padding-right: 10px;
    width: 372px;
    text-align: left;
}
.back-gray9{
    background-color: #F0F3F5;
    height: 400px;
    padding-left: 10px;
    padding-right: 10px;
    width: 381px;
    text-align: left;
}
.first_img_href img{
    width: 364px;
}

.first_img_href {
    display: block;
    margin-bottom: 23px;
}

.life{
text-align: center;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.back-gray55{
    background-color: #F0F3F5;
    height: 390px;
    padding-left: 30px;
    padding-right: 30px;
    width: 389px;
    text-align: left;

}
.wrapper {
    margin-top: 50px;
    color: #3B4043;
}

.info_box_top {
    position: relative;
    padding: 10px;
    border: 2px solid #3B4043;
    margin-bottom: 10px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.info_box {
    position: relative;
    padding: 10px;
    border: 2px solid #3B4043;
    margin-bottom: 60px;
    border-left: none;
    border-right: none;
}
.info_title {
    position: absolute;
    top: 0;
    left: 30%;
    transform: translate(-50%, -50%);
    padding: 0 15px;
    background-color: #F0F3F5;
    border-radius: 5%;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #3B4043;
}
.info_text {
    font-family: "Noto Sans JP";
    font-size: 16px;
    line-height: 1.8;
    color: #3B4043;
}
.color_bg_box {
    position: relative;
    padding: 30px;
}
.color_bg_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;   
    bottom: 0;
    background-color: blue;
    transform: skewX(-6deg);
    z-index: 0;
}
.m_text {
    position: relative;
    font-family: "Noto Sans JP";
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    z-index: 1;
}
.six_butt_href{
    font-size: 12px;
    font-weight: 500;
    color:#3B4043 ;
    text-align: center;
    display: flex;
}
.six_butt_href span{
    border: 1px solid #3B4043;
    border-radius: 12px;
    padding: 5px;
    margin: 4px;
}
.back-gray{
    font-weight: 700;
}
.first_word_2ba1 p2{
    font-size: 24px;
}
.first_word_2ba1 p4{
    font-size: 14px;
}
.five_run a img{
    width: 138px;
    height: auto;
}
.col-lg-7{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.back-gray p1{
    font-size: 13px;
}
.back-gray p2{
    font-size: 24px;
}
.back-gray{
    font-size: 16px;
}
.back-gray{
    font-size: 14px;
}
.six_sub p{
    padding-left:254px;
    padding-right:245px;
    font-size: 16px;
    font-weight: 600;
    color: #3B4043;
}
.five_question p{
    padding-left: 55px;
    padding-right: 53px;
    font-size: 16px;
    font-weight: 600;
    color: #3B4043;
}




a.btn--orange {
    color: #fff;
    background-color: #eb6100;
  }
  
  a.btn--orange:hover {
    color: #fff;
    background: #f56500;
  }
  
  a.btn-c {
    font-size: 2rem;
    position: relative;
    padding: 1.5rem 3rem 1.5rem 2rem;
  }
  
  a.btn-c i.fa {
    margin-right: 1rem;
  }
  
  a.btn-c:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
  }
  .five_pwidth{
    width: 816px;
  }
    .back-gray p3 p{
    --fz: 14px;
    --lh: 1.5;
    --max-lines: 7;
    font-size: var(--fz);
    line-height: var(--lh);
    -webkit-line-clamp: var(--max-lines);
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
    .back-gray p3 img{
    display: none;
  }
    .first_word_2ba p3 img{
      display: none;
  }
  .first_word_2ba p3 p{
    --fz: 14px;
    --lh: 1.5;
    --max-lines: 7;	
    font-size: var(--fz);	
    line-height: var(--lh);	
    -webkit-line-clamp: var(--max-lines);	
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));	
    display: -webkit-box;	
    -webkit-box-orient: vertical;	
    overflow: hidden;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
}	
.how_search p2 img{	
    display: none;	
}	
.how_search p2 p{	
    --fz: 14px;	
    --lh: 1.5;
    --max-lines: 5;
    font-size: var(--fz);
    line-height: var(--lh);
    -webkit-line-clamp: var(--max-lines);
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.back-gray55 p1 p{
    --fz: 14px;
    --lh: 1.5;
    --max-lines: 7;
    font-size: var(--fz);
    line-height: var(--lh);
    -webkit-line-clamp: var(--max-lines);
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.back-gray55 p1 img{
    display: none;
}
.back-gray55 p p{	
    --fz: 14px;	
    --lh: 1.5;	
    --max-lines: 7;	
    font-size: var(--fz);	
    line-height: var(--lh);	
    -webkit-line-clamp: var(--max-lines);	
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));	
    display: -webkit-box;	
    -webkit-box-orient: vertical;	
    overflow: hidden;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
}	
.back-gray55 p img{	
    display: none;	
}
.first_word_2ba1 p4 img{
    display: none;
}
.first_word_2ba1 p4 p{
    --fz: 14px;
    --lh: 1.5;
    --max-lines: 5;
    font-size: var(--fz);
    line-height: var(--lh);
    -webkit-line-clamp: var(--max-lines);
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.add_new_butt{
    overflow: hidden;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
}	
.back-gray55 p img{	
    display: none;	
}	
.first_word_2ba1 p4 img{	
    display: none;	
}	
.first_word_2ba1 p4 p{	
    --fz: 14px;	
    --lh: 1.5;	
    --max-lines: 5;	
    font-size: var(--fz);	
    line-height: var(--lh);	
    -webkit-line-clamp: var(--max-lines);	
    max-height: calc(var(--fz) * var(--lh) * var(--max-lines));	
    display: -webkit-box;	
    -webkit-box-orient: vertical;	
    overflow: hidden;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
}	
.add_new_butt{	
    text-align: center;	
    background-color: #004BB1;	
    width: 295px;	
    height: 65px;	
    margin-left: auto;	
    margin-right: auto;	
    padding-top: 18px;	
    font-size: 16px;	
    font-weight: 600;	
    color: white;	
    border-radius: 20px;	
    margin-bottom: 100px;	
}	
.add_href_btn{	
    color: white;	
}	
.add_inf_grouop{	
    margin-left: 140px;	
    margin-right: 140px;	
    margin-top: 80px;	
}	
.add_con_title_1{	
    font-size: 24px;
    font-weight: 600;
}	

.date_in_post {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.add_con_1{	
    background-color: #F8F8F8;	
    padding: 15px;	
    --fz: 14px;	
    --lh: 1.5;		
    font-size: var(--fz);	
    line-height: var(--lh);	
    display: -webkit-box;	
    -webkit-box-orient: vertical;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
    font-size: 16px;	
}	
.add_con_2{	
    /* --fz: 14px;	
    --lh: 1.5;	
    font-size: var(--fz);	
    line-height: var(--lh);	 */
    display: -webkit-box;	
    -webkit-box-orient: vertical;	
    white-space: pre-wrap;	
    word-wrap: break-word;	
}	
.add_last{	
    margin-bottom: 120px;
    margin: 20px;	
}
.add_butt_href_term a{
    padding: 8px;
    margin-right: 20px;
    background-color: #F0F3F5;
    border-radius: 20px;
    font-size: 12px;
}

.add_butt_href_term span{
    padding: 8px;
    margin-right: 20px;
    background-color: #F0F3F5;
    border-radius: 20px;
    font-size: 12px;
}


.find_ren_comp {
    /* width: 318px;
    position: relative;
    height: 120px;
    margin: 0 auto; */
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   width: 318px;
   height: 120px;
   margin: auto;
}
.find_ren_comp .eyecatch {
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto; */
    width: 100%;
    text-align: center;
}

.company_logo_img {
    width: 150px;
    height: auto;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.comp_info_title {
    padding-bottom: 5px;
    font-weight: bold;
}

.belong_company_info {
    width: 100%;
    margin: 2px;
    display: flex;
    justify-content: center; 
    flex-direction: column;
}

.comp_info_value {
    font-weight: normal !important;
}

.belong_company_info p {
    margin: 10px;
}
/* 要素を固定する .is-fixed */
@media screen and (min-width: 1000px) {
    .is-fixed {
        position: fixed;
        top: 20;
    }
}

/************************************
** お問い合わせフォームの入力
************************************/
/*******************************
* バッジの色
********************************/
/* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

/*******************************
* フォームの設定
********************************/
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;  
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}

.staff_thumb {
    display: block;
    margin-bottom: 5px;
}

.staff_thumb img {
    object-fit: cover;
    width: 280px;
    border-radius: 10px;
}

.staff_comp_text {
    font-size: 12px !important;
    font-weight: 200 !important;
    display: block;
    text-align: center;
}

.staff_name_text {
    font-size: 16px !important;
    display: block;
    text-align: center;
}

.staff_data {
    margin-bottom: 30px;
}

.index_comp_img {
    display: block;
    margin-bottom: 15px;
}

.index_comp_name {
    display: block;
    margin-bottom: 15px;
}

.comp_thumb img {
    object-fit: cover;
}

.btn_list_news {
    width: 220px !important;
}

.btn_list_staff {
    width: 220px !important;
}

.bci_wrapper {
    margin: 20px auto;
    padding: 50px 0px;
}

.eyecatch_in_post img {
    width: 100%;
    margin-bottom: 50px;
    border-radius: 10px;
}

.comp_logo {
    max-width: 214px;
}

.pagenationWrapper {
    margin: 20px 0px ;
}

.qr_title {
    font-size: 16px !important;
    margin-bottom: 10px;
}

.qr_wrapper {
    margin-top: 50px;
}

.company_header {
    border-bottom: 1px solid gray;
}

#pc_float_navi {
    margin-top: 60px;
}

@media screen and (min-width: 1000px) {
    .hamburger-menu {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .company_header{
        border-bottom: 0px solid gray !important;
    }

    #pc_float_navi {
        display: none;
    }

    /* .hamburger-menu {
        display: block;
    } */
}

.menu-btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #004BB1;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #004BB1;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #004BB1;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

.badge, .no-results, .bs-searchbox input {
    font-size: 14px !important;
}

.noimagepersonsvg, .noimageartc {
    width: 318px !important;
}