/**
 * ================================================================================
 * [ area.css ]
 * ================================================================================
 */

/*
================================================================================

[#detail-contents]

================================================================================
*/
span.blue {
    color: #00547b;
    font-weight: bold;
}
span.borderBtm {
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 750px) {
    #header {
        height: 55px; /*override*/
    }
}

/*#detail-wrapper
------------------------------------------------------------ */
#detail-wrapper {
    width: 788px;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 0 50px 0;
}

#detail-wrapper h1 {
    padding: 0 0 30px 0;
}

#detail-wrapper #detail-contents {
    padding: 0 39px 39px 39px;
}

#detail-wrapper #detail-contents h2 {
    background: #3b3e3f;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
}

#detail-wrapper #detail-contents h2 {
    color: #fff;
    background: #1f3a64;
    font-weight: bold;
}

#detail-wrapper #detail-contents h3 {
    color: #1f3a64;
    font-size: 15px;
    border-bottom: 1px solid #b5b5b5;
    margin: 20px 0 8px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
}

#detail-wrapper #detail-contents h3.up {
    color: #1f3a64;
    font-size: 15px;
    border-top: 3px solid #1f3a64;
    border-bottom: none;
    margin: 25px 0 0 0;
    padding: 10px 0;
    font-weight: bold;
}

#detail-wrapper #detail-contents p {
    font-size: 12px;
}

#detail-wrapper #detail-contents p.blue {
    color: #007ab3;
}

#detail-wrapper #detail-contents .block h4 {
    color: #1f3a64;
    font-weight: bold;
    font-size: 14px;
    border-top: 2px solid #1f3a64;
    background: #b5d5e4;
    padding: 8px 12px 8px 12px;
    margin: 0 0 10px 0;
}

#detail-wrapper #detail-contents .block h4 .h4-cyu {
    font-size: 11px;
    line-height: 1.3em;
    font-weight: normal;
}

#detail-wrapper #detail-contents .block h4 .br-sp {
    display: none;
}

#detail-wrapper #detail-contents .block li {
    float: left;
    margin: 15px 0 0 30px;
    width: 340px;
}

/*単独の場合*/
#detail-wrapper #detail-contents .block li.only-type {
    float: inherit;
    margin: 15px 0 0 30px;
    width: 100%;
}

/*3カラムの場合*/
#detail-wrapper #detail-contents .block li.three-type {
    float: left;
    margin: 15px 0 0 24px;
    width: 220px;
}

#detail-wrapper #detail-contents .block li:first-child {
    margin: 15px 0 0 0;
}

#detail-wrapper #detail-contents .block .txt {
    font-size: 12px;
    line-height: 1.7em;
}

@media screen and (max-width: 750px) {
    #detail-wrapper {
        width: auto;
        border: none;
        overflow: hidden;
        margin: 0 0 30px 0;
    }

    #detail-wrapper h1 {
        padding: 0 0 20px 0;
    }

    #detail-wrapper h1 img {
        width: 100%;
    }

    #detail-wrapper #detail-contents {
        padding: 0 10px 20px 10px;
    }

    #detail-wrapper #detail-contents h2 {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 15px 0;
    }

    #detail-wrapper #detail-contents h3 {
        color: #1f3a64;
        font-size: 14px;
        border-bottom: 1px solid #b5b5b5;
        margin: 18px 0 8px 0;
        padding: 0 0 5px 0;
        font-weight: bold;
    }

    #detail-wrapper #detail-contents h3.up {
        color: #1f3a64;
        font-size: 15px;
        border-top: 3px solid #1f3a64;
        border-bottom: none;
        margin: 25px 0 0 0;
        padding: 8px 0;
        font-weight: bold;
    }

    #detail-wrapper #detail-contents p {
        font-size: 12px;
    }

    #detail-wrapper #detail-contents p.blue {
        color: #007ab3;
    }

    #detail-wrapper #detail-contents .block h4 {
        color: #1f3a64;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.3em;
        border-top: 2px solid #1f3a64;
        background: #b5d5e4;
        padding: 5px 12px 5px 12px;
        margin: 0 0 10px 0;
    }

    #detail-wrapper #detail-contents .block h4 .br-sp {
        display: block;
    }

    #detail-wrapper #detail-contents .block li {
        float: none;
        margin: 15px 0 0 0;
        width: auto;
    }

    /*3カラムの場合*/
    #detail-wrapper #detail-contents .block li.three-type {
        float: none;
        margin: 15px 0 0 0;
        width: auto;
    }

    #detail-wrapper #detail-contents .block li:first-child {
        margin: 15px 0 0 0;
    }

    #detail-wrapper #detail-contents .block .txt {
        font-size: 12px;
        line-height: 1.7em;
    }
}

