@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoonの子テーマ
Theme URI: https://wp-cocoon.com/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
 /*全体ページ*/
 *{margin:0;padding:0;}
.wrap {width: auto;}
.main {padding: 0;}
.article {padding:0;margin: auto;}
.entry-content {margin: 0;}
.content {margin-top: 0;}
.entry-content {margin: -1px;}
.entry-content>* {margin-bottom: 0;}
    /*全幅のときにコンテンツ*/
.con1200{width: 1200px;margin: 5% auto 0 auto;}
/* 追加 .con1400 */
.con1400{width: 1400px;margin: 0px auto 0px auto;}
 
  /*パンくず*/
.breadcrumb.pbp-main-before {width: 1200px;display: block!important;margin: 3% auto;}
.breadcrumb.sbp-main-before {width: 1200px;display: block!important;margin: 2% auto;}
.breadcrumb div {display: inline;align-items: baseline;}
.fa-folder:before {content: ">";}
.fa-file-o:before {content: "";}
.fa-fw {display: none;}


.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {display: flex;}

/*アンカーリンク*/
a.anchor{display: block;padding-top: 200px;margin-top: -200px;}

/* Google Mapを囲う要素 */
.map {position: relative;width: 1200px;height: 0;padding-top: 50%;margin: 0 auto;}

/* Google Mapのiframe */
.map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 85%;}

/*固定ページ　日付非表示*/
.date-tags {display: none;} 

/*エラーページ*/
.error404 #content{margin: 0 10%;}
.error404 .entry-title {display: table;text-align: center;margin: 5% auto;}
.not-found{display: none;}

 /*テキスト*/
