@media (max-width: 768px) {

body {
	    min-width:inherit !important;
	}
#wrapper,
.content-wrap,
.content-wrap-s{
	width:100% !important;
	min-width:inherit !important;
}

.contents-left {
    width: 100%;
    float: none;
    padding: 0 0 0 0;
    border-right: none;
}

.contents-right {
    width: 100%;
    float: none;
    padding: 0 0 0 0;
	margin-top:24px;
}

.content-box {
    width: 100%;
    float:none;
	padding:0 16px;
}

.global-nav-sp{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	
	    z-index: 999;
	}

nav ul { display:none; }

nav i {
	font-size:200% !important;
	position:fixed;
	top:15px;
	right:15px;
	padding:5px 8px;
	z-index:999;
}
nav i.fa-bars {
	color:#f00;
	background:rgba(255,255,255,0.7);
	cursor: pointer;
}
nav i.fa-times { color:#fff; }

.open {
    display: block;
    opacity: 1;
    margin-left: 0;
    visibility: visible;
}
.close {
	display: none;
}

.sub-menu{
	
	}

.sub-menu a{
	padding:16px;
	display:block;
	}
	
.sub-menu span{
	font-size:11px;
	margin-left:8px;
	}

.fixed {
	position:fixed;
	width:100%;
	height:100%;
}

.global-nav-sp ul{
	background-color:#f00;
}
.global-nav-sp li{

	font-size:16px;
	display:block;
	text-align:left;
	line-height:1.4em;
	margin:0 auto;
	border-bottom:1px solid #fff;
	}
.global-nav-sp li:last-child {
	border:none;
}
.global-nav-sp li a{
	height:100%;
	display:block;
	padding:15px;
	color:#fff;
	font-family: "Mplus 1p";
	-webkit-transition: all 0.5s;
	-webkit-transition: -webkit-all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.global-nav-sp li.menuhead {
	border:none;
	padding-top:5px;
}
.global-nav-sp li.menuhead a{
	width:80%;
	color:#000;
	font-size:20px;
	text-align:center;
	margin:0px auto;
	font-weight: normal;
	padding-top:5px;
}
.global-nav-sp li.menuhead a span { font-size: 14px; }

.global-nav-sp li.menuhead:hover {
		    background: #ffffff73;
margin: 0;
	}
.global-nav-sp li:hover{
    background: #ffffff73;
}


/* サイドバー */

.pc-side-nav-fixed,.pc-side-nav-stop{
	top:auto;
	bottom:auto;
	left:auto;
	width:auto;
	margin-left:0px;
	position:relative;
}


.aside-ttl {
    margin:0 16px;
}
.aside-bg {
	margin:16px 16px 0;
}

.svs-box {
	width:260px;
	margin-left:auto;
	margin-right:auto;
}

.company-info-box{
	width:260px;
	margin-left:auto;
	margin-right:auto;
	}





/* フッター */

.main-footer {
    margin-top: 16px;
}

.footer-link{
	display:none;
	}

.main-footer .footer-info .tel-area {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.main-footer .footer-info .tel-area ul {
    text-align: center;
	margin-top:16px;
}


.aside-bg .fb-box {
	margin-left:auto;
	margin-right:auto;
}


.takumi-banner-wrap{
	margin-left:auto;
	margin-right:auto;
	}

.static-mgn{
	margin-top:0px;
	}



.main-footer .footer-info .tel-area ul li a.bnr {

	display:none;
	
}

.main-footer .footer-info .logo-area .txt {
	font-size:16px;
}

.main-footer .footer-info .logo-area .img {
    width: 100%;
}

/* ----------------------------------------

コンテンツ幅

---------------------------------------- */

/*共通パディング*/
/*
.box-pd {
    padding-top: 80px;
    padding-bottom: 50px;
}
*/


/* ----------------------------------------

各ページ共通要素

---------------------------------------- */

/*各共通タイトル*/
/*
.common-ttl {
    font-size: 20px;
}

*/

.ttl-box {
    line-height: 7;
}

.ttl-1 {
    font-size: 16px;
    background-size: 1em;
    background-position: left center;
    padding-left: 26px;
}



.sharp-ttl-box {
    line-height: 7;
}

.sharp-ttl-box .ttl-1 {
    font-size: 16px;
    background-size: 1em;
    background-position: left center;
    padding-left: 26px;
}



/* ----------------------------------------

パンくず

---------------------------------------- */
/*
.breadcrumb {
    margin-top: 35px;
    font-size: 18px;
    font-weight: normal;

}
.breadcrumb li {
    display: inline;
}
*/
/* ----------------------------------------

上部に戻るボタン

---------------------------------------- */
/*
.to-top-btn {
    position: fixed;
    width: 50px;
    height: 50px;
    font-size: 11px;
    right: 0px;
    bottom: 0px;
    background: #46301b;
    color: #fff;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 1.5em;
}
*/

/* ----------------------------------------

下層ヘッダ

---------------------------------------- */

#page-visual .visual-img{
    background-color: #333;
    height: 280px;
    position: static;
    background: url(../../style/img/main-visual2.jpg) top left no-repeat;
    background-size: cover;
    margin-top: 100px;
}

#page-visual .white-space {
    height: 150px;
    width: 100%;
    min-width: inherit;
    background: url(../../style/img/main-white-w.png) bottom center no-repeat;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 99;
    border-top: 8px solid #f00;
}

#page-visual .white-space .logo {
    width: 90%;
    max-width: 233px;
    margin: 15px auto 0;
}

#page-visual h1  {
    width: 90%;
    max-width: 370px;
    margin: 84px auto 0;
    padding: 25px 18px;
    background-color: rgba(255, 255, 255, 0.92);
    background-size: 100px auto;
    background-position: 10px 30px;
    height: 110px;
	
	background-size: 50px;
}

#pankuzu{
    margin-top: 26px;
    background-color: #f00;
}

#page-visual .ttl{
       font-size: 16px;
    background-size: 18px;
    padding-top: 0;
    padding-left: 30px;
    margin-left: 54px;

}
#page-visual {
    height: auto;
}

.global-nav-sp li.menuhead a img {
	width:100%;
}

/* 下層レイアウト */	
.page-main {
    padding: 0 0 40px;
}
	
}