/* #oubo
------------------------------------------------------------ */
#detail-wrapper #oubo {
    text-align: center;
    margin: 35px 0 0 0;
    padding: 15px 0;
    border-top: 3px solid #c31b1b;
    border-bottom: 1px solid #c31b1b;
}

#detail-wrapper #oubo .bold {
    font-size: 18px;
}

#detail-wrapper #oubo #oubo-btns {
    width: 430px;
    margin: 20px auto 0 auto;
}

#detail-wrapper #oubo #oubo-btns .left,
#detail-wrapper #oubo #oubo-btns .right {
    width: 210px;
    text-align: left;
}

#detail-wrapper #oubo #oubo-btns .banner-btn-left a {
    font-size: 16px;
}

#detail-wrapper #oubo #oubo-btns .banner-btn-left li {
    width: 205px;
}

#detail-wrapper #oubo #oubo-btns p.small {
    font-size: 11px;
    line-height: 1.4em;
    padding: 8px 0 0 0;
}

@media screen and (max-width: 750px) {
    #detail-wrapper #oubo {
        text-align: center;
        margin: 35px 0 0 0;
        padding: 15px 0;
        border-top: 3px solid #c31b1b;
        border-bottom: 1px solid #c31b1b;
    }

    #detail-wrapper #oubo .bold {
        font-size: 18px;
    }

    #detail-wrapper #oubo #oubo-btns {
        width: auto;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    #detail-wrapper #oubo #oubo-btns .left,
    #detail-wrapper #oubo #oubo-btns .right {
        width: 210px;
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    #detail-wrapper #oubo #oubo-btns .right {
        margin: 12px auto 0 auto;
    }

    #detail-wrapper #oubo #oubo-btns .banner-btn-left {
        text-align: center;
    }

    #detail-wrapper #oubo #oubo-btns .banner-btn-left a {
        font-size: 16px;
    }

    #detail-wrapper #oubo #oubo-btns .banner-btn-left li {
        width: 205px;
    }

    #detail-wrapper #oubo #oubo-btns p.small {
        font-size: 11px;
        line-height: 1.4em;
        padding: 8px 0 0 0;
    }
}

/* #hoken_wd
------------------------------------------------------------ */
#hoken_wd .btn {
    margin: 5px 0 0 0;
}

#hoken_wd {
    width: 100%;
}

@media screen and (max-width: 750px) {
    #hoken_wd {
        width: 100%;
    }
}

#career-hyo .small {
    font-size: 11px;
    line-height: 1.6em;
    margin: 15px 0 0 0;
}

.res_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 93%;
}

.res_table td,
.res_table th {
    padding: 5px 5px;
    border: 1px solid #c9c9c9;
}

.res_table td {
    padding: 10px 10px;
}

.res_table th {
    font-weight: bold;
}

.res_table thead th {
    background: #007ab3;
    color: #fff;
    text-align: center;
}

.res_table tbody th {
    background: #fdffe1;
    white-space: nowrap;
    padding: 0 5px;
    /*padding: 0 20px;*//*日程追加の修正前*/
}

.res_table tbody td {
    /*white-space: nowrap;*/
    /*padding: 3px;*//*日程長い場合*/
    padding: 9px;
    background: #eeeeee;
}

.res_table .bar-title {
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .res_table {
        display: block;
        font-size: 100%;
        font-size: 12px;
        margin: 8px 0 0 0;
    }

    .res_table thead {
        display: none;
    }

    .res_table tbody {
        display: block;
    }

    .res_table tbody tr {
        display: block;
        margin-bottom: 1.5em;
    }

    .res_table tbody th,
    .res_table tbody td {
        display: list-item;
        border: none;
    }

    .res_table tbody th {
        margin-bottom: 8px;
        list-style-type: none;
        color: #fff;
        font-weight: bold;
        padding: 6px 0 6px 12px;
        background: #007ab3;
        /*border-left: 7px solid #1da0dd;*/
    }

    .res_table tbody td {
        list-style-type: none;
        padding: 0;
        margin: 15px 0 0.3em 0;
        background: none;
    }

    .res_table .bar-title {
        font-size: 13px;
    }

    .res_table tbody td:nth-of-type(1):before {
        content: "【応募締切】";
        font-weight: bold;
        display: block;
    }

    .res_table tbody td:nth-of-type(2):before {
        content: "【選考会日程】";
        font-weight: bold;
        display: block;
    }

    .res_table tbody td:nth-of-type(3):before {
        content: "【本番日程】";
        font-weight: bold;
        display: block;
    }

    #career-hyo .small {
        font-size: 12px;
        line-height: 1.6em;
        margin: 15px 0 0 0;
    }
}

