@charset "UTF-8";

.gnavi_area {
    display: none;
}

.logo_area {
    width: 200px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0;
    float: unset;
    display: flex;
    align-items: center;
}

.logo_area_indiv01 {
    width: 70%;
    float: left;
    margin-right: 5%;
}

.logo_area_indiv02 {
    width: 20%;
    float: left;
}

.link_area {
    float: right;
    width: 50%;
}

.link_pass_area {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gnavi_a_style {
    text-decoration: none;
    color: #003E8F;
}

.link_pass_area02 {
    width: 20%;
    float: left;
    margin-right: -5%;
}




/*　ハンバーガーメニュー関連　*/

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 30px;
    background: #fff;
}

.logo {
    font-size: 24px;
}

/* ここから下がハンバーガーメニューに関するCSS */

/* チェックボックスを非表示にする */
.drawer_hidden {
    display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
    /* 重なり順を一番上にする */
    cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #333;
    transition: 0.5s;
    position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
    bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
    top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked~.drawer_open span {
    background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked~.drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
}

#drawer_input:checked~.drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
}

.nav {
    display: none;
}

/* メニューのデザイン*/
.nav_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    /* メニューを画面の外に飛ばす */
    z-index: 99;
    background: #fff;
    transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
    list-style: none;
}

.nav_item {
    padding-bottom: 20px;
    padding-left: 10px;
}

.nav_item_a {
    font-size: xx-large;
    text-decoration: none;
    color: #003E8F;
}


/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked~.nav_content {
    left: 0;
    /* メニューを画面に入れる */
}

/*　ハンバーガーメニュー関連終了　*/






.mainvisual_area_all {
    width: 100%;
    background-size: 100% 100%;
    ;
    object-fit: cover;
    margin-top: -20px;
    background-repeat: none;
}


.mv_pc_dis {
    display: none;
}

.mainvisual_left {
    float: left;
    margin-left: 5%;
}

.syokencode_area {
    margin-top: 50px;
}

.syokencode_pass {
    color: white;
    font-size: 120%;
}

.title_area {
    margin-top: 5vh;
}

.title_img_area {
    width: 50%;
    margin-left: -6%;
}

