/* --------------------------------------------
 メインイメージ 
---------------------------------------------*/
#video .video{    height: 104%!important;}
.catch {
    z-index: 3;
    position: absolute;
    top: 0%;
    right: 0%;
    transform: translate(0%, 0%);/* X横 Y縦 始点が要素の中心になる */
    /*width: 35%;*/
    height: 100%;
        /*max-width: 580px;*/
}
.catch img{width: auto; height: 100%;}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}

/*---------------------------------------------
 テンプレート ・CMS・下層ページ 
--------------------------------------------*/
main{background-color: #fffaf6;}
#loader .bg_color1{background-color:#ffeddf;}
#pc_nav_fix{padding: 10px 0px!important;}
#pc_nav_fix #logo {width: 150px;}

#page_title p{
    font-size: 2.2em;
    opacity: 0.4;
    line-height: 0.7;}
.cate_list li a,.pager li a{background-color: #ffc2d1; color: #fff;}
.cate_list li a:hover,.pager li a:hover{background-color: #d1c2ef; color: #fff;}


#intro .intro_title{
    font-size: 5em;
    line-height: 1.2;
    opacity: 1;
}
#intro .intro_sub_title{
    border-bottom: 1px solid;
    font-weight: 700;
}


#top_contents .con_title{
    font-size: 4em;
    line-height: 1.7;
}
#top_contents .con_sub_title{
    font-size: 1.2em;
    font-weight: 700;
    border-bottom: 1px solid;
}
.con_open .intro_title{
    line-height: 1.2;
    font-size: 4em;
}
.con_open .intro_sub_title{
    border-bottom: 1px solid;
    font-size: 1.7em;
    font-weight: 700;
}

#top_contents .open_bg{
    background-color: #e19378;
    opacity: 1;
}
#top_contents::before{background-color: #ffedfa;}
#top_contents .box_img{background-color: #e19378;}

#top_cms .cms_title p{
    font-size: 2.2em;
    opacity: 0.4;
    line-height: 0.7;}

#top_contact a{color: #ffac93;transition: all 0.7s;}
#top_contact a:hover{color: #ffddbf;}


#top_info .info_sub_title{
    font-size: 2.3em;
    line-height: 1;
    opacity: 0.4;
}


#cms_2-g .cate_txt1{
    font-size: 0.7em;
    letter-spacing: 0.07em;
    color: #ffc8d6;
}
#cms_2-g .cate_title{border-color: #f9a8bc;}
#page8 .tel_box{background-color: #fff9f5;}
#page8 .tel_box a{color: #a896d1;}
#page8 .tel_box a:hover{color: #ffb5b5;}
#page9 .privacy_box a{color: #333;}
#page9 .privacy_box a:hover{color: #fff;}
/* タブレット */
@media screen and (max-width: 768px){
    #top_contents .con_title{font-size: 3.5em;}
    #intro{padding-bottom: calc(60vw - 20px);}
    #intro .intro_img{
        height: 60vw;
        top: auto;
        bottom: 0;
    }
    #top_contents .txt_white.font_com{color: #bb6a4e;}
    #top_contents .box_img img{opacity: 0.3;}
    #top_contents .box_img{background-color:#fff;}
    #top_contents .box_img:hover{background-color: #e19378;}
    #top_contents .con_open .box_img img{opacity: 1;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #wrap{padding-top: 70px;}
    #pc_nav_fix #logo{width: 100px;}
    
    #intro .intro_title{font-size: 3.5em; letter-spacing: 0em;}
    #intro .intro_sub_title{font-size: 1.2em;    line-height: 1.5;}
    
    .con_open .intro_title{font-size: 3.5em;line-height: 1.7;}
    .con_open .intro_sub_title{line-height: 1.7; font-size: 1.5em;}
    
    #top_contact{    background-position: 20%;}
    
    #page8 .tel_wrap .tel_box{padding: 0px 0;}
    #page8 .tel_wrap{padding: 20px 0;}
}
/* topcms_news_type4 --------------------------------*/
.topcms_news_type4 .cate_box {transition: all 0.3s;}
.topcms_news_type4 .cate_box:hover{
    /*transform: translate(0px, -10px);*/
    opacity: 0.6;
}
.topcms_news_type4 .cate_box{
	width: 30.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	/*border-radius: 15px;*/
	background-color: #fff;
	padding: 0;
	box-sizing:border-box;
	/*border: 1px solid #ccc;*/
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
}
.topcms_news_type4 .cate_box .box_img1{
    /*border-radius: 15px 15px 0 0;*/

}
.topcms_news_type4 .txt_height{
	height: 3em
}
.topcms_news_type4 .box_title1:empty{
	display: block!important;
}
/* タブレット */
@media screen and (max-width: 768px){
}
/* スマートフォン */
@media screen and (max-width: 667px){
.topcms_news_type4 .cate_box {
    width: 100%!important;
    margin-bottom: 15px;
}
}



/*--------------------------------------------
 基本の色 ・ 文字
----------------------------------------------*/
.intro_title,.con_title,.cms_title p,#page_title p,#top_info .info_sub_title,
#cms_2-g .cate_txt1{font-family: 'Dancing Script', cursive;}

.linkStyle{
	color: #9a85c9;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color: #ffc2d1;
	opacity: 0.7;
	text-decoration: none;
}


.txt_color1,.hvr_txt_color1:hover{color: #f78ba6;} 
/*.txt_color2,.hvr_txt_color2:hover{color: #f4f3f2;} */
.txt_color3,.hvr_txt_color3:hover{color: #ffe0c7;} 
/*.txt_color4,.hvr_txt_color4:hover{color: #eae4df;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #ffc2d1;}
/*.bg_color2,.hvr_bg_color2:hover{background-color: #f4f3f2;}*/
.bg_color3,.hvr_bg_color3:hover{background-color: #ffe0c7;} 
/*.bg_color4,.hvr_bg_color4:hover{background-color: #eae4df;} */
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #f78ba6;}
.border_color2,.hvr_border_color2:hover{border-color: #ffe0c7;}
.border_color3,.hvr_border_color3:hover{border-color: #ffe0c7;}
/*.border_color4,.hvr_border_color4:hover{border-color: #eae4df;}*/
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/


/* 2024.10.02追加　問い合わせをLINEへ */
.contact_btn {
    width: 45%;
    margin: 0 auto 30px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border-radius: 11px;
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    .contact_btn {
        width: 90%;
    }
}