.bg_color1 {background-color: #002340;}
.bg_color2 {background-color: #002f55;}
.bg_color3 {background-color: #002340;
        background-image: linear-gradient( 135deg, #175382 0%, #002340 100%);
}
.bg_color4 {background-color: #002f55;}
.border_color2 {border-color: #002f55;}
.border_color4 {border-color: #002f55;}
.txt_color2 {color: #002f55;}
/* ----------　all　---------- */
.linkStyle{
	color:#965496;
}
.linkStyle:hover{
	color:#965496;
	opacity: 0.7;
	transition: all 0.5s;
}
#wrap{
    background-color: #fff;
}
.header .grid_3 div a:first-child,.foot_tel_bt a:first-child{
    display: none;
}
.txt_white,#main_menu ul li a,#f_menu ul li a ,#contact_tel a{
    color: #333!important;
}
#aisatsu h2,#aisatsu p,.contents_box h2,.contents_box p,#info_map p,#info_map a,.page_title h2{
    color: #fff!important;
    
}
#main_menu.fixed ul li a{
     color: #fff!important;   
}
#main_menu.fixed ul li a,#main_menu.fixed ul li a .menu_sub_title{
     color: #fff!important;   
}
h1, h2, h3, h4, h5, h6 {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
header #logo img{
        width: 300px;
}
/* ----------　TOP　---------- */
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box {
    background-image: linear-gradient( 135deg, #002340 0%, #735496 100%);
    background-image: url(Dup/img/back.jpg)!important;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after {
    background-color: #002340;
}
/* ----------　下層ページ　---------- */
.page_title h2 span{
        color: #ffffff;
}
#cms_3-b .cate_title{
 color: #ffffff!important;   
}
#cms_5-a .cate .cate_title {
    color: #fff;
}
#page9 .box_wrap p a{
        color: #fff!important;
}
#page10 .cate li a{
    color: #212121!important;   
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header #logo{
    margin-right: 25%;
    width: 38%!important;
    margin-left: 3.33333%;
}
header #logo img {
    width: 100%;
}    
.page_title h2{
        width: 50%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.button_container span {
    background: #002340;
    box-shadow: none;
}
header #logo {
    margin-right: 20%;
    width: 60%!important;
    margin-left: 20%;
}
.page_title h2{
        width: 80%!important;
}
#page8 #contact_tel a{
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
    padding: 30px 20px;
}
#page10 .cate li a span{
        padding-left: 0px;
}
#copyright{
    padding-top: 0px;
    padding-bottom: 60px;   
}
}