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

カテゴリ別

****************************************************************************************************/
@media (max-width:768px){
}
@media (max-width:568px){
}
/****************************************************************************************************

共通

****************************************************************************************************/
#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%;
    }

.c_fig2{
}
    .c_fig2 img{
        margin-bottom:10px;
    }
    .c_fig2 figcaption{
        font-size:90%;
    }


.list{
}
    .list > li{ margin-bottom:5px; }

.list.-symbol50{
}
    .list.-symbol50 > li{
        position: relative;
        padding-left: 50px;
    }
@media (max-width:568px){
    /* .list.-symbol50 > li{ padding-left: 60px; } */
}

.list__symbol{
    position:absolute;
    top:0;
    left:0;
}
/****************************************************************************************************
共通　レイアウト
****************************************************************************************************/
.c_row1{ margin-bottom: 20px; }
.c_row1.mb0{ margin-bottom: 0; }

.c_row1 .c_col.-l{ float: left; }
.c_row1 .c_col.-r{ float: right; }
@media (max-width:568px){
.c_row1 .c_col.-l{ float: none; }
.c_row1 .c_col.-r{ float: none; }
}

.c_row1 .c_col.-w120{ width: calc( 120 / 680 * 100% ); }
.c_row1 .c_col.-w145{ width: calc( 145 / 680 * 100% ); }
.c_row1 .c_col.-w180{ width: calc( 180 / 680 * 100% ); }
.c_row1 .c_col.-w185{ width: calc( 185 / 680 * 100% ); }
.c_row1 .c_col.-w200{ width: calc( 200 / 680 * 100% ); }
.c_row1 .c_col.-w202{ width: calc( 202 / 680 * 100% ); }
.c_row1 .c_col.-w300{ width: calc( 300 / 680 * 100% ); }
.c_row1 .c_col.-w310{ width: calc( 310 / 680 * 100% ); }
.c_row1 .c_col.-w350{ width: calc( 350 / 680 * 100% ); }
.c_row1 .c_col.-w420{ width: calc( 420 / 680 * 100% ); }
.c_row1 .c_col.-w430{ width: calc( 430 / 680 * 100% ); }
.c_row1 .c_col.-w440{ width: calc( 440 / 680 * 100% ); }
.c_row1 .c_col.-w450{ width: calc( 450 / 680 * 100% ); }
.c_row1 .c_col.-w460{ width: calc( 460 / 680 * 100% ); }
.c_row1 .c_col.-w470{ width: calc( 470 / 680 * 100% ); }
.c_row1 .c_col.-w490{ width: calc( 490 / 680 * 100% ); }
.c_row1 .c_col.-w530{ width: calc( 530 / 680 * 100% ); }
.c_row1 .c_col.-w540{ width: calc( 540 / 680 * 100% ); }
.c_row1 .c_col.-w550{ width: calc( 550 / 680 * 100% ); }
@media (max-width:568px){
.c_row1 .c_col.-w120,
.c_row1 .c_col.-w145,
.c_row1 .c_col.-w180,
.c_row1 .c_col.-w185,
.c_row1 .c_col.-w200,
.c_row1 .c_col.-w202,
.c_row1 .c_col.-w310,
.c_row1 .c_col.-w350,
.c_row1 .c_col.-w420,
.c_row1 .c_col.-w430,
.c_row1 .c_col.-w440,
.c_row1 .c_col.-w450,
.c_row1 .c_col.-w460,
.c_row1 .c_col.-w470,
.c_row1 .c_col.-w490,
.c_row1 .c_col.-w530,
.c_row1 .c_col.-w540,
.c_row1 .c_col.-w550{ width: 100%; }
}


.flex{display:flex; justify-content:space-between; flex-wrap: wrap;}
.rightType{flex-direction : row-reverse;}

.name{padding:0 0rem 0.3rem 0}
.mb5{margin-bottom:5px;}

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

c1

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.c1_heading{
    font-weight: bold;
}

.c1_heading.-type1{
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #2C3E99;
}

.figcaption{font-size:90%;}

.flexLeft{width:390px;}
.flexRight{width:270px; text-align:center;}

.flex.type1 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 270 / 680 * 100% );
}

/*@media screen and (max-width: 1000px) {
.flexLeft{width:73%;}	
.flex.type1 .flexRight{width:25%;}
}*/
@media screen and (max-width: 735px) {
.flex.type1 .flexRight{width: 100%; margin:0 auto 0.4rem;}
.flexImg img{ }	
.flexLeft{width:100%;}		
}


.flex.type2 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 190 / 680 * 100% );}
.flex.type2 .flexRight .figcaption{text-align:left;}
.flex.type2 .flexLeft{width:470px;}
.flex.type2 .flexRight .figcaption br{display:none;}

