﻿.bg_color1 {background-color: #1A3D99;}
.bg_color2 {background-color: #f6f8fb;}
.bg_color3 {background-color: #1b3d99;}
.txt_color2 {color: #1b3d99;}
.txt_color3 {color: #1b3d99;}
.border_color3 {border-color: #1b3d99;}
.border_color2 {border-color: #1b3d99;}
.border_color4 {border-color: #1b3d99;}
/* ----------　all　---------- */
.linkStyle{
	color:#1A3D99;
}
.linkStyle:hover{
	color:#1A3D99;
	opacity: 0.7;
	transition: all 0.5s;
}
#loader > div{
    top: 52%;
}
#loader img {
width: 100px;
    height: auto;
    animation: none;

}
body{
background-color: #ffffff!important;
}
body::before {
    background-color: rgb(183 189 206);
}
header {
    border-bottom: 1px solid #1b3d99;
}
#header h1{
max-width: 450px;
}
#main_contents #main_menu li a {
    color: #1A3D99;
}
#main_contents #main_menu li::before {
    border: 2px solid #1a3d99;
}
#main_contents #main_menu li.active::before {
    background-color: #1A3D99;
}
#main_contents #main_menu li::after {
    border-bottom: 1px solid #1A3D99;
}
#footer .grid_6:first-child > span {
    background-color: #132b6b;
}
.banner {
    width: 80%;
    max-width: 300px;
    margin: auto;
margin-bottom: 50px;
}
#main_menu .banner {
    width: 100%;
margin-bottom: 0px;
}

/* ----------　TOP　---------- */
#catch p span:empty,#catch h2 span:empty{
display:none;
}
#main_menu ul{
    background-color: rgba(255 ,255 ,255,0.7);
}
#main_contents{
    background-image: url(Dup/img/back.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 70%;
}
#main_contents #main_img {
    box-shadow: none;
}
#main_contents::after {
    background-color: #1b3d99;
}
#top_cms .cms_wrap {
    background-color: #f7f8fb;
}

#top_cms .top_cms_title {
       color: #1b3d99;
}
#top_cms .top_cms_title h3 span {
    border-top: 3px solid #1b3d99;
}
#top_cms .more a {
    border: 2px solid #1b3d99;
    background-color: #1b3d99;
transition: 0.3s;
}
#top_cms .more a:hover {
    background-color: transparent;
}

.more a span {
    background-color: #b6bdce;
}
/* ----------　下層ページ　---------- */
#cms{
    background-color: #f7f8fb;
}
#cms_2-c .cate_box{
    border-bottom: 1px solid #b7bdce;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#page07, #page08, #page09, #page10 {
    border-top: 1px solid #1b3d99;
}
#page07 .box {
    border-bottom: 2px solid rgb(27 61 153);
}
#page07 h3 span {
    background-color: #ffffff;
    color: #1A3D99;
}
#page07 div{
    color: #1A3D99;
}
#page07 .grid_4 h3::after {
    background-color: #b6bdce;
}
#page08 p{
color: #333;
}
#page09 p {
    color: #333;
}
#page09 h3{
    color: #1b3d99;
}
#page09 h3 span {
    background-color: rgb(255 255 255);
    border: 1px solid #1b3d99;
}
#page10 .grid_4{
background-color: #ffffff;
}
#page10 .grid_4 a {
    border: 1px solid #1b3d99;
    color: #1b3d99;
}
#page10 .grid_4 a:hover{
    color: #fff;
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#main_contents #main_menu li {

    line-height: 1.5em;
}
#contents_link{
margin-bottom: 10px;
}
#cms_5-b .cate_title{
padding-top: 10px;
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#footer .grid_6 h3{
font-size: 40px;
}

#main_nav {
    background-color: #ffffff;
}
#main_nav > div > ul li::before {
    border: 2px solid #1a3d99;
}
#main_nav > div > ul li.active::before {
    background-color: #1a3d99;
}
#main_nav > div > ul li a {
    color: #1a3d99;
}
#main_nav .sns_links {
    border-top: 5px solid #1a3d99;
    border-bottom: 5px solid #1a3d99;
    background-color: #1a3d99;
}
#main_nav #menu_bg::after {
    background-color: #ffffff;
}
#page10 .grid_4 a {
    padding: 50px 30px 30px 30px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#loader > div{
    top: 51%;
}
#loader img {
width: 80px;
}
#footer .grid_6 h3 {
    font-size: 30px;
}
#top_cms .top_cms_title h3 span {
    font-size: 28px;
}
#page08 #contact_tel a{
font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#page10 .grid_4 a .bg_color3 {
    background-color: #ffffff;
}
#main_contents {
    padding-bottom: 50px;
}
.page5 .width_1280-max{
    padding-top: 50px;
}
#main_contents .banner {
margin-bottom: 0px;
}
}