/* color */
body,.txt_color_nomal{color: #333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #798c82;} /* メインカラー */
.txt_color2{color: #ffffff} /* サブカラー */
.txt_color3{color: #c2b182} /* アクセントカラー1 */
.txt_color4{color: #efbfa7} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #9da9a7} /* メインカラー */
.bg_color2{background-color: #fff} /* サブカラー */
.bg_color3{background-color: #c2b182} /* アクセントカラー1 */
.bg_color4{background-color: #c2b182} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #bed2cf}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #c2b182}
.border_color4{border-color: #efbfa7}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #798c82;} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #c2b182} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #efbfa7} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #bed2cf} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ffffff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c2b182} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #efbfa7} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #bed2cf}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #c2b182}
.hvr_border_color4:hover{border-color: #efbfa7}

.linkStyle{color: #d47749;}
#main_right header/*, #page_title */{ padding-right:0}
#footer_txt,#footer_txt .tel a{color: #333;}
#wrap{border-right:1px solid white;}
#main_right{
    border-top:1px solid white;
    border-bottom:1px solid white;
}
#main_left{border-right:1px solid white;}
#main_left #footer_txt{bottom:2%;}
#top_link .links_bt:hover{
   transition:all 0.3s ease;
   transform:translateY(-5px);
}
#pc_intro{background-color:white!important;}
#pc_tel .fs_wrap a{
    text-shadow:none;
    color:#333;
}
#pc_intro .pd_5per{background-color: rgba(190,210,207,0.7);}
#pc_tel img { width: 50px;}
#contents h3, #contents figure {margin-bottom: 5vh!important;}
#main_right header{border-bottom:1px solid white;}
#page_title{background-color:white!important;}
#page_title figure{margin-bottom:0;}
#page_title span{
    text-shadow:none;
    color:#333;
}
#link .link_txt{color:#333;}
.cate_list li a{background-color: #c2b182;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro_txt{color:#333!important;}
#intro_wrap{background-color:white!important;}
#intro_wrap .bg_color1,#intro_wrap .tel a{color:#333!important;}
#page_title{background-color: rgba(190, 210, 207, 0.7)!important;}
#page_title span{
   color:white;
   text-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}



/*----20210624----------------------------------------------------
-----------------------------------------------------------------------*/
#footer_txt .tel,#contact_tel{display:none;}

/*---TOP---*/
header{background-color:#f1efb0;}
#top_header{background-color:transparent!important;}
#pc_tel .fs_wrap a{color:#C32539;}
#pc_tel{display:none;}



#syusei_contents {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20vh 0;
}
#syusei_contents::after {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(190,210,207,0.6);
}
#syusei_contents .fs_wrap{
    position:relative;
    z-index:1;
}

.u_sns_txt{
   color:#4386ac;
   font-size:calc(1rem + 10px);
   font-weight:bold;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#syusei_contents{
     padding: 10vh 0;
    margin-bottom: 20vh
}
.u_sns_txt{
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
}
.caution1{
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    margin: auto;
}
.caution2{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 6%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.u_sns_txt{
   bottom: 7%;
   font-size: calc(1rem + 2px);
}
.caution2{
   bottom: 2%;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}