@charset "utf-8";

html { scroll-behavior: smooth;}

body {
    text-size-adjust: 100%;
    letter-spacing: 0.05em;
    color: #ccc;
    font-feature-settings : "palt";
    font-family: "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    background: #000;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 8px !important;
}

/*---　SP非表示　---*/
@media screen and (max-width: 768px) {
    .sp-none {
        display: none;
    }
}

/*---　SP画像　100%　---*/
@media screen and (max-width: 1280px) {
    .sp-img {
        width: 100%;
    }
}

.img100 {
    width: 100%;
}

/*--- color ---*/
.font-black {
    color: #000;
}


/* margin */
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mt100 {
    margin-top: 100px !important;
}
.sp_mt100 {
    margin-top: 100px !important;
}
.mt200 {
    margin-top: 200px !important;
}
.mt300 {
    margin-top: 300px !important;
}
.mt400 {
    margin-top: 400px !important;
}
.mt500 {
    margin-top: 15rem !important;
}
@media screen and (max-width: 768px) {
    .mt70 {
        margin-top: 1em !important;
    }
    .mt100 {
        margin-top: 1em !important;
    }
    .sp_mt100 {
        margin-top: 3em !important;
    }
    .sp_mt100 img{
        width: 100%;
    }
    .mt200 {
        margin-top: 2.5em !important ;
    }
    .mt300 {
        margin-top: 3.5em !important;
    }
    .mt400 {
        margin-top: 400px !important;
    }
    .mt500 {
        margin-top: 350px !important;
    }
}


.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr40 {
    margin-right: 40px;
}
.mr70 {
    margin-right: 70px;
}
@media screen and (max-width: 768px) {
    .mr10 {
        margin-right: 0;
    }
    .mr20 {
        margin-right: 5px;
    }
    .mr40 {
        margin-right: 0;
    }
    .mr70 {
        margin-right: 0;
    }
}


.ml10 {
    margin-left: 60px;
}
@media screen and (max-width: 768px) {
    .ml10 {
        margin-left: 0;
    }
}

/*　画像hover　*/
.img-hover:hover {
	opacity:0.5;
	transition:0.3s;
}

/* layout */
.d-flex {
    display: flex;
}
.just-between {
    justify-content: space-between;
}
.just-center{
    justify-content: center;
}

.text-center {
    text-align: center;
}
.margin-auto {
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    h1 img {
        height: 60px;
    }
}

/*========= ナビゲーションのためのCSS ===============*/
header {
    position:fixed;
    z-index: 1000;
    top:-10px;
    left: 10px;
}
#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
    z-index: 1000;
    opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
    top:0;
    right: -120%;
    width:100%;
    background:#000;

    /*動き*/
    transition: all 0.3s;
}
/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
    opacity: 1;
    z-index:999;
    height: 100vh;/*ナビの高さ*/
    right: 0;
    background-image: url("../images/top/menu_line.svg");
    background-repeat:no-repeat;
    background-position:90% 90%;
    background-attachment:fixed;
}
/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: wrap;
    margin: 10% 0 10% 10%;
}
/*ナビゲーション*/
#g-nav #g-nav-list ul {
    /*display: none;*/
    /*ナビゲーション天地中央揃え*/
    /*position: absolute;*/
    z-index: 999;
    top:50%;
    left:50%;
    padding-left: 50px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*transform: translate(-50%,-50%);*/
}
/*リストのレイアウト設定*/
#g-nav li{
    list-style: none;
    /*text-align: center;*/
    /*float: left;*/
}
#g-nav li a{
    color: #eee;
    text-decoration: none;
    font-size: 35px;
    padding:10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
}
#g-nav li a:hover {
    border-bottom: solid 2px #FFC000;
}
@media screen and (max-width: 768px) {
    #g-nav.panelactive{
        background-position:-70% 90%;
    }
    #g-nav.panelactive #g-nav-list{
        display: initial;
        margin: 80px 0 0 10%;
        padding-bottom: 50%;
    }
    #g-nav #g-nav-list ul {
        top:0;
        left:0;
        padding-left: 0;
        margin: 0;
        height: auto;
    }
    #g-nav li a{
        font-size: 20px;
    }
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
    position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
    top:10px;
    right: 10px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .openbtn1 img {
        width: 60px;
    }
}
/*×に変化*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
}
.openbtn1 span:nth-of-type(1) {
    top:15px;
}
.openbtn1 span:nth-of-type(2) {
    top:23px;
}
.openbtn1 span:nth-of-type(3) {
    top:31px;
}
.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}
.openbtn1.active span:nth-of-type(2) {
    opacity: 0;
}
.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

/*---　メインビジュアル　---*/
.mainVisual {
    margin-top: 0;
    position: relative;
    /*text-align: center;*/

}
.mainVisual .video {
    width: 100%;
    /*width: auto;
    height: 100vh;*/
}
@media screen and (max-width: 768px) {
    .mainVisual {
        margin-top: 80px;
        position: relative;
    }
}

