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


/* font
   ----------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

body{
font-family:'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 2em;
}
.font_en{font-family: 'Alfa Slab One', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.Kanit{font-family: 'Alfa Slab One', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


.button2:hover {
    box-shadow: none;
}
/* color
   ----------------------------------------------------------------- */
body, .txt_color_nomal{color: #221717;}
.txt_color1 {    color: #1d5438;}
.txt_color2 {    color: #e5dedd;}
.txt_color3 {    color: #1d5438;}
.txt_color4 {    color: #f1e6e5;}

.bg_color1{background-color: #e2cdc2} /* メインカラー */
.bg_color2{background-color: #e5dedd} /* メインカラー */
.bg_color3{background-color: #1d5438} /* メインカラー */
.bg_color4{background-color: #f1e6e5} /* メインカラー */

.border_color1{border-color: #e2cdc2}
.border_color2{border-color: #e5dedd}
.border_color3{border-color: #1d5438}
.border_color4{border-color: #f1e6e5}

.hvr_bg_color1:hover{background-color: #e2cdc2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e5dedd} /* メインカラー */
.hvr_bg_color3:hover{background-color: #1d5438} /* メインカラー */
.hvr_bg_color4:hover{background-color: #f1e6e5} /* メインカラー */


#fakeloader{background: #373C38;}
/* all
   ----------------------------------------------------------------- */
#logo{
	width: 240px;
}
main{
	background-image: url(./Dup/img/bg_img.jpg);
}

/* toppage
   ----------------------------------------------------------------- */
#main_img{
overflow: hidden;
position: relative;
max-height: auto;
min-height: auto;
}
#contents3{
	    border-bottom: #1d5438 solid 1px;
}
.top-concept{
    text-align: center;
    margin-bottom: 10px;
    display: block;
    font-size: 22px;
}
#top_cms .cms_title{text-align: center; padding: 0px;}
.cms_title::before{display: none;}
#top_cms .cms_title h2{
	font-size: 13px;
    margin-bottom: 3px;
}
#top_cms .cms_title p{
	color: #201f23;
    font-size: 30px;
}

/* header
   ----------------------------------------------------------------- */
header.bg_color4 { background-color: #373C38;}
#main_menu ul li a{color: #bcbdaf;}
#main_menu ul li a::before {
    background-color: #b5b5b5;
}
#sp_nav .bg_white{background: #1e1d1c;}
.hamburger__icon{background-color: #bcbdaf;	}
.fat-nav li a{color: #bcbdaf; border-color: #bcbdaf;}

.button::after{display: none;}
.contact_bt a,.tel_bt a{color: #b5b5b5;}
.contact_bt a:hover,.tel_bt a:hover{background: #1d5438;}
.more a:hover{background: #1d5438;  color: #f1e6e5;}
/* footer
   ----------------------------------------------------------------- */
footer.width_1280-1000{
    max-width: none;
	background: #dcd2c3;
	padding: 5% 5% 15px 5%;
}
footer .logo .width_200-max {
    max-width: 140px;
}
header .head_box .link_box .flex_space-between {
    justify-content: center;
}
header .head_box .link_box .grid_1 {
    width: 12%!important;
	margin: 5px;
}
.foot_tel_bt a{border-color: #373c38;}
.foot_tel_bt a:hover{
	background: #1d5438;
}
#copyright .font_en{font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* otherpage
   ----------------------------------------------------------------- */
.cate_list li a{border-color: #373c38; color: #373c38;}
.cate_list li a:hover{background: #1d5438; color: #fff;}

#page_title .page_box::before{display: none;}
#page_title .page_box{padding-left: 0px; text-align: center;}
#page_title .page_box h2{
	font-size: 16px;
    text-shadow: none;
    margin-bottom: 10px;
}
#page_title .page_box p{
	font-size: 30px;
    text-shadow: none;
	color: #221717;
}
.cate_title{
    display: block;
    font-size: 24px;
	text-align: left;
    margin-bottom: 60px;
    font-weight: bold;
}
.en_title{
    padding-left: 36px;
	position: relative;
	font-family: 'Alfa Slab One', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.en_title:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 1.5rem;
    background-color: #1d5438;
    content: "";
	left: 0;
}
.bn a{
	display: inline-block;
	text-align: center;
	padding: 10px 40px;
	border: 1px solid #e2cdc2;
	color: #1d5438;
	transition: 0.3s;
	margin-top: 30px;
}
.bn a:hover{
	background: #1d5438;  color: #f1e6e5;
}
.bn a:empty{display: none;}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{	background: #1d5438;}
#cms_5-b .cate_box .open_bt .box_title1::before {    color: rgb(29, 84, 56)!important;}

#page8 .mail input{background: #373C38;}
#page10 ul li a:hover{background: #1d5438;  color: #f1e6e5;}

@media screen and (max-width: 768px){
.hamburger {
    top: 34px;
}
#logo{
	max-width: 132px;
    padding: 5px 0px 0px;
}	
.main_box {
    padding-top: 111px;
}
footer .logo{
	width: 100px;
    margin: 0 auto;
}

}
@media screen and (max-width: 667px){
.hamburger {
    top: 13px;
}	
#logo {
    max-width: 60px;
    padding: 0px;
}
.main_box {
    padding-top: 48px;
}
.cate_title{
	font-size: 20px;
}

}

@media all and (-ms-high-contrast:none) {
	.bn a{padding: 10px 40px 6px;}
	#main_menu ul li a::before{	top: 40%;}
	#cms_1-e .date{padding-top	:7px;}
	.pager li a{padding:4px 0 3px;}
	.cate_list li a{padding: 12px 20px 9px;	}
	#cms_5-c .cate_title{padding: 15px 5% 8px;}
	#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{top: -5px;}
	#cms_3-a .cate_box p.en_title{padding: 0px 0px 0px 36px;}
}

_::-webkit-full-page-media, _:future, :root #page8 input {
   line-height: 1em;
}