﻿.bg_color1 {background-color: #b5b38b;}
.bg_color2 {background-color: #152538;}
.bg_color3 {background-color: #152538;}
.border_color1 {border-color: #b5b38b;}
.border_color2 {border-color: #b5b38b;}
.txt_color1 {color: #b2aa6b;}
.txt_color2 {color: #b2aa6b;}
.hvr_bg_color1:hover {background-color: #1e3a5a;}
/* ----------　all　---------- */
.linkStyle{
	color:#;
}
.linkStyle:hover{
	color:#;
	opacity: 0.7;
	transition: all 0.5s;
}
body,.under_page{
    background-color: #1e3a5a;
}


/* ----------　TOP　---------- */
.main_font{
    position: absolute;
    z-index: 9;
    margin: auto;
    width: 50%;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.intro_wrap {
        border: 10px solid #152538;
}
.intro_wrap .intro_title {
    border-bottom: 2px solid #b5b38b;
}
.intro_wrap .intro_txt {
    font-weight: bold;
}
#top_cms .cms_box:not(:first-child)::before {
    border-top: solid 20px #1e3a5a;
}
#top_cms .cms_1-f .cate_box p,#top_cms .cms_1-f .cate_box h3 ,#top_cms .cms_5-a .cate_box h4,#top_cms .cms_5-a .cate_box p{
    color: #fff;
}

/* ----------　下層ページ　---------- */
#page_title .page_title_bg {
    background-color: #1e3a5a;
}
#page_title .page_title_gradient {
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(30 ,58 ,90,1))!important;
}
.banner {
    width: 80%;
    max-width: 400px;
    margin: auto;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.main_font {
    width: 70%;
    top: 25%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
footer #logo2{
    width: 150px;
}
#main_img .main_txt_wrap{
    bottom: 5%;
    top: auto;
    left: auto;
    right: 5%;
    transform: translate(0%,0%);
    padding-right: 0px;
}
#main_img .main_txt_wrap p{
    text-align: right;
}
#top_cms .cms_box:first-child div.pd_t-100px{
    padding-top: 80px;
    border-top: 1px solid #b5b38b;
}
#page08 #contact_tel {
font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}
#page08 #contact_tel a{
    padding: 30px 10px;
}
.banner {
    width: 100%;
}
}