@charset "utf-8";
/* CSS Document */
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
.navbar-inverse .navbar-toggle {
    border-color: #332e2c;
	background: rgba(255,255,255,0.6);
}
.navbar-inverse {
	
	/*border-bottom: 1px solid #332e2c;*/
	padding: 10px 0;
	z-index: 9999;
}
.hiraku-open-btn-line,.hiraku-open-btn-line::before, .hiraku-open-btn-line::after {
	background-color: #332e2c;
}
.hiraku-open-btn-line::before, .hiraku-open-btn-line::after {
	
}
.navbar-header img {
	width: 220px;
	margin-left: 15px;
}
@media screen and (min-width: 768px) {
	.navbar {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.pclogo {
		display: none;
	}
	.banner-wrapper-fixed .foreground h2 {
	font-size: 36px;
}
	.n__flex li a {
	color: #332e2c;
}
.banner-wrapper-fixed .foreground h2 span {
	font-size: 28px;
	display: block;

}
	article h2 {
		font-size: 2.2rem;
	}
	.columnBox {
		width: 96%;
	}
	.columnBox li {
		width: 48%;
	}
	.blogTxt {
		display: none;
	}
	article {
		padding-top: 40px;
	}
	.inner__ .tit-lv1 {
		width: 96%;
	}
	.wrapTxt {
		width: 100%;
	}
	.linkTxt span,.services .linkTxt span {
		padding: 0 50px;
	}
	.linkTxt a::after {
		right: 20px;
	}
	.services .wrapTxt {
		order: 2;
	}
	.services .linkTxt a::after {
    left: 20px;
}
	main .mt40 {
		margin-top: 40px;
	}
	footer {
		padding: 0 0 20px;
	}
	footer .f__flex {
		width: 100%;
		flex-wrap: wrap;
	}
	footer .f__flex li {
		width: 100%;
		border-left: none;
		border-bottom: 1px solid #FFFFFF;
		text-align: left;
		position: relative;
	}
	footer .f__flex li a {
		padding: 10px 16px;
		display: block;
	}
	footer .f__flex li a::after {
	font-family: Material Icons; /*Material Iconsの使用を定義*/
	content: "\e315"; /*使用するアイコンのUnicode*/
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	right: 15px;
}
	.f__flex_sns {
		width: 100%;
	}
	.js-offcanvas li {
		margin: 0;
		position: relative;
	}
	.js-offcanvas li a {
		padding: 10px;
		display: block;
		border-bottom: 1px solid #13202f;
		background: #F4F4F4;
	}
	.js-offcanvas li a:hover {
		background: #FFFFFF;
	}
	
	.js-offcanvas li a::after {
		font-family: Material Icons; /*Material Iconsの使用を定義*/
	content: "\e315"; /*使用するアイコンのUnicode*/
	color: #13202f;
	position: absolute;
	top: 12px;
	right: 15px
	}
	.pagetop {
		opacity: 0.8;
	}
	.aboutColumn {
		flex-wrap: wrap;
	}
	.imgBox {
		width: 100%;
		margin-bottom: 20px;
	}
	.txtBox {
		width: 100%;
	}
	.txtB2 {
		order: 2;
	}
	table.item_detail {
		width: 100%;
	}
	table.item_detail th, table.item_detail td{
		display: block !important;
		width: 100% !important;
	}
	.lisket-form-maker-form input[type="text"], .lisket-form-maker-form input[type="email"],.lisket-form-maker-form textarea.formTxt2 {
	width: 100%!important;
		box-sizing: border-box;

}

}