﻿.pager li a:hover {
    background-color: #472506 !important;
}
span.tel_txt {
    font-size: 0.8em;
    margin-left: 5px;
}
.contact_box_wrap {
    display: flex;
    justify-content: space-around;
    max-width: 1080px;
    margin: auto;
}
.contact_box {
    width: 30%;
}
.contact_box a {
    max-width: none;
}
.contact_box_wrap {
    display: flex;
    justify-content: space-around;
    max-width: 1080px;
    margin: auto;
    align-items: flex-end;
}
.bg_color2, .hvr_bg_color2:hover {
    background-color: #ffffff;
}

.cate_list:before {
    background-color: #001848 !important;
}
a.linkStyle {
    color: #001848;
    text-decoration:underline;
}

#loading{
    background:#f4f4f4;
}
.progressbar-text{
    color: #001848 !important;
}
span.top_title_color {
    background: #292929; 
}
#cms_2-b .cate_title {
    color: white;
}
#page_title .jp:before{
   background-color: #472506; 
}

.modal-open.more.mg_t-50px.mg_t-30px_sp {
    margin-top: 0;
}

footer #footer_info {
    background-color: #8f7b68;
}
.link_type2 .cate_box {
    margin-bottom: 20px;
    width: 50% !important;
}
.link_type2 h3 {
    color: white;
}
.link_type2 .cate_box a {
    color: #fff;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
   
    z-index: 1;
}
.link_type2 .cate_box a:after {
    top: 100%;
     background-color: #001848;
    transition: 0.5s;
	z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}

#page5 .cate_title{
    background: #001848;
    padding: 5px;
    color: white;
}
#cms_4-a .box_img1.grid_5.posi_rel,#cms_4-a .box_img2.grid_5.posi_rel,.cms_4-a .box_img1.grid_5.posi_rel,.cms_4-a .box_img2.grid_5.posi_rel {
    width: 48% !important;
}
#cms_4-a .cate .cate_box .d_flex,.cms_4-a .cate_box .d_flex {
    justify-content: space-around;
}
#cms_4-a .cate .cate_box h4,.cms_4-a .cate_box h4{
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

#cms_4-a .box_img1.grid_5.posi_rel:before, .cms_4-a .box_img1.grid_5.posi_rel:before {
    content: "Before";
    width: 100%;
    background: #858585;
    position: absolute;
    z-index: 2;
    bottom: 0;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
    color: white;
}
#cms_4-a .box_img2.grid_5.posi_rel:before, .cms_4-a .box_img2.grid_5.posi_rel:before {
    content: "After";
    width: 100%;
    background: #001848;
    position: absolute;
    z-index: 2;
    bottom: 0;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
    color: white;
}

.border_color3, .hvr_border_color3:hover {
    border-color: #001848;
}
.border_color1, .hvr_border_color1:hover {
    border-color: #472506;
}
header.scr_header {
    background-color: #472506ed !important;
}
#contents .con_title {
    font-size: 46px;
}
main.blur {
        background: rgb(244 244 244 / 95%);
}
main.blur {
    background: rgb(244 244 244 / 100%);
}
h2,h3,h4,.box_title1,.cate_title{
   color: #472506;
}
.bg_color1, .hvr_bg_color1:hover {
    background-color: #472506;
}

.txt_color3 {
    color: #001848;
}
.bg_color3, .hvr_bg_color3:hover{
     background: #001848;
}
.con_box.box1 .con_title {
    max-width: 610px;
    margin: 50px auto;
}
.con_box.box2 .con_title {
    max-width: 550px;
    margin: 50px auto;
}
.con_box.box3 .con_title {
    max-width: 600px;
    margin: 50px auto;
}
div#main_img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_txt {
    position: relative;
    font-size: 46px;
    font-weight: bold;
    background: #472506e8;
    padding: 50px 70px;
    color: white;
    outline: 1px solid #ffffff7d;
    outline-offset: -10px;
}
.main_txt p {
    line-height: 1.2em;
    letter-spacing: 2px;
}
.main_txt:before {
    width: 100%;
    height: 100%;
    right: -15px;
    top: 15px;
    background: white;
    position: absolute;
    content: "";
    z-index: -1;
}
#main_img:before{
    display:none;
}

/*-------------------------------タブレット-----------------------------------------*/
@media screen and (max-width:768px){
    .main_txt {
    font-size: 34px;
    padding: 40px 60px;
    }
    .link_type2 .cate_box{
        width:100% !important;
    }
    .cms_4-a .cate_box,#cms_4-a .cate_box{
    width: 100% !important;
}
#loading_logo{
    max-width:180px;
}
.contact_box_wrap {
    flex-direction: column;
    align-items: center;
}
.contact_box {
    width: 50%;
    margin: 20px auto;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after{
    display:none;
}
.link_type2 .cate_box .more{
    dislay:none;
}
}

/*-------------------------------スマホ-----------------------------------------*/
@media screen and (max-width:667px){ 
    .contact_box {
    width: 100%;
    }
    .main_txt p{
        letter-spacing: 1px;
    }
    .main_txt {
    font-size: 20px;
    padding: 30px 30px;
        outline-offset: -6px;
}
.main_txt:before{
        right: -10px;
    top: 10px;
}
h1#logo img {
    max-width: 200px;
}
#contents .con_title {
    font-size: 28px;
}
#cms_4-a .box_img1.grid_5.posi_rel, #cms_4-a .box_img2.grid_5.posi_rel, .cms_4-a .box_img1.grid_5.posi_rel, .cms_4-a .box_img2.grid_5.posi_rel {
    width: 100% !important;
    margin-bottom: 20px;
}
#loading #loading_text .progressbar-text {
    top: 70%;
}
.overlay {
    background-color: rgba(0,0,0,0.7); 
}
}