
body{
    margin: 0;
    padding: 0;
    font-size:1em;
}
img{
    max-width:100%;
    height: auto;
}
.font01{
    font-family: 'Yu Mincho', 'MS PMincho', Georgia, serif;
}
.font02{
    font-size: 1.7em;
    color: #aa8c00;
    font-family: 'Yu Mincho', 'MS PMincho', Georgia, serif;
}
.font02_kuro{
    font-size: 1.7em;
    color: #000;
    font-family: 'Yu Mincho', 'MS PMincho', Georgia, serif;
}
.font03{
    background-color: #162347;
    max-height: 50px;
    color: #aa8c00;
    padding:10px;
    font-size: 1.2em;
}
.font04{
    color: #162347;
    font-size: 1.5em;
}
.font_left_center{
    text-align: left;
}
.footer_font{
    color: #fff;
}
.footer_font a{
    color: #fff;
    text-decoration: none;
}
.footer_font a:hover{
    color: #ccc;
    text-decoration: none;
}
.clear{
    clear: both;
}
.main_full{
    background-color: #162347;
}
.main_full01{
    background-color: #fff;
}
.main24{
    margin: 0 auto;
    padding:0px 12px 0px 12px;
}
.main_biz24{
    margin: 0 auto;
    width: 1024px;
    padding:0px 0px 0px 0px;
}
.m_cent{
    text-align:center;
}
.main1000{
    margin: 0px auto;
    width: 1000px;
    height: 65px;
}
.main1000_f{
    margin: 0px auto;
    width: 1000px;
    height: auto;
}
.main1200_f{
    margin: 0px auto;
    max-width: 1200px;
    height: auto;
}
/**** 左右　５０%*******/
.left50_1{
    float: left;
    width: 48%;
    margin-right: 20px;
}
.right50_1{
    float: left;
    width: 48%;
    margin-left: 20px;
}
/**** //左右　５０%*******/
.top1_left{
    float: left;
    padding-top: 15px;
}
.top1_right{
    float: right;
    padding-top: 15px;
}

.header_1{
    border-bottom: solid 1px #999;
}
.header_2{
    margin: 0 auto;
    width: 1000px;
}
.nav_01 a{
    font-size: 0.9em;
    float: left;
    text-align: center;
    width: 199px;
    border-left: solid 1px #999;
    text-decoration: none;
    padding: 7px 0 7px 0;
    color: #333;
}
.nav_01 a:hover{
    background-color: #162347;
    color:#fff;
}
.nav_02 a{
    font-size: 0.9em;
    float: left;
    text-align: center;
    width: 198px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    text-decoration: none;
    padding: 7px 0 7px 0;
    color: #333;
}
.nav_02 a:hover{
    background-color: #162347;
    color:#fff;
}

.news01{
    float: left;
    margin:12px 40px 10px 0px;
}
.news02{
    float: left;
    margin:12px 0px 10px 0px;
}
.vertical-scroll {height:10em;overflow-y:scroll;}
.vertical-scroll>ol {margin-top:0;margin-bottom:0;}

/********* ボタン *************/
.bot_01 a{
    font-size: 1.2em;
    background-color: #fff;
    float: left;
    text-align: center;
    width: 300px;
    border: solid 1px #999;
    text-decoration: none;
    padding: 2px 0 2px 0px;
    margin: 0px;
    color: #000;
    font-family: 'Yu Mincho', 'MS PMincho', Georgia, serif;
}
.bot_01 a:hover{
    background-color: #162347;
    color:#fff;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 10px;
  }
  
  .arrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #aa8c00;
    border-right: solid 2px #aa8c00;
    position: absolute;
    left: 30px;
    top: 7px;
  }
  
  .arrow.arrow-top::before {
    transform: rotate(-45deg);
    top: 10px;
  }
  
  .arrow.arrow-bottom::before {
    transform: rotate(135deg);
  }
  
  .arrow.arrow-left::before {
    transform: rotate(-135deg);
  }
  
  .arrow.arrow-right::before {
    transform: rotate(45deg);
  }
/*********** ボタン　ここまで***/

.mo001{
    display: none;
}



@media screen and (max-width: 1000px){
    .pc001{
        display: none;
    }
    .mo001{
        display: block;
    }
    .main1000_f{
        width: 100%;
    }
    .news01{
        float: left;
        margin:12px 40px 10px 0px;
    }
    .news02{
        float: left;
        margin:12px 0px 10px 0px;
    }
    .main1000_f{
        margin: 0px auto;
        width: 100%;
        height: auto;
    }
    .main1200_f{
        margin: 0px auto;
        width: 100%;
        height: auto;
    }
    /**** 左右　５０%*******/
    .left50_1{
        float: none;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .right50_1{
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .m_cent_1{
        text-align: center;
    }
/**** //左右　５０%*******/
    .font_left_center{
    text-align: center;
    }
    .img50{
        width: 49.5%;
        margin: 0 2px 0 2px 0;
    }
}
/********* 1000ここまで *********/

@media screen and (max-width: 680px){
    .news01{
        float: left;
        margin:12px 40px 10px 0px;
    }
    .news02{
        float: left;
        margin: -10px 0px 10px 0px;
    }
    /****** mo ボタン ******/
}