@media (max-width:1560px) {
    #head .inner {
        padding: 0 40px;
    }
}

@media (max-width:1024px) {
    #head .inner .nav {display: none;}
}


@media (min-width: 240px) and (max-width:768px) {
	.innersize {width: 100% !important; padding: 0 20px;}
    #head {
        height: 60px;
    }
    #head .inner {
        margin: 0;
        padding: 0 20px;
    }
    #head .logo {
        width: 120px;
        height: 36px;
    }

    #head .inner .nav {
        display: none;
    }
    #head .menu span:nth-child(1), 
    #head .menu span:nth-child(3) {
        width: 28px;
    }
    #head .menu span:nth-child(1) {
        top: 9px;
    }
    #head .menu span:nth-child(3) {
        bottom: 9px;
    }
    #head .menu span:nth-child(2) {
        width: 20px;
    }

    .open_menu {
        height: 100vh;
        background-color: #fff;
        overflow-y: scroll;
    }
    .open_menu .nav {
		flex-direction: column;
		transform: none;
		top: 80px;
		left: 15%;
		padding-bottom: 120px;
    }
    .open_menu .d2 li:first-child {
        margin-top: 30px;
    }
    .open_menu .nav .d1tit {
        font-size: 20px;
        padding-bottom: 10px;
        border-bottom: 3px solid #0070E4;
        color: #0070E4;
    }
    .open_menu .d2tit {
        font-size: 18px;
        line-height: 2rem;
    }
}