/* --------------------------------------
  Tablet Styling
  -------------------------------------- */
@media only screen and (max-width: 1000px) {

/* ハンバーガーメニューを表示 */
.hamburger-menu {
    display: none;
}

/* ハンバーガーチェックを隠す */
#menu-btn-check {
    display: none;
}

/* レスポンシブ時の画像の切り替え */
.pc_img { display: none; }
.tab_img { display: inline-block; }
.sp_img { display: inline-block; }
.pc_btn { display: none; }
.tab_btn { display: flex; }
.sp_btn { display: none; }


/* --------------------------------------
  Header
-------------------------------------- */
/* ヘッダーの設定 */
#header {
    height: 75px;
}

/* ヘッダーロゴの設定 */
.header-logo {
    width: 200px;
    margin: 0 35px 0 0;
}

/* ヘッダーメニューの設定 */
#main-nav ul li span {
    display: none;
}

#main-nav ul li {
    font-size: 14px;
    margin: -5px 45px 0 5px;
}


/* --------------------------------------
  Main メイン設定
-------------------------------------- */
/* トップ画像の設定 */
.top-wrap {
    margin-top: 60px;
}

.slideshow {
    display: flex;
    margin-left: -40px;
    animation: loop-slide 200s infinite linear 0.5s both;
    z-index: -1;
}

.catchcopy {
    font-size: 32px;
    letter-spacing: 10px;
    margin: -185px auto 100px;
}

.backcopy {
    font-size: 100px;
    letter-spacing: -5px;
    padding-top: 4px;
}

.slant-bg::before {
    top: 100px;
}

.slant-bg::after {
    top: 100px;
}

.slant-bg1::before {
    top: 100px;
    bottom: 50px;
}

.slant-bg1::after {
    top: 100px;
    bottom: 50px;
}


/* --------------------------------------
   Index - ごあいさつ
-------------------------------------- */
/* メインコンテンツの背景 */
#top-message {
    width: 80%;
}

#top-message h2 {
    margin: 50px 0;
}

#top-message p {
    line-height: 1.75;
}


/* --------------------------------------
  Company - 企業情報
-------------------------------------- */
#profile {
    width: 80%;
}

#profile h2 {
    margin: 200px 0 50px;
}

.vision-text-img {
    width: 100%;
    margin: -50px auto 50px;
}

.profile-table th, .group-table th {
    width: 25%;
    padding: 10px;
}

.profile-table td, .group-table td { 
    width: 75%;
    padding: 10px;
}

.history-table {
    margin-bottom: 50px;
}


/* --------------------------------------
  Buisiness - 事業内容
-------------------------------------- */
#business {
    width: 85%;
    margin: -150px auto 0;
}

#business h2 {
    margin: 200px 0 50px;
}

.card-wrapper {
    display: block;
    margin-bottom: 100px;
}

.card {
    display: flex;
    width: 100%;
    margin-bottom: 50px;
}

.card img {
    display: flex;
    width: 50%;
}

.card_content {
    width: 100%;
}

.biz-category {
    font-size: 22px;
}


/* --------------------------------------
  Recruit - 採用情報
-------------------------------------- */
#recruit {
    width: 85%;
}

#recruit h2 {
    margin: 200px 0 50px;
}

.recruit-table {
    margin-bottom: 50px;
}

.recruit-table th {
    font-size: 14px;
    padding: 15px;
}

.recruit-table td { 
    font-size: 14px;
    line-height: 1.5;
}

.apply-text {
    width: 95%;
    font-size: 14px;
}

.apply-btn {
    margin: 50px auto 75px; /* 中央寄せ */
}

.apply-text-s {
    font-size: 14px;
    line-height: 1.25;
    width: 95%;
    margin: 50px auto;
}

.apply-text-b {
    margin-bottom: -8px;
}

.apply-qa-btn, .apply-phone-btn {
    margin: 25px auto 100px; /* 中央寄せ */
}


/* --------------------------------------
  Contact
-------------------------------------- */
#contact {
    width: 100%;
}

#contact h2 {
    margin: 50px 0;
}

#contact-contact {
    width: 90%;/*横幅*/
}

.contact-table {
    margin-bottom: 50px;
}

.req {
    font-size: 10px;
}

.contact-item, .contact-body {
    font-size: 14px;
}

.contact-submit {
    width: 360px; /* 横幅指定 */
}

.privacy {
    width: 80%;
    margin: 50px auto;
}


/* --------------------------------------
  Privacy Policy　プライバシーポリシー
-------------------------------------- */
#privacy-policy {
    width: 80%;
    margin: 0 auto 100px;    
}

#privacy-policy h2 {
    margin: 50px 0;
}


/* --------------------------------------
  Thanks　サンクスページ
-------------------------------------- */
#thanks {
    margin-top: 5%;
}

.custom-box {
    position: relative;
    margin: 20% auto;
    padding: 50px 25px;
    border: solid 2px #62c1ce;
    width: 25%;
}

.custom-box .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -3px;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    background: #62c1ce;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.custom-box p {
    margin: 0; 
    padding: 0;
}


/* --------------------------------------
  Thanks　サンクスページ
-------------------------------------- */
.custom-box {
    width: 80%;
}


/* 消さない */
}