/*other_sp.css*/

/*----------------
common
------------------*/

.page_title {
    padding-top: 30px;
    padding-bottom: 25px;
}

.page_title h1 {
    font-size: 2.4rem;
    margin-bottom: 0;
}

.page_title h1 span {
    font-size: 1.2rem;
}

.bread {
    display: none;
}

.corner_round .bottom_links li a {
    border-radius: 22px;
}

/*----------------
会社を知る
------------------*/

/*私たちについて*/
.about_us_wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}

h2.page_sub {
    font-size: 2.4rem;
    margin-bottom: 40px;
}

.page h3 {
    font-size: 1.8rem;
}

.about_us_wrap h4 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

/*代表メッセージ*/
.message_wrap {
    padding-top: 60px;
    padding-bottom: 20px;
}

.message_box01 {
    display: block;
}

.message_box_img_01 {
    width: 100%;
    max-width: 100%;
}

.message_box_text_01 {
    width: 100%;
    max-width: 100%;
}

.message_box_img_01 img {
    width: 100%;
    max-width: 245px;
    margin: 0 auto 30px;
}

.message_box_text_01 h4 {
    font-size: 1.8rem;
}

.message_box_text_01 h4 span {
    font-size: 1.6rem;
    margin-top: 5px;
}

.message_box_text_02 {
    width: 100%;
    max-width: 100%;
}

.message_box_text_02 h4 {
    font-size: 1.8rem;
}

.message_box01.sp_reverse {
    display: flex;
    flex-direction: column-reverse;
}

.message_box_img_02 {
    width: 100%;
    max-width: 100%;
}

.message_box_img_02 img {
    width: 100%;
    max-width: 245px;
    margin: 0 auto 30px;
}

/*沿革*/
.history_wrap {
    padding-top: 60px;
    padding-bottom: 15px;
}

.history_subTitle h4 {
    font-size: 1.8rem;
}

.history_subTitle .years {
    font-size: 3.6rem;
}

.history_cont01 {
    display: block;
}

.history_cont01_text {
    width: 100%;
}

.history_cont01_img {
    width: 100%;
    margin: 30px auto 0;
}

.history_cont01_img img {
    width: 100%;
    max-width: 245px;
    margin: 0 auto;
}

.history_table {
    padding: 5px 15px 20px 15px;
    margin-bottom: 45px;
}

.history_table dl {
    display: block;
}

.history_table dl dt {
    width: fit-content;
    min-width: 6em;
    justify-content: flex-start;
    border-bottom: none;
    padding: 0;
    margin-top: 15px;
}

.history_table dl dt:after {
    top: 7px;
}

.history_table dl dt p {
    width: auto;
    padding: 0;
    padding-right: 12px;
}

.history_table dl dd {
    width: 100%;
}

.history_table dl dd {
    padding: 0 0 10px 0;
}

.history_table dl dd p {
    font-size: 1.4rem;
}

.history_table dl dt.border_none {
    
}

.history_table dl dd.border_none {
    border-bottom: 1px dotted #E0E0E0;
    padding: 0 0 10px 0;
}

.history_table dl dd.last {
    border-bottom: none;
    padding-bottom: 0;
}

/*会社概要*/

.profile_wrap {
    padding-top: 60px;
    padding-bottom: 30px;
}

dl.company_profile {
    display: block;
}

dl.company_profile dt {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
}

dl.company_profile dd {
    width: 100%;
    padding: 5px 0 15px 0;
}

dl.company_profile dt:before {
    content: none;
}

.local_info {
    margin-bottom: 30px;
}

/*ページ下部リンク*/
.bottom_links {
    display: block;
}

.bottom_links li {
    min-width: 256px;
    width: 256px;
    margin: 20px auto 0;
}

.bottom_links_wrap {
    padding-top: 10px;
}

/*----------------
新着情報一覧
------------------*/

.news_wrap {
    padding-bottom: 40px;
}

.news_cate {
    width: 100%;
}

.news_cate_item {
    width: 31%;
    min-width: 31%;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    height: auto;
}

.news_cate_item {
    font-size: 1.3rem;
    line-height: 1.2;
}

.news_cate_item span {
    line-height: 1.2;
}

.news_list {
    margin-top: 30px;
}

.news_list_item {
    padding: 25px 15px 20px 15px;
}

.n_cate {
    font-size: 1.1rem;
    padding: 3px 10px 3px;
    min-width: auto;
}

.n_date {
    font-size: 1.3rem;
}

.news_list_item .n_title {
    font-size: 1.6rem;
    margin-top: 8px;
}
.news_list_item .n_text {
    margin-top: 8px;
}

.news_list_item .n_btn {
    margin-top: 8px;
}

/*----------------
新着情報 記事
------------------*/

.article_wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}

.article_wrap h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    margin-top: 10px;
}

.article_img_w {
    margin: 20px auto 20px;
}

.article_img_s {
    margin: 20px auto 20px;
}

/*----------------
仲間を知る
------------------*/

.interview_wrap {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #F8F8F8;
}

.interview_wrap h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 30px;
}

.interview_item {
    padding: 30px 15px 15px 15px;
    margin-bottom: 20px;
}

.int_cont {
    display: block;
    margin-top: 20px;
}

.interview_item:before {
    height: 4px;
}