.main_kikan_area {
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.main_kikan_p {
    color: white;
    font-size: 125%;
}


.main_merit_area {
    width: 30%;
}

.main_application_area {
    width: 20%;
    margin-left: 10%;
    margin-top: 5vh;
}


.introduction_area_all {
    display: none;
}


.introduction_p_strong {
    margin-bottom: 3vh;
}

.introduction_p_strong02 {
    margin-bottom: 3vh;
}

.introduction_p_strong_style {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: #00B050;
}

.introduction_p_strong02_style {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: #003E8F;
}

.introduction_p {
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.introduction_p_style {
    text-align: center;
    font-size: 100%;
    color: #707070;
    line-height: 1.5em;
}



/* sp用の導入エリア */

.introduction_area_all_sp {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    margin-bottom: 5vh;
}


.introduction_p_strong_sp {
    margin-bottom: 3vh;
}

.introduction_p_strong02_sp {
    margin-bottom: 3vh;
}

.introduction_p_strong_style_sp {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #00B050;
}

.introduction_p_strong02_style_sp {
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #003E8F;
}

.introduction_p_sp {
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.introduction_p_style_sp {
    text-align: center;
    font-size: medium;
    color: #707070;
    line-height: 1.5em;
}


@media screen and (min-width: 499px) {

    .introduction_p_strong_style_sp {
        font-size: xx-large;
    }

    .introduction_p_strong02_style_sp {
        font-size: x-large;
    }

    .introduction_p_style_sp {
        font-size: large;
    }

}


/* sp用の導入エリア */



.graph_area_all {
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.sp_displaynone {
    display: none;
}


.graph_area01_sp {
    width: 100%;
    height: unset;
    background-image: url(../img/graph_pic01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    flex: none !important;
    margin-bottom: 50px;
}


.graph_h3_area_atyle {
    padding-top: 0px;
}



.graph_h3_area_atyle_sp {
    text-align: center;
    color: white;
    font-size: x-large;
    font-weight: bold;
}

.graph_float_area_sp {
    width: 95% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.graph_content_left_area_sp {
    width: 100% !important;
    margin-top: -125px;
}

.graph_content_right_area_sp {
    width: 100% !important;
    margin-top: 40px;
}

.graph_content_storong_sp {
    width: 100%;
    margin-bottom: 0px;
}

.graph_content_storong_style_sp {
    color: white;
    font-size: 400%;
    margin-top: -20px;
    margin-bottom: 0px;
    line-height: 1.0em;
    padding-left: 10%;
    font-weight: 700;
    text-align: center;
}

.top-margin-15_sp {
    padding-top: 176px;
}

.top_margin-15 {
    padding-top: -25vh;
}


.graph_content_kigou_style_sp {
    color: white;
    font-size: 50%;
}

.graph_content_p_sp {
    width: 100%;
}

.graph_content_p_style_sp {
    color: white;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.5em;
    text-align: left;
    padding: 0 10px;
}

.graph_h3_area_atyle {
    font-size: large;
}

.graph_content_annotation_sp {
    width: 100%;
}

.graph_content_img_sp {
    margin-top: 0;
}

.graph_content_annotation_style_sp {
    color: white;
    font-size: 50%;
    margin-top: 3px;
    margin-bottom: 0px;
    line-height: 1.5em;
    padding-left: 10%;
    text-align: left;
    padding: 0 10px;
}

.graph_area02_sp {
    width: 100%;
    height: unset;
    background-image: url(../img/graph_pic02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    flex: none !important;
    margin-top: 0px;
    margin-bottom: 50px;

}

.graph_area03_sp {
    width: 100%;
    height: unset;
    background-image: url(../img/graph_pic03.png);
    background-size: 100%;
    background-repeat: no-repeat;
    flex: none !important;
    margin-top: 0px;
    margin-bottom: 30px;
}

.margin-top-100_sp {
    margin-top: 130px;
}


.button_area {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
}

.margin-top_-30 {
    margin-top: -20vh;
}


.maincontent_area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


.maincontent_title_area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5vh;
}

.maincontent_title_strong {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}


#performer_id {
    width: 100%;
}

.performer_content_in_area:nth-of-type(even) {
    margin-bottom: 80px;
}

.gathering_area_all {
    height: 95vh;
}

.performer_content_in_area {
    width: 100%;
    margin-bottom: 5vh;
}

.performar_float_left {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
}

.performar_float_right {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.performer_head_strong {
    font-size: 150%;
    color: #003E8F;
    text-align: center;
}

.gathering_area_all {
    width: 100%;
    background-image: none !important;
}

.gathering_pic_raea {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}



.gathering_float_right {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-right: 0%;
    padding-top: 0vh;
    padding: 0 20px;
}

.gathering_head_area {
    width: 100%;
    border-bottom: 5px solid #FEB200;
    margin-bottom: 0px;
}

.gathering_head_strong {
    font-size: 150%;
    font-weight: bold;
    color: #FEB200;
    margin-bottom: 0px;
}

.gathering_head_mini {
    font-size: 130%;
    color: #707070;
}

.gathering_content_p {
    font-size: 100%;
}

.top-margin-30 {
    margin-top: -50px;
    margin-bottom: 50px;
}

.overview_title_area {
    background-color: #003E8F;
    height: 20vh;
}

.overview_title_strong {
    text-align: center;
    padding-top: 5vh;
    font-size: 38px;
    color: white;
}

.bccolor {
    width: 100%;
    background-color: #F3F3F3;
    padding-top: 10vh;
}


.overview_area_all {
    width: 100%;
}

.overview_cell_area {
    margin-bottom: 20px;
}

.overview_head_area {
    width: 100%;
    background-color: #003E8F;
}

.overview_head {
    padding: 10px 0;
    text-align: center;
    font-size: large;
    color: white;
}

.overview_content_area {
    width: 100%;
    background-color: white;
    padding: 10px;
    text-align: center;
}

.overview_content {
    padding: 10px 0 10px 10px;
    text-align: center;
    font-size: medium;
    color: #707070;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;

}

.overview_time_area_all {
    width: 100%;
}

.overview_time_cell_area {
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: white;
}

.time_separate {
    color: #003E8F;
    font-weight: 700;
}

.area_blue_add {
    background-color: #003E8F;
}

.overview_blue_100 {
    color: white;
    font-size: large;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.overview_white_100 {
    /* color: ; */
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}


.overview_time_head {
    width: 100%;
    background-color: #c7daf3;
    padding: 10px 0;
    text-align: center;
}

.overview_time_head_in {
    color: #003E8F;
    font-size: medium;
    text-align: center;
    font-weight: 700;
}

.overview_content_in_area {
    width: 100%;
    background-color: white;
    padding: 0px 0px;
    text-align: center;
}

.overview_destination_cell_area_02 {
    background-color: white;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.map_area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}



.padding-100 {
    padding-bottom: 100px;
}


.voice_display {
    width: 100%;
}


.sanka_graph_area_all {
    display: none;
}

.sanka_graph_piece_sp {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.sanka_graph_head_sp {
    font-size: x-large;
    text-align: center;
}

.sanka_graph_area_sp {
    margin-bottom: 30px;
}

.accordion_Q_area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

.accordion_A_area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
}

summary {
    display: block;
    list-style: none;
}

/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
    display: none;
}


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


.application_form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.footer_area {
    width: 100%;
    padding: 50px 0px;
    background-color: #003E8F;
    margin-top: 100px;
}

.footer_logo_area {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}




.accordion-header span,
.accordion-content span {
    padding-left: 5px;
    position: relative;
    font-size: 15px;
    text-align: left;
}

.accordion-header {
    background-color: #FFF;
    padding: 12px 20px 12px 5px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border: 1px solid #003e8f;
    font-size: 15px;
    color: #003e8f;
}


.disp_flex{
    display: flex;
    flex-direction: column;
}

.kigyodoctor_content_area_left{
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.content_area_right{
     width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.content_left50{
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.content_right50{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}