/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #1a1919} /* メインカラー */
.txt_color2{color: #b1b1b2} /* サブカラー */
.txt_color3{color: #4c4c4c} /* アクセントカラー1 */
.txt_color4{color: #dae2e8} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #1a1919}
.border_color2{border-color: #b1b1b2}
.border_color3{border-color: #4c4c4c}
.border_color4{border-color: #dae2e8}
.border_white {border-color:#ffffff;}

/* 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: #1a1919} /* メインカラー */
.hvr_txt_color2:hover{color: #b1b1b2} /* サブカラー */
.hvr_txt_color3:hover{color: #4c4c4c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dae2e8} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1a1919}
.hvr_border_color2:hover{border-color: #b1b1b2}
.hvr_border_color3:hover{border-color: #4c4c4c}
.hvr_border_color4:hover{border-color: #dae2e8}


.linkStyle {
	color:#fff;
}
.linkStyle:hover {
	opacity: 07;
}
.width_1000-max {
    max-width: 1200px!important;
}
.fa-envelope:before {
    content: "\f075"!important;
}
#fixed_right_banner {
	display: none;
}
#fakeloader .fl {
    max-width: 230px!important;
}
#wrap {
	position: relative;
}
#wrap::before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	border-top:200px solid #4c4c4c;
	border-right:200px solid transparent;
}
@media (min-width:1280px){
#wrap::before {
	border-top:250px solid #4c4c4c;
	border-right:250px solid transparent;
}
}
@media (min-width:1370px){
#wrap::before {
	border-top:300px solid #4c4c4c;
	border-right:300px solid transparent;
}
}
@media (min-width:1450px){
#wrap::before {
	border-top:450px solid #4c4c4c;
	border-right:450px solid transparent;
}
}
#logo {
    z-index: 2;
}
#logo img {
	width:150px;
}
#main_menu {
	padding-top:10px;
}
#main_img {
	position: relative;
	z-index: 1;
}
#main_img::before {
	content: '';
	position: absolute;
	bottom:-50px;
	right:-50px;
	border-bottom:300px solid #4c4c4c;
	border-left:300px solid transparent;
	z-index: -1;
}
#aisatsu {
	position: relative;
}
#aisatsu::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	border: 1px solid #fff;
	width: calc( 100% - 30px );
	height: calc( 100% - 30px );
	z-index: 2;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background: #1a1919!important;
}
#contents1 .contents_box2, #contents2 .contents_box2, #contents3 .contents_box2 {
    border: 1px solid #fff;
	padding:30px;
}
#main_img2 {
    background-position: center;
}
.pager .txt_color2 {
    color: #1a1919!important;
}
@media (max-width:768px){

}

@media (max-width:667px){
#logo {
    width:40%!important;
    margin:0 auto 20px;
}
#aisatsu::before {
top: 15px;
	left: 10px;
	top: 10px;
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
}
#contents1 .contents_box2, #contents2 .contents_box2, #contents3 .contents_box2 {
    border: transparent;
	padding:0px;
}	
}
@media all and (-ms-high-contrast:none){
.pager .txt_color2 {
    color: #1a1919!important;
}	
}


/***　005-0049ヘッダー　***/
#menu_stick{
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	z-index: 10;
	cursor: pointer;
	display: none;
}
#menu_stick span.stick{
	width: 30px;
	height: 1px;
}
#menu_stick span.stick::before, #menu_stick span.stick::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	transition: 0.5s;
	transition-timing-function: cubic-bezier(.1,.26,0,1)
}
#menu_stick span.stick::before{bottom: 6px}
#menu_stick span.stick::after{top: 6px}
#menu_stick.trans span.stick{background-color: transparent}
#menu_stick.trans span.stick::before{transform: rotate(225deg);top: 0;bottom: 0}
#menu_stick.trans span.stick::after{transform: rotate(-225deg);bottom: 0;top: 0}
header .nav_bg{
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	transition-timing-function: cubic-bezier(.9,.01,.1,1);
	z-index: 8;
	display: none;
}
header .nav_bg.trans{
	top: 0;
	right: 0;
	width: 100%;
	height: 100%
}
#pc_nav{
	z-index: 9;
	overflow-y: auto
}
#pc_nav ul{
	left: 0;
	right: 0;
	margin: auto
}
@media (max-width:667px){
#menu_stick,header .nav_bg{
	display: block;
}
}
/*===2024/3/14=====================*/
.map iframe {
    height: 280px;
}
@media (max-width:667px){
.header .grid_3.grid_12_sp p {
    padding: 20px;
}
}