@media screen and (max-width: 700px){

/* 共通（ここから） */
        html{
                -webkit-text-size-adjust: 100%;
        }

        .background {
                top: -10%;
                left: -10%;
                width: 120vw;
                height: 120vh;
        }

	h1{
		font-size: 18px;
	}

/* 共通（ここまで） */

/* サイドドロワー（ここから） */
        #menu-toggle {
                font-size: 24px;
                padding: 10px;
                cursor: pointer;
                z-index: 1002;
                position: relative;
        }

        .drawer {
                position: fixed;
                top: 0;
                right: 0;
                width: 200px;
                height: 100%;
                padding:20px;
                background: rgba(114,167,226,0.9);
                transform: translateX(100%);
                transition: transform 0.3s ease;
                z-index: 1001;
        }

        .drawer.open {
                transform: translateX(0);
        }

        .overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.5);
                display: none;
                z-index: 1000;
        }

        .overlay.active {
                display: block;
        }

        .side-menu{
                padding: 10px;
                font-family: "Noto Sans JP", sans-serif;
                font-size: 18px;
        }
/* サイドドロワー（ここまで） */

/* ヘッダー（ここから） */
        .header-left-text01{
                font-size: 12px;
        }

        .header-left-text02{
                font-size: 24px;
        }

        .hamburger {
                display: inline-block;
                width: 30px;
                height: 20px;
                cursor: pointer;
                padding:10px;
                margin:10px;
                border-radius: 10px;
                background-color: rgba(114,167,226);
        }
        .hamburger span {
                display: block;
                height: 4px;
                background: #333;
                margin: 4px 0;
        }
/* ヘッダー（ここまで） */

        .container {
                height: 50px;
        }
        .container2 {
                height: 20px;
        }

        .box2 { width: 120px;}
        .box3 { width: 20px;}
        .box4 { width: 300px;}

        .float-image{
                float:right;
                width:20%;
                padding-right:10px;
        }

        .round-sky{
                width: 200px;
                height:200px;
        }

        /* 画像スクロール部分（ここから） */
        .scroll-track {
        display: flex;
        width: max-content;
        animation: scroll-left-sp 20s linear infinite;
                will-change: transform;
                transform: translateZ(0);
        }
        .scroll-gallery img {
                height: 150px;
        }
        /* 画像スクロール部分（ここまで） */

        .a-few-words-title{
                font-size: 24px;
        }

        .a-few-words-body{
                font-size: 18px;
        }

        .qa-title{
                width: 85%;
                font-size: 18px;
        	padding:10px;
		margin-left:10px;
        }

	.qa-body{
		padding:10px;
		margin-left:10px;
		margin-right:10px;
	}

        .content{
                margin-top:106px;
                margin-bottom:86px;
        }

        .pc-only{
                display: none !important;
        }

        .sp-menu{
                font-family: "Noto Sans JP", sans-serif;
                padding: 10px 10px 10px 50px;
                background-color: rgba(255,255,255,0.8);
                clip-path: polygon(26px 0%, 100% 0%, 100% 100%, 0% 100%);
                transform: translateX(100px);
                opacity: 0;
                transition: transform 1.5s ease, opacity 1s ease;
                z-index: 0;
                display: block;
                margin-top:20px;
                margin-bottom:20px;
        }

        .slide.is-visible .sp-menu{
                transform: translateX(0);
                opacity: 1;
        }

        .sp-position01{
                margin-left:65%;
        }

        .sp-position02{
                margin-left:58%;
        }

        .sp-position03{
                margin-left:51%;
        }

        .sp-position04{
                margin-left:44%;
        }

        .sp-position05{
                margin-left:37%;
        }

        .other-content,
        .staff-content{
                width: 95%;
        }

/* 施工事例（ここから） */
        .construction-image{
                width:100%;
        }
/* 施工事例（ここまで） */

        .staff-image{
                width:40%;
        }

        .google-form{
                height: 1300px;
        }	

        footer {
                font-size: 12px;
        }
}