.tri-spmenu {
    display: none;
}
@media only screen and (max-width: 767px) {
	a {
		color: #fff!important;
	}

	#nav-toggle, .menu {
		display: none;
	}

	.head > div:nth-child(1) {
		padding: 0;
	}

	.head > div:nth-child(2) {
		padding-left: 0;
	}
	
	.trism-ovf {
    	padding-top: 70px;
	}

	.menu-sp {
		width: 60.58px;
		height: 54.2px;
		margin-left: 6px;
	}

	.menu-sp a {
		display: none;
	}

	.trism-actbtn {
	    position: fixed;
	    right: 9px;
	    top: 10px;
	    width: 35px;
	    height: 2px;
	    z-index: 1000000000;
	    padding: 15px 0;
	}

	.trism-actbtn.active {
		position: fixed;
		right: 15px;
		top: 20px;
		transition: top 1s ease, right 1s ease;
	}

	.trism-actbtn a {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.trism-actbtn span,
	.trism-actbtn span:before,
	.trism-actbtn span:after {
	    cursor: pointer;
	    border-radius: 1px;
	    height: 2px;
	    width: 30px;
	    background: #f7f4f3;
	    position: absolute;
	    display: block;
	    content: "";
	    transition: all 300ms ease-in-out;
	}

	.trism-actbtn span:before {
	  	top: -10px;
	}
	.trism-actbtn span:after {
	  	bottom: -10px;
	}
	.trism-actbtn.active span {
	  	background-color: transparent;
	}
	.trism-actbtn.active span:before, .trism-actbtn.active span:after {
	  	top: 0;
	}
	.trism-actbtn.active span:before {
	  	transform: rotate(45deg);
	}
	.trism-actbtn.active span:after {
	  	transform: rotate(-45deg);
	  	-webkit-transform:;
	  	-moz-transform:;
	  	-ms-transform:;
	  	-o-transform:;
	}

	.tri-spmenu {
	    background: transparent;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 999999999;
	    overflow-y: auto;
	    overflow-x: hidden;
	    max-width: 100vw;
	    display: block;
	    max-height: 0;
	    transition: max-height 1s ease;
	}

	.tri-spmenu.menu-active {
		max-height: 100vh;
	}

	.trism-header {
	    display: flex;
	    background-color: #fff;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    padding: 10px 0;
	    height: 70px;
	    opacity: 0;
	    transition: all 1s ease;
	    max-height: 0;
	    overflow: hidden;
	    max-width: 100vw;	    
	}

	.menu-active .trism-header {
		opacity: 1;
		max-height: 100vh;
		padding: 0;
	}

	.trism-logo {
		/*flex: 100%;*/
	    width: 55%;
	    padding-left: 10px;
	    position: relative;
	    padding-left: 10px;
   		height: 100%;
	}

	.trism-logo img {
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.trism-hdrbtn{
		/*flex: 100%;*/
		width: 45%;
		text-align: right;
		position: relative;
		height: 100%;
	}

	.trism-smicons {
		display: inline-block;
		height: 100%;
		margin-right: 60px;
	}

	.trism-smicons a {
		position: relative;
		display: inline-block;
		height: 100%;
		vertical-align: top;
		margin: 0 4px;
	}

	.trism-smicons img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 8vw;
	}

	.trism-btn {
	    display: inline-block;
	    font-size: 46px;
	    line-height: 1;
	    vertical-align: top;
	    margin: 2px 15px 0 0;
	    color: #FFF;
	}

	.trism-main {
		/*margin-top: 70px;*/
		/*background-image: url(images/trism-bg1.png);*/
		background-color: #141125;
		color: #fff;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
/*
	.trism-main img{
		padding: 20px;
	}*/

	h2.trism-h2 {
	    font-size: 20px;
	    padding: 30px 20px 6px;
	    line-height: 1.4em;
	}

	.trism-p {
	    padding: 20px;
	    font-size: 10px;
	    line-height: 1.4em;
	}

	.trism-address {
	    padding: 20px;
	    font-size: 14px;
	    line-height: 1.4em;
	}

	.trism-menu {
		padding: 20px;
		font-size: 18px;
		line-height: 1.8em;
	}

	.trism-submenu {
		padding: 20px;
		font-size: 12px;
		font-family: system-ui;
	}

	.mgt-40 {
		margin-top: 40px;
	}

	.trism-menuitem {
		position: relative;
	}

	.trism-menuitem a {
		display: block;
		width: 100%;
	}

	.trism-menuitem a img {
		position: absolute;
		right: 6vw;
		width: 6vw;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.trism-menu-box {
	    text-align: center;
	    margin: 50px auto 0px auto;
	    width: 50%;
	    font-size: 22px;
	}

	.tal-c {
		text-align: center;
	}

	.trism-dualbtn {
		display: flex;
		width: 100%;
		font-family: 'Noto Sans Japanese', serif;
    	font-weight: bold;
	}

	.trism-menu-email {
		flex: 100%;
		max-width: 50%;
	    color: #fff;
	    background: #141125;
	    width: 50%;
	    text-align: center;
	    padding: 10px;
	    display: inline-block;
	    font-size: 3.2vw;
	    position: relative;
	}

	.trism-menu-phone {
		flex: 100%;
		max-width: 50%;
	    color: #fff;
	    background: #60200a;
	    width: 50%;
	    text-align: center;
	    padding: 10px;
	    display: inline-block;
	    font-size: 3.2vw;
	    position: relative;
	}

	.trism-menu-email a,
	.trism-menu-phone a {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	}

	.trism-menu-email img,
	.trism-menu-phone img {
	    vertical-align: middle;
	    height: 5vw;
	    margin-right: 5px;
	}

	.trism-sm-icon {
	    background: #fff;
	}

	.trism-sm-ftr {
	    text-align: center;
	    text-indent: -50px;
	}

	.trism-sm-ftr img {
	    vertical-align: middle;
	    margin: 15px 12px 15px 25px;
	}

	.trism-phone {
	    font-size: 30px;
	    padding-bottom: 40px;
	    font-family: inherit;
	}

	.trism-phone img{
	   width: 35px;
	   margin-right: 0px;
	   vertical-align: bottom;
	}

	.ishibashi-menu-img {
		padding: 20px;
	}
}

@media screen and (max-width: 320px) {
	.head > div:nth-child(1) {
		width: 60%;
	}

	.head > div:nth-child(2) {
		width: 40%;
	}

	.trism-menu-box {
	    font-size: 19px;
	}
}