@charset "UTF-8";section+section{margin-top:89px}@media screen and (max-width:767px){section+section{margin-top:11.87vw}}.foot-img{margin-top:45px;text-align:center}.back-img{background-image:url(../img/company-img-back.png);background-repeat:no-repeat;background-size:35% auto;background-position:100% -140px;position:fixed;top:0;width:100%;height:100vh}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.back-img{background-image:url(../img/company-img-back_@2x.png)}}.sec-cate{margin-bottom:55px}.btn-external{padding:12px 10px;padding-right:0!important;min-width:auto;font-size:18px;font-size:1.8rem}@media screen and (max-width:767px){.foot-img{margin-top:6vw}.back-img{background-position:100% 0}.sec-cate{margin-left:0;margin-bottom:4.53vw}.btn-external{padding:2.67vw;padding-right:2.67vw!important;font-size:100%;margin:6.67vw 0 1.33vw}}.btn-external span{padding-right:45px}.btn-external span:after{right:15px}@media screen and (min-width:768px),print{.panel{box-shadow:0 0 4px rgba(0,0,0,.2)}}@media screen and (max-width:767px){.btn-external span{padding-right:5.33vw}.panel{box-shadow:0 0 .8vw rgba(0,0,0,.2)}}@media screen and (min-width:768px),print{.sec-cate{width:70.6013363029%}.sec-cate.sec-cate-greeting img,.sec-cate.sec-cate-numbers img{min-height:394px}.sec-cate .panel .panel-head{width:40%;min-width:280px;left:34px}.sec-cate .panel .panel-ttl{padding:18px 34px 34px}.sec-cate-greeting .cmn-ttl,.sec-cate-numbers .cmn-ttl{padding-bottom:10px;border-bottom:1px solid #000}.sec-cate-greeting .cmn-ttl span,.sec-cate-numbers .cmn-ttl span{color:red}}@media screen and (max-width:767px){.sec-cate{width:100%}.sec-cate .panel .panel-head{width:42.67vw;left:4.53vw;top:-.1px}.sec-cate .panel .panel-body{height:36vw;overflow:hidden}.sec-cate .panel .panel-body img{height:auto}.sec-cate .panel .panel-foot{margin-top:2.67vw}.sec-cate-recruit{margin-top:4.67vw}}.box-center{margin-top:55px}.box-center .box-center-inner .content-wrap{padding-right:0;padding-left:0}@media screen and (max-width:767px){.box-center{margin-top:7.47vw}.panel{position:relative;z-index:10}}.category-list{overflow:hidden}.category-list .btn-arrow{width:100%}@media screen and (min-width:768px),print{.category-list>li{margin-top:55px}.category-list>li:nth-child(1),.category-list>li:nth-child(2){margin-top:0}}.category-list .category-sec{position:relative;float:left;width:calc((100% - 35px)/ 2);padding:0}.category-list .category-sec:hover .btm-btn-head .btn-arrow{background:#000}.category-list .category-sec:hover .list-img img{transform:scale(1.1,1.1)}.category-list .category-sec:nth-child(odd){margin-left:0;margin-right:35px}@media screen and (max-width:767px){.category-list{overflow:visible}.category-list .category-sec:nth-child(odd){margin-right:0}}.category-list .category-sec .btm-btn-head{position:absolute;top:0;left:0;z-index:10;margin:0!important;width:auto;box-shadow:none}.category-list .category-sec .list-img img{width:100%;transition:all .2s ease;backface-visibility:hidden}@media screen and (max-width:767px){.category-list .category-sec .list-img img{width:100%;height:auto}.category-list .category-sec{width:100%;margin-top:4.53vw;float:none}}.category-list .category-sec,.category-list _:-ms-lang(x){width:48%}.category-list .category-sec:nth-child(odd),.category-list _:-ms-lang(x):nth-child(odd){margin-right:4%}#age130{margin-top:55px}#age130 .panel-head span{display:block;background:url(img/history.jpg);background-size:3029px 388px;width:100%;height:388px;animation:leftSlide 90s linear infinite}@keyframes leftSlide{0%{background-position:0 0}100%{background-position:-3029px 0}}@keyframes leftSlideSp{0%{background-position:0 0}100%{background-position:-410vw 0}}.table-list{border-top:1px solid #000;width:100%}@media screen and (max-width:767px){.category-list .category-sec,.category-list _:-ms-lang(x){width:100%}.category-list .category-sec:nth-child(odd),.category-list _:-ms-lang(x):nth-child(odd){margin-right:0}#age130{margin-top:4.53vw;margin-left:0}#age130 .panel-head span{background-size:410vw 100%;background-repeat:repeat-x;height:auto;padding-top:58%;animation:leftSlideSp 90s linear infinite}.table-list{min-width:0}}.table-list tr{width:100%;border-bottom:1px solid #000}.table-list tr .table-list-head{width:160px;height:auto;padding:0 15px;background:#ddd;font-size:18px;font-size:1.8rem;font-weight:700;text-align:center;color:#000;display:table-cell;vertical-align:middle}.img-part,.table-list tr .table-list-detail .table-list-detail-txt span{display:block}@media screen and (max-width:767px){.table-list tr .table-list-head{width:26.67vw;padding:4vw;font-size:2.67vw}}.table-list tr .table-list-head:first-child{border-top:none}.table-list tr .table-list-detail{width:calc(100% - 160px);border-left:none;padding:15px}@media screen and (max-width:767px){.table-list tr .table-list-detail{padding:4vw;font-size:2.67vw}}.table-list tr .table-list-detail .table-list-detail-txt{margin:0;font-size:100%}.table-list tr .table-list-detail .color-red{color:red;font-weight:700}.table-list tr .table-list-detail .list-style-on{position:relative;margin-left:10px}.table-list tr .table-list-detail .list-style-on::before{content:"";position:absolute;top:1rem;left:-10px;display:block;width:5px;height:5px;background:red}.map-box{margin:45px auto}@media screen and (max-width:767px){.map-box{margin:6vw auto}}.group-company{font-size:24px;font-size:2.4rem;font-weight:700;margin:50px 0 10px}@media screen and (max-width:767px){.group-company{font-size:100%;margin:6.67vw 0 1.33vw}}.group-company a{margin-left:20px}@media screen and (max-width:767px){.group-company a{margin-left:2.67vw}}.note-txt{text-align:right;font-size:16px;font-size:1.6rem;margin:30px}@media screen and (max-width:767px){.note-txt{font-size:100%;margin:4vw}}.results-list{overflow:hidden}.results-list li{width:30%;float:left;font-size:18px;font-size:1.8rem}.results-list li:nth-child(3n+2){margin:0 5%}@media screen and (max-width:767px){.results-list li{width:100%;float:none;font-size:100%}.results-list li:nth-child(3n+2){margin:0}}.bg-box-gray{background-color:#f0f0f0}.img-part{width:100%}.img-part img{width:100%;height:auto}.tel-icon{margin-left:0!important;margin-right:10px}.txt-part{margin-top:20px;padding:0;font-size:18px;font-size:1.8rem}.mrg-bottom25{margin-bottom:25px}.back-color{background:#f0f0f0;padding-top:33px;padding-bottom:37px}.tensou-nav{width:85%!important}.img-center{text-align:center}@media screen and (max-width:767px){.txt-part{margin-top:2.67vw;font-size:100%}.mrg-bottom25{margin-bottom:3.33vw}.pg-company-env .sec-main .img img{width:100%}}.pg-company-env .sec-main .txt-box{margin-top:34px}.pg-company-env .sec-main .txt-box p{margin-top:13px}@media screen and (min-width:768px),print{.pg-companyGroup .table-list tr .table-list-head{width:200px}}@media screen and (max-width:767px){.pg-company-env .sec-main .txt-box{margin-top:8vw}.pg-company-env .sec-main .txt-box p{margin-top:2.67vw}.pg-companyGroup .table-list tr .table-list-head{width:32vw}}
/*# sourceMappingURL=style.css.map *//* タブ全体を囲むコンテナの設定 */
.tab-switch {
    display: flex; /* タブを横並びに配置 */
    flex-wrap: wrap; /* 幅を超えたら折り返し */
    max-width: 1000px; /* コンテナの最大幅を指定 */
    min-width: 1000px;
    margin: 95px; /* コンテナを中央に配置 */
    justify-content: center; /* タブを中央に寄せる */
    /*gap: 0 5px; タブ間の余白 */
}

.tab-switch:after {
  content: ''; /* 空の擬似要素を作成 */
  width: 100%; /* 幅をコンテナ全体に設定 */
  height: 1px; /* 線の高さを1pxに設定 */
  background-color: #757F96; /* 線の色 */
  display: block; /* ブロック要素として表示 */
  order: -1; /* 擬似要素を上部に配置 */
  margin-top: -5px;  /*タブボタンから-5pxの余白を設定 */
}

/* 各タブボタンの設定 */
.tab-switch > label {
    flex: 1 1 auto; /* タブボタンが均等に幅をとるが、幅を超えると折り返す */
    order: -1; /* タブボタンを上部に配置 */
    position: relative; /* 子要素の絶対位置指定の基準 */
    padding: .7em 1em; /* 上下に0.7em、左右に1emの内側余白 */
    background-color: #696969; /* タブボタンの背景色 */
    color: #ffffff; /* 文字色を白に設定 */
    text-align: center; /* 文字を中央揃え */
    cursor: pointer; /* カーソルをポインターに変更 */
    transition:.3s all;/*変化を滑らかに*/
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
    background-color: #ff0000; /* ホバー/選択時の背景色 */
    color: #fff; /* ホバー/選択時の文字色 */
}

/* ラジオボタン自体は非表示 */
.tab-switch input {
    display: none; /* ラジオボタンを見えなくする */
}

/* タブコンテンツのスタイル */
.tab-switch > div {
    display: none; /* 初期状態ではコンテンツを非表示に */
    width: 100%; /* コンテンツの幅を全体に設定 */
    padding: 1.5em 1em; /* 上下に1.5em、左右に1emの内側余白 */
  border:1px solid #757F96;
}

/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
    display: block; /* 選択されたタブのコンテンツを表示 */
}
