@charset "utf-8";
/* CSS Document */

/* color */
.txt_color_nomal{color: #333333;}
.txt_white,
#top_contents1 h2,
#top_contents1 .txt_color_nomal,
.cate_list li a{color: white!important;}
.txt_red{color: red;}
.txt_color1,#top_info h3,#page8 h3,.linkStyle{color: #ff6600} /* メインカラー */
.txt_color2{color: #FFD18F} /* サブカラー */
.txt_color3{color: #999999} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */
.cms_title_inner span:first-of-type{
	color: #FF6600!important;
}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1,.cate_list li a{background-color: #FF6600} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #999999} /* アクセントカラー1 */
.bg_color4{background-color: #FF6600} /* アクセントカラー2 */
/*#top_contact_box .top .box{
	background-color: #FF6600!important;
}*/
#top_contents1{
	background-color: rgba(255,102,0,0.8);
}
#top_contact_box .tel_bt{
	background-color: rgba(255,102,0,0.7)!important;
}#top_contact_box .tel_bt:hover{
	background-color: rgba(255,102,0,0.2)!important;
}
#page_title .title_box{background-color: rgba(255,255,255,0.9)!important}
#fix_menu.bg_white{
	background-color: #fffbfb!important;
}
#top_contents2.bg_color4{
	background-color: #eeeeee!important;
}
.top_cms_box .more a{
	color: #000;
}

/* border-color ※!important */
.border_color1,#page7 .d_table,#page7 .border_color4,#page9 .border_color4{border-color: #FF6600!important}
.border_color2{border-color: #FF6600}
.border_color3{border-color: #999999}
.border_color4{border-color: #eeeeee}

/* 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: #FF6600} /* メインカラー */
.hvr_txt_color2:hover{color: #FFD18F} /* サブカラー */
.hvr_txt_color3:hover{color: #999999} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: rgba(255,102,0,0.7)!important} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFD18F} /* サブカラー */
.hvr_bg_color3:hover,.cate_list li a:hover{background-color: #999999!important} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #999999} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}
#page10 .hvr_bg_color4:hover{background-color: rgba(255,102,0,0.1)!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FF6600}
.hvr_border_color2:hover{border-color: #FFD18F}
.hvr_border_color3:hover{border-color: #999999}
.hvr_border_color4:hover{border-color: #eeeeee}


/*********************************
ここから個別指定
********************************/
#top_contents1 .catch_txt::before {
	content: url("./Dup/img/pi-ko.png");
}
#top_contents1 {
         padding: 50px 5% 165px;
}
#header .before {
	background-color: #FF6600;
}
.more .d_block:hover {
	background-color: #eeeeee;
}#top_contact_box .btn_box{
	margin-bottom: 0;
}
#top_contact_box .btn_box:last-of-type{
	display: none;
}
#top_info h3{
	font-weight: bold;
	font-size: calc(1rem + 8px);
}
#header-nav,#footer_nav,.title_box>p,.overlay.open,.l-gh__scrollnav,.top_cms_title p,.info_title_inner p,h3.box_title,#page7 .d_table,#tel_txt,#tel_txt h3{
	font-weight: bold;
}
#logo img{
	width: 100%!important;
}
#top_contents1{
	background: url(Dup/img/bg_top6.png)no-repeat right rgba(255,102,0,0.8);
	background-size: contain;
}
#top_contents2{
	background: url(Dup/img/bg_top7.jpg) #eee;
    background-size: contain;
   
}
#cms_5-a .box_wrap{display: block;}
#cms_5-a .box_title1,.cms_5-a .box_title1{color: #f60;}

/*タブレット*/
@media screen and (max-width: 768px){
	#logo img{
		width: 50%!important;
	}
}
/* スマホ */
@media screen and (max-width: 667px){
	.overlay nav{
		top: 52%;
		text-align: center;
	}
	#contact_tel a{
		padding: 25px;
	}
	#top_contents1 .catch_txt::before{
		display: none;
	}
}
@media all and (-ms-high-contrast: none) {
	#contact_tel a{
		padding-top: 40px;
	}
	.font_Quick .pager li a .posi_center{
		top: 55%;
	}
}