@charset "UTF-8";
/*
Theme Name: 賢威7.0子テーマ プレジル改変分
Template: keni70_wp_corp_blue_201606141526
*/

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

/* ヘッダー右上画像 */
#header-contact {
    float: right;
}

#header-contact img {
    max-height: 100px;
}
 
/* サイト名を上に寄せる
.site-title {
    vertical-align: top;
} */

.main-image {
    margin-bottom: 0;
}

.float-area {
    margin-bottom: 0;
}

/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/

.sub-conts .section-wrap {
    margin: 10px auto;
    padding: 0;
    border: none;
}

/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/

.single .article-body, .page .article-body {
    margin-bottom: 40px;
    font-size: 1.0em;
}

.single-lp .normal-screen {
    display: none;
}

.section-wrap {
    border: none;
    padding: 0px;
}

/*引用*/

blockquote {
    position: relative;
    margin: 0 1em 1.5em;
    padding: 50px 45px;
    background: #eeeeee;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote:before {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 50px;
    height: 50px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    content: "“";
    color: #a9a9a9;
    font-size: 400%;
}

blockquote:after {
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    content: "”";
    color: #a9a9a9;
    font-size: 400%;
    text-align: right;
}

/*--------------------------------------------------------
company-info message main
--------------------------------------------------------*/

#pgc-19-0-0 {
    padding: 0!important;
    margin: 0;
}

#pgc-19-0-1 {
    padding: 0!important;
    margin: 0;
}

#greeting-topbg {
    position: relative;
    height: 100%;
}

/*--------------------------------------------------------
lp main-body
--------------------------------------------------------*/

.main-body {
    margin-top: 10px;
    padding-bottom: 30px;
}

.no-gn .main-body {
    margin-top: 0;
}

.lp.no-gn .main-body {
    margin-top: 0;
}

.full-screen {
    height: 0!important;
    padding-top: 54%;
    background: url('http://202.229.132.41/app-def/S-102/test/wp-content/uploads/2017/01/lp-img00.jpg')0 0 no-repeat;
    background-size: contain;
}

#toplp {
    margin-bottom: 0!important;
}

/*--------------------------------------------------------
class指定css
--------------------------------------------------------*/

ul.lp-list {
    list-style-type: none;
}

ul.ninjalist {
    list-style-type: none;
    font-size: 0.9em;
    padding: 20px;
}

ul.ninjalist li {
    line-height: 1.0em;
}

.table-info {
    overflow: hidden;
    table-layout: fixed;
    border: none!important;
    font-size: 0.938em;
}

.table-info th {
    padding: 5px 10px;
    border: none;
    border-bottom: 1px dashed #d3d3d3;
    border-top: 1px dashed #d3d3d3;
    background-color: #fff;
    vertical-align: top;
    font-weight: normal;
}

.table-info td {
    padding: 5px 10px;
    border: none;
    border-top: 1px dashed #d3d3d3;
    border-bottom: 1px dashed #d3d3d3;
}

.table-lp {
    width: 70%;
    overflow: hidden;
    table-layout: fixed;
    border: none!important;
    font-size: 85%;
    margin: 0 auto;
}

.table-lp th {
    border: none;
    border-bottom: 1px solid #00638a;
    background-color: #fff!important;
    vertical-align: middle;
    color: #00638a;
}

.table-lp td {
    padding-left: 30px;
    border: none;
    border-top: none!important;
    border-bottom: 1px dashed #d3d3d3;
}

.table-int {
    width: 95%;
    overflow: hidden;
    table-layout: fixed;
    border: none!important;
    font-size: 90%;
    margin: 0 auto;
}

.table-int th {
    border: none;
    border-bottom: 1px solid #00638a;
    background-color: transparent!important;
    vertical-align: middle;
    color: #2A97CA;
}

.table-int td {
    padding-left: 30px;
    border: none;
    border-top: none!important;
    border-bottom: 1px dashed #d3d3d3;
}

#pl-3146 {
    margin-bottom: 0!important;
}

#pg-2772-0 {
    margin-bottom: 0!important;
}

