@charset "utf-8";
/* ============================
 * 
 *       medical / top
 *
 * ============================ */

/* ============================
 * 
 *     Responsive header
 *     (medical-new-com.css)
 *
 * ============================ */


/* ============================
 * 
 *   medical-miu 共通部品
 *
 * ============================ */


/* ============================
 * 
 *   First View
 *
 * ============================ */

#medi-top-background-color {
    background-color: #fff;
}

#medical-fv {
    width: 100%;
    font-weight: 200;
    color: #666;
}

#medical-fv-wrap {
    position: relative;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}

#medical-fv-wrap video {
    width: 100%;
}

#fv-title {
    position: absolute;
    top: calc(50% - 3em);
    left: 0;
    right: 0;
    margin: auto;
}

#fv-title p {
    text-align: center;
}

.title {
    font-size: 400%;
    font-weight: 700;
    line-height: 1.5em;
    text-align: justify;
    color: #d7003a;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.4), -1px -1px 0 rgba(255, 255, 255, 0.4),
        -1px 1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4),
        0px 1px 0 rgba(255, 255, 255, 0.4), 0-1px 0 rgba(255, 255, 255, 0.4),
        -1px 0 0 rgba(255, 255, 255, 0.4), 1px 0 0 rgba(255, 255, 255, 0.4);
}

.title-jp {
    font-family: 'noto serif JP';
    font-size: 200%;
    font-weight: 500;
    line-height: 1.5em;
    text-align: justify;
    color: #d7003a;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.4), -1px -1px 0 rgba(255, 255, 255, 0.4),
        -1px 1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4),
        0px 1px 0 rgba(255, 255, 255, 0.4), 0-1px 0 rgba(255, 255, 255, 0.4),
        -1px 0 0 rgba(255, 255, 255, 0.4), 1px 0 0 rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 960px) {
    #fv-title {
        top: calc(40% - 3em);
        left: 0;
        right: 0;
        margin: auto;
    }

    .title {
        font-size: 200%;
    }

    .title-jp {
        font-size: 100%;
    }
}

@media screen and (max-width: 640px) {
    #fv-title {
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 0.2em 0 0.5em;
    }

    .title {
        font-size: 170%;
    }

    .title-jp {
        font-size: 130%;
    }
}



/************
*
* fv link button
*
*************/

#fv-entry-button-wrap,
#fv-movie-button-wrap {
    position: absolute;
    width: 18em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 110%;
    text-align: center;

}

#fv-entry-button-wrap {
    top: 70%;
    left: calc(50% - 9em);
}

#fv-movie-button-wrap {
    top: 80%;
    right: calc(50% - 9em);
}


#fv-entry-button a,
#fv-movie-button a {
    display: block;
    color: #fff;
    background-color: rgba(22, 74, 132, 0.2);
    padding: 0.5em 1em;
    border: #fff 2px solid;
    transition: all 0.5s linear;
    margin: auto;
}

#fv-entry-button a:hover,
#fv-movie-button a:hover {
    background-color: rgba(22, 74, 132, 0.9);
    transition: all 0.5s linear;
}

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

    #fv-entry-button-wrap,
    #fv-movie-button-wrap {
        width: 17em;
        font-weight: 300;
        font-size: 100%;
    }

    #fv-entry-button a,
    #fv-movie-button a {
        padding: 0.5em 0.5em;
    }

    #fv-entry-button-wrap {
        top: 75%;
        left: calc(50% - 18em);
    }

    #fv-movie-button-wrap {
        top: 75%;
        right: calc(50% - 8.5em);
        ;
    }

}


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

    #fv-entry-button-wrap,
    #fv-movie-button-wrap {
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        margin: 1em auto;
    }

    #fv-entry-button a,
    #fv-movie-button a {
        color: #333;
        background-color: inherit;
        padding: 0.5em 1em;
        border: #333 1px solid;
        transition: all 0.5s linear;
        margin: auto;
    }

    #fv-entry-button a:hover,
    #fv-movie-button a:hover {
        color: #fff;
        background-color: rgba(22, 74, 132, 1);
        transition: all 0.5s linear;
    }
}