p.indent-1 {padding-left:1em;text-indent:-1em;margin-bottom: 0;line-height: 1.5em;}
.red {color:#e10012;}
.rspace{margin-right: 1em;}

 /*画像*/
img {vertical-align: bottom;width: 100%;}

/*リンク*/
 a {transition: 1.0s;}
.button a{position: relative;padding: 15px 40px;transition: 0.3s ease-in-out;line-height: 1.5em;color: #fff;font-weight: 600;letter-spacing: 0.2em;font-size: 25px;background: #45b035;margin: auto;height: 50px;text-decoration: none;}
.button a{padding: 15px 40px;transition: 0.3s ease-in-out;line-height: 1.5em;color: #fff;font-weight: 600;letter-spacing: 0.2em;font-size: 25px;background-color: #45b035;margin: auto;height: 50px;text-decoration: none;background-image: url(https://nakataku.co.jp/nakatakucms/wp-content/uploads/2022/12/btn_sankaku.png);background-repeat: no-repeat;background-size: contain;background-position: -2px;}
.button a:after {content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 15px;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #fff;}
.button a:hover{background: #e60012;}
 
/*位置*/
.center{text-align:center;}

/*空き*/
.rspace890{margin-right:1em;}
.rspace300{margin-right:1em;}
.bspace{margin-bottom:2%;}
.bspace5{margin-bottom:5%;}
.bspace20 {margin-bottom: 20px!important;}
 
/*ページタイトル*/
.article-header{text-align: center;margin: 0 10%;}
.entry-title{border-bottom: 5px #db0012 solid;display: inline-block;font-size: 250%;padding: 1% 3% 5px 3%;letter-spacing: 0.2em;}

/*各ページタイトル*/
/*
.post-136 .entry-title:before {content: 'CONTACT\A';white-space: pre;color: #db0012;letter-spacing: 0.2em;font-size: 60%;margin-left: 0.2em;}
.post-178 .entry-title:before {content: 'PRIVACY POLICY\A';white-space: pre;color: #db0012;letter-spacing: 0.2em;font-size: 60%;margin-left: 0.2em;}
*/

/*見出し*/
.article h2 {margin-bottom: 2%;}
.article h2 {font-size: 24px;padding: 10px;background-color: #fff;border-radius: 0;border-left: 10px solid #db0012;}

/*入力箇所*/
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {border-radius: 0;border: 1px solid #000;width: auto;}

 
/*背景*/
.back1 { position: relative;padding:5% 0;}
.back1:after {content: "";position: absolute;left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 700px 700px 0 0;border-color: #e10012 transparent transparent transparent;z-index:-1;}
.back2 { position: relative;}
.back2:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 700px 700px;border-color: transparent transparent #e10012 transparent;z-index:-1;}
.back3{ padding-bottom: calc(10vw + 10px);  position: relative;overflow: hidden;background-color:#dadada;padding-top: 5%;} 
.back3::before {content: '';position: absolute;top: 0;right: 0;border-top: 5vw solid #fff;border-right: 100vw solid transparent;}
/* 追加 */
.back4 { position: relative;padding:3% 0;}
.back4:before {content: "";position: absolute;left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 62.6vw 62.6vw 0 0;border-color: #45b035 transparent transparent transparent;z-index:-1;}
.back4:after {content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 400px 400px;border-color: transparent transparent #45b035 transparent;z-index:-1;}

 /*ヘッダー*/ 
#header-container .navi {background-color: #45b035;padding-right: calc(1vw + 10px);position: relative;overflow: hidden;height:111px;}
#header-container .navi:before {content: '';position: absolute;top: 0;left: 0;border-left: 3vw solid #fff;border-bottom: 10vw solid transparent;}
#menu-item-13 a {color: #45b035!important;background: #fff;display: inline-block;border-radius: 30px;text-align: center;vertical-align: middle;width: 100%;height: 70%;line-height: 2em;}
#navi .navi-in a, #navi .navi-in a:hover {font-weight: 600;font-size: 20px;}
.hlt-tm-right .navi-in > ul {margin-left: 5%;margin-top: 2%; justify-content: flex-start;}
.navi-in > ul li {width: 16%;}
.header-container-in.hlt-top-menu .logo-header img {max-height: 111px;}
.header {height: 111px;}
.logo-image * {display: block;}
.logo-image {padding: 0;}
.navi-menu-icon{color: #4d4d4d;}
label {color: #4d4d4d;}

 /*ハンバーガーメニュー*/ 
.mobile-header-menu-buttons {top: 0;left: auto;width: 50px;box-shadow: 0 0 5px darkgrey;background: #fff!important;}
.navi-menu-content {left: auto;right: 0;transform: translateX(105%);}

/* フッター電話 */
#footer-tel-out .tel {
    line-height: 1.8em;
    margin-top: 10px;
}

#tel-cation {
    margin-top: 2px;
    margin-bottom: 12px;
    line-height: 1.8em;
    font-size: 90%;
}

@media screen and (max-width: 360px){
    #footer-tel-out #tel-cation {
        text-align: left;ss
    }
    
    #footer-tel-out .button a {
        font-size: 13px;
    }
}

/*フッターメニュー*/
#footer a {font-weight: 600;}
.copyright {font-weight: 600;}
.footer-logo{text-align:center;}
.footer-logo img{width: 255px;}

/*フッターモバイルメニュー*/
.mobile-menu-buttons .menu-caption {font-size: 14px;}
.mobile-menu-buttons {background-color: #db0012;}
.mobile-menu-buttons > li {color: #fff;border-right: solid 2px;}
.mobile-menu-buttons .menu-button > a {color: #fff;}  
.mobile-menu-buttons > li:last-child{border-right: none;}

/*トップに戻る*/
.go-to-top {right: 0;bottom: 0;}
.go-to-top-button {border-radius: 0;font-size: 22px;}

/*トップパスワード保護ページ*/
#post-6 form{margin: 10%;}

/*お問い合わせページ*/
.required{background:#db0012;padding: 2px 5px;margin-left: 0.5em;color: #fff;font-size: 90%;}
#cotact_box{background:#fff;padding: 5% 10% 3% 10%;}
#cotact_box dl{border-bottom:#000 solid 1px;display:flex;padding: 0 3% 2% 3%;}
#cotact_box dt{width:35%;margin: auto;font-weight: 600;}#cotact_box dd{width:65%;margin-left: 0;}
#cotact_box .detail{padding: 0 3%;}
#cotact_box .title{font-weight: 600;margin-bottom:2%;}
#cotact_box dd input{width:80%;}
#cotact_box .tel input{width:auto;}
#cotact_box .detail textarea{width:100%;}
#cotact_box .contact_btn input{background: #45ad35;padding: 10px;color:#fff;width: 150px;font-size: 100%;border: none;}
#cotact_box .contact_btn button{background: #45ad35;padding: 10px;color:#fff;width: 150px;font-size: 100%;border: none;}
#cotact_box .button a{font-size:18px;}
#cotact_box .button a:before {display:none}
.error_posi {position: relative;margin-bottom: 20px;}
.error_posi span {position: absolute;bottom: -30px;}

/* 画面幅で切替*/
.pc750 {display:block;}.sp750 {display:none;}.br300 {display:none;}.br890 {display:none;}

/* 基本ボタン */
.basic-btn01 {
    text-align: center;
    margin-top: 20px;
}

.basic-btn01 a {
    display: inline-block;
    color: white;
    padding: 5px 30px;
    text-decoration: none;
}

/* カラー */
.basic-btn01.red a {
    background: #e10012;
    border: 1px solid #e10012;
}

.basic-btn01.red a:hover {
    color: #e10012;
    background: white;
}

/*　中ページタイトル追記 */
#second-page-title01 {
    text-align: center;
}

#second-page-title01 .entry-title {
    display: inline-block;
}

#second-page-title01 h1 {
    font-size: 100%;
}

/* フォントサイズ */
/* 小 */
.font-small01 {
    font-size: 80%;
}

/* マージン　*/
.margin-b1em {
    margin-bottom: 1em;
}


/***********************************
    新着情報関連
************************************/

#top-news-wrapper {
    padding: 60px 0px;
    /* background: #45b035; */
    background: url("https://nakataku.co.jp/nakatakucms/wp-content/uploads/2023/04/news-back.jpg") no-repeat center bottom;
    background-size: cover;
}

#top-news-back {
    /*
    background:rgba(255,255,255,0.9);
    */
    background: white;
    padding: 40px 40px 10px;
}

#top-news-back h2 {
    background: none !important;
    margin-bottom: 10px !important;
}


#news-contents-out {
    margin-bottom: 100px;
}


#news-contents-out #second-page-title01 {
    margin-bottom: 30px;
}

#news-contents-out .top-news-contents {
    padding: 10px 10px;
    border-bottom: 1px solid #c0c0c0;
}

.news-date {
    display: inline-block;
    min-width: 4.5em;
    font-size: 90%;
    margin-right: 10px;
}

.category-icon {
    display: inline-block;
    color: white;
    padding: 2px 10px;
    margin-right: 10px;
    font-size: 0.85em;
    text-decoration: none;
    text-align: center;
    min-width: 94px !important;
}

.category-icon.news {
    background: #45b035;
}

.category-icon.blog {
    background: #e10012;
}

.category-icon:hover {
    color: white !important;
}

.news-text {
    display: inline-block;
    line-height: 1.2em;
}

.news-text a {
    text-decoration: none;
    color: #000;
}

.news-text a:hover {
    text-decoration: underline;
}

/*** 新着情報一覧 ***/
#pager-out ul {
    list-style-type: none;
}

.page-id-257 .entry-title:before {
    content: 'BLOG';
    white-space: pre;
    color: #db0012;
    letter-spacing: 0.2em;
    font-size: 60%;
    margin-left: 0.2em;    
}

#second-page-out {
    margin-top: 0px;
}

/* カテゴリーページ */
#category-error-text {
    text-align: center;
    margin-top: 30px;
}

/* パンくず */
#pager-out {
    text-align: center;
    margin-top: 20px;
}

#pager-inner {
    display: inline-block;
}

#pager-out .page-numbers:not(ul) { /*　カテゴリページのページャーのulにも付くのでそれは省く */
    background: #45b035;
    border: 1px solid #45b035;
    color: white;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
    text-align: center;
}

#pager-out .page-numbers:hover {
    color: white;
}