.int_cont_img {
    width: 100%;
    max-width: 286px;
    margin: 20px auto 20px;
}

.int_cont_text {
    width: 100%;
}

/*----------------
私たちの仕事
------------------*/

.work_wrap {
    margin-bottom: 10px;
}

.business li {
    width: 31.333333333%;
    margin: 0 1% 8px;
}

.business li a {
    padding: 10px 25px 12px 8px;
    
}

.business li a span {
    font-size: 1.3rem;
}

.business li a:after {
    width: 5px;
    height: 5px;
    right: 10px;
    margin-top: -4px;
}

.work_wrap h3 {
    font-size: 1.6rem;
    margin-top: 30px;
    padding: 6px 15px 6px;
    font-weight: 500;
    margin-bottom: 25px;
}

ul.work_dtl {
    display: block;
    margin-bottom: 50px;
}

ul.work_dtl li {
    width: 100%;
}

.work_wrap .inner > p {
    margin-bottom: 20px;
}

/*----------------
採用情報一覧
------------------*/

.occupation_area {
    padding: 40px 15px 20px;
}

.occupation_select {
    display: block;
}

.occupation_select li {
    width: 100%;
    margin: 0 0 20px;
}

.occupation_select li select {
    width: 100%;
    font-size: 1.4rem;
}

.job_type {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 5px;
}

.job_type li a {
    min-width: 102px;
    font-size: 1.3rem;
    padding: 5px 15px 5px;
}

.job_type li {
    margin: 5px 5px 5px;
}

.jobs_list_wrap {
    padding-top: 40px;
}

.jobs_list {
    display: block;
}

.jobs_list .jobs_item {
    width: 100%;
    margin-bottom: 30px;
}

.jobs_item_cate {
    padding: 4px 15px;
}

/*----------------
採用情報詳細
------------------*/

.apply_bt {
    width: 256px;
    height: 44px;
}

.recInfo_wrap {
    padding-top: 30px;
    padding-bottom: 40px;
}

.recInfo_cont {
    width: 100%;
}

.recInfo_cont h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.recInfo_cont h3 {
    font-size: 1.6rem;
    margin-top: 25px;
    margin-bottom: 20px;
}

dl.apply_tb {
    margin-bottom: 25px;
}

dl.apply_tb dt,
dl.apply_tb dd {
    font-size: 1.3rem;
    padding: 8px 10px 8px 10px;
}

dl.apply_tb dt {
    width: 100px;
}

dl.apply_tb dd {
    width: calc(100% - 100px);
}

.culture_cont {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
}

.culture_cont_img {
    margin: 0 auto 25px;
}

.culture_cont_text {
    width: 100%;
}

.culture_cont_text h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.culture_cont_text p {
    font-size: 1.3rem;
}

.culture_wrap {
    padding-top: 50px;
    padding-bottom: 25px;
}

/* 応募・問い合わせフォーム */
.form_wrap {
    padding-top: 20px;
    padding-bottom: 55px;
}

.form_tips {
    font-size: 1.3rem;
    text-align: left;
}

.apply_form {
    padding: 50px 15px 40px 15px;
}

.form_item textarea {
    height: 135px;
}

.apply_form .policy_tx {
    font-size: 1.3rem;
    text-align:left;
}

.apply_form button {
    min-width: 256px;
    width: 256px;
    height: 44px;
    padding: 10px 30px 10px 15px;
    font-size: 1.4rem;
    margin-top: 25px;
}

#inquiry_form iframe {
    height:880px;
}

/*----------------
プライバシーポリシー
------------------*/

.privacy_wrap {
    padding-bottom: 40px;
}

.privacy_wrap h2 {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 25px;
}

.policy_item {
    margin-bottom: 25px;
}

.privacy_wrap h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

ul.bullet {
    padding: 15px 15px 10px 15px;
}

.recruite_link_bt_wrap {
    display: none;
}

/*----------------
1日の流れ
------------------*/

.sc_tab_box .btn_area {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.sc_target .inner {
    display: block;
}

.sc_target_img {
    margin: 0 auto 20px;
}

.sc_target_cont {
    width: 100%;
}

.sc_target_cont .here_bt {
    width: 256px;
    margin: 30px auto 0;
    padding-left: 15px;
}

.sc_target_post {
    font-size: 1.6rem;
}

.sc_target_name {
    font-size: 1.8rem;
}

dl.sc_flow {
    display: block;
    padding-left: 25px;
    margin-top: 20px;
}

dl.sc_flow dt {
    width: 100%;
    height: auto;
    background-image: none!important;
    background-color: #7C3633;
    border-radius: 3px;
    padding: 7px 12px;
    width: calc(100% + 25px);
    margin: 0 0 10px -25px;
}

dl.sc_flow dt span {
    position: static;
    transform: none;
    font-size: 1.8rem;
}

dl.sc_flow dd {
    display: block;
    width: 100%;
    margin: 0 0 20px 25px;
    margin: 0;
    padding: 20px 15px 15px 15px;
    margin-bottom: 15px;
}

dl.sc_flow dd .sc_flow_tit {
    font-size: 1.6rem;
}

dl.sc_flow dd .sc_flow_img {
    margin: 15px 0 0 0;
}

dl.sc_flow dt.blank {
    display: none;
}

.sc_tab_box .tab_btn {
    border-radius: 3px 3px 0 0;
}