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


    /* スマホ -------------------------------------------------------------- */
    .pc {
        display: none;
        text-indent: -9999px;
    }

    .sp {
        display: inline;
    }

    img, object, embed {
        max-width: 100%;
        height: auto;
    }

    img {
        -ms-interpolation-mode: bicubic;
    }

    .block th, .block td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .message01 {
        position: absolute;
        top: -20px;
        width: 150px;
    }

    /* ヘッダー -------------------------------------------------------------- */
    header {
        height: 86px;
        background-image: url(../../images/recruit/common/header-bk.png);
        background-repeat: repeat-x;
        background-position: center bottom;
        width: 100%;
        z-index: 10000;
        position: relative;
        margin-bottom: -6px;
    }

    #header-wrap {
        width: 94%;
        margin: 0 auto;
    }

    #header-l {
        margin: 20px 0 0 0;
        width: 80%;
        float: left;
    }

    #header-l h1 {}

    .logo {
        padding-left: 2%;
    }

    #header-r {
        margin: 16px 0 0 0;
        width: 20%;
        float: right;
    }

    /* スマホナビ -------------------------------------------------------------- */
    #menu-sp {
        padding: 10px;
        display: block;
        text-align: center;
        background: #FFD611;
        color: #FFF;
        font-size: 1.8rem;
        font-weight: bold;
        position: relative;
        z-index: 10000;
        clear: both;
        width: 26px;
        height: 26px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        float: right;
    }

    #menu-sp #open {
        background: url("../images/common/menu_open.png") center center no-repeat;
        background-size: 100%;
        height: 26px;
        width: 26px;
        position: absolute;
    }

    #menu-sp.active #open {
        background: url("../images/common/menu_close.png") right center no-repeat;
        background-size: 100%;
        height: 26px;
        width: 26px;
    }

    #menu-sp img {
        height: auto;
    }

    #menu-sp:hover, #menu-sp:active {
        cursor: pointer;
    }

    #nav-sp {
        display: block;
        clear: both;
        position: absolute;
        display: none;
        z-index: 10000;
        width: 100%;
    }

    #nav-sp li {
        list-style: none;
    }

    #nav-sp a {
        text-decoration: none;
        display: block;
        font-size: 100%;
        position: relative;
        padding: 10px 4% 10px 4%;
        border-bottom: 1px solid #E6D6B7;
        border-right: 1px solid #E6D6B7;
        background-color: #FEF2C2;
        color: #222;
        font-weight: bold;
        text-decoration: none;
        width: 41.73%;
        float: left;
    }

    #nav-sp .number-sp a:after, #nav-sp .entry-sp a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 4%;
        width: 6px;
        height: 6px;
        margin: -4px 0 0 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-sp a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 4%;
        width: 6px;
        height: 6px;
        margin: -4px 0 0 0;
        border-top: solid 2px #FFD611;
        border-right: solid 2px #FFD611;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-entry-sp a {
        background: url(../../images/recruit/common/arrow-entry.png) 10px center no-repeat;
        background-color: #FFD611;
        padding: 2%;
        text-indent: 0px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin: 10px 10px 0;
        float: left;
        width: 90%;
        text-align: center;
    }

    #nav-sp .number-sp a {
        background: #3370FD;
        color: #fff;
        height: 50px;
    }

    #nav-sp .entry-sp a {
        background: url(../images/common/arrow-entry3.png) 18px center no-repeat;
        background-color: #FF7300;
        color: #fff;
        height: 50px;
    }

    #nav-sp .entry-sp a span {
        position: absolute;
        top: 22.5px;
        left: 35px;
    }