@media screen and (max-width: 1000px) {
.flex.type2 .flexLeft{width:73%;}	
.flex.type2 .flexRight{width:25%;}
}

@media screen and (max-width: 735px) {
.flex.type2 .flexRight{width: 100%; margin:0 auto 0.4rem;}
.flexImg img{ }	
.flex.type2 .flexLeft{width:100%;}	
.flex.type2 .flexRight .figcaption{text-align:center; width:60%; margin:0 auto 1.6rem;}
.flex.type2 .flexRight .figcaption br{display:block;}
}


.txtB{font-size:100%; font-weight:bold;}

table.c1{width:100%; border:1px solid #C8CCE6; box-sizing:border-box; background:#FFF;}
table.c1 thead th{background:#DEE2F2;}
table.c1 th.widthType{width:14%;}
table.c1 td{padding:10px;}


@media screen and (max-width: 735px) {
table.c1 th.widthType{width:20%;}
}


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

c2

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.c2_heading{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.6rem;
}
/*--------------------------------------------------
--------------------------------------------------*/
.c2_block{
    padding:20px 20px 10px;
    border-radius: 0px;
    background-color: #FFFDE5;
}
.block_child:not(:last-child){
	border-bottom:1px solid #FF6600; padding:0 0 10px; margin:0 0 25px;}
	
.block_child .txtB{margin-bottom:5px;}	
 

.c2_heading.-type1{
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #006832;
}


.c2_heading.-type2{
	margin-bottom: 10px;
    font-size: 1.8rem;
    color: #FF6600;
}


.c2_heading.-type2.ss{
	margin-bottom: 10px;
    font-size: 1.6rem;
    color: #FF6600;
}






.flex.type3 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 284 / 680 * 100% );
}

.flex.type3 .flexLeft{width:370px;}

@media screen and (max-width: 1000px) {
.flex.type3 .flexLeft{width:73%;}	
.flex.type3 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type3 .flexRight{width: 100%; margin:0 auto 0.4rem;}
.flexImg img{ }	
.flex.type3 .flexLeft{width:100%;}		
}






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

c3

****************************************************************************************************/
/*--------------------------------------------------
--------------------------------------------------*/
.c3_heading{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.6rem;
}
/*--------------------------------------------------
--------------------------------------------------*/


.c3_heading.-type1{
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #263E99;
}


.flex.type4 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 160 / 680 * 100% );
}

.flex.type4 .flexLeft{width:510px;}

@media screen and (max-width: 1000px) {
.flex.type4 .flexLeft{width:72%;}	
.flex.type4 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type4 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type4 .flexLeft{width:100%;}		
}




.flex.type5 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 280 / 680 * 100% );
}

.flex.type5 .flexLeft{width:380px;}

@media screen and (max-width: 1000px) {
.flex.type5 .flexLeft{width:72%;}	
.flex.type5 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type5 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type5 .flexLeft{width:100%;}		
}



.flex.type6 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 170 / 680 * 100% );
}

.flex.type6 .flexLeft{width:465px;}

@media screen and (max-width: 1000px) {
.flex.type6 .flexLeft{width:72%;}	
.flex.type6 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type6 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type6 .flexLeft{width:100%;}		
}




.flex.type7 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 230 / 680 * 100% );
}

.flex.type7 .flexLeft{width:420px;}

@media screen and (max-width: 1000px) {
.flex.type7 .flexLeft{width:72%;}	
.flex.type7 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type7 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type7 .flexLeft{width:100%;}		
}


.flex.type8 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 280 / 680 * 100% );
}

.flex.type8 .flexLeft{width:365px;}

@media screen and (max-width: 1000px) {
.flex.type8 .flexLeft{width:72%;}	
.flex.type8 .flexRight{width:25%;}
}
@media screen and (max-width: 735px) {
.flex.type8 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type8 .flexLeft{width:100%;}		
}


.flex.type9 .flexRight{
    margin: 0 0px 20px 0;
    width: calc( 120 / 680 * 100% );
}

.flex.type9 .flexLeft{width:540px;}

@media screen and (max-width: 1000px) {
.flex.type9 .flexLeft{width:77%;}	
.flex.type9 .flexRight{width:20%;}
}
@media screen and (max-width: 735px) {
.flex.type9 .flexRight{width: 100%; margin:0 auto 0.4rem;}	
.flex.type9 .flexLeft{width:100%;}		
}







.pcVew{display:block;}
.spVew{display:none;}
@media screen and (max-width: 735px) {
.pcVew{display:none;}
.spVew{display:block;}
}