/*---- LP ヘッダー画像とfirst panelの間 ----*/

.pgmg {
    border-top: 80px solid #2A97CA;
    margin-top: 0;
    padding: 0;
}

/*---- LP パネル上部ボーダー ----*/

.int-img02mobile {
    margin-top: 30px;
    width: 100%!important;
}

#pl-4577 .so-panel {
    margin-bottom: 10px;
}

/*--------------------------------------------------------
キャラ
--------------------------------------------------------*/

.talker b {
    font-weight: normal;
    font-size: 10pt;
}

/*--------------------------------------------------------
エントリーシート
--------------------------------------------------------*/

.e-sheet-area {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-family: -apple-system, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}

.e-sheet-child {
    box-sizing: border-box;
    width: 50%;
    padding: 10px;
    margin: 0 10px;
}

.e-sheet-child h2 {
    background: initial;
    color: #3770ad;
    box-shadow: initial;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}

.e-sheet {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 45px 0 40px;
    justify-content: flex-start;
    box-sizing: border-box;
    border: 1px solid;
    margin-left: 0;
}

.e-sheet li {
    box-sizing: border-box;
    width: 100%;
    padding-top: 0px;
    list-style-type: none;
    text-align: center;
    margin: 10px auto;
}

.e-sheet li h2 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    background-color: initial;
    box-shadow: initial;
    color: #000;
    font-size: 16px;
    padding: 0 0 0 80px;
    margin: 0;
    font-weight: initial;
}

/* エクセルアイコン設定 */

.excel-icon h2::before, .pdf-icon h2::before {
    content: "";
    display: block;
    position: absolute;
    left: 35px;
    margin: auto;
    top: 10px;
}

.excel-icon h2::before {
    background: url(/app-def/S-102/test/wp-content/uploads/2019/11/es-ex-button.png);
    width: 60px;
    height: 60px;
    background-size: cover;
}

.pdf-icon h2::before {
    background: url(/app-def/S-102/test/wp-content/uploads/2019/11/es-pdf-button.png);
    width: 60px;
    height: 60px;
    background-size: cover;
}

.e-sheet li h3 {
    color: #009375;
    padding: 0 0 0 70px;
    width: 100%;
    box-sizing: border-box;
    position: initial;
    border-bottom: none;
    text-align: center;
    margin: 0;
}

.e-sheet-child a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    box-sizing: content-box;
    transition: all 0.3s;
    border: 1px solid;
    border-radius: 5px;
    color: #fff;
}

.bt-excel {
    display: block;
    text-decoratiion: none;
    box-sizing: content-box;
    transition: all 2s;
    color: #fff;
    padding: 7px 25px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
    text-shadow: none;
}

.e-sheet-child a:hover {
    opacity: 0.7;
    transition: all 0.3s;
}

/*--------------------------------------------------------
キッズサイト
--------------------------------------------------------*/

#kid-map {
    position: relative;
    height: 100%
}

.kid-button {
    position: absolute;
    display: block;
}

.kid-button-icon--1, .kid-button-icon--2, .kid-button-icon--3, .kid-button-icon--4, .kid-button-icon--5, .kid-button-icon--6, .kid-button-icon--7 {
    width: 7%;
}

