@media screen and (max-width:/*任意の値*/px) {

}
/*wordpressログイン時*/
@media screen and (max-width: 782px) {
    .wpbar {
        top: 46px !important;
        position:fixed;
    }

}
@media screen and (max-width:600px) {
    #wpadminbar {
        position: fixed !important;
        top:0;
        left:0;
    }
}
@media screen and (max-width:1080px) {
    .strength {
        padding:60px 20px 140px!important;
    }
    .consern {
        padding:60px 20px 140px!important;
    }
    .solution-img,
    .solution-desc {
        width:100%;
    }
    /*flex-wrapper1*/
    .flex-wrapper1 {
        display:block;
        width:100%;
        max-width:300px;
        margin:0 auto 20px;
    }
    .strength-desc,
    .strength-img {
        width:100%;
    }
    .strength-pc {
        display:none;
    }
    .desc1 {
        background-image: url(/wp-content/themes/fmitech/images/1-1.png);
        width:100%;
        height:100%;
        background-size: cover;
        position:relative;
    }
   .desc2 {
        background-image: url(/wp-content/themes/fmitech/images/2-2.jpg);
        width:100%;
        height:100%;
        background-size: cover;
        position:relative;
    }
    .desc3 {
        background-image: url(/wp-content/themes/fmitech/images/1-3.png);
        width:100%;
        height:100%;
        background-size: cover;
        position:relative;
    }
    /*worries*/
    .worries-title {
    width:120px;
    padding:8px 24px;
    }
    .worries-text {
        padding:8px;
        width:calc(100% - 120px);
    }
    /*solution*/
	.solution .title-wrapper {
		margin-bottom:80px;
	}
    .flex-wrapper2 {
    display:block;
    width:100%;
    max-width:350px;
    margin:0 auto 20px;
    }
	.solution-desc {
		padding:10px 0 20px;
		aspect-ratio:auto;
	}
	
}
@media screen and (max-width:900px) {
    /*flow*/
    .flow-item-wrapper {
        width:100%;
        max-width:700px;
        margin:0 auto;
    }
    .flow-item {
        width:100%;
        max-width:700px;
        height:auto;
        margin-left:0;
        margin-bottom:30px;
    }
    .flow-item-left {
        width:120px;
    }
    .flow-step {
        top:15px;
        left:50%;
        transform:translateX(-50%);
    }
    .flow-title {
        top:90px;
        left:50%;
        transform:translateX(-50%);
    }
    .flow-item-right {
        padding:10px 10px 30px;
        width:calc(100% - 120px);
    }
}

@media screen and (max-width:768px) {
    .header-wrapper {
        height:60px;
    }
    .logo-wrapper,
    .footer-logo {
        width:100px;
    }
    main {
        top:60px;
    }
    .main-wrapper {
        width:100%;
    }
    .sidebar {
        display:none;
        top:60px;
    }
    .wp-side.sidebar {
        top:106px;
    }
    footer {
    margin-top:60px;
	}
}

@media screen and (max-width:1080px) {
    .strength {
    background-color: var(--blue);
    padding:60px 20px 180px;
    clip-path: polygon(0 0,100% 0, 100% 96%, 50% 100%,0 96%);
    }
    .consern {
        background-color: var(--pure-white);
        padding:60px 20px 180px;
        clip-path: polygon(0 0,100% 0, 100% 97%,60% 97%, 50% 100%,40% 97%,0 97%);
    }
}