#pager-out .current {
    color: #45b035 !important;
    background: white !important;
}

#pager-out .next {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#pager-out .prev {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;    
}

/* カテゴリページ用のページャーcssリセット */
#pager-out ul {
    display: block !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
}

.category-page-pager li {
    display: inline-block !important;
}

/*** 新着情報　詳細 ***/
.single-page-out {
    margin-bottom: 180px;
}

.blog-text-out {
    margin-top: 40px;
    margin-bottom: 40px;
}


/* 会社概要 */
#profile dl dt {
    text-align: left;
    padding-left: 8%;
    padding-right: 10px;
}

#profile a {
    text-decoration: none;
}

@media screen and (max-width: 890px){
    #profile dl dt {
        padding-left: 10px;
    }    
}

@media screen and (max-width: 500px){
    #profile dl dt {
        padding-left: 0px;
        padding-right: 0px;
    }    
}

/***********************************
    求人情報
************************************/

#main-recruit-con {
    display: flex;
    margin-bottom: 0px;
}

#main-recruit-con .recruit-con {
    margin-right: 13%;
}

#main-recruit-con > *:first-child+*+* {
    margin-right: 0px !important;    
}

#main-recruit-con dt {
    font-weight: bold;
    font-size: 140%;
}

#main-recruit-con dd {
    margin-left: 1em;
}

