body{
    font-size: 18px;
}
.bg_color4{
    background-color: #dedede;
}
.bg_color1{
    background-color: #c1d2b0;
}
.txt_color-nomal{
    color: #555555;
}
.txt_color1{
    color: #555;
}
.font_14{
    font-size: 18px;
}
.font_4up{
        font-size: calc(1rem + 10px);
}
/*header*/
@media (max-width: 768px){
    #logo.width_150-max_sp{
        max-width: 80px;
    }
}
/*fv*/
#catch{
    z-index: 2;
    max-width: 32%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-42%);
}
#main_img::before{
    content: "";
    background-image: url('./Dup/img/con1before.png');
    background-repeat: no-repeat;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 2;
}
.scroll_bt{
    bottom: -30px;
}
.scroll_bt span{
    border: 2px solid #333;
}
a.scroll_bt.txt_white{
    color: #333;
}
.scroll_bt span::before{
    background-color: #333;
}
.img1sp{
    display: none;
}
@media (max-width: 768px){
    #main_img img.object_fit_img{
        max-height: none;
        min-height: auto;
    }
    .img1{
        display: none;
    }
    .img1sp{
        display: block;
    }
}
/*TOP*/
.con_no::before{
    display: none;
}
#contents1 {
    background-color: #c1d2b0;
    padding: 0;
    position: relative;
}
#attach{
    height: 500px;
}
#attach::before{
    content: "";
    background-image: url('./Dup/img/con1after.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 2;
}
#attach::after{
    content: "";
    background-image: url('./Dup/img/con2before.png');
    background-repeat: no-repeat;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 2;
}
#contents1 .contents1-inner{
    padding: 100px 10%;
}
#contents1 h2 br{
    display: none;
}
#contents1 p.con_no {
    width: 100%;
    text-align: center;
}
#contents1 p img{
    width: 25%;
}
#contents2{
    background-color: #dedede;
    padding: 100px 10% 80px;
}
#contents2 h2 br{
    display: none;
}
#contents2 p.con_no {
    width: 100%;
    text-align: center;
}
#contents2 p.mg_b-30px{
    margin-bottom: 50px;
}
#contents2 p img{
    width: 25%;
}
#contents3 {
    padding: 120px 10% 100px;
}
#contents3 h3 br{
    display: none;
}
#contents3 .txt_white{
    color: #555;
}
#contents3 figure{
    margin-bottom: 40px;
}
#contents3 .con_no {
    display: none;
}
#contents3 h3{
    margin-bottom: 20px;
}

@media (max-width: 768px){
    .con_no{
        padding-right: 0;
    }
    #main_img::before, #attach::before, #attach::after{
        display: none;
    }
    #contents1 .contents1-inner{
        padding: 65px 10%;
    }
    #contents1 h2 {
        text-align: center;
    }
    #contents1 h2 br{
        display: block;
    }
    #contents1 p img{
        width: 50%;
    }
    #contents2 h2 {
        text-align: center;
    }
    #contents2 h2 br{
        display: block;
    }
    #contents2 p img{
        width: 50%;
    }
    #contents3 h3 {
        text-align: center;
    }
    #contents3 h3 br{
        display: block;
    }
    #contents3 h3.font_16_tb{
        font-size: 18.5px;
    }
}
@media (max-width: 374px){
    #contents1 h2 br{
        display: none;
    }
}
/*メニュー*/
#hpprbnr{
    max-width: 400px;
    margin: 0 auto;
}
@media (max-width: 768px){
    #hpprbnr{
        max-width: 80%;
        margin: 0 auto;
    }
    #hpprbnr.pd_t-20px{
        padding-top: 0;
    }
}
/*footer*/
@media (max-width: 667px){
    footer h2.logo,  footer p.footer_cms{
        text-align: center;
    }
}