/*****************************/
/* TableMark Recruiting Site */
/*****************************/


/* information.css */


/* index */
/*****************************/
#contents h2 {
    text-align:center;
}
#contents h3 {
    margin-bottom:0.5em;
    font-size:2.4em;
    color:#424242;
}
#contents h3 span {
    font-size:0.6em;
}

#contents h2 br {
    display:none;
}


/* logo */
#contents .group_logo h3 {
    display:block;
    width:16em;
    height:0;
    margin:0 auto;
    border-bottom:26px solid #e94709;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    text-align:center;
    line-height:26px;
    font-size:1.0em;
    color:#ffffff;
}

.group_logo ul {
    margin-bottom:1.5em;
    border-top:6px solid #e94709;
}
.group_logo ul li {
    float:left;
    width:calc((100% - 2px) / 4);
    margin:0;
    padding:0;
    text-align:center;
}
.group_logo ul li img {
    width:100%;
    height:auto;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.group_logo ul li:last-child img {
    border-right:1px solid #cccccc;
}



/* step */
.stepWrap {
    position:relative;
}
.stepWrap img{
    max-width:100%;
    height:auto;
}
.stepWrap .step_pc {
}
.stepWrap .step_sp {
    display:none;
}
.stepWrap a {
    display:block;
    position:absolute;
    /*top:20.8%;*/
   /*height:8.0%;*/
    text-indent:-9999px;
    z-index:1;
    transition:all .3s ease;
}
.stepWrap a:hover {
    background-color:rgba(255,255,255,0.6);
}
.stepWrap a.link-entry {
    left:19.4%;
    width:47.5%;
}
.stepWrap a.modal-notice {
    left:68.7%;
    width:28.5%;
}
/* for email 2021/08 */
.stepWrap a.email-entry {
    top:18.4%;
    left:21.8%;
    width:32.7%;
    height:5.0%;
}
/* added 2022/02 */
.stepWrap a.btn-entry {
    top:12.7%;
    right:5.7%;
    width:20.5%;
    height:13.3%;
    border-radius:10px;
}
.stepWrap a.btn-youtube {
    pointer-events: none;
    /*top:31.6%;
    right:3.0%;
    width:77.7%;
    height:13.0%;
    border-radius:0;*/
}


/* graph */
ul.graph {
    margin-bottom:2em;
    padding-bottom:2em;
    border-bottom:1px solid #c2b4af;
    text-align:center;
}
ul.graph li {
    display:inline-block;
    width:32%;
    margin-right:1%;
}
ul.graph li:last-child {
    margin-right:0;
}

/* require */
dl.require {
    
}
dl.require dt {
    float:left;
    width:12em;
    margin:0 0 1em;
    font-weight:bold;
}
dl.require dd {
    margin:0 0 1em;
    padding:0 0 1em 12em;
    border-bottom:1px solid #c2b4af;
}
dl.require dd br.sp {
    display:none;
}

ul.occupation li {
    padding-left:2em;
    text-indent:-2em;
}
ul.holiday li {
    padding-left:4em;
    text-indent:-4em;
}

/* group */
ul.group_info {
    text-align:center;
    font-size:0;
}
ul.group_info li {
    display:inline-block;
    width:30%;
    margin-right:3%;
}
ul.group_info li:last-child {
    margin-right:0;
}
ul.group_info li img {
    width:100%;
    max-width:260px;
    height:auto;
    border:5px solid #e94709;
}


/* notice modal */
.modal-notice-content {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:100;
}
.modal-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-color:#000000;
    background-color:rgba(0,0,0,0.7);
}
.modal-inner {
    position:absolute;
    top:14%;
    left:50%;
    width:80%;
    max-width:640px;
    background-color:#ffffff;
    padding:3%;
    border-radius:4px;
    text-align:left;
    transform:translateX(-50%);
}
#contents .modal-inner h3 {
    font-size:1.4em;
}
#contents .modal-inner p {
    margin-bottom:1em;
    font-size:0.9em;
}
.modal-inner .notice-close {
    text-align:center;
    font-size:1em;
}
.modal-inner .notice-close a {
    cursor:pointer;
}



/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {


/* index */
/*****************************/



.stepWrap a {
    top:20.8%;
    height:7.8%;
}
.stepWrap a.link-entry {
    left:19.4%;
    width:47.7%;
}
.stepWrap a.modal-notice {
    left:69.4%;
    width:28.4%;
}

/* added 2022/02 */
.stepWrap a.btn-entry {
    right:4.6%;
    width:20.9%;
    height:13.4%;
}
.stepWrap a.btn-youtube {
    top:31.6%;
    right:1.8%;
    width:78.6%;
    height:13.2%;
}









}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {



/* logo */
.group_logo ul li {
    font-size:0.9em;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */



/* 667px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 667px) {


/* index */
/*****************************/
#information .contentsInner {
    width:90%;
    padding:5% 0;
}

#contents h2 br {
    display:block;
}

#contents h3 {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    font-size:1.6em;
}
#information #contents p {
    width:90%;
    margin-left:auto;
    margin-right:auto;
}


/* logo */
#contents .group_logo {
    width:90%;
    margin:0 auto 2.0em;
}
#contents .group_logo h3 {
    width:12em;
}
.group_logo ul li {
    width:50%;
    width:calc(50% - 1px);
    margin:0;
    
}
.group_logo ul li img {
}
.group_logo ul li:nth-child(n+2) img {
    border-right:1px solid #cccccc;
}



/* step */
.stepWrap .step_pc {
    display:none;
}
.stepWrap .step_sp {
    display:block;
}
.stepWrap a.link-entry {
    top:19.7%;
    left:7.4%;
    width:84.6%;
    height:5.3%;
}
.stepWrap a.modal-notice {
    top:26.7%;
    left:25%;
    width:49.4%;
    height:3.6%;
}
/* for email 2021/08 */
.stepWrap a.email-entry {
    top:21.2%;
    left:17.8%;
    width:64.0%;
    height:5.0%;
}
/* added 2022/02 */
.stepWrap a.btn-entry {
    top:18.5%;
    right:16.0%;
    width:67.4%;
    height:5.6%;
}
.stepWrap a.btn-youtube {
    top:32.6%;
    right:3.5%;
    width:93.0%;
    height:13.0%;
}


/* graph */
ul.graph {
    width:90%;
    margin:0 auto 2em;
    padding-bottom:2em;
    border-bottom:1px solid #c2b4af;
    text-align:center;
}
ul.graph li {
    display:inline-block;
    width:70%;
    margin:0 0 1em;
}
ul.graph li:last-child {
    margin-right:0;
}

/* require */
dl.require {
    width:90%;
    padding:0 5%;
}
dl.require dt {
    float:none;
    width:auto;
    margin:0 0 0.5em;
}
dl.require dd {
    padding:0 0 1em;
}
dl.require dd br.sp {
    display:block;
}


/* group */
ul.group_info {
    font-size:1.0em;
}
ul.group_info li {
    width:90%;
    margin-right:0;
    margin-bottom:1em;
}
ul.group_info li:last-child {
    margin-right:0;
}
ul.group_info li img {
    width:100%;
    max-width:calc(100% - 10px);
    height:auto;
}








}
/*-------------------------------------------------------------------------------------------*/
/* 667px以下 END */



/* 320px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {






/* step */
.combine {
    right:3%;
}
.combineInner {
    height:35.5em;
}
.step .todo h5 {
    font-size:1.2em;
}







}
/*-------------------------------------------------------------------------------------------*/
/* 320px以下 END */