/*注釈用*/
.kometext {
    font-size: 83%;
}

@media screen and (max-width: 750px) {
    .kometext {
        font-size: 12px;
    }
}

/*<br>をPCでは改行あり、SPでは改行なしにする*/
.br { display: block; }

@media screen and (max-width: 750px) {
    .br { display: inline; }
}

/*中黒をPCで非表示*/
.nakaguro {
    display: none;
}

@media screen and (max-width: 750px) {
    .nakaguro {
        display: inherit;
    }
}

/*
=====================================
Internship Entry Btn
=====================================
*/
#intern-entry .banner-btn-left a,
#grow-entry .banner-btn-left a{
    font-size: 15px;
}

#intern-entry .banner-btn-left li,
#grow-entry .banner-btn-left li{
    margin: 10px 0 0 0;
	width: 400px;
	display: block;
}

@media screen and (max-width: 750px) {
    #intern-entry .banner-btn-left a,
	#grow-entry .banner-btn-left a{
        font-size: 14px;
    }

    #intern-entry .banner-btn-left li,
	#grow-entry .banner-btn-left li{
        width: 100%;
        margin: 8px 0 0 0;
    }
}

/*
================================================================================

[section_tky.html]

================================================================================
*/
#detail-wrapper #detail-contents h2.h2-style {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    /*border-top: 3px solid #1f3a64;*/
    background: #1f3a64;
    padding: 20px 12px 20px 12px;
    margin: 0 0 10px 0;
}

/*日程が上*/

/*#detail-wrapper #detail-contents .sec-date{
	border-top: 3px solid #1f3a64;
	padding: 6px 0 20px 0;
	font-size: 12px;
	line-height: 1.6em;
	color: #1f3a64;
}*/

/*日程が下*/

#detail-wrapper #detail-contents .sec-date {
    border-bottom: 3px solid #1f3a64;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    font-size: 12px;
    line-height: 1.6em;
    color: #1f3a64;
}

#detail-wrapper #detail-contents .sec-date .mid-txt {
    font-size: 13px;
    font-weight: bold;
}

#detail-wrapper #detail-contents .sec-date dt {
    clear: left;
    width: 5em;
    float: left;
    display: block;
}

#detail-wrapper #detail-contents .sec-date dd {
    margin-left: 5em;
    display: block;
    padding: 0 0 5px 0;
}

#detail-wrapper #detail-contents .attentions {
    padding: 15px 0 20px 0;
    font-size: 11px;
    line-height: 1.6em;
}

#detail-wrapper #detail-contents .accordion-head {
    display: block;
    background: url(../images/accordion_head_bg.gif) no-repeat right center;
    font-size: 12px;
    font-weight: bold;
    color: #1f3a64;
    padding: 5px 20px;
    border: 1px solid #5bbae7;
    cursor: pointer;
}

#detail-wrapper #detail-contents .accordion-inner {
    border-bottom: 1px solid #5bbae7;
    border-left: 1px solid #5bbae7;
    border-right: 1px solid #5bbae7;
    background: #ededed;
    padding: 15px;
    font-size: 12px;
    line-height: 1.6em;
}

#detail-wrapper #detail-contents .accordion-inner .h3-style {
    color: #1f3a64;
    font-size: 13px;
    border-bottom: 1px solid #b5b5b5;
    margin: 20px 0 8px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
}

#detail-wrapper #detail-contents .close-btn {
    display: block;
    width: 90px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 10px auto 0 auto;
    cursor: pointer;
}

#detail-wrapper #detail-contents .close-btn a {
    -webkit-background-size: 90px 30px !important;
    -moz-background-size: 90px 30px !important;
    -o-background-size: 90px 30px !important;
    background-size: 90px 30px !important;
}

#detail-wrapper #detail-contents .close-btn img {
    width: 90px !important;
    height: 30px !important;
}

@media screen and (max-width: 750px) {
    #detail-wrapper #detail-contents .sec-date {
        font-size: 13px;
    }
}