@charset "utf-8";
@media only screen and (max-width: 480px) {

:root {
  --padding-LR:0 5%;
  --padding-TB:80px 0;
  --padding-TBLR-base:80px 5%;
}

#hd-g {
    width:100%;
    height:65px;
    border-right:none;
    /* box-shadow: 0px 0px 15px -9px #777; */

}


.gr-h1 {
  width:160px;
    left:10px;
    top:15px;
    position:fixed;
}


/*
#hd-g h1 {
    position:absolute;
    top:0;
    left:3.5%;
    z-index:2;
    padding:0;
    margin-bottom:0;
    line-height:0;
    z-index:10;
}

#hd-g h1 img {
    position:relative;
    top:-5px;
}

#hd-g h1 a {
    text-decoration:none;
    vertical-align:middle;

}

#hd-g h1 span {
    -ms-writing-mode:lr-tb;
    writing-mode:lr-tb;
    display:inline-block;
    letter-spacing:0px;
    padding:0 0 0 4px;
    font-size:2rem;
    line-height:1.6;
    margin-top:15px;
    font-weight:700;
    letter-spacing:-1px;
}

#hd-g h1 span .kabu {
    font-size:1.2rem;
    display:inline-block;
    margin-bottom:3px;
    line-height:1.1;
    position:relative;
    top:-2px;
    letter-spacing:.5;
    padding-right:3px;
}
*/

#hd-g .hum-btn {
    width:100%;
    top:0%;
    right:0%;
    height:70px;
}

#hd-g .pagetop {
    display:none;
}

.menu-icon {
  position:absolute;
  right:5%;
  width:35px;
}

.menu-area {
    width:100%;
    top:65px;
    left:0;
    padding:0 5%;
}

.menu-x {
  width:40px;
  margin:auto;
}

ul#g_nav li > a {
    font-size:2.2rem;
}

/*
ul#g_nav li > a:before {
    font-size:1.2rem;
    letter-spacing:0.5px;
}
*/

.inner-menu-area {
  height:auto;
  padding-top:50px;
}

#wrapper {
    width:100%;
    margin-left:0;
    padding-right:0;
}

main {
  min-height:auto;
}

p.copy-top {
    display:none;
}

#fv-all {
    width:100%;
    max-height:100svh;
    min-height:100svh;
}

img.img-catch {
    width:105px;
    top:13vh;
    right:auto;
    left:6%;
}

#fv-all h2 {
    top:64%;
    left:0;
    text-align:center;
    width:100%;
}

#fv-all h2 img {
    width:60%;
}

#fv-all .slide-conte .inner-slide {
    width:100%;
    height:62vh;

}

table.base-01 th {
  width: 100%;
  padding:10px 0 3px;
  display: block;
  text-align: left;
  border-top:none;
  border-bottom: none;
}

table.base-01 td {
  width: 100%;
  padding:8px 0 0 0;
  border-top:1px solid #999;
  border-bottom:none;
  display: block;
  margin-bottom:7px;
}

.space-01 {
    height:50px;
}

.com-lo {
    padding:70px 0;
}

ul.com-lo-box {
    display:block;
}

ul.com-lo-box li {
    width:100%;
}

ul.com-lo-box li:last-child {
    margin-top:30px;
}

ul.com-lo-box li h4 {
    font-size:1.6rem;
    padding:13px 0 7px;
}

ul.com-lo-box li p {
    font-size:1.4rem;
}

footer {
    padding:35px 0 10px;
}

footer .inner-ft {
    padding:0 6%;
}

footer .inner-ft .logo-box img {
    width:220px;
}

footer .inner-ft .rig-box ul.txt-menu {
    justify-content:flex-start;
}


footer .copy-bottom {
    display:block;
    padding-top:10px;
    font-size:1rem;
    text-align:center;
    color:#fff;
    letter-spacing:1.5px;
    font-weight:400;
}

.conte__title {
    font-size:2.4rem;
    margin-bottom:32px;
}

.conte__title:before {
    content:'●';
    font-size:.7rem;
    padding-right:6px;
    transform:translateY(-4px);
}

.news__ulList {
    grid-template-columns:1fr 1fr;
    gap:26px;
}

.talent__ulList {
    grid-template-columns:1fr 1fr;
    gap:26px;
}

.contactAd {
    width:90%;
    padding:64px 8%;
    margin:0 auto 80px;
    border-radius:16px;
}

.contactAd__inner {
    flex-direction:column;
    margin:28px auto 0;
    width:100%;
    gap:20px;
}

.contactAd__inner li {
    width:100%;
}

.ft__inner01 {
    padding:8px 0 32px;
}







/*
SP talent ****************/

.lowerTittle__space {
    height:64px;
}

.talent__single {
    flex-direction:column;
    gap:32px;
    padding:0;
}

.talent__singlePhoto {
    width:100%;
    position:relative;
    top:auto;
}

.talent__singleTxt {
    width:100%;
}

.unit__single {
    flex-direction:column;
    gap:32px;
    padding:0;
}

.unit__singlePhoto {
    width:100%;
}

.unit__singleTxt {
    width:100%;
}


/*
SP News ****************/
.newsBlock {
    padding:0;
}

.newsBlockBottom {
    padding-top:32px;
}

/*
SP company ****************/

.companyBlock {
    padding:0;
}

/*
SP contact & audition ****************/
.contactHead {
    padding:40px 5%;
    margin:0 auto 32px;
    border-radius:12px;
}


/*
SP contact --------------------------------------------*/

input[type="submit"].wpcf7-confirm,
input[type="submit"].wpcf7-submit,
button.wpcf7cp-cfm-submit-btn,
button.wpcf7cp-cfm-edit-btn,
.wpcf7-back { 
  width: 100%;
}

button.wpcf7cp-cfm-submit-btn,
input[type="submit"].wpcf7-submit {
  padding:18px 0 !important;
  font-size:1.7rem;
  margin:18px auto 0;
}

input[type="date"] {
    width:100% !important;
  appearance: none; /* ブラウザのデフォルトスタイルを無効化 */
  -webkit-appearance: none;
  -moz-appearance: none;
    position:relative;
    background-image: url(imgs/icon-cal.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  font-size:1.7rem;
  padding: 20px 8px;
}


select,
input[type="text"].tel-numtxt {
  width:100%;
}

textarea {
  height:150px;
}

.kojin-jyohou-box {
  padding:20px 15px;
  height:120px;
  margin:15px auto 25px;
}





























































































/*
SP margin parts *******************/
.mb20-sp {
  margin-bottom:20px !important;
}

.bottom-space {
  margin-bottom:80px;
}

.mb-pc-50,
.mb-pc-60 {
    margin-bottom:23px;
}

.mt30-pt {
  margin-top:0 !important;
}

/*
SP block --------------------------------------------*/
.i_p_b {display: none !important;}
.i_t_b {display: none !important;}
.i_s_b {display: block !important;}
.i_pt_b {display: none !important;}
.i_ts_b {display: block !important;}
}