/* 220822 edited */

    .sp_fixed_menu {
        display: flex;
        position: fixed;
        bottom: 0%;
        z-index: 9999;
        width: 100%;
    }

    .sp_fixed_menu a {
        width: 50%;
        text-decoration: none;
        font-size: 100%;
        position: relative;
        padding: 10px 4% 10px 4%;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    .sp_fixed_menu a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 4%;
        width: 6px;
        height: 6px;
        margin: -4px 0 0 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sp_fixed_menu a:first-child {
        background: #3370FD;
        color: #fff;
        height: 50px;
        line-height: 18px;
        border-right: 1px solid #E6D6B7;
    }

    .sp_fixed_menu a:last-child {
        background-color: #FF7300;
        color: #fff;
        height: 50px;
    }
    .sp_fixed_menu a:last-child span:last-child{
        margin-left: 10px;
    }
    /* main -------------------------------------------------------------- */
    /*
#main-bk{
	background:#FDDB55;
}
#main-bk #main{
	background:url(../../images/recruit/common/main-message.png) center 20px no-repeat;
	background-size:contain;
	width: 80%;
	margin:0 auto;
	padding-top:14%;
}
*/
    #main-bk {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    #main-bk #main-bk01 {
        background: url("../../images/recruit/common/bk1.jpg") top center no-repeat;
        margin: 0 auto 0;
        padding-top: 40px;
        background-size: 200%;
    }

    #main-bk #main-bk02 {
        background: url("../../images/recruit/common/bk2.png") top left repeat;
        margin: 0 -10% 0 8%;
        padding-right: 18%;
        height: 280px;
    }

    #main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 20px auto 0;
        padding-top: 0;
    }

    #second-main-bk {
        height: 174px;
        width: 100%;
    }

    .second-main-bk-company {
        /*    background: url(../../images/recruit/company/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
        /*    background-size: cover;*/
    }

    .second-main-bk-recruit {
        /*    background: url(../../images/recruit/recruit/main2.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
        /*    background-size: 260%;*/
    }

    .second-main-bk-career {
        /*    background: url(../../images/recruit/carrer/main.jpg) center center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-parson {
        /*    background: url(../../images/recruit/parson/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-discussion, .second-main-bk-discussion-2 {
        /*    background: url(../../images/recruit/discussion/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-event {
        /*    background: url(../../images/recruit/event/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-faq {
        /*    background: url(../../images/recruit/faq/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-entry {
        /*    background: url(../../images/recruit/entry/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-category {
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-eventinfo {
        /*    background: url(../../images/recruit/eventinfo/main.jpg) top center no-repeat;*/
        background: url(../../images/recruit/category/main.jpg) top center no-repeat;
    }

    .second-main-bk-number {
        /*    background: url(../../images/recruit/eventinfo/main.jpg) top center no-repeat;*/
        background: url("../images/category/main.jpg") top center no-repeat;
    }

    #second-main-bk-filter {
        background: rgb(0, 0, 0, 0.1);
        height: 150px;
    }

    #second-main {
        max-width: 1100px;
        width: 96%;
        height: 172px;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

    .contents-head-bottom {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        background: #FFF;
    }

    #second-main h1 {
        color: #FFF;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        text-align: center;
        padding-top: 45px;
        font-size: 200%;
        line-height: 100%;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    #second-main h1 .second-main-midashi {
        font-size: 40%;
    }

    /* トップスクロール写真 -------------------------------------------------------------- */
    .slider {
        width: 100%;
        margin: 0 auto;
    }

    .slick-slide {
        margin: 0 20px;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-prev:before, .slick-next:before {
        color: black;
    }

    .slick-slide {
        /*transition: all ease-in-out .3s;
      opacity: .2;*/
    }

    .slick-active {
        /*opacity: .5;*/
    }

    .slick-current {
        /*opacity: 1;*/
    }

    #main .variable.slider {}

    #main .variable.slider .slider01 a {
        background: url(../../images/recruit/common/sp-main01a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider01 a:hover {
        /*background: url(../../images/recruit/common/main01b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider02 a {
        background: url(../../images/recruit/common/sp-main02a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
        background-size: contain;
    }

    #main .slider .slider02 a:hover {
        /*background: url(../../images/recruit/common/main02b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider03 a {
        background: url(../../images/recruit/common/sp-main03a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider03 a:hover {
        /*background: url(../../images/recruit/common/main03b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider04 a {
        background: url(../../images/recruit/common/sp-main04a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider04 a:hover {
        /*background: url(../../images/recruit/common/main04b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider05 a {
        background: url(../../images/recruit/common/sp-main05a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider05 a:hover {
        /*background: url(../../images/recruit/common/main05b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider06 a {
        background: url(../../images/recruit/common/sp-main06a.png) no-repeat;
        display: block;
        width: 300px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider06 a:hover {
        /*background: url(../../images/recruit/common/main06b.png) no-repeat;
	transition: all ease-in-out .2s;
	background-size:contain;*/
    }

    #main .slider .slider07 a {
        background: url(../../images/recruit/common/sp-main07a.png) no-repeat;
        display: block;
        width: 150px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider08 a {
        background: url(../../images/recruit/common/sp-main08a.png) no-repeat;
        display: block;
        width: 200px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider09 a {
        background: url(../../images/recruit/common/sp-main09a.png) no-repeat;
        display: block;
        width: 160px;
        height: 260px;
        background-size: contain;
    }

    #main .slider .slider10 a {
        background: url(../../images/recruit/common/sp-main10a.png) no-repeat;
        display: block;
        width: 200px;
       height: 260px;
        background-size: contain;
    }

    #main .slider .slider11 a {
        background: url(../../images/recruit/common/01a.png) no-repeat;
        display: block;
        width: 150px;
        height: 290px;
        position: relative;
        background-size: 100%;
    }

    #main .slider .slider11 a:hover {
        background: url(../../images/recruit/common/01b.png) no-repeat;
        transition: all ease-in-out .2s;
        background-size: 100%;
    }

    #main .slider .slider12 a {
        background: url(../../images/recruit/common/02a.png) no-repeat;
        display: block;
        width: 150px;
        height: 290px;
        background-size: 100%;
    }

    #main .slider .slider12 a:hover {
        background: url(../../images/recruit/common/02b.png) no-repeat;
        transition: all ease-in-out .2s;
        background-size: 100%;
    }

    #main .slider .slider13 a {
        background: url(../../images/recruit/common/03a.png) no-repeat;
        display: block;
        width: 150px;
        height: 290px;
        background-size: 100%;
    }

    #main .slider .slider13 a:hover {
        background: url(../../images/recruit/common/03b.png) no-repeat;
        transition: all ease-in-out .2s;
        background-size: 100%;
    }

    #main .slider .slider14 a {
        background: url(../../images/recruit/common/04a.png) no-repeat;
        display: block;
        width: 150px;
        height: 290px;
        background-size: 100%;
    }

    #main .slider .slider14 a:hover {
        background: url(../../images/recruit/common/04b.png) no-repeat;
        transition: all ease-in-out .2s;
        background-size: 100%;
    }

    /* トップメッセージ -------------------------------------------------------------- */
    .top-message {
        margin: 2em 0.5em 0;
        font-size: 1.2em;
    }

    h3.midashi-orange {
        font-size: 240%;
        padding-bottom: 0.5em;
        color: #FF6E00;
        font-weight: 300;
        line-height: 120%;
    }

    /* 囲み -------------------------------------------------------------- */
    .wrap {
        width: 94%;
        margin: 0 auto;
        padding-bottom: 40px;
        overflow: hidden;
    }

    .contents {
        width: 96%;
        margin: 0 auto;
        padding-top: 20px;
    }

    /* フッター -------------------------------------------------------------- */
    #footer {
        text-align: center;
        padding: 20px 10px;
        background: #FDE16F;
        clear: both;
		margin-bottom:70px;
    }

    #footer .footer-wrap {
        width: 90%;
        margin: 0 auto;
    }

    #footer .footer-copy {
        font-size: 80%;
        text-align: center;
        line-height: 140%;
    }

    #footer .footer-facebook {
        font-size: 80%;
        text-align: center;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    #footer .footer-facebook img {
        margin-right: 10px;
    }

    #backtop {
        position: fixed;
        right: 10px;
        bottom: 10px;
        display: none;
        width: 30px;
        height: auto;
    }

    /* 見出し -------------------------------------------------------------- */
    .contents h2 {
        font-size: 160%;
        padding: 15px 20px 10px 20px;
        line-height: 130%;
        background: #FFF4C4;
        border-left: solid 4px #FFD611;
        margin-bottom: 15px;
        color: #222222;
    }

    .contents h2:before {}

    .contents h3 {
        font-size: 130%;
        position: relative;
        padding-bottom: .2em;
        border-bottom: 3px solid #FFEA86;
        margin: 30px 0 20px;
    }

    .contents h3:before {
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 2;
        content: '';
        width: 20%;
        height: 3px;
        background-color: #FFD611;
    }

    .contents h4 {
        font-size: 110%;
        padding: 2px 0 2px 12px;
        margin: 10px 0 15px 0;
        border-left: #FFD611 2px solid;
    }

    /* 第2階層 -------------------------------------------------------------- */
    .breadcrumbs {
        padding: 15px 0 0 22px;
        font-size: 11px;
        text-align: left;
    }

    /* テーブル ---------------------------------------------------------------------------------------------------------------------------- */
    table.table01, table.sp-table, .wrap-event table {
        border-collapse: separate;
        border-spacing: 0;
        border-top: 1px solid #D0D0D0;
        border-left: 1px solid #D0D0D0;
        margin-bottom: 8px;
        font-size: 90%;
        line-height: 160%;
        width: 100%;
    }

    table.table01 th, table.sp-table th, .wrap-event table th {
        padding: 6px;
        border-right: 1px solid #D0D0D0;
        border-bottom: 1px solid #D0D0D0;
        background: #F7F7F7;
        width: 26%;
    }

    table.table01 td, table.sp-table td, .wrap-event table td {
        padding: 6px;
        border-right: 1px solid #D0D0D0;
        border-bottom: 1px solid #D0D0D0;
    }

    .wrap-event table th, .wrap-event table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        height: initial !important;
    }

    .wrap-event table td:nth-child(odd) {
        background-color: #F7F7F7;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

    table.table02 {
        font-size: 90%;
        line-height: 160%;
    }

    table.even tr:nth-child(even) th, table.even tr:nth-child(even) td {
        background: #eee;
    }

    table.even tr:nth-child(odd) th, table.even tr:nth-child(odd) td {
        background: #fff;
    }

    .nowrap {
        white-space: nowrap;
    }

    .scroll {
        width: 100%;
        overflow-x: scroll;
    }

    .scroll::-webkit-scrollbar {
        height: 10px;
    }

    /*バーの太さ*/
    .scroll::-webkit-scrollbar-track {
        background: #dddddd;
    }

    /*バーの背景色*/
    .scroll::-webkit-scrollbar-thumb {
        background: #003A8F;
    }

    /*バーの色*/
    table.table03 {
        border-collapse: separate;
        border-spacing: 0;
    }

    table.table03 th {
        border-bottom: none !important;
        text-align: left;
        display: block;
        width: 100%;
        padding-bottom: 0 !important;
    }

    table.table03 th, table.table03 td {
        border-bottom: solid 1px #cccccc;
        padding: 15px;
        display: block;
    }

    table.table03 p {
        padding-bottom: 0;
    }

    .table04, .table04 th, .table04 td {
        border: none;
    }

    .table04 tr td:nth-child(2) {
        padding-bottom: 10px;
    }

    /* Images -------------------------------------------------------------- */
    .alignleft, img.alignleft, .alignright, img.alignright, .aligncenter, img.aligncenter {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }

    /* ニュース -------------------------------------------------------------- */
    #news {
        margin: 0 auto 0;
        width: 100%;
    }

    #news h2 {
        padding: 1.5%;
        background: #FDDB55;
        height: 26px;
        text-align: center;
        font-size: 120%;
    }

    .table-cell {
        display: table-cell;
        vertical-align: middle;
    }

    #news .news-box {
        padding: 1.5% 0 1.5% 2%;
        background: #FEF2C2;
        margin-bottom: 20px;
    }

    #news .news-box dl {
        height: auto;
        overflow-y: auto;
		line-height: 120%;
    }

    #news .news-box dl dt {
        float: none;
        width: 8em;
        font-size: 86%;
        padding: 5px 5px 0px 0;
        color: #444;
    }

    #news .news-box dl dd {
        padding: 0px 0px 10px 0em;
    }

    .news-box2 {
        padding: 1.5% 0 1.5% 2%;
        margin-bottom: 20px;
    }

    .news-box2 dl {
        height: auto;
        overflow-y: auto;
    }

    .news-box2 dl dt {
        float: left;
        width: 8em;
        font-size: 86%;
        padding: 15px 5px 15px 0;
        color: #444;
    }

    .news-box2 dl dd {
        padding: 15px 0 15px 8em;
        border-bottom: 1px dashed #CCCCCC;
    }

    /* トップページ -------------------------------------------------------------- */
    #menu {
        display: flex;
        flex-wrap: wrap;
    }

    #menu .menu-box {
        width: 100%;
        margin: 0 0 4% 0;
        background: #FDDB55;
    }

    _#menu {
        width: 100%;
        overflow: hidden;
    }

    _#menu .menu-box a {
        float: left;
        width: 100%;
        margin: 0 0 4% 0;
        background: #FDDB55;
    }

    #menu .menu-box a .menu-box-img {
        float: left;
        width: 36%;
        overflow: hidden;
    }

    #menu .menu-box a .menu-box-img img {
        display: block;
        transition: all 0.3s linear;
        width: 100%;
    }

    #menu .menu-box a:hover .menu-box-img img {
        transform: scale(1.1);
        transition-duration: 0.3s;
    }

    #menu .menu-box-right {
        float: left;
        width: 56%;
        display: block;
        padding-left: 3%;
    }

    #menu .menu-box-right-midashi {
        border-bottom: #FFF 1px solid;
        font-size: 110%;
        line-height: 160%;
        font-weight: bold;
        padding: 20px 0 10px;
        margin-bottom: 10px;
    }

    #menu .menu-box-right-text {
        line-height: 160%;
        font-size: 90%;
    }

    .main-footer-btn {
        width: 100%;
        overflow: hidden;
    }

    .main-footer-btn li {
        width: 100%;
        float: left;
        list-style: none;
        margin-bottom: 2%;
    }

    a.btn-company {
        background: #0079BB;
        color: #FFF;
        text-align: center;
        display: block;
        padding: 20px;
        text-decoration: none;
        font-size: 130%;
    }

    a.btn-entry2 {
        background: #FF7300;
        color: #FFF;
        text-align: center;
        display: block;
        padding: 20px;
        text-decoration: none;
        font-size: 130%;
    }

    a.btn-blog {
        background: #42BB00;
        color: #FFF;
        text-align: center;
        display: block;
        padding: 20px;
        text-decoration: none;
        font-size: 130%;
        margin-bottom: 2%;
    }

    a.btn-blog2 {
        background: #644BB6;
        color: #FFF;
        text-align: center;
        display: block;
        padding: 20px;
        text-decoration: none;
        font-size: 130%;
        margin-bottom: 2%;
    }

    a.btn-company img, a.btn-entry2 img, a.btn-blog img, a.btn-blog2 img {
        margin-right: 16px;
    }

    a.btn-company:hover, a.btn-entry2:hover, a.btn-blog:hover, a.btn-blog2:hover {
        filter: alpha(opacity=80);
        -moz-opacity: 0.80;
        opacity: 0.80;
    }

    .main-footer-btn2 {
        width: 100%;
        overflow: hidden;
    }

    .main-footer-btn2 li {
        width: 100%;
        float: left;
        list-style: none;
        margin-bottom: 2%;
    }

    /* 社員一覧 -------------------------------------------------------------- */
    #parson-list-wrap {
        width: 100%;
        overflow: hidden;
    }

    #parson-list-wrap ul {
        width: 102.0%;
    }

    #parson-list-wrap ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #parson-list-wrap ul li {
        display: block;
        float: left;
        list-style-type: none;
        width: 47%;
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        margin: 0 3% 3% 0;
        background: #FDDB55;
    }

    #parson-list-wrap ul li a:hover {
        background: #FEDF63;
    }

    #parson-list-wrap ul li a {
        display: block;
        text-decoration: none;
    }

    #parson-list-wrap ul li a .parson-list-img {
        overflow: hidden;
    }

    #parson-list-wrap ul li a .parson-list-img img {
        display: block;
        transition: all 0.3s linear;
        width: 100%;
        height: auto;
    }

    #parson-list-wrap ul li a:hover .parson-list-img img {
        transform: scale(1.1);
        transition-duration: 0.3s;
    }

    #parson-list-wrap ul .parson-list a .parson-list-txt {
        padding: 10px;
        font-size: 80%;
        line-height: 160%;
    }

    #parson-list-wrap ul li a .parson-list-name {
        margin-top: 10px;
        font-size: 120%;
        font-weight: bold;
    }

    #parson-list-wrap a br:first-child {
        display: none;
    }

    #parson-list-wrap a .parson-list-txt br {
        display: block;
    }

    /* 社員一覧詳細 -------------------------------------------------------------- */
    .parson-detail-main {
        width: 100%;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .parson-detail-main .parson-detail-description, .parson-detail-main.right .parson-detail-description {
        color: #222222;
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
        padding: 6%;
        line-height: 1.3;
        z-index: 1;
        background: url(../../images/recruit/parson/parson-bk01.png) left top repeat;
    }

    .parson-detail-main .name {
        font-size: 5vw;
        line-height: 4vw;
        margin: 0 auto 4vw;
        border-bottom: #FFD611 1px solid;
        padding-bottom: 4%;
    }

    .parson-detail-main .affiliation {
        font-size: 3.0vw;
        letter-spacing: 0.25vw;
        padding-bottom: 0;
    }

    .parson-detail-main .timetable {
        padding: 6%;
        margin-top: 4%;
        font-size: 3.0vw;
        background: url(../../images/recruit/parson/parson-bk02.png) left top repeat;
    }

    .parson-detail-main .timetable ul {
        margin-top: 4%;
    }

    .parson-detail-main .timetable li {
        list-style-position: outside;
        margin-left: 20px;
    }

    .parson-detail-main.left .parson-detail-photo img {}

    .parson-detail-main .parson-detail-photo img {
        width: 100%;
    }

    .parson-box-wrap {
        clear: both;
        margin-top: 20px;
    }

    .parson-box-left, .parson-box-right {
        width: 100%;
    }

    .parson-arrow {
        margin: 20px auto 60px;
        line-height: 140%;
    }

    .parson-arrow span {
        margin-bottom: 2%;
        display: block;
    }

    .parson-arrow .parson-arrow-left {
        float: left;
        width: 46%;
        position: relative;
        display: inline-block;
    }

    .parson-arrow .parson-arrow-right {
        float: right;
        width: 46%;
        position: relative;
        display: inline-block;
    }

    .parson-arrow .parson-arrow-left a {
        background: #FDDB55;
        display: block;
        padding: 6% 6% 6% 14%;
        text-decoration: none;
    }

    .parson-arrow .parson-arrow-right a {
        background: #FDDB55;
        display: block;
        padding: 6% 14% 6% 6%;
        text-decoration: none;
    }

    .parson-arrow .parson-arrow-left a:hover, .parson-arrow .parson-arrow-right a:hover {
        background: #FDE06C;
    }

    .parson-arrow .parson-arrow-left a::before {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        position: absolute;
        top: 50%;
        left: 3%;
        margin-top: -4px;
    }

    .parson-arrow .parson-arrow-right a::before {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 3%;
        margin-top: -4px;
    }

    /* ボタン -------------------------------------------------------------- */
    .btn01, a.btn01 {
        background-image: url(../../images/recruit/common/arrow02.png);
        background-repeat: no-repeat;
        background-position: 14px center;
        background-color: #003A8F;
        display: block;
        text-decoration: none;
        padding: 15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
        width: 80%;
        margin: 20px auto 10px;
    }

    .btn01:hover, a.btn01:hover {
        background-color: #1A4E9A;
        color: #FFF;
        cursor: pointer;
    }

    .btn02, a.btn02 {
        background-image: url(../../images/recruit/common/arrow02.png);
        background-repeat: no-repeat;
        background-position: 14px center;
        background-color: #FF6600;
        display: block;
        text-decoration: none;
        padding: 15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
        width: 80%;
        margin: 20px auto 10px;
    }

    .btn02:hover, a.btn02:hover {
        background-color: #FF8533;
        color: #FFF;
        cursor: pointer;
    }

    /* フォーム -------------------------------------------------------------- */
    input[type="text"], input[type="email"], textarea, select {
        border: solid 1px #CCCCCC;
        border-radius: 5px;
        color: #333333;
        font-size: 14px;
        padding: 2% 2%;
        width: 96%;
    }

    input[type="submit"], input[type="reset"], input[type="button"] {
        font-size: 16px;
        font-weight: bold;
    }

    /* iOSでのデフォルトスタイルをリセット */
    input[type="submit"], input[type="button"] {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer;
    }

    input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
        display: none;
    }

    input[type="submit"]::focus, input[type="button"]::focus {
        outline-offset: -2px;
    }

    /* 社内行事 -------------------------------------------------------------- */
    #event-list-wrap {
        width: 100.0%;
        overflow: hidden;
    }

    #event-list-wrap .event-list {
        width: 100%;
        margin: 0 3% 6% 0;
    }

    #event-list-wrap .event-list .event-list-img {
        width: 100%;
        overflow: hidden;
    }

    #event-list-wrap .event-list .event-list-img img {
        display: block;
        width: 100%;
        height: auto;
    }

    #event-list-wrap .event-list:hover .event-list-img img {}

    #event-list-wrap .event-list-txt {
        padding: 14px 20px;
        margin-top: 20px;
        background: #EAEAEA;
        position: relative;
    }

    #event-list-wrap .event-list-txt:before {
        content: "";
        position: absolute;
        top: -30px;
        left: 20%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 20px solid #EAEAEA;
    }

    /* 座談会 -------------------------------------------------------------- */
    .discussion-top {
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .discussion-top ul {
        list-style-type: none;
        padding-left: 0;
    }

    .discussion-top li {
        width: 27%;
        height: auto;
        float: left;
        text-align: center;
        line-height: 140%;
        padding: 3%;
        font-size: 86%;
    }

    .discussion-top-img img {
        width: 100%;
        height: auto;
        padding-bottom: 4%;
    }

    .discussion-contents h3 {
        color: #FFF;
        font-weight: bold;
        border: none;
        display: block;
        margin: 6% auto 4%;
        text-align: center;
    }

    .discussion-contents h3:before {
        position: static;
    }

    .discussion-contents h3 .h3-bk {
        background: #0079BB;
        display: inline-block;
        padding: 4% 8%;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
    }

    .discussion-contents {
        margin-bottom: 10%;
    }

    .discussion-contents .talk {
        margin-bottom: 1.6%;
        display: block;
    }

    .discussion-contents .talk .talk-icon {
        width: 50px;
        float: left;
        text-align: center;
        margin-right: 10px;
    }

    .discussion-contents .talk p {
        padding-left: 70px;
    }

    .discussion-contents .discussion-contents-left {
        width: 100%;
        margin-bottom: 6%;
        text-align: center;
    }

    .discussion-contents .discussion-contents-right {
        width: 100%;
    }

    .members {
        position: relative;
        z-index: 100;
        margin-bottom: 70px;
    }

    h2.title-white {
        font-size: 200%;
        background: radial-gradient(#FFA724, #FF9800);
        border-left: none;
        color: #FFFFFF;
        margin-bottom: 0;
    }

    h2.title-white span {
        display: block;
        font-size: 1.2rem;
    }

    .members-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .members-inner {
        width: 100%;
        padding-top: 35px;
        margin-bottom: 50px;
        font-size: 110%;
        position: relative;
    }

    .members-inner:nth-child(1):before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("../../images/recruit/discussion/members-bgtop-sp.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        z-index: -1000;
    }

    .members-inner:nth-child(n + 2):before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("../../images/recruit/discussion/members-bgtop-sp.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        z-index: -1000;
    }

    .members-photo img {
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        max-width: 300px;
        width: 60%;
    }

    .font-s {
        font-size: 1.2rem;
    }

    .font-grey {
        color: #8A8A8A;
    }

    .font-orange-bold-s {
        color: #FF6600;
        font-weight: bold;
    }

    .members-block {
        border-bottom: solid 1px #E1DEDE;
        padding-bottom: 50px;
    }

    .margin-t10-sp {
        margin-top: 10px;
    }

    .margin-t15-sp {
        margin-top: 15px;
    }

    #tab {
        font-size: 1.4rem;
    }

    #tab li {
        width: 100%;
        box-sizing: border-box;
    }

    a.back-white {
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 30px;
        font-weight: 800;
        font-size: 120%;
        vertical-align: middle;
        color: #ff9800;
        background: #fff;
        line-height: 22px;
        text-align: left;
        padding: 7px 35px 7px 25px;
        margin-bottom: 12px;
        box-sizing: border-box;
        text-indent: -2em;
        padding-left: 3.3em;
    }

    a.back-white:hover {
        opacity: 0.8;
        transition: 0.3s;
    }

    .arrow {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        vertical-align: middle;
        text-decoration: none;
        font-size: 15px;
    }

    .arrow::before, .arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    .sample4-1::before {
        right: 10px;
        top: 8px;
        box-sizing: border-box;
        width: 7px;
        height: 7px;
        border: 6px solid transparent;
        border-top: 8px solid #ff9800;
    }

    .mokuzi {
        padding-bottom: 8px;
    }

    /*-------211117 濱野変更・追加分------*/
    /*-------211117 ここから共通------*/
    .num_content {
        color: #707070;

        margin-bottom: 7em;
    }

    .num_two {
        display: flex;
        justify-content: space-between;
        width: 98%;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .num_two .num_one {
        width: 100%;
        margin: 5em 0 0 0;
    }

    .num_one {
        width: 98%;
        background-color: #F7F7F7;
        border-radius: 10px;
        margin: 5em auto 0 auto;
        position: relative;
    }

    .num_one h2 {
        font-size: 2em;
        position: absolute;
        line-height: inherit;
        background-color: unset;
        border: none;
        top: -30px;
        left: 0%;
        color: #707070;
        word-break: keep-all;
        line-height: 1.1em;
    }

    .num_one span.num_ttl {
        padding-right: 10px;
        font-size: 1.1em;
        color: rgba(132, 96, 30, 0.25)
    }

    .border {
        background-image: linear-gradient(to bottom, #707070, #707070 5px, transparent 3px, transparent 8px);
        /* 右の線 */
        background-size: 2px 15px;
        background-position: center;
        /* 右の線 */
        background-repeat: repeat-y;
        /* 右の線 */
        height: 170px;
    }

    /*-------211117 ここまで共通------*/
    /*-------211117 ここから内容------*/
    .num_1_wrapper {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 60px 15px 0px 15px;

    }

    .num_1_content {
        width: 100%;
        background-color: #fff;
        position: relative;
        border-radius: 10px;
    }

    .num_1_content:first-child {
        margin-bottom: 2em;
    }

    .num_1_ttl {
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 1.75em;
        font-weight: bold;
        word-break: keep-all;
    }

    .num_1_detail {
        display: flex;
        padding: 50px 35px 20px 35px;
        justify-content: space-between;
    }

    .num_1_rec {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .num_1_right {
        padding-right: 20px;
    }

    .num_1_left {
        padding-left: 20px;
    }

    .num_1_rec img {
        margin-bottom: 1em;
    }

    .num_1_rec .num_emp {
        margin-left: 12px;
        font-weight: bold;
        margin-top: 2em;
    }

    .num_1_rec .num_emp span {
        font-size: 3.3em;
    }

    .num_2_content {
        padding: 60px 15px 20px 15px;
    }

    .num_2_top {
        display: flex;
        justify-content: space-between;
    }

    .num_2_detail {
        font-size: 2em;
        width: 48%;
        text-align: center;
        font-weight: bold;
    }

    .num_2_detail .num_2_emp span {
        font-size: 1.5em;
        margin-left: 10px;
    }

    .num_2_content .border {
        height: 90px;
    }

    .num_2_bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2em;
    }

    .num_2_bottom .num_2_emp {
        width: 30%;
        font-weight: bold;
        font-size: 1.2em;
        padding-top: 90px;
        text-align: center;
    }

    .num_2_bottom .num_2_emp span {
        font-size: 1.3em;
    }

    .num_2_bottom img {
        width: 38%;
    }

    .num_3_content {
        padding: 40px 15px 30px 15px;
    }

    .num_4_content {
        background-image: url("../images/number/re_04.png");
        height: 260px;
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .num_4 {
        font-size: 3em;
        font-weight: bold;
        text-align: center;
        color: #404040;
    }

    .num_4 span {
        font-size: 1.5em;
    }

    .num_4 span.num_4_s {
        font-size: 0.7em;
    }

    /*211202追加---------------------------------------------*/
    .num_4_wrapper {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 60px 15px 0px 15px;

    }

    .num_4_rec {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .num_4_rec .num_emp {
        margin-left: 12px;
        font-weight: bold;
        margin-top: 2em;
        font-size: 1.8em;
    }

    .num_4_rec .num_emp span {
        font-size: 2.5em;
    }


    /*211202追加以上---------------------------------------------*/
    .num_5_content {
        background-image: url("../images/number/re_05.png");
        height: 260px;
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .num_6_content {
        background-image: url("../images/number/re_06.png");
        height: 260px;
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .num_7_content {
        text-align: center;
    }

    .num_7_content img {
        width: 80%;
        padding: 20px;
    }

    .num_8_wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 60px 15px 15px 15px;

    }

    .num_8_content {
        width: 48%;
        background-color: #fff;
        position: relative;
        border-radius: 10px;
        margin-bottom: 2em;
    }

    .num_8_content:last-child::after {
        width: 48%;

    }

    .num_8_rec {
        text-align: center;
    }

    .num_8_rec img {
        width: 70%;
        margin: 40px auto 30px auto;
    }

    .num_8_rec .num_emp {
        font-size: 2em;
        font-weight: bold;
    }

    .num_8_rec .num_emp span {
        font-size: 1.5em;
        margin-left: 10px;
    }

    .num_9_content {
        display: flex;
        justify-content: center;
        padding: 50px 15px 20px 15px;
    }

    .num_9_label {
        display: flex;
        flex-direction: column;
        vertical-align: middle;
        justify-content: space-evenly;
    }

    .num_10_content {
        text-align: center;
        padding: 60px 40px 20px 40px;
        font-weight: bold;
    }

    .num_10_content img:first-child {
        width: 50%;
    }

    .num_10_content p {
        font-size: 1.3em;
        padding-top: 20px;
    }

    .num_10_content p.num_10_emp {
        font-size: 3em;
        margin-top: 0.5em;
        padding-top: 0;
    }

    .sp-head {
        padding-left: 2em;
    }

    .chart {
        opacity: 0;
        transform: translate(-10%, 0);
        transition: 1.5s;
    }

    .fade {
        opacity: 0;
        transform: scale(0.7, 0.7);
        transition: 1.5s;
    }

    .chart.is-show {
        transform: translate(0, 0);
        opacity: 1;
    }

    .fade.is-fade {
        transform: scale(1, 1);
        opacity: 1;
    }

    /*220428追加-------------------------------------------------*/
    .recruit-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        margin-bottom: 5rem;
    }

    .recruit-flex {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        align-content: center;
    }

    .recruit-flex h2 {
        height: 100% !important;
        box-sizing: border-box;
    }

    .recruit-flex .news-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0 !important;
    }

    #news .recruit-flex .news-box dl {
        padding: 2rem;
        height: 100%;
    }

    .recruit-list {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
        padding-left: 0.6rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .recruit-list .item {
        display: flex;
		flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
    .recruit-list .item a{	
	display: block;
		width: 100%;
    }
    .recruit-point {
        background: #FDDB55;
        background: #FDDB55;
        padding: 0.5rem 1rem;
        font-weight: bold;
        max-width: 65px;
        width: 100%;
        text-align: center;
    }

    .main-footer-btn2 li:nth-child(2), .main-footer-btn2 li:nth-child(3) {
        width: 100%;
        margin-bottom: 10px;
    }

    .main-footer-btn2 li:nth-child(3) a {
        background: #FF0606;
    }
}

@media screen and (min-width:680px) and (max-width:844px) {
    #menu .menu-box {
        width: 49%;
        margin: 0 2% 2% 0;
        background: #FDDB55;
    }

    #menu .menu-box:nth-child(2n) {
        margin-right: 0;
    }

    /* 社内行事 -------------------------------------------------------------- */
    #event-list-wrap {
        width: 103.0%;
        overflow: hidden;
    }

    #event-list-wrap .event-list {
        float: left;
        width: 47%;
        margin: 0 3% 3% 0;
    }

    #event-list-wrap .event-list .event-list-img {
        width: 100%;
        overflow: hidden;
    }

    #event-list-wrap .event-list .event-list-img img {
        display: block;
        width: 100%;
        height: auto;
    }

    #event-list-wrap .event-list:hover .event-list-img img {}

    #event-list-wrap .event-list-txt {
        padding: 14px 20px;
        margin-top: 20px;
        background: #EAEAEA;
        position: relative;
    }

    #event-list-wrap .event-list-txt:before {
        content: "";
        position: absolute;
        top: -30px;
        left: 20%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 20px solid #EAEAEA;
    }
}