@charset "UTF-8";

@media screen and (max-device-width:810px) {
	div#content{
		display: flex;
		flex-direction: column;
		width:100%;
		margin: 6px auto 0;
	}
	div#content-inner{
		float: none;
		width:100%;
	}
	div#content-subinner{
		padding:10px 2px 6px 2px;
		width:100%;
	}
	div#faqbox {
		margin-left: 10px;
		width: 95%;
	}
	div#faqbox h2#faq_title{
		background:url(../img/title_faq.jpg) no-repeat bottom/cover;
		width:100%;
		height:45px;
		text-indent:-9993px;
	}

	div#companybox h2 img {
		height:21px;
		width:100%; 
	}
	#footer {
		width: 97%;
		display:block;
		margin:5px;
	}
	#footer-inner {
		width: 96%;
		display:block !important;
		height:auto !important;
		border: 1px solid #666666;
		margin: 3px;
	}
	/* subnavi */
	#subnavi ul {
		float:none !important;
	}
	
	#subnavi li {
		float:none !important;
		text-indent: 0px !important;
		width: auto !important;
	}
	
	ul#subnavi li a, ul#subnavi li a:hover {
		background: none;
	}
	
	#footer ul#subnavi{
		width:100% !important;
		height:auto;
	}
	/* hamburger-menu background */
	div#mobile-navi.mobile-box header{
		width: 50px !important;
		height: 50px !important;
	}
	#nav-open span {
		bottom: 5px !important;
		left:0px !important;
	}
	#nav-open span:before {
		bottom: 10px !important;
	}
	#nav-open span:after {
		bottom: -10px !important;
	}
    #nav-open span, #nav-open span:before, #nav-open span:after {
        position: absolute;
        height: 3px !important;
        width: 30px !important;
        border-radius: 3px;
        background: #555;
        display: block;
        content: '';
        cursor: pointer;
    }
    .company_mainimg {
        margin-top: 5px;
    }
    .cnavi_title {
       width: 100%;
       background: url('/img/cnavi_blank.jpg') no-repeat bottom/cover;
       background-size: 100% 100%;
       height:55px;
       overflow:hidden;
    }
    .sideNav {
	    width: 100%;
	    margin-bottom: 10px;
    }
    table.com_table {
       width: 10% !important;
    }
    .com_table th, .com_table td {
        padding: 5px !important;
    }
    .com_table th {
        width: auto;
        text-align:center;
    }
    .com_table td {
        width: 10px;
        text-align:center;
    }
    .side_familyuse {
        margin-top: 2px;
    }
    div#content-subinner dl.sideNav {
        display: none;
    }
    .philosophy img {
	     height:auto !important;
	     width:100% !important;
	}
	#flashbox img {
	   margin-top:5px !important;
	}
	.ttlHis2nd img {
	     height:auto;
	     width:100%;
	}
}