#main-recruit-con > *:first-child dd {
    margin-left: 1.5em;
}

#main-recruit-con .fa {
    color: #db0012;
    margin-right: 0.1em;
}

#main-recruit-con .en-icon {
    color: #db0012;
    font-size: 115%;
}

#salary-sub-text {
    margin-right: 0.5em;
}

#holiday-total {
    margin-top: 20px;
}

#holiday-total span {
    display: inline-block;
    font-size: 90%;
    padding: 5px 16px;
    border: solid 1px #cdcdcd;
    border-radius: 4px;
}

/*　応募リンクボタン */
.oubo-link {
    font-size: 130%;
    margin-bottom: 80px;
}

#oubo-link01 {
    margin-top: 30px;
}

/* 募集要項テーブル */
#oubo-form-out dt {
    width: 43%;   
}

#recrut-table-title-sp {
    display: none;
    text-align: center;
    border: none !important;
    font-size: 130%;
}

/* エラーメッセージ */
#error-message {
    text-align: center;
    color: #B70000;
    margin-bottom: 40px;
}

/*** 募集要項テーブル関連 ***/
#recruit-table-out th .fa {
    margin-right: 0.2em;
}

#recruit-table-out td .fa {
    margin-right: 0.2em;
}

#recruit-table-out td {
    padding: 20px;
}

#recruit-table-out td p {
    margin-bottom: 0px;
}

#recruit-table-out #main-recruit-table-title {
    font-size: 130%;
}

.recruit-ul01,
.recruit-ul02
{
   list-style-type: none;
    padding-left: 0px !important;
}

.recruit-ul01 li,
.recruit-ul02 li
{
    padding-left:1em;
	text-indent:-1em;
}

.recruit-ul02 {
    margin-bottom: 0px !important;
}

#recruit-table-out table {
    margin-bottom: 0px;
}

/* 求人応募フォーム内容 */
#oubo-form-out input[type=radio] {
    width: auto !important;
}

#oubo-form-out input[name="年"] {
    width: 30%;
}

#oubo-form-out input[name="月"],#oubo-form-out input[name="日"] {
    width: 18%;
}