.kid-button-icon--1 {
    /*top:15%;
	left:18%;*/
    top: 5%;
    left: 30%;
    margin-left: -12.6%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--2 {
    top: 18%;
    right: 8%;
    margin-left: -12.6%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--3 {
    top: 28%;
    right: 45%;
    margin-left: -12.6%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--4 {
    top: 46%;
    left: 43.5%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--5 {
    top: 56.8%;
    right: 31%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--6 {
    top: 66%;
    left: 23%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button-icon--7 {
    top: 66%;
    right: 23%;
    /*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.kid-button:hover {
    transform: scale(1.2);
}

.item-layout-0 {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid;
    display: flex;
}

.item-layout-1 {
    box-sizing: border-box;
    width: 100%;
    margin: 20px;
}

.kp-insection {
    padding: 150px 0 0;
}

.kp-header-h2 {
    margin-top: 100px;
    text-align: center;
    background: none!important;
    box-shadow: initial!important;
}

/*--------------------------------------------------------
900px 以上なら
--------------------------------------------------------*/

@media screen and (min-width: 900px) {
    .table-info th {
        width: 20%;
    }
    .table-lp th {
        width: 25%;
    }
    .table-int th {
        width: 25%;
        padding: 5px auto;
    }
    .philosophyboxmobile {
        display: none!important;
    }
    .ent-intrn {
        border: none;
    }
    .ent-intrn tr {
        width: 100%;
    }
    .ent-intrn td {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        border: none !important;
    }
    /***** 制服サイズ *****/
    .nfset {
        width: 70%;
        font-size: 10pt;
        border: none;
        margin: auto;
        table-layout: fixed;
    }
    .nfset tr {
        width: 100%;
    }
    .nfset td {
        width: 100%;
        list-style-type: none;
        margin: 0px;
        padding: 10px 5px;
        border: none!important;
    }
    .inttitle {
        margin: 50px auto;
    }
    .intarrow {
        margin: 30px auto;
    }
    .intbox03-mobile {
        display: none!important;
    }
    .intbox04-mobile {
        display: none!important;
    }
    .intlink {
        position: fixed;
        bottom: 20px;
        left: 20px;
        border: 1px solid #fff;
        border-radius: 5px;
        z-index: 99;
    }

/*--------------------------------------------------------
main-body
--------------------------------------------------------*/
    .col1 .section-wrap {
        padding: 0px 80px;
    }
    /*--------------------------------------------------------
LP css
--------------------------------------------------------*/
    h6.subti {
        font-size: 1.2em;
        color: #00638a;
        padding-left: 20px;
        margin: 0;
    }
    /*--LP sub title--*/
    h6.subti2 {
        width: 90%;
        font-size: 2.0em;
        color: #fff;
        margin: 0 auto;
        text-align: center;
    }
    /*--LP sub title--*/
    h6.subti3 {
        font-size: 1.2em;
        color: #00638a;
        margin: 0 auto;
        text-align: left;
    }
    /*--LP sub title--*/
    .mobile-title {
        display: none;
    }
    .sub-picmobile {
        display: none;
    }
    #entis {
        width: 30%;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        margin: auto;
        padding-top: 5px;
    }
    #ent-in {
        width: 720px;
        margin: auto;
    }
    #parentsbox00, #parentsbox01, #parentsbox02, #parentsbox03, #parentsbox04, #parentsbox04s, #parentsbox05, #parentsbox06 {
        position: relative;
        height: 100%;
    }
    .sectwrap-left {
        width: 80%;
        margin: auto;
        overflow: hidden;
        text-align: left;
        position: absolute;
        top: 150px;
        right: 150px;
    }
    .sectwrap-right {
        width: 80%;
        margin: auto;
        overflow: hidden;
        text-align: left;
        position: absolute;
        top: 150px;
        left: 150px;
    }
    .sectwrap-opacity {
        width: 900px;
        margin: auto;
        overflow: hidden;
        text-align: left;
        position: absolute;
        top: 50px;
        bottom: 50px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }
    #box-pearent {
        width: 90%;
        margin: auto;
        overflow: hidden;
    }
    .box {
        display: inline-block;
        width: 30%;
        border-collapse: separate;
        border-spacing: 3px 0;
        padding: 10px;
        margin: 10px auto;
        color: #fff;
        background-color: #00638a;
        vertical-align: top;
        border: 1px solid #fff;
        border-redius: 10px;
        -webkit-border-radius: 10px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;
        /* Firefox用 */
    }
    hr.lp-line {
        width: 100%;
        border: 1px solid #ccc;
        margin: 20px auto;
    }
    dl.lp-dl-alone {
        width: 100%;
    }
    dl.lp-dl-alone dt {
        width: 100%;
    }
    .sectimg {
        width: 100%;
    }
    .sectimg-s {
        display: none!important;
    }
    /*--------------LP wrap00 css----------------*/
    .top0-0 {
        width: 100%;
        margin-bottom: 5px;
        border-top: 80px solid #00638a;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
    }
    .top0-0s {
        display: none!important;
    }
    /*--------------LP wrap00 css----------------*/
    .disbox00 {
        border: 2px solid #333;
        margin: auto;
        padding: auto;
        background: rgba(255, 255, 255, 0.7);
    }
    .disbox00 dl {
        margin: 0 auto;
        padding: 0;
    }
    .disbox00 dt {
        width: 100%;
        margin: 0;
        padding: 15px 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
        text-align: center;
        text-decoration: underline;
    }
    .disbox00 dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    /*--------------LP wrap01 css　やる気をもって新しい世界へ～----------------*/
    .ti01 {
        width: 70%;
        overflow: hidden;
        font-weight: bold;
        font-size: 300%;
        line-height: 1.2em;
        margin: auto;
        color: #2b2b2b;
        float: left;
    }
    .sect01 {
        display: block;
        width: 100%;
        height: 0px;
        margin: 0 auto;
        padding-top: 75%;
        float: right;
    }
    .disbox01 {
        width: 700px;
        padding: 10px;
        margin: 10px auto;
        border: 2px solid #fff;
        background: rgba(255, 255, 255, 0.7);
        clear: left;
        float: left;
    }
    .disbox01 dl {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox01 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }
    .disbox01 dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    #box01 {
        width: 85%;
        margin: 5px auto;
        padding: 0;
        overflow: hidden;
        text-align: center;
    }
    #box01 ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 auto;
    }
    #box01 li {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        background-color: #00638a;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        margin: 0 5px;
    }
    /*--------------LP wrap02 css　全員が初心者～----------------*/
    .ti02 {
        width: 730px;
        overflow: hidden;
        font-weight: bold;
        font-size: 300%;
        line-height: 1.2em;
        margin: auto;
        color: #fff!important;
        float: right;
    }
    .sect02 {
        display: block;
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding-top: 75%;
    }
    .disbox02 {
        width: 700px;
        padding: 10px;
        margin: 10px auto;
        border: 2px solid #fff;
        background: rgba(255, 255, 255, 0.7);
        clear: right;
        float: right;
    }
    .disbox02 dl {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox02 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }
    .disbox02 dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    #box02 {
        width: 88%;
        margin: 5px auto;
        padding: 0;
        overflow: hidden;
        text-align: center;
    }
    #box02 ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 auto;
    }
    #box02 li {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        background-color: #00638a;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        margin: 0 5px;
    }
    /*--------------LP wrap03 css　人々の安全で～----------------*/
    .ti03 {
        width: 70%;
        overflow: hidden;
        font-weight: bold;
        font-size: 250%;
        line-height: 1.2em;
        margin: auto;
        color: #2b2b2b;
        float: left;
    }
    .sect03 {
        display: block;
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding-top: 75%;
    }
    .disbox03 {
        width: 700px;
        padding: 10px;
        margin: 10px auto;
        border: 2px solid #fff;
        background: rgba(255, 255, 255, 0.7);
        clear: left;
        float: left;
    }
    .disbox03 dl {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox03 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }
    .disbox03 dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    /*--------------LP wrap04 css　なぜ今～----------------*/
    .ti04 {
        width: 90%;
        overflow: hidden;
        font-weight: bold;
        font-size: 250%;
        line-height: 1.2em;
        margin: auto;
        padding: 30px 0 0;
        color: #fff;
    }
    .sect04 {
        display: block;
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding-top: 75%;
    }
    .disbox04 {
        width: 90%;
        padding: 10px;
        margin: 10px auto;
        color: #fff;
    }
    .box dl {
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    .box dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #fff;
    }
    .box dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    #box04 {
        width: 85%;
        margin: 5px auto;
        padding: 0;
        overflow: hidden;
        text-align: center;
        font-size: 85%;
        font-weight: bold;
    }
    #box04 ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 auto;
    }
    #box04 li {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        background-color: #00638a;
        color: #fff;
        padding: 10px;
    }
    /*--------------LP wrap06 css　誰でもできる～----------------*/
    .ti06 {
        width: 730px;
        overflow: hidden;
        font-weight: bold;
        font-size: 300%;
        line-height: 1.2em;
        margin: auto;
        color: #2b2b2b;
        float: right;
    }
    .sect06 {
        display: block;
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding-top: 75%;
    }
    .disbox06 {
        width: 700px;
        padding: 10px;
        margin: 10px auto;
        border: 2px solid #fff;
        background: rgba(255, 255, 255, 0.7);
        clear: right;
        float: right;
    }
    .disbox06 dl {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox06 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }
    .disbox06 dd {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }
    #box06 {
        width: 88%;
        margin: 5px auto;
        padding: 0;
        overflow: hidden;
        text-align: center;
    }
    #box06 ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 auto;
    }
    #box06 li {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        background-color: #00638a;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        margin: 0 5px;
    }
    /*--------------LP wrap3column css----------------*/
    .lpcolumn {
        width: 85%;
        border-bottom: 1px solid #ccc;
        margin: auto;
        padding: 20px;
    }
    .lpcolumn h6 {
        font-size: 1.2em;
        color: #00638a;
        margin: 0 auto;
        text-align: left;
    }
    /*--LP sub title--*/
    /*--------------LP listen css----------------*/
    .listen {
        width: 70%;
        margin: 0 auto 40px;
        padding: 0 50px 10px 50px;
        overflow: hidden;
    }
    /*--------------LP none-mobile css----------------*/
    #tops {
        display: none;
    }
    .sect01s, .sect02s, .sect03s, .sect04s, .sect06s {
        display: none!important;
    }
    /*--------------greeting mobile css----------------*/
    #greeting-mobile {
        display: none;
    }
    /***** スタッフの声　この記事を書いた人 *****/
    #svp {
        border: 1px solid #313C4E;
        width: 96%;
        margin: 40px 20px auto;
        overflow: hidden;
    }
    #svp h5 {
        color: #fff;
        background: #313C4E;
        text-align: left;
        padding: 20px;
        font-size: 12pt;
        margin: 0!important;
    }
    #svp .left {
        width: 15%;
        float: left;
        margin: 10px;
    }
    #svp .left img {
        width: 100%;
        padding: 0 !important;
    }
    #svp .right {
        width: 80%;
        float: right;
        font-size: 10pt;
        line-height: 1.5;
        text-aline: left;
        margin: 10px 0 10px 20px;
    }
    /***** インターシップレポート締め *****/
    #intup {
        width: 96%;
        margin: 20px 20px auto;
        overflow: hidden;
    }
    #intup .top {
        font-size: 10pt;
        margin-bottom: 20px;
    }
    #intup .left {
        width: 15%;
        float: left;
        margin: 10px;
    }
    #intup .left img {
        width: 100%;
        padding: 0 !important;
    }
    #intup .right {
        width: 80%;
        float: right;
        font-size: 10pt;
        text-aline: left;
        margin: 10px 0 10px 20px;
        padding-top: 40px;
    }
    /***** line友達追加 *****/
    #lineBT {
        display: none!important;
    }
    /***** line友達追加QR *****/
    #lineQR {
        width: 96%;
        margin: 20px auto;
        overflow: hidden;
    }
    .LQleft {
        width: 15%;
        float: left;
        margin: 10px;
    }
    .LQleft img {
        width: 100%;
        padding: 0 !important;
    }
    .LQright {
        width: 80%;
        float: right;
        text-aline: left;
        margin 0;
        padding-top: 20px;
    }
    .c-submit {
        font-size: 1.0em;
        margin-bottom: 20px;
    }
    /***** 新入社員の皆様へ *****/
    .NFbox {
        display: none!important;
    }
}

