.bg_color3 {background-color: #5f7088;}

.border_color3 {border-color: #5f7088;}
.txt_color3 { color: #5f7088;}
.hvr_bg_color2:hover {
    background-color: #5f7088;
    color: #fff;
}

/* ----------　all　---------- */
.linkStyle{
	color:#79a3e0;
}
.linkStyle:hover{
	color:#79a3e0;
	opacity: 0.7;
	transition: all 0.5s;
}
.top header {
	z-index: 5;
	opacity: 1;
}
#pc_nav li{
    max-width: 160px;
}
 #footer_nav li{
    max-width: 170px;
}
footer .banner {
    width: 100%;
    max-width: 400px;
    margin-top: 20px;
}
#overlay .left li {
    max-width: 180px;
}

/* ----------　TOP　---------- */
.line:before {
    background-color: rgba(95 ,112 ,136 ,0.5)!important;
}
.line-l:before {
    background-color: rgba(95 ,112 ,136 ,0.5)!important;
}
#top_cms{
z-index: 1;
}
#top_cms.back1:before {
    z-index: -1;
}
#top_cms .cms_2-c .cate_box{
    background-color: rgba(95 ,112 ,136 ,0.1);
padding: 10px;
}


/* ----------　下層ページ　---------- */
#page_title .page_title_box {
    background-color: #5f7088;
}
.cate_title{
background-color: #56383a;
    padding: 5px 10px;
    text-align: left;
    color: white;
}
#cms_1-a .box_txt1{
    opacity: 1;
}
#cms_6-b .sub_title1 {
    border-top: 1px solid #5f7088;
    border-bottom: 1px solid #5f7088;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 20px;
}
#cms_2-c .box_txt1{
    border-bottom: 1px solid #5f7088;
    padding-bottom: 0px;
    margin-bottom: 15px;
}
#page8 .banner_box{
    margin-top: 50px;
}
#page8 .banner{
    width: 45%;
    margin: 0 2%;
    max-width: 400px;
    letter-spacing: 2px;
}
#page8 .banner a{
     padding-top: 20px;
    padding-bottom: 20px;
max-width: 400px;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_title {
    padding: 15px 10px 5px;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#page8 .banner {
    width: 80%;
    margin: 0 2% 25px;
max-width: 400px;
}
#header{
padding-top: 10px;
    padding-bottom: 10px;
}
header.scr_header #logo {
    max-width: 200px;
}
footer .banner {
    width: 80%;
}
#page_title .page_title_box{
    width: 55%;
}
#contents3 .con_box h3{
letter-spacing: 2px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#logo {
    max-width: 200px;
}
#top_cms .cms_2-c .box_item{
padding: 10px;
}
#page_title .page_title_box {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
}
#overlay .left li {
    max-width: 200px;
}
#cms_6-c .cate_box{
    padding: 20px;
}
#page8 .banner {
    width: 100%;
    margin: 0 0% 25px;
    letter-spacing: 0px;
    font-size: 13px;
}
#page8 #tel_txt{
    margin-top: 20px;
}
#contents3 .con_box h3 {
    font-size: 19px;
}
}