@charset "UTF-8";

/*----------------------------
    module
----------------------------*/

/* breadcrumb, ankerlink */

.jos_breadcrumb {
    margin-top: 5vw;
    font-size: 3vw;
}
.jos_breadcrumb span {
    margin: 0 1.5vw;
}

.jos_ankerlink {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8vw;
}
.jos_ankerlink li {
    margin: 1vw 4vw 2vw 0;
    line-height: 1.75 !important;
}

.jos_ankerlink li a {
    padding: .5vw 5vw;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 3vw;
}
.jos_ankerlink li a:hover {
    background: #ddd;
    color: #fff;
}

/* title */

.jos_title_h1 {
    font-size: 5.35vw;
    font-weight: normal;
    text-align: center;
}
.jos_title_h2 {
    font-size: 4.85vw;
    font-weight: normal;
}
.jos_title_h3 {
    font-size: 4.5vw;
    font-weight: normal;
}
.jos_title_h4 {
    font-size: 3.75vw;
    font-weight: bold;
}

/* text, list, link, btn */

.jos_txt,
.jos_list_num,
.jos_list_kome,
.jos_list_dots,
.jos_link,
.jos_btn {
    font-size: 3.5vw;
}

.jos_list_num li {
    list-style: outside decimal;
    margin-left: 5vw;
}
.jos_list_kome li,
.jos_list_dots li {
    padding-left: 4.5vw;
    text-indent: -4.5vw;
}
.jos_list_kome li::before {
    content: "※";
    padding-right: 1vw;
}
.jos_list_dots li::before {
    content: "・";
    padding-right: 1vw;
}
.jos_red {
    color: #c00;
}
.jos_link a {
    /*color: #09f;*/
    color: #333;
}
.jos_link a:hover {
    /*color: #3cf;*/
    color: #666;
}
.jos_link a::after {
    content: "＞";
    padding-left: 2vw;
}
.jos_link a.jos_blank::after {
    content: url("/common/static/images/jos_icon_blank.png");    
}
.jos_link a.jos_pdf::after {
    content: url("/common/static/images/jos_icon_pdf.png");    
}

.jos_btn a {
    display: block;
    border: 2px solid #eee;
    border-radius: 5px;
    padding: 2vw 4vw;
    text-align: center;
}
.jos_btn a:hover {
    background: #ddd;
    color: #fff;
}
.jos_btn.jos_btn_gray a {
    background: #eee;
}
.jos_btn.jos_btn_gray a:hover {
    background: #f8f8f8;
    color: #999;
}

/* caption, col */

.jos_figure {
    display: table;
    margin: 0 auto 5vw;
}
.jos_figure .jos_caption {
    margin-bottom: 2.5vw;
    font-size: 2.75vw;
	word-wrap: break-word;
}

.jos_col_2,
.jos_col_3,
.jos_col_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jos_col_2 .jos_col_box {
    width: 100%;
}
.jos_col_3 .jos_col_box {
    width: 47.5%;
}
.jos_col_4 .jos_col_box {
    width: 47.5%;
}
    
/* table */

.jos_table {
    width: 100%;
    margin-bottom: 7.5vw;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    table-layout: fixed;
    font-size: 3.25vw;
}
.jos_table th,
.jos_table td,
.jos_table .jos_table_th {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}
.jos_table th {
    padding: 3vw 4vw;
    background: #eee;
    font-weight: bold;
    text-align: center;
}
.jos_table .jos_table_th {
    padding: 3vw 4vw;
    background: #eee;
    font-weight: bold;
    text-align: center;
    word-break: break-all;
}
.jos_table td {
    padding: 3vw 4vw 0;
    word-break: break-all;
}
.jos_table_scroll {
    margin-bottom: 7.5vw;
}
.jos_table_scroll .jos_table {
    margin-bottom: 3vw;    
    width: 1140px;
}
.jos_table_scroll{
    overflow-x: auto;
}
.jos_table_scroll::-webkit-scrollbar{
    width: 1vw;
    background: #f8f8f8;
}
.jos_table_scroll::-webkit-scrollbar:horizontal{
    width: 1vw;
    background: #f8f8f8;
}
.jos_table_scroll::-webkit-scrollbar-thumb{
    background: #ddd;
    border-radius: 1vw;
}
.jos_table_scroll::-webkit-scrollbar-thumb:horizontal{
    background: #ddd;
    border-radius: 1vw;
}