/*--------------------------------------------------------
900px 以下なら
--------------------------------------------------------*/

@media screen and (max-width: 900px) {
    .col1 .section-wrap {
        padding: 0px 0px;
    }
    .table-info {
        display: block;
    }
    .table-info tbody, .table-info tr {
        display: block;
        width: 100%;
    }
    .table-info th {
        width: 100%;
        display: block;
        margin: 0 auto;
        border: none;
        background-color: #d2dedf;
    }
    .table-info td {
        display: list-item;
        list-style-type: none;
        margin: 0;
        padding: 5px;
        width: 100%;
        border: none !important;
    }
    .ent-intrn {
        display: block;
        width: 100%;
        border: none !important;
    }
    .ent-intrn td {
        display: list-item;
        list-style-type: none;
        margin: 0;
        padding: 2px;
        width: 100%;
        border: none !important;
    }
    .topimg-pearent {
        position: relative;
    }
    .mobile-top {
        width: 95%;
        font-size: 120%;
        font-family: "ＭＳ Ｐ明朝";
        line-height: 1.5em;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 120px;
    }
    .inttitle {
        width: 100%;
        margin: 0!important;
    }
    .intarrow {
        margin: 10px auto 20px;
    }
    .intbox03, .intbox04 {
        display: none!important;
    }
    .intdaymobile {
        margin-top: 0!important;
    }
    .intlink {
        width: 70px;
        position: fixed;
        right: 20px!important;
        bottom: 60px;
        z-index: 99;
    }
    .table-int {
        display: block;
        width: 100%;
        font-size: 0.8em;
    }
    .table-int tbody, .table-int tr {
        display: block;
        width: 100%;
    }
    .table-int th {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 10px 0 0;
        border: none;
        background-color: #000;
        text-align: left;
    }
    .table-int td {
        display: list-item;
        list-style-type: none;
        margin: 0;
        padding: 0 0 10px;
        width: 100%;
        border: none !important;
        border-bottom: 1px dashed!important;
    }
    /*--------------------------------------------------------
company-info message main
--------------------------------------------------------*/
    .message {
        width: 95%;
        margin: 10px auto;
    }
    .table-lp {
        display: block;
        width: 90%;
        font-size: 0.8em;
    }
    .table-lp tbody, .table-lp tr {
        display: block;
        width: 100%;
    }
    .table-lp th {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 10px 0 0;
        border: none;
        background-color: #000;
        text-align: left;
    }
    .table-lp td {
        display: list-item;
        list-style-type: none;
        margin: 0;
        padding: 0 0 10px;
        width: 100%;
        border: none !important;
        border-bottom: 1px dashed!important;
    }
    .top0-0 {
        display: none!important;
    }
    .top0-0s {
        width: 100%;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.0em;
    }
    .sectimg {
        display: none!important;
    }
    .sectimg-s {
        width: 100%;
        margin: auto;
    }
    .sectwrap-opacity {
        width: 90%;
        margin: auto;
        overflow: hidden;
        text-align: left;
        position: absolute;
        top: 50px;
        bottom: 50px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }
    .philosophybox {
        display: none;
    }
    /*--------------------------------------------------------
mobile LP css
--------------------------------------------------------*/
    h6.subti {
        font-size: 1.2em;
        color: #00638a;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    /*--LP sub title--*/
    /*--------------LP sect none-PC css----------------*/
    .sect01, .sect02, .sect03, .sect04, .sect05, .sect06 {
        display: none!important;
    }
    /*--------------LP wrap01 mobile css　新しい世界へ～----------------*/
    .img-pearents01 {
        position: relative;
    }
    .ti01 {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 55%;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.2em;
        color: #000;
    }
    .sect01s {
        display: width:auto;
        margin: 0 auto 10px;
        padding: 0;
    }
    .disbox01 {
        width: 90%;
        margin: 0 auto;
    }
    .disbox01 dl {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox01 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.0em;
        color: #333;
        text-align: left;
    }
    .disbox01 dd {
        width: 100%;
        margin: 15px auto;
        padding: 0;
        font-size: 80%;
    }
    /*--------------LP wrap02 mobile css　全員が初心者～----------------*/
    .img-pearents02 {
        position: relative;
    }
    .ti02 {
        position: absolute;
        top: 30px;
        right: 5px;
        width: 50%;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.2em;
        color: #000;
    }
    .sect02s {
        width: auto;
        margin: 0 auto 10px;
        padding: 0;
    }
    .disbox02 {
        width: 90%;
        margin: 0 auto;
    }
    .disbox02 dl {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox02 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.0em;
        color: #333;
        text-align: left;
    }
    .disbox02 dd {
        width: 100%;
        margin: 15px auto;
        padding: 0;
        font-size: 80%;
    }
    /*--------------LP wrap03 mobile css　人々の安全で～----------------*/
    .img-pearents03 {
        position: relative;
    }
    .ti03 {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 55%;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.2em;
        color: #000;
    }
    .sect03 {
        width: auto;
        margin: 0 auto 10px;
        padding: 0;
    }
    .disbox03 {
        width: 100%;
        margin: 0 auto;
    }
    .disbox03 dl {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox03 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.0em;
        color: #333;
        text-align: left;
    }
    .disbox03 dd {
        width: 100%;
        margin: 15px auto;
        padding: 0;
        font-size: 0.8em;
    }
    #box03 {
        width: 90%;
        margin: 10px auto;
    }
    /*--------------LP wrap00 mobile css----------------*/
    .disbox00 {
        margin: auto;
        padding: auto;
        border-bottom: 1px solid;
        display: table-cell;
    }
    .disbox00 dl {
        margin: 0 auto;
        padding: 0;
    }
    .disbox00 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 0.8em;
        color: #00638a;
        text-align: center;
        text-decoration: underline;
    }
    .disbox00 dd {
        width: 100%;
        margin: 0;
        padding: 10px 0;
        font-size: 80%;
    }
    /*--------------LP wrap04 mobile css　なぜ今～----------------*/
    .ti04 {
        width: 100%;
        overflow: hidden;
        font-weight: bold;
        font-size: 100%;
        line-height: 1.2em;
        margin: 10px auto;
        color: #000;
    }
    .sect04 {
        width: 100%;
        height: 0;
        margin: 0 auto;
    }
    .disbox04 {
        width: 100%;
        margin: auto;
        padding-bottom: 20px;
        color: #000;
        font-size: 0.8em;
    }
    .disbox04 dl {
        width: 100%;
        margin: 5px auto;
        padding: 10px auto;
        background-color: #00638a;
    }
    .disbox04 dt {
        margin: 10px;
        padding: 0;
        font-weight: bold;
        font-size: 1.1em;
        color: #fff;
    }
    .disbox04 dd {
        padding: 3px 10px 10px 10px;
        color: #fff;
    }
    /*--------------LP wrap06 mobile css　誰もができることを～----------------*/
    .img-pearents06 {
        position: relative;
    }
    .ti06 {
        position: absolute;
        top: 30px;
        right: 5px;
        width: 55%;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.2em;
        color: #000;
    }
    .sect06 {
        width: 100%;
        height: 0;
        margin: 0 auto;
    }
    .disbox06 {
        width: 90%;
        margin: 0 auto;
    }
    .disbox06 dl {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .disbox06 dt {
        width: 100%;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.0em;
        color: #333;
        text-align: left;
    }
    .disbox06 dd {
        width: 100%;
        margin: 15px auto;
        padding: 0;
        font-size: 80%;
    }
    /*--------------LP wrap3column mobile css----------------*/
    .lpcolumn {
        width: 90%;
        margin: auto;
        padding: 0;
        font-size: 0.8em;
    }
    .lpcolumn h6 {
        font-size: 1.5em;
        color: #00638a;
        margin: 0 auto;
        text-align: left;
    }
    /*--LP sub title--*/
    h6.subti2 {
        width: 100%;
        font-size: 1.5em;
        color: #000;
        margin: 0 auto;
        text-align: center;
    }
    /*--LP sub title--*/
    /*--------------LP listen mobile css----------------*/
    .listen {
        width: 90%;
        margin: 0 auto 20px;
        padding: 10px;
        overflow: hidden;
        font-size: 0.8em;
    }
    /*--------------LP entry mobile css----------------*/
    #entis {
        width: 100%;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        margin: auto;
        padding-top: 5px;
    }
    #ent-in {
        width: 90%;
        margin: auto;
        font-size: 0.8em!important;
        overflow: hidden;
    }
    /*--------------mobile LP title css----------------*/
    #container-lp-panel {
        width: 100%;
    }
    /*--------------mobile sub title css----------------*/
    .sub-picmobile {
        width: auto;
    }
    /*--------------mobile gretting css----------------*/
    .wn-date {
        display: block;
        width: 100%;
        padding: 0 5px!important;
    }
    .wn-article {
        display: list-item;
        list-style-type: none;
        margin: 0;
        padding-left: 20px!important;
        width: 100%;
        text-indent:
    }
    /***** スタッフの声　この記事を書いた人 *****/
    #svp {
        border: 1px solid;
        padding: 0;
    }
    .writeicon {
        display: none;
    }
    #svp h5 {
        color: #fff;
        background: #313C4E;
        padding: 10px;
        text-align: center;
        margin: 0!important;
    }
    #svp .left {
        width: 70%;
        float: none;
        margin-bottom: 10px;
        text-align: left;
        padding: 10px;
    }
    #svp .left img {
        width: 50%;
    }
    #svp .right {
        width: 90%;
        float: none;
        text-align: left;
        padding-left: 10px;
        line-height: 1.5em;
        margin: auto;
        font-size: 10pt;
    }
    .imgicon {
        max-width: 30%!important;
        display: block;
    }
    .mobimg {
        width: 80%;
        display: block;
        margin: auto;
        padding: 10px;
    }
    /***** インターシップレポート締め *****/
    #intup {
        padding: 0;
        margin: 0 auto 20px;
    }
    #intup .top {
        font-size: 10pt;
    }
    #intup .left {
        width: 70%;
        float: none;
        margin-bottom: 10px;
        text-align: left;
        padding: 10px;
    }
    #intup .left img {
        width: 50%;
    }
    #intup .right {
        width: 90%;
        float: none;
        text-align: left;
        line-height: 2.0em;
        margin: auto;
    }
    /***** line友達追加QR *****/
    #lineQR {
        display: none!important;
    }
    /***** line友達追加 *****/
    #lineBT {
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
    }
    /***** 制服サイズ *****/
    .nfset {
        width: 100%;
        font-size: 8pt;
        border: none;
        margin: auto;
        table-layout: fixed;
    }
    .nfset tr {
        width: 100%;
    }
    .nfset td {
        width: 100%;
        padding: 10px 5px;
        border: none!important;
        vertical-align: bottom;
    }
}

