@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&family=Noto+Serif+JP&family=Playball&display=swap');

.con_title{font-family: 'Noto Serif JP', serif;}
.con_txt .txt_color2,#page_title .page_title_box p,.sitemap_box li a .site_sab_title{font-family: 'EB Garamond', serif;}
#top_info a,#sp_nav .tel_bt{font-family: 'Playball', cursive;letter-spacing: 2px;}


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #fff;}
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #880000} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #16564b} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #DDDDDD}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #16564b}
.border_color4{border-color: #DDDDDD}

/* 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: #880000} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #16564b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

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

.hvr_border_color1:hover{border-color: #DDDDDD}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #16564b}
.hvr_border_color4:hover{border-color: #DDDDDD}

#sp_nav nav{background-color: #16564b;}



/* all ---------------------------------------------------------------------------------------------*/
#header h1 img{padding-left: 20px;}
#sns_link a{padding: 10px;}
#sp_nav nav > .grid_3:nth-of-type(1) img{left: 0;transform: translate(0,-50%);}
.info_box .border_color4{border-color: #889895;}
#top_cms{position: relative;}
#top_cms::before,#top_cms::after{
	display: inline-block;
	content: "";
	width: 100%;
	height: 1px;
	background: #10443b;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
#top_cms::before{top: 20px;}
#top_cms::after{bottom: 20px;}


/* css ---------------------------------------------------------------------------------------------*/
#cms_2-c .cate{border: none;}
#cms_2-c .box_item{border-color: #7d9490;}
#cms_4-a .box_txt{color: #fff;}
#cms_4-a .box_txt2{color: #DDDDDD;}
#cms_3-d .cate_box{background-color: #ddd;border-radius: 0;}
#cms_3-d .box_item.border_color1{border-color: #16564b;}
#cms_3-d .box_title,#cms_3-d .box_txt1{color: #16564b;}
#cms_3-d .box_txt2{color: #333333;}
#cms_2-b .cate_title{background-color: #DDDDDD;border-color: #880000;color: #333;}


/* IE */
@media all and (-ms-high-contrast: none){
#pc_nav li:nth-child(2) a::before{top: 1px;}  
#contents2 .con_box .con_txt ,#contents3 .con_box .con_txt  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10%;
}
#top_info a,#sp_nav .tel_bt{padding-top: 11px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header h1 img{padding-left: 0;}
.footer_logo{max-width: 278px;}
.under_box{padding: 8%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
header .menu_stick{top: 31px;}
#contents1 h2{padding: 0;}
.footer_logo{max-width: 210px;}
.under_box{padding: 20px;}
#cms_2-c .box_item.box_description2{border-left: 1px solid #7d9490;padding-left: 15px;}
}