/* scroll btn */
.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
    width: 128px;
    position: absolute;
    top:80%;
    left: 45%;
}
@media screen and (max-width: 768px) {
    .animation{
        display: none;
    }
}
.keyframe7 {
    animation-name: jump;
    animation-duration: .5s;
}
@keyframes jump{
    0%   { transform:translate(0%, 60px) rotateX(50deg); }
    100% { transform:translate(0%, 0%); }
}



/*---　sub-foot　---*/
.sub-foot {
    text-align: center;
}
.sub-foot a:hover {
    filter: grayscale(100%);
    transition: all 0.4s;
}
@media screen and (max-width: 1280px) {
    .sub-foot > div > a > img {
        width: 30vw;
    }
}


/*--- footer ---*/
footer {
    padding: 60px 0;
    border-top: solid 1px #FFC000;
    border-bottom: solid 1px #FFC000;
    text-align: center;
}
@media screen and (max-width: 768px) {
    footer {
        padding: 30px 0;
        margin-top: 5rem;
    }
    footer .foot-logo {
        width: 60%;
    }
}
.foot-menu {
    margin: 70px auto;
}
.foot-menu-list {
    margin: 0 auto;
    text-align: center;
}
.foot-menu-list li {
    list-style: none;
    margin: 15px;
    text-align: center;
    display: inline;
}
.foot-menu-list li a {
    text-decoration: none;
    color: #ccc;
    font-weight: bold;
}
.foot-menu-list li a:hover {
    border-bottom: solid 2px #FFC000;
}
.nc-logo {
    text-align: center;
    margin: 30px auto;
}


/*--- index ---*/
.index_about {
    margin-top: 200px;
    padding: 150px 0 150px 5%;
    background-image: url("../images/top/1.png");
    background-repeat: no-repeat,no-repeat;
}
/* 斜めボタン */
.shiny-btn1 {
    display: block;
    position: relative;
    width: 50%;/*ボタンの幅*/
    padding: 20px 0;
    background-color: #FFC000;
    border-radius: 0;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    color: #000;
    margin-top: 80px;
}
.shiny-btn1:after {
    content: url('../images/top/btn-arrow.png');
    position: absolute;
    right:10%;
}
.shiny-btn1:hover {
    text-decoration: none;
    color: #fff;
}
.shiny-btn1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 768px) {
    .index_about {
        margin-top: 0px;
        padding: 100px 20px;
        background-image: url("../images/top/1sp.png");
        background-repeat: no-repeat,no-repeat;

    }
    .index_about iframe {
        width: 100%;
        height: 100%;
    }
    /* 斜めボタン */
    .shiny-btn1 {
        margin-top: 20px;
        width: 100%;/*ボタンの幅*/
        font-size: 20px;
    }
}

/*　個別　*/
.index_individual1 {
    padding: 150px 0 150px 5%;
    background-image: url("../images/top/2.png");
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 330px;
    vertical-align: middle;
}
.index_individual2 {
    padding: 150px 5% 150px 0;
    background-image: url("../images/top/3sp.png");
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 330px;
    display: flex;
    justify-content: flex-end;
    vertical-align: middle;
}
.index_individual3 {
    padding: 150px 0 150px 5%;
    background-image: url("../images/top/4sp.png");
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 330px;
}
.index_individual-big {
    margin: initial;
    font-size: 128px;
    font-weight: bold;
    line-height: 1.2em;
}
.index_individual-sub {
    margin-top: 50px;
    font-size: 79px;
    font-weight: bold;
    line-height: 1.2em;
}

@media screen and (max-width: 768px) {
    .index_individual1 {
        padding: 0 20px;
        margin-top: 50px;
        background-size: 100%;
    }
    .index_individual2 {
        padding: 0 20px;
        margin-top: 70px;
        background-size: 100%;
        text-align: right;
    }
    .index_individual3 {
        padding: 0 20px;
        margin-top: 70px;
        background-size: 100%;
    }
    .index_individual-big {
        margin: initial;
        font-size: 2.8rem;
    }
    .index_individual-sub {
        margin-top: 20px;
        font-size: 1.8rem;
    }
}

.Plating-list {
    list-style: circle;
    list-style-position:inside;
}


