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

@media screen and (max-width: 1024px) {
	.header-content {
    padding: 0;
}
	.title01 {
    font-size: 3.5rem;
    margin-bottom: 10px;
}
	.title01 span {
    font-size: 8vw;
}
}

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

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

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

@media screen and (max-width: 1024px) {
	.sub-header {
    width: calc(100% - 30px);
    height: 200px;

}
	.sub-header-txt {
    font-size: 2.5rem;
}

}

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

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

@media screen and (max-width:770px) {
	br.pc {
    display: none;
}
	br.sp {
    display: block;
}
	.pc {
    display: none;
}
	.sp {
    display: block;
}
	.half {
    width: 100%;
}
	.left30, .right70, .left70, .right30, .left40, .right60, .left60, .right40 {
    width: 100%;
}
	.receive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
	.flex.news-box .left30 img {
    max-width: 200px;
}
	section#news {
    background-size: contain;
}
	section#greeting {
    background-position: 0 100%, 135% 5%;
}
    section#service {
        padding: 40px 15px;
        background-position: 5px 100px, right 100px;
        background-size: 25%;
    }
	.bg-w {
    padding: 30px 15px;
}
	h3.service-title {
    font-size: 18px;
    padding: 10px;
}
	ul.width1200.flex.service-list {
    padding: 0;
}
	ul.service-list li {
    width: 100%;
    margin: 0 0 20px;
}
	h4.service-sub-title {
    font-size: 17px;
}
	h3.recruit-title {
    font-size: 2rem;
}
	section#recruit {
    background-size: 50%;
}
	section#overview {
        background-position: 0 100%, 115% -7%;
        background-size: 45%;
    }
	section#contact {
        background-size: contain;
    }

	}