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

/*====================================
  	base
====================================*/
body, .txt_color_nomal{color: #9c9c9c;}
.txt_color_nomal{color:#f2f0ef; }
.txt_white{color: #f2f0ef;}
.txt_red{color: #f2f0ef;}
.txt_color1{color: #f2f0ef} /* メインカラー */
.txt_color2{color: #a59d97} /* サブカラー */
.txt_color3{color: #424143} /* アクセントカラー1 */
.txt_color4{color: #c7beb0} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #f2f0ef}
.border_color2{border-color: #a59d97}
.border_color3{border-color: #424143}
.border_color4{border-color: #c7beb0}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #f2f0ef;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f2f0ef} /* メインカラー */
.hvr_txt_color2:hover{color: #a59d97} /* サブカラー */
.hvr_txt_color3:hover{color: #424143} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c7beb0} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f2f0ef}
.hvr_border_color2:hover{border-color: #a59d97}
.hvr_border_color3:hover{border-color: #424143}
.hvr_border_color4:hover{border-color: #c7beb0}
.txt_shadow_h{text-shadow: none;}
.txt_shadow-b{text-shadow: none;}


/*====================================
  	font
====================================*/
@import url('https://fonts.googleapis.com/css?family=Cantata+One&display=swap');

.cate-ttl{
	margin-bottom: 50px;
}
.cate-ttl .ttl-en{
	font-family: 'Cantata One',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
	font-size: 40px;
	color: #ddd;
}
.cate-ttl .cate_title{
	font-size: 18px;
    color: #eee;
    letter-spacing: 2px;
}
/*====================================
  	共通
====================================*/
#fakeloader{background: #424143;}
.foot_tel_bt {
     max-width: 300px!important; 
}

.button:hover::after {
    box-shadow: inset 0 0 0 15em 
    rgba(32,31,35,1);
}
.link_box ul{justify-content: left;}
.link_box ul li{margin-right: 10px; width: 20px!important;}

.lino_link a{display: block; width: 180px; background-color: #fff; border: 1px solid #f2f0ef;padding: 10px 0px 10px; color:#424143; text-align: center;    transition: all 0.5s;}
.lino_link a:hover{background-color: #f2f0ef; color:#fff;}

main{background: #201f23;}
#main_img{z-index: 2;}
.main_box{background: #f2f0ef;}

#logo {
    width: 280px;
}
.contact_bt a{background: #424143;    border: none;    color: #a7a7a7;}
.tel_bt a{background: #424143;    border: none;    color: #a7a7a7;}
.foot_tel_bt a{background: #424143;    border: none;    color: #a7a7a7;}

.more a{background: #424143;    border: none;    color: #a7a7a7; }
.more a:hover{ color: #f2f0ef;}

#page-top a{color: #201f23;}
#page-top a span{color: #201f23;}

#footer_menu ul li a{color: #a59d97;}
#copyright a{color:  #a59d97;}
.cms_title::before,#main_menu ul li a::before,#page_title .page_box::before{background-color: #424143;}

/*====================================
  	トップページ
====================================*/

#main_img h2.txt1 {
    text-shadow: 0 0 5px 
rgba(100, 60, 20, .7), 0 0 10px rgba(100, 60, 20,0.80), 0 0 15px rgba(100, 60, 20,0.80), 0 0 20px
    rgba(100, 60, 20,0.90);
    font-weight: bold;
    z-index: 2;
    width: auto;
    max-width: 90%;
    right: auto;
}

/*====================================
  	下層ページ
====================================*/

#page_title .title_img::before{opacity: 0.5;}
#page_title .page_box h2{text-shadow:none;}
.cate_list li a{background: #424143;    border: none;    color: #a7a7a7; }
.cate_list li a:hover{ color: #424143;}

.cate{
	    margin-bottom: 100px;
    border-bottom: 1px solid #444;
    padding-bottom: 100px;
}
#cms_2-e .cate:last-of-type{
	    margin-bottom: 100px;
}
#cms_2-e .cate-ttl{
background: #201f23;	
    position: relative;
    z-index: 1;
	top: -20px;
}
#cms_2-e .cate_box .ttl-en{
	font-size: 24px;
}
#page7 .box_wrap .box .box_item h3{ color: #a59d97;}
#page7 .box_wrap .box{ border-color: #424143;}


#form_box dl input, #form_box dl textarea{color: #f2f0ef; }
#page8 .mail input{
	background: #424143;
    border: none;
    color: #a7a7a7;
}
#page8 .mail input:hover{color: #f2f0ef;}

#page9 .box_wrap a{color: #201f23;}
#page9 .box_wrap a:hover{color: #fff; background-color: #a59d97;}

#page10 ul li a{background: #424143;    border: none;    color: #a7a7a7;}
#page10 ul li a:hover{color: #f2f0ef;}

/* CMS
   ----------------------------------------------------------------- */
.button2:hover{
	box-shadow: none;
background-color:#f2f0ef;
color:white;
}
#page5 .box_wrap .cate_box:nth-child(odd){flex-direction : row-reverse;}

@media screen and (max-width: 768px){
header.pd_clear_tb{
	padding: 27px 0px;
}
}
@media screen and (max-width: 667px){
header.pd_clear_tb{
	padding: 20px 0px;
}
#main_img h2.txt1{
		width: 95%;
max-width: none;
font-size: 14px;
}
.cate-ttl .ttl-en{
	font-size: 30px;
}
#cms_2-e .cate-ttl{
	margin-bottom: 0px;
	top: 0;
	text-align: center;
}
	#footer_menu{display: none;}
}

/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){
	.cate_list .button2{padding-bottom: 5px;}
.contact_bt	.button{padding-bottom: 10px;}
	.tel_bt .button{padding-top: 14px;}
	#form_area .mail input{padding-top: 15px;}
	#page9 .box_wrap p a{padding: 8px 10px 3px;}
	#page10 .button2{padding-bottom: 10px;}

}

/*====================================
  	2021/02/09 修正
====================================*/
.txt_color1,
.txt_color4 { color: #0a4f2c!important;}

.txt_color3{color: #008800} /* アクセントカラー1 */
.txt_color4{color: #eee} /* アクセントカラー2 */

.bg_color3{background-color: #a59d97} /* アクセントカラー1 */
.bg_color4{background-color: #eee} /* アクセントカラー2 */

.border_color3{border-color: #008800}
.border_color4{border-color: #eee}

.hvr_txt_color3:hover{color: #008800} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eee} /* アクセントカラー2 */

.hvr_bg_color3:hover{background-color: #008800} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eee} /* アクセントカラー2 */

.hvr_border_color3:hover{border-color: #008800}
.hvr_border_color4:hover{border-color: #eee}

main {
    background: #fff;
}
.txt_color_nomal {
    color: #333;
}
.cms_6-b .box_txt1,
.cms_6-b .box_txt2,
#cms_6-b .box_txt1,
#cms_6-b .box_txt2 { color: #333;
}
.cate-ttl .cate_title,
.cate-ttl .ttl-en {
    color: #333;
}
#form_box dl input, #form_box dl textarea {
    background-color: rgba(222,222,222,0.1);
    color: #333;
border-color: #c7beb0;
}
#logo {
    width: 170px;
}
.hamburger__icon {
    background-color: #333;
    margin-top: 16px;
}
footer .logo {
    max-width: 150px;
}