/*---　下層レイアウト　---*/
.layout_narrow {
    padding: 0 20%;
}
.layout_wide {
    padding: 0 5%;
}
@media screen and (max-width: 1280px) {
    .layout_narrow {
        padding: 0 20px;
    }
    .layout_wide {
        padding: 0 20px;
    }
}

/*--- 下層統一 ---*/
.main-title {
    margin: 200px 0 200px 50px;
}
.main-title img {
    max-width: 1200px;
}
@media screen and (max-width: 1280px) {
    .main-title img {
        width: 70vw;
    }
}
.sub-title {
    position: relative;
    padding: 5px 5px 5px 60px;
    background: #ccc;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin: 20px 0 0 0;
    line-height: 1.3;
    z-index:-1;
}
.sub-title::before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px #000;
    border-bottom: solid 79px transparent;
    z-index:-2;
}
@media screen and (max-width: 768px) {
    .main-title {
        margin: 150px 0 80px 5%;
    }
    .main-title img {
        width: 100%;
        height: auto;
    }
    .sub-title {
        position: relative;
        padding: 5px 5px 5px 60px;
        background: #ccc;
        font-size: 25px;
        font-weight: bold;
        color: #000;
        margin: 10px 0 0 0;
        line-height: 1.3;
        z-index:-1;
    }
    .sub-title::before {
        position: absolute;
        content: '';
        left: -2px;
        top: -2px;
        border: none;
        border-left: solid 40px #000;
        border-bottom: solid 79px transparent;
        z-index:-2;
    }

}

.index-h3 {
    margin: 20px 0 5px 0;
    font-size: 30px;
    color: #FFC000;
    /* padding-left: 15px;
    display: inline-block;
    position: relative;
    border-left: solid 8px #FFC000; 内枠のスタイル */
}
.index-h3_p {
    margin: 0;
}
/* .index-h3::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    right: -12px;
    border-left: solid 3px #FFC000; 外枠のスタイル
    z-index: -1;
} */

.page-h3 {
    margin: 0 0 30px 0;
    font-size: 50px;
    padding-left: 30px;
    display: inline-block;
    position: relative;
    border-left: solid 8px #FFC000; /* 内枠のスタイル */
}
.page-h3::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    right: -12px;
    border-left: solid 3px #FFC000; /* 外枠のスタイル */
    z-index: -1;
}
.page-h4 {
    font-size: 30px;
    font-weight: bold;
    margin: initial;
}
.original-table {
    border: solid 1px #CCCCCC;
    width: 100%;
}
.original-table th {
    border: solid 1px #CCCCCC;
    background-color: #FFE492;
    color: #000;
    padding: 10px;
    text-align: left;
    font-weight: 400;
    width: 150px;
}
.original-table td {
    border: solid 1px #CCCCCC;
    padding: 10px;
    text-align: left;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .index-h3 {
        font-size: 30px;
        padding-left: 15px;
    }
    .index-h3::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15px;
        right: -12px;
        border-left: solid 3px #FFC000; /* 外枠のスタイル */
        z-index: -1;
    }
    .page-h3 {
        font-size: 30px;
        padding-left: 15px;
    }
    .page-h3::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15px;
        right: -12px;
        border-left: solid 3px #FFC000; /* 外枠のスタイル */
        z-index: -1;
    }
}

/*ボタン*/
.original-button {
    position: relative;
    padding: 1.2em 4rem;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #000000;
    border-radius: 5px;
    width: auto;
    height: 87px;
    font-weight: bold;
    transition: 0.3s;
    background-image: linear-gradient(180deg, rgba(255, 192, 0, 1), rgba(254, 231, 164, 1) 27%, rgba(231, 208, 138, 1) 39%, rgba(114, 86, 0, 1));
}
.original-button::after {
    content:  url("../images/top/arrow.png");
    display: block;
    position: absolute;
    top: 40%;
    left: 90%;
}
.original-button:hover {
    opacity: 0.5;
    transition: all 0.4s;
}
@media screen and (max-width: 768px) {
    .original-button {
        font-size: 1rem;
    }
}