/* ============================
 * 
 *   本文
 *
 * ============================ */

#title_philosophy,
#title_focus_on,
#title_our_company,
#title_support,
#title_voice,
#title_recruit,
#title_entry,
#video-main-title {
    width: 100%;
    font-size: 500%;
    font-weight: 700;
    text-align: center;
    line-height: 1em;
    padding: 2em 0;
    color: #d7003a;
}

.sub-title {
    text-align: center;
    font-size: 200%;
    font-weight: 700;
    line-height: 2em;
}

.sub-title span {
    color: #e95464;
}

#contents-text span {
    font-weight: 700;
}

#minasama {
    text-align: center;
    margin-top: 2em;
}

#minasama img {
    width: 50%;
}

#philosophy-text-title1 {
    text-align: left;
    font-style: italic;
    font-size: 200%;
    font-weight: 700;
    color: #164A84;
    padding: 2em 2em 0.5em;
    line-height: normal;
}


#philosophy-text-title2 {
    text-align: right;
    font-style: italic;
    font-size: 200%;
    font-weight: 700;
    color: #164A84;
    padding: 0 2em 1em;
}


#philosophy-text {
    padding: 1.5em 0 0;
}

#philosophy-text span {
    font-weight: 700;
    color: #d7003a;
}

#president-pic {
    float: left;
    width: 35%;
    padding: 1.5em 1em 0em 0;
}

#president-pic img {
    width: 100%;
}


#phisolophy-comment {
    font-family: 'Noto serif JP', serif;
    font-weight: 700;
    text-align: right;
    margin-top: 1em;
}


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

    #title_philosophy,
    #title_focus_on,
    #title_our_company,
    #title_support,
    #title_voice,
    #title_recruit,
    #title_entry,
    #video-main-title {
        font-size: 400%;
        padding: 1.5em 0;
    }

    #philosophy-text-title1 {
        text-align: left;
        padding: 1em 0em 0.5em;
    }

    #philosophy-text-title2 {
        text-align: right;
        padding: 0 0em 1em;
    }
}

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

    #title_philosophy,
    #title_focus_on,
    #title_our_company,
    #title_support,
    #title_voice,
    #title_recruit,
    #title_entry,
    #video-main-title {
        font-size: 300%;
        padding: 1.5em 0;
    }

    .sub-title {
        text-align: left;
        font-size: 150%;
        line-height: normal;
    }

    #minasama img {
        width: 100%;
    }

    #philosophy-text-title1,
    #philosophy-text-title2 {
        font-size: 170%;
    }

    #president-pic {
        float: none;
        width: 100%;
        padding: 0;
    }
}


/*****************/
/**             **/
/**   事業内容   **/
/**             **/
/*****************/

#biz-flex {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2em;
}

.biz-box {
    width: 31%;
    color: #fff;
    border-radius: 1em;
    box-shadow: 7px 7px 7px #bbb;

    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.biz-box:nth-child(1) {
    background-color: #00ada9;
}

.biz-box:nth-child(2) {
    background-color: #9b7cb6;
}

.biz-box:nth-child(3) {
    background-color: #0079c2;
}

.biz-title {
    width: 100%;
    height: 3em;
    font-size: 120%;
    font-weight: 700;
    text-align: center;
    padding: 0.7em;
    border-bottom: #fff 5px solid;
}

.biz-text {
    padding: 0.75em 1.25em;
}

.biz-box img {
    width: 100%;
    padding: 0.5em;
    margin-top: auto;
    border-radius: 0 0 1.1em 1.1em;
}


@media screen and (max-width: 640px) {
    .biz-box {
        width: 100%;
        margin: 1em auto;
        border-radius: inherit;
    }

    .biz-box img {
        border-radius: inherit;
    }
}



/*****************/
/**             **/
/**   　特徴　   **/
/**             **/
/*****************/

#feature-wrap {}

#feature-box {
    margin-bottom: 3em;
}

