@charset "utf-8";
/****************************************************************************************************

カテゴリ別

****************************************************************************************************/


/****************************************************************************************************

共通

****************************************************************************************************/
#BodyBGNone{
}

    #BodyBGNone #Main{
        background:none;
    }



#ContentsBody{
    width:680px;
}

@media (max-width:950px){
#ContentsBody{
    width:100%;
}
}

@media (max-width:768px){
#ContentsBody{
    width:100%;
}
}

@media (max-width:568px){
#ContentsBody{
    width:100%;
}
}

#MainBack2top{
    display:none;
}



.c_box1{
    font-size:120%;
}

.c_fig1{
    text-align:center;
}
    .c_fig1 img{
        margin-bottom:10px;
    }
    .c_fig1 figcaption{
        font-size:90%;
    }





/*--------------------------------------------------

c1

--------------------------------------------------*/
.c1_box1{
    margin-bottom:5.88235294117647%;    /*40px;*/
}
.c1_box2{
    padding: 20px;
    background-color: #DFEFF3;
}
@media (max-width:568px){
.c1_box2{
    padding: 10px;
}
}


/*
--------------------*/
.c1_lead1{
    color: #00839B;
    font-weight: bold;
    font-size: 128%;
}
@media (max-width:568px){
.c1_lead1{
    margin-bottom:5px;
}
}
.c1_lead2{
    margin-bottom: 5px;
    color: #00839D;
    font-weight: bold;
}


/*
見出し
--------------------*/
.c1_headline1{
    margin-bottom:30px;
    padding-bottom: 10px;
    font-weight:bold;
    font-size:128%;
    line-height:1.2;
    color:#00839D;
    border-bottom:1px solid #00839D;
}
.c1_headline2{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 114%;
}
.c1_headline3{
    margin-bottom: 20px;
}
@media (max-width:568px){
.c1_headline3{
    margin-bottom: 10px;
    text-align: center;
}
    .c1_row1 .c1_col .c1_headline3 img{
        width: auto;
    }
}


.c1_headline4{
    margin-bottom: 10px;
    font-weight: bold;
}
.c1_headlineIcon{
    color: #00839D;
}
/*
レイアウト
--------------------*/
.c1_row1{
    margin-bottom: 30px;
}
@media (max-width:568px){
.c1_row1{
    margin-bottom: 20px;
}
}


.c1_row1 .c1_col{
    width: 47.05882352941176%;    /*320/680*100*/
}
@media (max-width:568px){
.c1_row1 .c1_col{
    width: 100%;
}
    .c1_row1 .c1_col img{
        width: 100%;
    }
}

    .c1_row1 .c1_col.-l{ float: left; }
    .c1_row1 .c1_col.-r{ float: right; }
@media (max-width:568px){
    .c1_row1 .c1_col.-l{ float: none; margin-bottom: 20px; }
    .c1_row1 .c1_col.-r{ float: none; }
}


.c1_row2{
}
    .c1_row2 .c1_col.-l{
        float: left;
        width: 78.125%;    /*500/640*100*/
    }
    .c1_row2 .c1_col.-r{
        float: right;
        width: 18.75%;    /*120/640*100*/
    }
@media (max-width:568px){
    .c1_row2 .c1_col.-l{
        float: none;
        width: 100%;
    }
    .c1_row2 .c1_col.-r{
        float: none;
        width: 100%;
    }
}


.c1_fig1{
    text-align: center;
}
.c1_fig1 img{
    margin-bottom: 5px;
}

.c1_figText1{
    font-size: 12px;
}
.c1_figText2{
    font-size: 14px;
}




/*--------------------------------------------------

c2

--------------------------------------------------*/
.c2_box1{
    margin-bottom:5.88235294117647%;    /*40px;*/
}

