.bg_color3{
    background-color: #a39364;
}
.bg_color4{
    background-color: #c5b170;
}
.marugo{
    font-weight: 600;
    font-family: "Zen Maru Gothic", Sans-Serif;
}
/*header*/
.head_banner .hvr_bg_color1:hover{
    background-color: #FF8731;
}
/*FV*/
#catch {
    top: 6%;
    right: 10%;
    z-index: 2;
}
.scroll_bt{
    transition-duration: 1.0s;
}
.scroll_bt.hide{
    transform: translate(-50%, 70%);
    transition-duration: 1.0s;
}
@media (max-width: 1800px){
    #catch{
        max-width: 25%!important;
        top: 13%;
    }
}
@media (max-width: 768px){
    #catch{
        max-width: 22%!important;
        top: 18%;
    }
    #main_img {
        min-height: auto;
    }
    #main_img img.object_fit_img{
        min-height: auto;
    }
}
/*TOP*/
#contents1{
    padding: 20px 8%;
    background-image: url('./Dup/img/introBg.jpg');
}
#contents1 .con1Item{
    background-image: url('./Dup/img/introGr.png');
    background-size: contain;
    background-repeat: no-repeat;
    overflow: visible;
    padding: 30% 0;
}
#contents1 .con1Item h2{
    font-size: 5.0rem;
    font-weight: 600;
    font-family: "Zen Maru Gothic", Sans-Serif;
}
#contents1 .con1Item h2.txt2-1{
    padding: 0 0 0 18%;
}
#contents1 .con1Item h2.txt2-2{
    padding: 0 22% 4% 0;
}

#contents2 {
    background-color: #f7f0ed;
}
#contents2 figure img{
    border-radius: 50%;
}
#contents2 h2.txt4{
    font-size: 2.4vmax;
}

#contents3 h3{
    font-size: 2.4rem;
    text-align: center;
}
#contents3 figure {
    height: 650px!important;
    margin-bottom: 40px;
}
#contents3 figure img{
    border-radius: 50%;
}
@media (max-width: 1800px){
    #contents1 .con1Item h2.txt2-1{
        padding-left: 12%;
    }
}
@media (max-width: 1440px){
    #contents1 .con1Item{
        padding: 30% 0 30% 0;
    }
    #contents1 .con1Item h2{
        font-size: 4vmax;
    }
    #contents1 .con1Item h2.mg_b-20px{
        margin-bottom: 0;
    }
    #contents1 .con1Item h2.txt2-2 {
        padding: 0 15% 0 0;
    }
    #contents2 h2.txt4{
    font-size: 2.2vmax;
}
}
@media (max-width: 768px){
    #contents1{
        padding: 70px 10%;
    }
    #contents1 .con1Item h2.txt2-1{
        padding: 0 0 0 40px;
    }
     #contents1 .con1Item h2.txt2-2 {
        padding: 0;
    }

    #contents3 figure{
        height: 330px!important;
    }
    #contents3 h3{
        text-align: center;
        font-size: 1.8rem;
    }
}
@media (max-width: 667px){
    #contents1 .con1Item h2{
        font-size: 2.5vmax;
    }
}
@media (max-width: 330px){
    #contents1 .con1Item h2,#contents2 h2.txt4,#contents3 h3{
        font-size: 2.0vmax;
    }
}
/*TOPモーダル*/
.modal_wrap{
	top: 0;
	left: 0;
	opacity: 1.0;
	z-index: 999;
}
.modal_wrap .modal_scroll{
	overflow-y: auto;
}
.modal_wrap .close_bt{
	top: 20px;
	right: 20px;
	cursor: pointer
}
.more_btn{
    background-image: url('./Dup/img/moreBg.png');
    padding: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.modal_btn .more_btn {
    cursor: pointer;
    transition-duration: 0.5s;
}
.modal_btn .more_btn:hover{
    opacity: 0.8;
    transition-duration: 0.5s;
}
.more_btn_txt{
    color: #fefefe;
    font-size: 2.0rem;
}
#contents1 .con1Item .modal_txt_wrap h2{
    font-size: 3.6rem;
}
.modal_innerarticle{
    margin-top: 40px;
    gap: 20px;
}
.modal_innerarticle p{
    max-width: 41.1%;
    font-size: 1.4rem;
}
.modal_innerarticle figure{
    display: block!important;
    width: 50%!important;
}
.modal_innerarticle figure img{
    border-radius: 50%;
}
@media (max-width: 1800px){
    .modal_btn.mg_t-50px{
        margin-top: 0;
    }
}
@media (max-width: 768px){
    .more_btn_txt{
        font-size: 2.2vmin;
    }
    #contents1 .con1Item .modal_txt_wrap h2{
        font-size: 1.6rem;
    }
    .modal_wrap{
        z-index: 1000;
    }
    .modal_innerarticle.d_flex{
        display: block;
    }
    .modal_innerarticle p, .modal_innerarticle figure{
        max-width: 100%;
        width: 100%!important;
    }
}
@media (max-width: 667px){
    .more_btn{
        padding: 10px 15px;
    }
    .modal_btn.mg_t-50px{
        margin-top: 15px;
    }
}
/*下層一般*/

@media (max-width: 667px){
    h1#logo.width_150-max_sp{
        max-width: 100px;
    }
    h1#logo.toplogo.width_150-max_sp{
        max-width: 150px;
    }
}

/*footer*/
@media (max-width: 667px){
    h2.logo{
        text-align: center;
    }
}