#feature-box:last-child {
    margin-bottom: 0;
}

.feature-title {
    font-weight: 700;
    margin-bottom: 1em;
}

.feature-text {
    margin-left: 2em;
}

@media screen and (max-width: 640px) {
    .feature-title {
        text-align: center;
        font-weight: 700;
        color: #fff;
        margin-bottom: 1em;
        padding: 1em;
        background-color: #eb6101;
    }

    .feature-text {
        margin-left: 0em;
    }
}


/***************/
/*** 仕事内容 ***/
/***************/

#division-flex-wrap {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;

    padding: 1em 0;
    border-bottom: #666 1px solid;

}

#division {
    width: 20%;
    text-align: center;
}

#division p {
    font-weight: 700;
    padding: inherit;
}

#division img {
    width: 45%;
    border-radius: 50%;
    border: #5383c3 3px solid;
}

#division-exp {
    width: 75%;
    padding-right: 1em;
}

#division-exp p {
    padding: inherit;
}

#division-title {
    font-weight: 700;
}


/**********************/
/**                  **/
/**   育成・サポート   **/
/**                  **/
/**********************/

#sien-img-box {
    width: 100%;
    text-align: center;
}

#sien-img-box img {
    width: 70%;
    padding: 1em;
}

@media screen and (max-width: 640px){
    #sien-img-box img {
        width: 100%;
        padding: 0;
    }
}

#jinzai-text {
    font-weight: 700;
    font-size: 200%;
    text-align: center;
    padding-bottom: 1em;
}

#system-flex-wrap {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2em;
}

.system-box-title {
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 1em;
    background-color: #888;
}

.system-box-text {
    padding: 1em;
}

.system-box-text span {
    font-size: 80%;
    padding-left: 1em;
}

@media screen and (max-width: 640px) {
    #system-flex-box {
        width: 100%;
    }

}



/*****************/
/**             **/
/**   先輩社員   **/
/**             **/
/*****************/

.senior {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4em;
}

.senior-pic {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 31%;
}

.senior-pic img {
    width: 100%;
}

.senior-pic p {
    width: 100%;
    font-weight: 700;
    color: ;
    padding: 0.5em 1em;
    background-color: #e9e4d4;
}

.senior-pic p:nth-child(3) {
    padding-bottom: 0em;
}

.senior-pic p:nth-child(4) {
    padding-top: 0em;
}

.senior-text-wrap {
    width: 66%;
}

.senior-text-box {
    margin-bottom: 2em;
}


.senior-title {
    color: #ee827c;
    font-weight: 700;
    padding-bottom: 0.5em;
}

.senior-text {
    margin-left: 1em;
}

@media screen and (max-width: 640px) {
    .senior {
        margin-bottom: 5em;
    }

    .senior:last-child {
        margin-bottom: 0em;
    }

    .senior-pic {
        width: 100%;
        margin-bottom: 1em;
    }

    .senior-pic p:nth-child(3) {
        width: 65%;
        padding-bottom: 0.5em;
        padding-right: 0;
    }

    .senior-pic p:nth-child(4) {
        width: 35%;
        padding-top: 0.5em;
        padding-left: 0;
    }

    .senior-text-wrap {
        width: 100%;
    }
}

.senior-movie-title {
    color: #fff;
    font-weight: 700;
    background-color: #82ae46;
    padding: 0.25em 1em;
}


/***********************/
/**                   **/
/**   募集要項　　　　　 **/
/**                   **/
/***********************/

#recruit-sub-titile {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 150%;
    font-weight: 700;
    margin-bottom: 2em;
}

.sub-title-text {
    text-align: justify;
    line-height: 2em;
    font-size: 80%;
    font-weight: 300;
    padding: 2em 0;
}