.c2_headline1{
    margin-bottom: 30px;
    padding: 5px 10px;
    background-color: #137A91;
    color: #fff;
    font-size: 114%;
}
@media (max-width:568px){
.c2_headline1{
    margin-bottom: 15px;
}
}

    .c2_headline1 .c2_headlineSub{
        margin-right: 10px;
        padding: 2px 5px;
        border: 1px solid #fff;
        font-size: 87.5%;
    }
.c2_headline2{
    margin-bottom: 10px;
    font-weight: bold;
    color: #137A91;
}

/*
レイアウト
--------------------*/
.c2_row1{
}
.c2_row1 .c2_col{
}
    .c2_row1 .c2_col.-l{
        float: left;
        width: 58.82352941176471%;    /*400/680*100*/
    }
    .c2_row1 .c2_col.-r{
        float: right;
        width: 38.23529411764706%;    /*260/680*100*/
    }
@media (max-width:568px){
    .c2_row1 .c2_col.-l{
        float: none;
        width: 100%;
    }
    .c2_row1 .c2_col.-r{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
        .c2_row1 .c2_col.-r img{
            width: 200px;
        }
}


.c2_row2{
}
.c2_row2 .c2_col{
}
    .c2_row2 .c2_col.-l{
        float: left;
        width: 57.35294117647059%;    /*390/680*100*/
    }
    .c2_row2 .c2_col.-r{
        float: right;
        width: 39.11764705882353%;    /*266/680*100*/
    }
@media (max-width:568px){
    .c2_row2 .c2_col.-l{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .c2_row2 .c2_col.-r{
        float: none;
        width: 100%;
        text-align: center;
    }
}


.c2_row3{
}
.c2_row3 .c2_col{
}
    .c2_row3 .c2_col.-l{
        float: left;
        width: 26.47058823529412%;    /*180/680*100*/
    }
    .c2_row3 .c2_col.-r{
        float: right;
        width: 67.64705882352942%;    /*460/680*100*/
    }
@media (max-width:568px){
    .c2_row3 .c2_col.-l{
        float: none;
        width: 100%;
        text-align: center;
    }
    .c2_row3 .c2_col.-r{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
}


.c2_row4{
}
.c2_row4 .c2_col{
}
    .c2_row4 .c2_col.-l{
        float: left;
        width: 54.41176470588235%;    /*370/680*100*/
    }
    .c2_row4 .c2_col.-r{
        float: right;
        width: 42.35294117647059%;    /*288/680*100*/
    }
@media (max-width:568px){
    .c2_row4 .c2_col.-l{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .c2_row4 .c2_col.-r{
        float: none;
        width: 100%;
    }
}





/*--------------------------------------------------

c3

--------------------------------------------------*/
.c3_box1{
    margin-bottom:5.88235294117647%;    /*40px;*/
}

/*
見出し
--------------------*/
.c3_headline1{
    margin-bottom: 30px;
    padding: 5px 10px;
    background-color: #E9F1FA;
    border-left: 6px solid #727171;
    font-size: 114%;
    font-weight: bold;
}
/*
レイアウト
--------------------*/
.c3_row1{
}
.c3_row1 .c3_col{
}
    .c3_row1 .c3_col.-l{
        float: left;
        width: 54.41176470588235%;    /*370/680*100*/
    }
    .c3_row1 .c3_col.-r{
        float: right;
        width: 41.76470588235294%;    /*284/680*100*/
    }
@media (max-width:568px){
    .c3_row1 .c3_col.-l{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .c3_row1 .c3_col.-r{
        float: none;
        width: 100%;
        text-align: center;
    }
        .c3_row1 .c3_col.-r img{
            width: 200px;
        }
}


.c3_row2{
}
.c3_row2 .c3_col{
}
    .c3_row2 .c3_col.-l{
        float: left;
        width: 47.05882352941176%;    /*320/680*100*/
    }
    .c3_row2 .c3_col.-r{
        float: right;
        width: 48.529411764705884%;    /*330/680*100*/
    }
@media (max-width:568px){
    .c3_row2 .c3_col.-l{
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .c3_row2 .c3_col.-r{
        float: none;
        width: 100%;
    }
}