#oubo-form-out input[name="郵便番号"] {
    width: 60%;
}

#oubo-form-out input[name="住所"] {
    width: 100%;
}

#oubo-form-out input[name="卒業年"] {
    width: 30%;
}

#oubo-form-out select {
    width: 100%;
}

#oubo-form-out textarea {
    line-height: 1.3em;
}

/*** 応募フォーム確認ページのみ ***/
.mw_wp_form_confirm #oubo-form-out .textarea-con {
    margin-bottom: 30px !important;
}

.mw_wp_form_confirm  #oubo-form-out .contact_btn {
    margin-bottom: 40px;
}

.mw_wp_form_confirm  #oubo-form-out .contact_btn button {
    margin-bottom: 10px;
}

@media screen and (max-width: 1050px){
    #main-recruit-con .recruit-con {
        margin-right: 5%;
    }   
}

@media screen and (max-width: 890px){
    #error-message {
        margin-bottom: 20px;
    }
    
    #oubo-form-out input[name="氏名"],
    #oubo-form-out input[name="フリガナ"],
    #oubo-form-out input[name="メールアドレス"],
    #oubo-form-out input[name="ご住所"],
    #oubo-form-out input[name="学校名"]
    {
        width: 100%;
    }
    
    #oubo-form-out input[name="卒業年"] {
        width: 50%;
    }
}

@media screen and (max-width: 850px){
    #main-recruit-con {
        display: block;
    }
    
    #main-recruit-con .recruit-con {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    #main-recruit-con dd {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 767px){
    #main-recruit-con dt {
        font-size: 115%;
    }    
    
    #recruit-table-out #main-recruit-table-title {
        font-size: 100%;
    }
    
    #recruit-table-out .side-th {
        line-height: 1.3em;
        text-align: left;
        padding-left: 8px;
    }
    
    #recruit-table-out td {
        padding: 10px;
    }
    
    .oubo-link {
        font-size: 110%;
        margin-bottom: 60px;
    }
    
    #pc-recrut-table-head {
        display: none;   
    }
    
    #recrut-table-title-sp {
        display: block;
    }
    
    #recruit-table-out .side-th,
    #recruit-table-out td
    {
        display: block;
        width: 100%;
        font-size: 100%;
    }
    
    #recruit-table-out .side-th {
        padding: 10px;
    }
}

@media screen and (max-width: 420px){
    #oubo-form-out select {
        font-size: 16px;
    }   
}

@media screen and (max-width: 340px){
    #oubo-form-out input[name="年"] {
        width: 25%;
    } 
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

  /*1300px以下*/
@media screen and (max-width: 1300px){
.back4:before {
    border-width: 30vw 30vw 0 0;
}
.back4:after {
    border-width: 0 0 20vw 20vw;
}    

.con1200{width: 100%;padding:0 7%;}
.con1400{width: 100%;padding:0 7%;} /* .con1400追加 */
.breadcrumb.pbp-main-before {width: 100%;padding: 0 5%;}
.breadcrumb.sbp-main-before {width: 100%;padding: 0 5%;}
#menu-item-13 a {font-size:0;}
#menu-item-13 a:before {font-size: 16px; content: "お電話";text-align: center;vertical-align: middle;width: 80%;height: 70%;line-height: 2.8em;}
#top-news-wrapper {
    background: url("https://nakataku.co.jp/nakatakucms/wp-content/uploads/2023/04/news-back-tb.jpg") no-repeat right bottom;
    background-size: cover;
}
}

/*1200px以下*/
@media screen and (max-width: 1200px){#navi .navi-in a, #navi .navi-in a:hover {font-size: 16px;}}

/*1023px以上*/
@media screen and (min-width: 1023px){    
    #top-news-wrapper #top-news-back .center {
        margin-bottom: 30px;
    }
}

