﻿.bg_color4 {
    background-color: #efefef;
}

.bg_color3 {
    background-color: #efefef;
}

#cms_3-e .cate_title{
color:black;
}

#page_title.bg_color1{
background-image:url(./Dup/img/page_title_back.jpg);
background-size:cover;
    background-position: 50%;
}

#page8 span.txt_white{
color:red;
}

#page7 .box .box_item:first-child{
width:35% !important;
}

#page7 .box .box_item:nth-of-type(2){
width:65% !important;
}

#main_img a{
display:none;
}

#intro_txt h2{
font-size:30px;
}

main{
padding-bottom:0 !important;
}

#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    color: #f24436;
}


#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt {
     border-bottom: solid 1px  #948762;
}

/*--------2022 0301 correct start--------*/

#main_img:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/copy.png), url(./Dup/img/left.png);
    background-position: 95% 95% , center left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%, contain;
    pointer-events: none;
    z-index: 2;
}

#logo2{
    max-width: 300px;
    margin: auto;
}


/*--------2022 0301 correct end--------*/


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#intro_txt h2{
font-size:20px;
}

.box h3.grid_8{
width:100% !important;
}

#main_img{
padding: 0;
}

}

@media screen and (max-width: 667px){


#page7 .box .box_item:first-child{
width:100% !important;
}

#page7 .box .box_item:nth-of-type(2){
width:100% !important;
}

#header #logo{
    max-width: 150px;
    margin-left: 0;
}

}