@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal,body{color: #464646;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #9fe6ff} /* メインカラー default:#34743b*/
.txt_color2{color: #fcf1e8} /* サブカラー */
.txt_color3{color: #ff9fc9} /* アクセントカラー1 #f09087*/
.txt_color4{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #9fe6ff } /* メインカラー default:#34743b*/
.bg_color2{background-color: #fcf1e8} /* サブカラー */
.bg_color3{background-color: #ff9fc9} /* アクセントカラー1 */
.bg_color4{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #9fe6ff}
.border_color2{border-color: #fcf1e8}
.border_color3{border-color: #ff9fc9}
.border_color4{border-color: #b9dbd6}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #464646;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #9fe6ff} /* メインカラー default:#34743b*/
.hvr_txt_color2:hover{color: #fcf1e8} /* サブカラー */
.hvr_txt_color3:hover{color: #ff9fc9} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #9fe6ff} /* メインカラー default:#34743b*/
.hvr_bg_color2:hover{background-color: #fcf1e8} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ff9fc9} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #9fe6ff }
.hvr_border_color2:hover{border-color: #fcf1e8}
.hvr_border_color3:hover{border-color: #ff9fc9}
.hvr_border_color4:hover{border-color: #b9dbd6}
/*header*/
header nav li a.txt_color1,nav.sc_menu li a.txt_color1{
    color: #ADA7A2;
}
.header_sns_links{
    padding: 10px 30px;
    gap: 15px;
}
.header_sns_links li{
    max-width: 50px;
}
#tel_message p{
    font-size: 0.8rem;
    color: #ff9fc9;
    text-align: right;
}
/*FV
.catchcopy {
    vertical-align: bottom;
    width: 65%;
    height: auto;
     position: relative; 
    position: absolute;
    z-index: 5;
    right: 30%;
    background-repeat: no-repeat;
    bottom: -5%;
} */
#main_img{
    position: relative;
}
#main_img .catchcopy{
    position: absolute;
    vertical-align: bottom;
    width: 88%;
    height: auto;
    /* position: relative; */
    position: absolute;
    z-index: 5;
    left: -10%;
    background-repeat: no-repeat;
    bottom: 23%;
}
@media screen and (max-width: 1500px){
    #main_img .catchcopy{
        width: 76%;
        left: 0%;
    }
}
/*TOP*/
#intro .intro_title span,#intro h3,#intro p{
    color: #626262;
}
#contents1 .d_flex{
    gap: 20px;
    justify-content: center;
}
#contents1 figure.width_30per{
    width: 41.1%!important;
}
#contents2 h3.txt_color1{
    color: #464646;
}
#contents2 .d_flex{
    max-width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
    
     .catchcopy {
    vertical-align: bottom;
    width: 72%;
    height: auto;
    /* position: relative; */
    position: absolute;
    z-index: 5;
    right: 10%;
    background-repeat: no-repeat;
    bottom: 44%;
    }
    .header_sns_links{
    padding: 13px 10px 10px 10px;
    }
}

@media screen and (max-width: 667px){
    
    #main_img .catchcopy {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    /* position: relative; */
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    bottom: 25%;
}
    
    
#intro h3{
    padding-right: 0px;
    padding-left: 0px;
}
}
/*サービス*/
#cms_3-b .cate{
    margin: -100px;
    padding: 100px;
}