/*1023px以下*/
@media screen and (max-width: 1023px){
/*ヘッダー*/
#header-container .navi {display: none;}
.is-header-fixed .header-container {border-bottom: 20px solid #45b035;}
/*ハンバーガーメニュー*/
.mblt-header-mobile-buttons {margin-top: 0;}
.menu-content {background: #45b035;}
.menu-close-button {color: #fff;}
.menu-drawer li {border-bottom: 3px solid #fff;padding: 7px;}
.menu-drawer a {color: #fff;font-weight: 600;}
.menu-drawer a:hover {color: #13a7de;}
.sub-menu {box-shadow: none;}
.sub-menu li {border-bottom: none;}
.mblt-header-and-footer-mobile-buttons {margin-top: 0;}
.news-text { display: block; margin-top:10px; }
.single-page-out .entry-title { font-size: 180%; };
}

/* メニュー電話　注意 */
.menu-tel-cation span {
    display: block;
    font-size: 0.6em;
}

.menu-tel-cation a {
    display: flex;
    height: auto !important;
    line-height: 1em !important;
    padding: 9px 5px 4px;
    min-width: 190px;
}

@media screen and (max-width: 1300px){
    .menu-tel-cation a {
        min-width: auto !important;
        margin-left: 10px;
    }
    
    .menu-tel-cation .item-label {
        display: none;
    }
}

@media screen and (max-width: 1023px){
    .menu-tel-cation a {
        display: block;
        margin-left: 0px;
    }
    
    .menu-tel-cation span {
        display: block;
    }    
}

/*890px以下*/
@media screen and (max-width: 890px){
/*お問い合わせ*/
#cotact_box dl {flex-wrap: wrap;}#cotact_box dt{width:100%;}#cotact_box dd{width:100%;}
/*空き*/
.rspace890{margin-right:0;}
/*リンク*/
.button a {font-size: 18px;letter-spacing: 0.1em;padding: 10px 30px;}.button a:after {right: 10px;}
.br890 {display:block;}}

/*834px以下*/
@media screen and (max-width: 834px){
/*ヘッダー*/
.navi-footer-in > .menu-footer li.menu-item {width: 20%;}.menu-footer li.menu-item a {width: auto!important;}.navi-footer-in > .menu-footer li.menu-item {justify-content: center;}
/*全体ページ*/
main.main, div.sidebar {padding:0;}}

/*650px以下*/
@media screen and (max-width: 650px){
/*お問い合わせ*/
#cotact_box .tel input{width:25%;}}

/*550px以下*/
@media screen and (max-width: 550px){
.article h2 {font-size: 20px;}}

/*500px以下*/
@media screen and (max-width: 500px){
/* ブログ */
#news-contents-out {
    margin-bottom: 60px;
}
    
.single-page-out {
    margin-bottom: 140px;
}
    
#top-news-back {
    padding: 20px 20px 10px;
}
/*タイトル*/
.entry-title {font-size: 180%;}
.single-page-out .entry-title { font-size: 150%; letter-spacing: 0.02em; };
/*背景*/
.back3 {padding: 15% 0;}
/*お問い合わせ*/
#cotact_box dl {padding: 0 3% 5% 3%;}
/*リンク*/
.button a {font-size: 16px;letter-spacing: 0.1em;padding: 10px 20px;}#contact .tel a {font-size: 180%;}.button a:after {border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #fff;right: 5px;}}

/*480px以下*/
@media screen and (max-width: 480px){
.con1200 {padding:5% 10%;}
.con1400 {padding:5% 10%;} /* .con1400追加 */
.breadcrumb.pbp-main-before {padding: 0 10%;}
.breadcrumb.sbp-main-before {padding: 0 10%;}
#top-news-wrapper {
    padding-top: 0px;
    padding-bottom: 10px;
}    
#top-news-wrapper .con1400 {
    padding: 55px 20px 65px;
}
}

/*300px以下*/
@media screen and (max-width: 300px){
.rspace300{margin-right:0;}
/*リンク*/
.button a {font-size: 14px;}.br300 {display:block;}}