@media screen and (min-width:1266px) {
    body {
        width: 1266px;
        margin: auto !important;
    }
	.posi2 {
		padding-bottom: 14.4% !important;
	}
}
@media screen and (max-width:1266px) {
	.posi2 {
		padding-bottom: 14.4% !important;
	}
}
@media screen and (max-width:1147px) {
	.po-in-2 p {
    font-size: 0.8rem !important;
}
	.po-in-2 {
    width: 82% !important;
}
	.po-in-3 {
    font-size: 0.7rem !important;
}
	.form-area01 th {
    font-size: 0.7rem !important;
}
	.posi2 {
		padding-bottom: 16.4% !important;
	}
}
@media screen and (max-width:1000px) {
.posi2 {
    padding-bottom: 18.9% !important;
}
}
@media screen and (max-width:898px) {
	.pc {
        display: none !important;
    }
    .mb {
        display: initial !important;
    }
.top-img {
    width: 65% !important;
}
.left, .right {
    width: 80% !important;
    margin: auto !important;
}
.right-flex2 {
    display: flex !important;
	width: 95% !important;
    margin: auto !important;
	margin-top: 2rem !important;
}
.box-1 {
    width: 95% !important;
    margin-right: 1rem !important;
}
.right-flex {
    width: 95% !important;
    margin: auto !important;
    margin-top: 1rem !important;
    justify-content: center !important;
}
.right-flex3 {
    display: flex;
}
.right-flex3 h4 {
    width: 22% !important;
}
.pink-text,.green-text {
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
}
.pink-text {
    background-color: #e765a1e0;
	margin-top: 2rem;
}
.green-text {
    background-color: #47b347d4;
	padding: 1.7rem;
    font-size: 1.5rem;
}
.mb-flex {
    display: flex;
}
.korona {
    width: 100%;
    background-color: #ffffff85;
    text-align: center;
    padding: 2rem;
	margin-bottom: -3rem;
}
.co-text {
    font-weight: bold;
    color: #40210f;
    line-height: 1.3rem;
}
.co-text2 {
    color: #40210f;
    line-height: 1.3rem;
}
/* ポイント */
.point-flex {
    display: initial !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.point-1, .point-2, .point-3 {
    width: 90% !important;
    margin: auto !important;
    margin-bottom: 3rem !important;
}
.po-in-2 {
    width: 90% !important;
}
.po-in-2 p {
    font-size: 1.4rem !important;
}
.po-in-3 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
/* ご依頼が多い仕事 */
.work-flex {
    width: 99% !important;
}
.price {
    width: 98% !important;
}
.other {
    width: 98% !important;
}
.work-text-flex {
    width: 90% !important;
}
.work a {
    font-size: 1.5rem !important;
}
/* 作業事例 */
.jirei {
    width: 49% !important;
}
/* お問い合わせ */
.icon-flex {
    width: 100% !important;
}
.icon-in {
    width: 32% !important;
}
.icon-in p {
    font-size: 1.2rem !important;
    margin-top: 1rem !important;
}
.tel {
    width: 97% !important;
}
.hart {
    width: 97% !important;
}
.hart p {
    width: 67% !important;
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
}
.hart i {
    margin-top: 0.6rem !important;
}
/* お問い合わせフォーム */
.form-area01 th {
    width: 100% !important;
    display: block !important;
	font-size: 1rem !important;
}
.form-area01 td {
    width: 100% !important;
    display: block !important;
	padding:1rem !important;
	line-height: 1.3rem !important;
}
.posi2 {
    padding-bottom: 2.7% !important;
}
.td-left textarea {
    margin-top: 3rem !important;
    margin-bottom: 0rem !important;
}
}
@media screen and (max-width:589px) {
	.mbmb {
	display:initial !important;
	}
.flex-1 {
    margin-top: 2rem !important;
}
.left, .right {
    width: 90% !important;
}
.left-in {
    width: 75% !important;
}
.right-flex2 {
    width: 100% !important;
}
.box-1 {
    width: 69% !important;
    padding: 0.7rem !important;
}
.box-1 span {
    font-size: 0.8rem !important;
	padding-bottom:0.3rem !important;
}
.right-flex2 h3 {
    width: 60% !important;
}
.right-flex {
    margin-top: 2rem !important;
}
.right-flex3 {
    margin-top: 1rem !important;
}
.anime-1 {
    margin: 1rem !important;
    font-size: 3.5rem !important;
    width: 67% !important;
}
.green-text {
    padding: 1.7rem 0 !important;
    font-size: 1.4rem !important;
}
/* コロナ対策 */
.point-wrap p {
    width: 13% !important;
}
.point-wrap h2 {
    font-size: 1.3rem !important;
	margin: auto 1rem !important;
}
.korona {
    padding: 2rem 0 !important;
}
.co-text {
    font-size: 0.9rem !important;
}
.co-text2 {
    font-size: 0.7rem !important;
}
/* ポイント */
.point-1, .point-2, .point-3 {
    width: 93% !important;
}
.po-in-1, .po-in-3 {
    width: 100% !important;
}
.po-in-2 p {
    font-size: 1rem !important;
}
.po-in-3 {
    padding: 1rem !important;
    font-size: 0.8rem !important;
    line-height: 1.6rem !important;
}
/* ご依頼が多い仕事 */
.work h2 {
    padding: 0.5rem 0 0.5em 0 !important;
    font-size: 1.1rem !important;
}
.work a {
    font-size: 1rem !important;
    padding: 1rem 0 !important;
}
.price {
    width: 99% !important;
}
.kako,.kako2 {
    width: 100% !important;
    padding: 1rem 0.1rem !important;
    font-size: 0.8rem !important;
}
.kako3 {
    padding: 1rem 0.1rem !important;
    font-size: 0.9rem !important;
}
.icon-1 {
    width: 80% !important;
}
.p-text {
    padding: 1rem 0.1rem !important;
}
.other {
    width: 80% !important;
}
.other h4,.other h5 {
    width: 100% !important;
    font-size: 1rem !important;
}
.other p {
    padding: 0.5rem 0.1rem !important;
    line-height: 1.1rem !important;
	font-size:0.8rem !important;
}
.work-text-flex {
    width: 95% !important;
}
.anime-2 {
    font-size: 1.2rem !important;
}
.text-right p {
    width: 85% !important;
}
/* おといあわせ */
.icon-in p {
    font-size: 0.6rem !important;
}
.tel a {
    font-size: 1.2rem !important;
}
.hart i {
    margin-top: 1rem !important;
	width: 6% !important;
    font-size: 1rem !important;
}
.hart p {
    width: 90% !important;
    font-size: 0.8rem !important;
}
/* お問い合わせフォーム */
.td-line-heigt,.mb-font {
    font-size: 0.8rem !important;
}
#posi2 {
    padding-bottom: 5.7% !important;
	width:85.5% !important;
}
.flex-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
	background-image: url(../image/背景.png);
    background-repeat: repeat;
    background-attachment: fixed;
	background-size: contain;
    background-color: #abfd9c;
}
.green-area {
    display: flex;
    width: 100%;
    background-color: #1f4d1f;
    padding: 0.5rem;
}
.topbtn,.pricebtn {
    width: 50%;
    text-align: center;
}
.topbtn a,.pricebtn a {
	color: #fff !important;
    font-size: 0.6rem;
}
.last-area {
    display: flex;
    justify-content: center;
	padding: 0.2rem;
}
.last2 {
    background-color: #47b347;
    color: #fff;
    width: 45%;
    text-align: center;
    padding-top: 1.2rem;
    font-weight: bold;
}
.last3 {
    width: 45%;
    text-align: center;
    padding: 1rem;
    border: 3px solid #47b347;
    background-color: #fff;
    color: #777;
    font-weight: bold;
}
.icon-wrap {
    padding-bottom: 7rem !important;
}
/* ポップアップ */
.onetime_popup_title::before,
.onetime_popup_title::after {
    top: 2rem !important;
    right: 4rem !important;
}
	/* サンクスページ */
	.thanks-page h3 {
    font-size: 1rem !important;
    width: 90% !important;
    margin: auto !important;
}
	.thanks-img {
    width: 84% !important;
    margin-top: 2rem !important;
}
}
@media screen and (max-width:362px) {
	.box-1 {
    padding: 0.4rem !important;
}
	.right-flex h2 {
    font-size: 1.5rem !important;
}
	.anime-1 {
    font-size: 2.9rem !important;
    width: 59% !important;
}
	.et_pb_module {
    font-size: 0.8rem !important;
}
	.other {
    width: 90% !important;
}
	.jirei h3 {
    font-size: 0.9rem !important;
}
	.jirei p {
    font-size: 0.8rem !important;
}
	.form-area01 th {
    font-size: 0.9rem !important;
}
}