﻿/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ffa500} /* メインカラー */
.txt_color2{color: #FFD18F} /* サブカラー */
.txt_color3{color: #EDAA7C} /* アクセントカラー1 */
.txt_color4{color: #FFF6EB} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ffa500} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #EDAA7C} /* アクセントカラー1 */
.bg_color4{background-color: #FFF6EB} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ffa500}
.border_color2{border-color: #FFD18F}
.border_color3{border-color: #EDAA7C}
.border_color4{border-color: #FFF6EB}

/* 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: #ffa500} /* メインカラー */
.hvr_txt_color2:hover{color: #FFD18F} /* サブカラー */
.hvr_txt_color3:hover{color: #EDAA7C} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFF6EB} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffa500} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFD18F} /* サブカラー */
.hvr_bg_color3:hover{background-color: #EDAA7C} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFF6EB} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffa500}
.hvr_border_color2:hover{border-color: #FFD18F}
.hvr_border_color3:hover{border-color: #EDAA7C}
.hvr_border_color4:hover{border-color: #FFF6EB}


/*********************************
ここから個別指定
********************************/
#top_contents1 {
         padding: 50px 5% 165px;
}
#header .before {
	background-color: #EDAA7C;
}
.more .d_block:hover {
	background-color: #EDAA7C;
}

#loading_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	max-width: 300px;
	z-index: 3;
}
/* ----------　all　---------- */
.linkStyle{
	color:#EDAA7C;
}
.linkStyle:hover{
	color:#FFF6EB;
	opacity: 0.7;
	transition: all 0.5s;
}
#main_img{position: relative;}
.catchcopy{    z-index: 2;
width: 50%;
bottom: 35px;
right: 3%;
position: absolute;
}
header .logo{
    width: 90%!important;
}
#footer::before {
    background: rgb(237 170 124 / 42%);
}
#logo2{
    max-width: 250px;
    width: 30%!important;
}
#page8 #contact_tel{margin-bottom: 30px;}
#cms_3-g .box_title1 .border, .cms_3-g .box_title1 .border{
    display: none;
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){

#logo h1.logo {
    max-width: 200px;
}

}
/*スマホ用（667667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){

#contact_tel,#contact_tel2{
    font-size: -webkit-calc(1rem + 4px);font-size: calc(1rem + 4px);
}

}