/*---　採用情報　---*/
#rec {
    background-image: url("../images/page/rec_2.svg"),url("../images/page/rec_3.svg");
    background-repeat: no-repeat,no-repeat;
    background-position: 130% 33%,0% 80%;
}
@media screen and (max-width: 768px) {
    #rec {
        background-position: 10% 22%,116% 78%;
    }
}
.rec-first {
    display: flex;
    padding: 0 20px;
}
.rec-first_text{
    padding-right: 10%;
}
@media screen and (max-width: 1280px) {
    .rec-first {
        flex-wrap: wrap;
        justify-content: center;
    }
    .rec-first img {
        width: 100%;
    }
    .rec-first_text{
        padding-right: 0;
    }
}
.rec-list li {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
}
.rec-list li::before {
    content: url("../images/page/check.svg");
    padding-right: 10px;
}
.rec-list li aside {
    font-size: 20px;
    padding-left: 30px;
}
@media screen and (max-width: 768px) {
    .rec-list {
        width: 100%;
        padding-left: 0;
    }
    .rec-list li {
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .rec-list li aside {
        font-size: 18px;
        padding-left: 30px;
    }
}
.rec-message {
    font-size: 100px;
    font-weight: bold;
    text-align: center;
    margin: initial;
}
.rec-wa {
    font-size: 100px;
    font-weight: bold;
    text-align: center;
    margin: 60px 0;
}
.rec-imaoka {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .rec-message {
        font-size: 4rem;
    }
    #wa .imp {
        margin: initial;
    }
    .rec-wa {
        font-size: 6rem;
        margin: 20px 0;
    }
}

/*---　おもしれぇ会社　---*/

.com-img {
    display: flex;
    justify-content: center;
    margin-bottom: 150px;
}
.com_p {
    font-size:40px;
    font-weight: bold;
    border-bottom: solid 4px #FFC000;
    margin: 0 0 15px 0;
}
.com-img .box {
    margin: 0 20px;
}
.com-img .box img {
    width: 100%;
}
.com-img .box-middle {
    margin-top: -60px;
}
.com-img .new {
    background-color: #FF0000;
    border-radius: 3px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
}
.com-img .new:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #FF0000 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
  }
.com-img .rikai {
    background-color: #078017;
    border-radius: 3px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
}
.com-img .rikai:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #078017 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
  }
.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
@media screen and (max-width: 768px) {
    .com-img {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .com_p {
        font-size:25px;
        font-weight: bold;
        border-bottom: solid 4px #FFC000;
        margin: 0 0 15px 0;
    }
    .com-img .box {
        margin: 20px 0;
    }
    .com-img .box-middle {
        margin-top: 0;
    }
    .com-img .new {
        font-size: 25px;
        margin-top: 50px;
    }
    .com-img .rikai {
        font-size: 25px;
        margin-top: 50px;
    }
}

/*---　おもしれぇ仕事　---*/
.work-message {
    font-size: 50px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .work-message {
        font-size: 2rem;
        text-align: left;
    }
}
.work-flow {
    text-align: center;
}
.work-flow .box {
    background-color: #eee;
    padding: 20px;
    border-radius: 5px;
}
.work-flow .box p {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin: 0 0 20px 0;
}
.work-flow .arrow {
    margin: 50px auto;
}
.work-flow .innner {
    display: flex;
    justify-content: center;
}
.work-flow .innner-box {
    width: 100%;
    padding: 0 10px;
}
.work-flow .innner h4 {
    text-align: center;
    background-color: #000;
    font-size: 23px;
    font-weight: bold;
    padding: 10px 0;
    margin: initial;
}
.work-flow .innner img {
    width: 100%;
    height: auto;
}
.work-flow .innner p {
    color: #000;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
}
.req-btn {
    width: 785px;
    margin: 0 auto;
    border:1px solid #fff;
}
.req-btn a{
    display: block;
    padding: 35px 0;
}
.req-btn a:hover{
    background-color: #fff;
    color: #000;
}

@media screen and (max-width: 768px) {
    .work-flow .innner {
        flex-wrap: wrap;
    }
    .work-flow .box .innner .innner-box p {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .work-flow .box img {
        width: 100%;
        height: auto;
    }
    .req-btn {
        width: 100%;
        padding: 0px;
    }
    .req-btn a{
        font-size:16px;
        padding:20px 0;
    }
}

/*---　おもしれぇ会長と社長　---*/
#boss {
    background-image: url("../images/page/boss_1.svg");
    background-repeat: no-repeat;
    background-position: 130% 25%;
}
@media screen and (max-width: 768px) {
    #boss {
        background-position: -16% 18%;
    }
}
.boss-daihyo {
    text-align: right;
}

.boss-first_text{
    display: flex;
}
.boss-second_text{
    display: flex;
}
@media screen and (max-width: 1280px) {
    .boss-first_text {
        flex-direction: column;
        justify-content: center;
    }
    .boss-first img {
        width: 100%;
    }
    .-first_text{
        padding-right: 0;
    }
    .boss-second_text {
        flex-direction: column-reverse;
        justify-content: center;
    }
    .boss-second img {
        width: 100%;
    }
    .-second_text{
        padding-right: 0;
    }
}