#recruit-flexbox {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.recruit-item {
    display: flex;
    align-items: center;
    width: 10em;
    font-weight: 700;
    padding: 0.5em;
}

.recruit-item2 {
    display: flex;
    align-items: center;
    width: 10em;
    font-weight: 700;
    padding: 0.5em;
}

.recruit-item-text {
    width: calc(100% - 10em);
    color: #333;
    padding: 0.5em 1em;
}

.recruit-item-text2 {
    width: calc(100% - 10em);
    color: #333;
    padding: 0.5em 1em;
    margin-left: 10em;
    border-bottom: #b9d08b 1px solid;
}

.recruit-item-text3 {
    width: calc(100%);
    color: #333;
    padding: 0.5em 1em 0.5em 11em;
    border-bottom: #b9d08b 1px solid;

}

.recruit-item,
.recruit-item-text {
    border-bottom: #b9d08b 1px solid;
}

.recruit-item-text p {
    width: 12em;
    text-align: center;
}

.sub-title2 {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 90%;
    color: #164a84;
    line-height: normal;
    padding-top: 1em;
    margin: 0 auto;
    padding-bottom: 2em;
}

.sub-title3 {
    display: inline-block;
    width: 16em;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 90%;
    color: #164a84;
    line-height: normal;
    padding-top: 1em;
    padding-bottom: 2em
}

.sub-title3 li {
    list-style-type: decimal;
    text-align: left;
}

.sub-title-text2 {
    text-align: justify;
    line-height: 2em;
    font-size: 80%;
    font-weight: 300;
    padding: 2em 0;
}


.sub-title-text2 li {
    width: 50%;
    margin: 0 auto;
    list-style-type: disc;
}

@media screen and (max-width: 960px) {
    .sub-title-text2 {
        font-size: 70%;
    }
}

@media screen and (max-width: 640px) {
    .sub-title-text2 li {
        width: 90%;
    }

}


/*** 募集要項の表組部分***/

.requirements-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 25%;
    border-bottom: #b9d08b 1px solid;
}


.contents-box {
    width: 75%;
}

.item-box p {
    width: 100%;
    color: #1d61ae;
    padding: 0 1em;
}

.contents-box p {
    padding: 0.5em 0;
    border-bottom: #b9d08b 1px solid;
}

@media screen and (max-width: 640px) {
    .requirements-box {
        padding: 1em 0;
    }

    .item-box {
        width: 100%;
        padding: 1em;
        margin-bottom: 0.5em;
        background-color: #1d61ae;
        border-bottom: none;
    }

    .contents-box {
        width: 100%;
    }

    .item-box p {
        font-weight: 700;
        color: #fff;
        padding: 0;
    }

    .contents-box p {
        padding: 0 1em;
        border-bottom: none;
    }
}



/***********************/
/**                   **/
/**   エントリ         **/
/**                   **/
/***********************/

#entry-button {
    width: 40%;
    text-align: center;
    background-color: #00ada9;
    margin: auto;
    margin-top: 2em;
    transition: all 0.25s linear;
}

#entry-button a {
    display: block;
    font-size: 150%;
    font-weight: 700;
    color: #fff;
    padding: 1em;
}

#entry-button:hover {
    background-color: #b9d08b;
    transition: all 0.25s linear;
}

@media screen and (max-width: 960px) {
    #entry-button {
        width: 100%;
    }
}


/***********************/
/**                   **/
/**   動画　　　        **/
/**                   **/
/***********************/

.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-top: 0.5em;
}

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

.movie-title {
    text-align: center;
    font-size: 120%;
    font-weight: 700;
    padding: 1em 0;
    margin-top: 3em;
    background-color: #eaedf7;
}

@media screen and (max-width: 640px) {
    .movie-title {
        font-size: 120%;
    }
}




/* ============================
 * 
 *     footer
 *    medical-com.css
 *
 * ============================ */