﻿@charset "utf-8";
/* CSS Document */
/*デザインチェック後修正*/
#cms_2-a .box_wrap .pd_b-50px{
	padding-bottom: 0;
}
#page8 .bnr_box li a{
	transition: opacity 0.3s;
}
#page8 .bnr_box li a:hover{
	opacity: 0.8;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.bnr_box li{
		margin-left: 0;
	}
	.bnr_box li:nth-of-type(n+2){
		margin-top: 20px;
	}
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none){
	.contact_bt.contact_bnr a{
		padding: 16px 14px 14px 14px;
	}
}

/* color */
.txt_color_nomal{color: #5a5a5a;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #FFBE32} /* メインカラー */
.txt_color2{color: #EFEFEF} /* サブカラー */
.txt_color3{color: #5a5a5a} /* アクセントカラー1 */
.txt_color4{color: #aba3a3} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #9dcce0} /* メインカラー */
.bg_color2{background-color: #EFEFEF} /* サブカラー */
.bg_color3{background-color: #8C6239} /* アクセントカラー1 */
.bg_color4{background-color: #E4E2D5} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #9dcce0}
.border_color2{border-color: #EFEFEF}
.border_color3{border-color: #9dcce0}
.border_color4{border-color: #E4E2D5}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #603813} /* メインカラー */
.hvr_txt_color2:hover{color: #EFEFEF} /* サブカラー */
.hvr_txt_color3:hover{color: #8C6239} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #603813} /* メインカラー */
.hvr_bg_color2:hover{background-color: #EFEFEF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8C6239} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E4E2D5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #EFEFEF}
.hvr_border_color3:hover{border-color: #8C6239}
.hvr_border_color4:hover{border-color: #E4E2D5}

/*ここから個別-----------------------------*/
.txt_shadow-b{
	text-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.border_do1-b{
	border-bottom: 1px dotted #a8b3b7;
}
.button2:hover{
	box-shadow: 0 0 20px #9dcce0 inset;
	border-color: #9dcce0;
}
.fa-envelope:before{
	display: none;
}
.contact_bnr a{
	background: linear-gradient(to right,rgba(255,191,223,1) 0,rgba(224,153,182,1) 100%);
    color: #fff;
	border-color: #FFBFDF;
	transition: opacity 0.3s;
}
.contact_bnr a:hover{
	opacity: 0.8;
}
.contact_bnr .button:hover::after{
	box-shadow: inset 0 0 0 15em rgba(255,191,223,1);
}
/*top------------------*/
.font_20{
	font-size: 22px;
}
.font_14{
	font-size: 15px;
}
.button{
	border-radius: 25px;
}

#fakeloader{
	background: rgb(255,203,92);
background: radial-gradient(circle, rgba(255,203,92,1) 35%, rgba(250,250,250,1) 100%);
}

header{
	background: linear-gradient(180deg, rgba(255,203,92,1) 45%, rgba(250,250,250,1) 100%);
}
#main_menu a{
	color: #fff;
}
#main_menu ul li a::before{
	background-color: #fff;
}
header .contact_bt a,header .tel_bt a{
	color: #fff;
	border-color: #fff;
}
header .hvr_txt_white:hover{
	color: #FFBE32;
	border-color: #fff;
}
header .button:hover::after{
	box-shadow: inset 0 0 0 15em #fff;
}
#contents1 h2,#contents2 h2{
	font-size: 30px;
}
#contents_box h2{
	position: relative;
}
/*#contents_box #contents2 h2:after{
	content: "";
	display: inline-block;
	position: absolute;
	top: -40px;
	background: url(Dup/img/item1.png)no-repeat;
	width: 50px;
	height: 50px;
	background-size: contain;
}*/

.cms_title::before,#page_title .page_box::before{
	background-color: #FFBE32;
}
#top_cms .more .txt_color3{
	color: #9DCCE0;
}#top_cms .more .txt_color3:hover{
	color: #fff;
}
#top_cms .more a{
	border-color: #9DCCE0;
	color: #fff;
}
#top_cms .button:hover::after{
	box-shadow: inset 0 0 0 15em #9DCCE0;
}
.foot_tel_bt a{
	color: #9DCCE0;
}
.foot_tel_bt a:hover{
	border-color: #9DCCE0;
	
}
.foot_tel_bt .button:hover::after{
	box-shadow: inset 0 0 0 15em #9DCCE0;
}

/*下層ページ--------------*/
.cate h3{
	color: #695f75;
}
#cms_3-a .cate .cate_box:last-of-type{
	border-bottom: 1px dotted #a8b3b7;
}
#cms_5-a .cate_box h4,.cms_5-a .box_wrap h4,.cms_1-c .box_title1,#cms_1-c .box_title1{
	color: #739daf;
}
#cms_5-a .border_so3-l{
	border-left: 2px solid #9dcce0;
}
#cms_5-a h3{
	color: #ffffff;
	background-color: #9dcce0;
}
#page8 .txt_color2{
	color: #9dcce0;
}
#page8 .border_color2{
		border-color: #9dcce0;

}
header .width_300-max{
	max-width: 350px;
}
footer .logo img{
	max-width: 350px;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.font_20 {
    font-size: 20px;
}
	#contents1 h2, #contents2 h2 {
    font-size: 25px;
}
	header {
    background: linear-gradient(181deg, rgba(255,203,92,1) 45%, rgba(250,250,250,1) 100%);
}
	.fat-nav__wrapper .bg_white{
		background: radial-gradient(circle, rgba(255,190,50,1) 35%, rgba(255,227,165,1) 100%);
	}
	.hamburger__icon.bg_color1{
		background-color: #fff;
	}
	.hamburger__icon:after, .hamburger__icon:before{
		background-color: #fff!important;
	}
	.fat-nav__wrapper li a{
		color: #fff;
		border-color: #fff;
	}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#contents1 h2, #contents2 h2 {
    font-size: 20px;
}
	#contact_tel a{
		padding: 20px 0 20px 0;
	}
	header .width_300-max{
		max-width: 300px;
	}
	footer .logo img{
		max-width: 200px;
	}
}


/*2024-05-28*/
#map{display: none;}
footer .d_flex .grid_5{width: 100%!important;}