.boss-left {
    width: 50%;
}
.boss-left > img {
    width: 100%;
}
.boss-right {
    width: 50%;
}
.boss-right > img {
    width: 100%;
}
.boss-margin0 {
    margin-top: 0;
}
@media screen and (max-width: 1280px) {
    .boss-left {
        width: 100%;
    }
    .boss-left > img {
        width: 100%;
    }
    .boss-right {
        width: 100%;
    }
    .boss-right > img {
        width: 100%;
    }
    .boss-margin0 {
        margin-top: 0;
    }
}


/*---　おもしれぇ仲間　---*/
.buddy-flex {
    display: flex;
}
.buddy_h3 {
    font-size: 50px;
    position: relative;
    padding: 0;
    margin: 0;
}
.buddy_h3 span {
    font-size: 30px;
    font-weight: 400;
    display: block;
}
.buddy_h3:before {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    background: #FFC000;
}
.buddy_h4 {
    font-size: 30px;
    font-weight: 700;
    color: #FFC000;
    margin: 40px 0 0 0;
}
.buddy_100per {
    width: 100%;
}
.buddy_p{
    width:80%;
}
.budyy_syumi {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .buddy-flex {
        flex-wrap: wrap;
    }
    .buddy_h3 {
        padding: 0 20px;
    }
    .buddy_h4 {
        padding: 0 20px;
    }
    .buddy_100per {
        width: initial;
    }
    .buddy_p{
        padding: 0 20px;
        width:100%;
    }
    .budyy_syumi {
        margin-top: 0;
    }
}



/*--- 募集要項 ---*/
#req {
    background-image: url("../images/page/req_1.svg");
    background-repeat:no-repeat;
    background-position:100% 63%;
}
@media screen and (max-width: 768px) {
    #req {
        background-image: url("");
    }
}

/*--- めっき処理採用情報 ---*/
#plating_req .original-table th{
    width: 195px;
}

#plating_req .original-table td p:first-child{
    margin-top:0px;
}
#plating_req .original-table td p:last-child{
    margin-bottom:0px;
}
@media screen and (max-width: 768px) {
    #plating_req .original-table tr{
        display: flex;
        flex-flow: column;
    }
    #plating_req .original-table th{
        width: 100%;
        font-size: 14px;
    }
    #plating_req .original-table td{
        font-size: 12px;
        text-align: justify;
        padding: 10px 5px;
    }
}


/*--- バフ研磨採用情報---*/
#buffing_req .original-table th{
    width: 195px;
}

#buffing_req .original-table td p:first-child{
    margin-top:0px;
}
#buffing_req .original-table td p:last-child{
    margin-bottom:0px;
}
@media screen and (max-width: 768px) {
    #buffing_req .original-table tr{
        display: flex;
        flex-flow: column;
    }
    #buffing_req .original-table th{
        width: 100%;
        font-size: 14px;
    }
    #buffing_req .original-table td{
        font-size: 12px;
        text-align: justify;
        padding: 10px 5px;
    }
}

/*---　プライバシーポリシー　---*/
.pp_title {
    font-size: 22px;
    font-weight: bold;
}

/*---　会社案内　---*/
.wa {
    font-size: 80px;
    font-weight: bold;
    margin: 0 0 50px 0;
}
.motto {
    font-size: 30px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .motto {
    margin: 0;
}
}
.access_a {
    background-color: #CCCCCC;
    padding: 5px 0;
    color: #000;
    font-size: 23px;
    font-weight: bold;
}

/*---　設備情報　---*/
.eq-img {
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .eq-img .sp-margin {
        margin-bottom: 50px;
    }
}
.eq-table {
    border: solid 1px #CCCCCC;
    width: 100%;
}
.eq-table th {
    border: solid 1px #CCCCCC;
    background-color: #FFE492;
    color: #000;
    padding: 10px;
    font-weight: 400;
    width: 150px;
}
.eq-table td {
    border: solid 1px #CCCCCC;
    padding: 10px;
    text-align: left;
    font-weight: 400;
}
.eq-table .name {
    width: 300px;
}
.eq-table .num {
    text-align: center;
    width: 60px;
}
@media screen and (max-width: 768px) {
    .scroll table{
        width:100%;
    }
    .scroll{
        overflow: auto;
        white-space: nowrap;
    }
    .scroll::-webkit-scrollbar{
        height: 5px;
    }
    .scroll::-webkit-scrollbar-track{
        background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
    }

/*--- お問い合わせ ---*/
.contact_num {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .contact_num {
        font-size: 30px;
        font-weight: bold;
        margin: 0;
    }
}