/* margin-bottom */
.jos_breadcrumb,
.jos_title_h1,
.jos_title_h2,
.jos_title_h3,
.jos_title_h4,
.jos_txt,
.jos_list_num,
.jos_list_kome,
.jos_list_dots,
.jos_link,
.jos_btn
{
    margin-bottom: 5vw;
}
.jos_table .jos_txt,
.jos_table .jos_list_num,
.jos_table .jos_list_kome,
.jos_table .jos_list_dots,
.jos_table .jos_link,
.jos_table .jos_btn
{
    margin-bottom: 3vw;
    font-size: 87.5%;
}


@media (min-width: 768px) {
    
    .jos {
        padding: 30px 30px 60px;
    }
    .jos_pagetitle {
        margin: 45px 0 90px;
        font-size: 3rem;
    }
    .jos_pagetitle span {
        margin: 6px 0 0;
        font-size: 1.125rem;
    }
    
    .jos_breadcrumb {
        margin-top: 30px;        
        font-size: .75rem;
    }
    .jos_breadcrumb span {
        margin: 0 .5rem;
    }
    
    .jos_ankerlink {
        margin-top: 35px;
        margin-bottom: 35px;
        line-height:1.75;
    }
    .jos_ankerlink li {
        margin: 0px 15px 15px 0;
    }
    .jos_ankerlink li a {
        padding: 5px 15px;
        font-size: .75rem;
    }

    /* title */
    .jos_title_h1 {
        font-size: 1.8rem;
    }
    .jos_title_h2 {
        font-size: 1.575rem;
    }
    .jos_title_h3 {
        font-size: 1.35rem;
    }
    .jos_title_h4 {
        font-size: 1rem;
    }
    
    /* text, list, link, btn */
    .jos_txt,
    .jos_list_num,
    .jos_list_kome,
    .jos_list_dots,
    .jos_link,
    .jos_btn {
        font-size: .875rem;
    }
    
    .jos_list_num li {
        margin-left: 20px;
    }
    .jos_list_kome li,
    .jos_list_dots li {
        padding-left: 18px;
        text-indent: -18px;
    }
    .jos_list_kome li::before,
    .jos_list_dots li::before {
        padding-right: 5px;
    }
    .jos_link a::after {
        content: "＞";
        padding-left: 5px;
    }
   
    .jos_btn a {
        display: inline-block;
        max-width: 500px;
        padding: 10px 30px;
    }
    
    /* caption, col */
    .jos_figure {
        margin: 0 auto 30px;
    }
    .jos_figure .jos_caption {
        margin-bottom: 15px;
        font-size: .75rem;
    }

    .jos_col_2 .jos_col_box {
        width: 47.5%;
    }
    .jos_col_3 .jos_col_box {
        width: 31%;
    }
    .jos_col_4 .jos_col_box {
        width: 23%;
    }
    
    .jos_col_3::after{
        content: "";
        display: block;
        width: 31%;
    }
    .jos_col_4::before{
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }
    .jos_col_4::after{
        content: "";
        display: block;
        width: 23%;
    }
    
    /* table */
    .jos_table {
        margin-bottom: 45px;
        font-size: .875rem;
    }
    .jos_table th {
        padding: 15px 30px;
    }
    .jos_table .jos_table_th {
        padding: 15px 30px;
    }
    .jos_table td {
        padding: 15px 30px 0;
    }
    .jos_table_scroll {
        margin-bottom: 45px;
    }
    .jos_table_scroll .jos_table {
        margin-bottom: 15px;    
    }    
    
    /* margin-bottom */
    .jos_breadcrumb,
    .jos_title_h1,
    .jos_title_h2,
    .jos_title_h3,
    .jos_title_h4,
    .jos_txt,
    .jos_list_num,
    .jos_list_kome,
    .jos_list_dots,
    .jos_link,
    .jos_btn
    {
        margin-bottom: 30px;
    }
    .jos_table .jos_txt,
    .jos_table .jos_list_num,
    .jos_table .jos_list_kome,
    .jos_table .jos_list_dots,
    .jos_table .jos_link,
    .jos_table .jos_btn
    {
        margin-bottom: 15px;
        font-size: 100%;
    }
    
}
@media (min-width: 1200px) {
    
    .jos_table_scroll .jos_table {
        margin-bottom: 0;    
    }    
    
}