.sp {
    display: none;
}

@media screen and (max-width: 960px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
        /* 2024新卒採用立ち上げ時に修正 */
        /* x ` */
    }

    div#Wrapper {
        overflow: hidden;
        width: 640px;
        margin: auto;
        padding: 0;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div#Wrapper h1 {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
    }

    div#Wrapper h1 img {
        width: 100%;
    }

    div#Wrapper h1 span.sp {
        background: #94CB10;
        padding: 10px;
        color: #fff;
        font-size: 18px;
        line-height: 1.2;
        font-weight: normal;
    }

    div#Wrapper h1 span.sp small {
        font-size: 12px;
        display: block;
        color: #fff;
        margin: 0;
        padding: 0;
    }

    div#Wrapper h2 {
        padding: 1em !important;
    }

    #header {
        position: relative;
        border-bottom: solid 1px #9CD000;
        height: 60px;
        margin: 0 0 0px 0;
        overflow: hidden;
        padding: 0 !important;
    }

    #header .logo {
        position: absolute;
        left: 5px;
        width: 70%;
        height: 10vw;
    }

    #header .logo img {
        width: 50%;
    }

    #menu_btn {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
    }

    #menu_btn img {
        width: 100%;
    }

    div#info {
        width: auto !important;
        padding: 10px !important;
        margin: 10px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div#info p {
        margin: 0 0 0 0 !important;
    }

    div#info #infobody {
        margin: 0 !important;
    }

    #footer {
        width: 100%;
    }

    #footer img {
        width: 90%;
        margin: auto;
        display: block;
    }

    div#Wrapper div#mypagemainarea{
        margin-top: 0;
    }

    div#Wrapper div#mypagemainarea div#mypageleftarea {
        display: none;
        float: none;
        width: 100vw;
        background: #fff;
        border-bottom:solid 1px #ccc;
        z-index: 10;
    }

    div#Wrapper div#mypagemainarea div#mypageleftarea div#usrname {
        width: auto;
        padding:1em;
    }
    /* 2024新卒採用立ち上げ時に修正 */
    /* div#Wrapper div#mypagemainarea div#mypageleftarea ul {

    } */

    div#Wrapper div#mypagemainarea div#mypageleftarea ul li a{
        display: block;
        padding:1em;
        text-decoration: none;
        font-size: 15px;
        border-bottom:solid 1px #ccc;
        position: relative;
        background: #9cd000;
        overflow: hidden;
    }

    div#Wrapper div#mypagemainarea div#mypageleftarea ul li a .bc{
        display: block;
        padding:1em;
        text-decoration: none;
        font-size: 15px;
        border-bottom:solid 1px #ccc;
        position: relative;
        background: #ff8200;
        overflow: hidden;
    }

    div#Wrapper div#mypagemainarea div#mypageleftarea ul li a span{
        color:#fff;
    }
    div#Wrapper div#mypagemainarea div#mypageleftarea ul li a:after{
        top:50%;
        right:10px;
        content: '';
        position: absolute;
        display: block;
        width:25px;
        height: 25px;
        margin:-12px 0 0 0;
        border:solid 1px #fff;
        border-style:solid solid none none;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .not{
        display: block;
        padding:1em;
        text-decoration: none;
        font-size: 15px;
        border-bottom:solid 1px #ccc;
        position: relative;
        background: #434343;
        overflow: hidden;
    }

    .not span{
        color:#fff;
    }

    .bc{
        display: block;
        padding:1em;
        text-decoration: none;
        font-size: 15px;
        border-bottom:solid 1px #ccc;
        position: relative;
        background: #ff8200;
        overflow: hidden;
    }

    .bc span{
        color:#fff;
    }


    div#Wrapper div#mypagerightarea{
        float: none;
        width:100%;
        margin-top: 20px;
    }
    #pagetop{
        margin-right:10px;
    }
    #scrollarea{
        -webkit-overflow-scrolling: touch;
    }

}

@media screen and (max-width: 640px) {

    div#Wrapper div#mypagemainarea div#mypageleftarea {
        width: 100%;
        top: 12vw;
        left: 0;
    }

    div#Wrapper {
        width: 100%;
    }


    #headerGroup {
  	    border-bottom: 4px solid #c4d700;
  	}

    #headerGroup ul{
		width:100%;
		padding:8px 10px;
		-webkit-box-sizing:border-box;
	    box-sizing:border-box;
	}
	.headerGroupLeft{
	    width: 90px;
	    height: 26px;
	    background: url(../images/logo_group_01_sp.png) left center no-repeat;
	    -ms-background-size: 90px 26px;
	    -moz-background-size: 90px 26px;
	    -webkit-background-size: 90px 26px;
	    background-size: 90px 26px;
	    text-indent: -9999px;
	    vertical-align: middle;
	}
	.headerGroupRight{
	    width: 65px;
	    height: 9px;
	    background: url(../images/logo_group_02_sp.png) right center no-repeat;
	    -ms-background-size: 65px 9px;
	    -moz-background-size: 65px 9px;
	    -webkit-background-size:65px 9px;
	    background-size:65px 9px;
	    text-indent: -9999px;
	    vertical-align: middle;
	    text-align:left;
	}


    #header {
        width: 100%;
    }

    #header {
        height: 12vw;
    }

    #header .logo {
      width: 87vw;
      height:8vw;
      padding-top:4.5vw;
      padding-left:1vw;
    }

    /*#head h1 {
        width: 87vw;
        height:8vw;
        padding-top:4.5vw;
        padding-left:1vw;
    }*/


    #header .logo img {
      width: 117px;
      height: 18px;
    }



    #menu_btn {
        width: 12.5vw;
        height: 12.5vw;
    }
    div#Wrapper h1 span.sp {
        font-size: 16px;
    }

}