/*--------------------------------------------------------
480px 以下なら
--------------------------------------------------------*/

@media only screen and (max-width: 480px) {
    /*--- エントリーシート ---*/
    .e-sheet-area {
        flex-wrap:wrap;
    }
    .e-sheet-child {
        width: 100%;
        padding: 10px;
        margin: 0 10px;
    }
    .e-sheet li {
        box-sizing: border-box;
        width: 100%;
        padding-top: 0px;
        list-style-type: none;
        text-align: center;
        margin: 10px auto;
    }
    .e-sheet li h2 {
        padding: 0 20px;
    }
    /* エクセルアイコン設定 */
    .excel-icon h2::before, .pdf-icon h2::before {
        top: 35px;
    }
    .excel-icon h2::before {
        width: 40px;
        height: 40px;
    }
    .pdf-icon h2::before {
        width: 40px;
        height: 40px;
    }
    .e-sheet-child a:hover {
        opacity: initial;
        transition: all initial;
    }
}

.movie-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
}

h6.voice {
    font-size: 1.2em;
    color: #00638a;
    padding-left: 45px;
    margin: 0;
}

table.ninjacap {
    width: 100%;
    border: none!important;
    font-size: 0.8em!important;
}

table.ninjacap th {
    width: 30%;
    border: none;
    background-color: #fff;
    font-weight: normal;
    padding: 3px;
    -moz-text-align-last: justify;
    text-align-last: justify;
}

table.ninjacap td {
    border: none;
    padding: 3px 0 3px 10px;
}