@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap');
html{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;}
@media all and (-ms-high-contrast:none){html{font-family: 'メイリオ', 'Meiryo', sans-serif;}}

body{}
body a{transition:0.2s;color: #333}
body a:hover{text-decoration: none;}
p{margin-bottom: 0!important;}
.tategaki{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}
.font-co{font-family: 'Cormorant', serif;}
.font-ro{font-family: 'Roboto Mono', monospace;}
.font-Mo{font-family: 'Montserrat', sans-serif;}
.font-Ep{font-family: 'Ephesis', cursive;}
.wf-round { font-family: "M PLUS Rounded 1c"; }
.text-center{}
.sp{display: none;}	
.pc{display: block;}


/* head*/
.hed_tel_txt2,
.ft_contact_tel{font-family: 'Montserrat', sans-serif;}

/* fotter*/
.c30817 a:hover{color: #333}
.c30623 a:hover{color: #333}

.ft_contact_tel a{color: #7f4f21;}

/* top*/
.mainimgTtl{font-family: 'Ephesis', cursive;}


.row.topmenuBox{position: relative;}
.row.topmenuBox img{
	position: absolute;
	top:-90px;
	left:-40px;
	}
.row.topmenuBox2 img{
	position: absolute;
	top:-90px;
	left:auto;
	right:-40px;
	}
.topmenuTtl2{font-family: 'Montserrat', sans-serif;}
.topmenuTtl3{
	border-top: 3px double #333;
	border-bottom: 3px double #333;
	font-weight:500;
	}
.topmenuTtl3 span{font-family: 'Montserrat', sans-serif;}
.topmenutxt{border-bottom: 1px dashed #ddd;}
.col-md-8.menuTblth,.col-md-4.menuTbltd,
.col-md-4.menuTblth,.col-md-8.menuTbltd{border-bottom: 1px dashed #ddd;}

.topmenu .btn01,
.topaccess .btn01{
	color: #ffffff;
	background-color: #7f4f21;}
.topmenu .btn01:hover,
.topaccess .btn01:hover{color: #ffffff;}
.topmenu .btn01 .btn_txt,
.topaccess .btn01 .btn_txt {
    background-image: url(https://kluradesign.com/system_panel/uploads/images/btn_arrow_white.png);
    background-attachment: scroll;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right center;
}

.topaccess .topmenuTtl3{margin:20px auto!important;}
.topcontact .row{
	margin: auto;
    min-height: auto !important;
    max-width: 850px;
	}

.c9512{max-width: 450px;width: 100%!important;margin: auto;}
.c5391{max-width: 450px;width: 100%!important;margin: auto;}

@media screen and (max-width: 1340px) {}
@media screen and (max-width: 1024px) {
.col-md-3.footer_col1{
    flex-basis: 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important;
    }
.col-md-3.footer_col2 {
    flex-basis: 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important;
    }
.col-md-3.footer_col3 {
    margin-top: 20px;
    flex-basis: 90%!important;
    max-width: 90%!important;
    }   
}


@media screen and (max-width: 987px) {
.header .container{max-width: 100%!important}
.col-md-4.hed_L{
	max-width: 100%!important;
	text-align: center!important;
	width: 100%!important;
	flex-basis: 100%!important;
	}
.col-md-8.hed_R	{
	max-width: 100%!important;
	text-align: center!important;
	width: 100%!important;
	flex-basis: 100%!important;
	}
	
    }

@media screen and (max-width: 767px) {
body p{font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif!important;}
	
.sp{display: block;}	
.pc{display: none;}
	
	
/* head*/
.hd_nav{}
/*.col-md-4.hed_L,.col-md-8.hed_R {
	max-width: 100%!important;
	text-align: center!important;
	width: 100%!important;
	flex-basis: 100%!important;
	padding: 5px!important;
	}	
	.hed_L.col-md-3 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
	padding:0 10px!important;
	}	
	.hed_R.col-md-9{
	flex: 0 0 100%!important;
    max-width: 100%!important;
	padding:0 10px!important;
	}*/
	.hd_tel{display: block!important;}	
	.hd_tel_txt{display: block!important;}
.hd_logo {/*max-width: 200px!important;*/}
.hd_logo img.w100{width: auto!important;max-width: 100%!important;}	
.container.nav_box{display: none;}
.col-md-4.hed_R_in_L{display: none;}
.hed_tel_txt2 p,
.ft_contact_tel p{font-family: 'Montserrat', sans-serif!important;}
.hed_tel_txt2 a,
.ft_contact_tel a{color: #7f4f21!important;font-family: 'Montserrat', sans-serif;}	
	
	
/* fotter*/
.col-md-6.ft_right {display: none!important;}
.ft_nav {display: none!important;}
.c41071{min-width: 100%!important;}
.col-md-3.footer_col3 {display: none!important;}
	
.col-md-3.footer_col1{
    flex-basis: 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }
.col-md-3.footer_col2 {
    flex-basis: 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }  
    
    
/* top */
.row.topmenuBox{position: static;}
.row.topmenuBox img{
	position: static;
	}
.row.topmenuBox2 img{
	position: static;
	}	
	
.col-md-8.menuTblth,
.col-md-4.menuTblth{border-bottom: none;}	
.c9512{margin:20px auto 0;}
.c5391{margin:20px auto 0;}	
	
}
.topmenu .btn_area{
  margin-top: 170px;
  @media (max-width: 768px) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 480px) {}
@media (min-width: 375px){.header.sub_header{padding: 0;}}
@media (min-width: 768px) {.header.sub_header{display: none;} }


@media screen and (max-width: 280px) {}