@media (max-width:1400px) {
    .mt-container,
    .site-layout--boxed #page {
        width: 1200px
    }
    .top-featured-post-wrap .entry-header .entry-title {
        font-size: 16px
    }
    .entry-title {
        font-size: 18px
    }
    #colophon .widget .widget-title,
    #secondary .widget .widget-title,
    .mt-related-post-title {
        font-size: 17px
    }
    .single article .post-thumbnail {
        margin-bottom: 0
    }
    .single .mt-related-posts-wrapper .entry-title {
        font-size: 19px
    }
    .mt-form-close {
        font-size: 50px
    }
	.gallery-caption {
	    line-height: 3rem;
	    padding-top: 2%;
	}
    .post-info-wrap .entry-meta .byline .author a{
        font-size: 100%;
    }
    .post-info-wrap .entry-meta .byline{
        margin-top: 10px;
    }

    .post-info-wrap .entry-meta .byline .author a::before {
    }


.page-id-29677 .paint_type_box h3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: #fff;
    border-left: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
    border-top: none;
    border-bottom: none;
}
    .margin_top_box{
        margin-top: 50px;
    }

    .margin-bottom_list{
        margin-bottom: 3%;
    }

}

@media (max-width:1200px) {
    #pc_right_call{
        display: none!important;
    }
    .mt-container,
    .site-layout--boxed #page {
        width: auto;
        margin: 0 2%
    }
    .site-layout--boxed .mt-container {
        padding: 0 10px
    }
    #top-header {
        position: relative
    }
    .mt-follow-title {
        display: none
    }
    .tags-wrapper {
        margin: 0;
        background: #212121;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        top: 50%;
        left: 0;
        padding: 4px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        width: 100%
    }
    .trending-wrapper:hover .tags-wrapper {
        opacity: 1;
        visibility: visible;
        left: 30%
    }
    .top-featured-post-wrap .post-thumbnail .post-number {
        width: 20px;
        height: 20px;
        line-height: 21px;
        font-size: 12px
    }
    .top-featured-post-wrap .post-thumbnail {
        width: 30%
    }
    .top-featured-post-wrap .mt-post-content {
        width: 66%
    }
    .top-featured-post-wrap .entry-header .entry-title {
        font-size: 14px
    }
    .posted-on a::before {
        width: 18px;
        right: -24px
    }
    .posted-on a {
        margin-right: 28px
    }
    #mt-scrollup {
        right: 10px
    }
    #colophon .widget .widget-title,
    #secondary .widget .widget-title,
    .mt-related-post-title {
        font-size: 14px
    }
    #colophon .widget .widget-title::before,
    #secondary .widget .widget-title::before,
    .features-post-title::before,
    .mt-related-post-title::before {
        height: 2px;
        top: 7px
    }
    .custom-header .entry-title,
    .custom-header .page-title {
        font-size: 32px
    }
    .single .entry-title {
        font-size: 25px
    }
    .single.post-cat,
    .single.post-cats-list {
        margin-bottom: 0
    }
    .mt-menu-search .mt-form-wrap .search-form .search-field {
        height: 54px;
        font-size: 20px
    }
    .error-num {
        font-size: 70px;
        line-height: 90px
    }
    .error-num span {
        font-size: 36px
    }
    h1 {
        font-size: 28px
    }
    #footer-menu li a {
        padding: 0 10px
    }
    .widget {
        padding: 14px
    }
    .custom-header {
        padding: 54px 0
    }
    .top_title_area h3 {
        font-size: 2.5rem;
 
    }
    .top_title_area {
        position: absolute;
        top: 50%;
        left: 7%;
        padding: 1%;
        background: #ffffffeb;
        width: 60%;
        z-index: 998;
    }
    p.page_bottom_contact_box_right_phone{
    	font-size: 4rem;
    }
    p.page_bottom_contact_box_right_to_form {
	    background: #ff8000;
	    font-size: 2rem;
	    text-align: right;
	    margin-left: 20%;
	    border-radius: 5px;
	    padding: 0 7%;
	}
}

@media (max-width:979px) {
    #sp_footer_call{
        display: none!important;
    }
    .top-header-nav {
        float: none;
        display: block;
        text-align: center
    }
    .site-branding {
        float: left;
        text-align: left;
        display: block;
        margin-bottom: 20px;
        margin-top: 0;
        padding: 2% 0;
        width: 50%;
    }
    .site-branding_right {
        padding: 1% 0;
        background: 0 0;
        width: 50%;
        z-index: 998;
        float: right;
        text-align: right;
    }
    #masthead .mt-logo-row-wrapper .logo-ads-wrap .mt-container {
        width: 100%;
    }
    .logo-ads-wrap {
        padding: 0px 0 0px
    }
    .menu-toggle {
        display: block
    }
    .mt-social-menu-wrapper {
        position: relative
    }
    .header-widget-wrapper {
        text-align: center;
        float: right;
        width: 50%;
    }
    .top_title_area {
        position: absolute;
        top: 60%;
        left: 10%;
        padding: 2%;
        background: #ffffffeb;
        width: 80%;
        z-index: 998;
        text-align: center;
    }
    .header_right_info img {
        width: 70%;
    }
    #follow_sns p.follow_sns_title{
        padding-left: 44%;
    }
    img.custom-logo {
        width: 100%;
    }
    .top_title_area h3 {
        margin-bottom: 0;
        font-size: 2.5rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    #secondary .textwidget .su-spoiler .su-u-trim{
        padding: 0em 0 1em 0px;
    }


    .youtube_area_box.nothing{
        display: none;
    }
    .youtube_area .youtube_area_box {
        width: 100%;
        height: 325px;
        margin-bottom: 10%;
        float: none;
        margin-right: 0%;
    }
    .footer_2nd_box_3 ul li {
        list-style-type: none;
        width: 25%;
        display: inline-block;
        padding: 0 10px;
    }

    #footer_2nd_box .footer_2nd_box_2 ul li {
        display: inline-block;
        font-size: 16px;
        vertical-align: top;
        width: 50%;
        height: auto;
        margin: 0;
        padding: 0 1%;
    }
    #footer_2nd_box .footer_2nd_box_1 {
        width: 35%;
        float: left;
    }
    #footer_2nd_box .footer_2nd_box_2 {
        width: 65%;
        margin-right: 0;
    }
    p.white_back_box{
        padding: 2rem 0!important;
    }
    #site-navigation {
        display: none;
        position: absolute;
        top: 90%;
        left: 0;
        width: 100%;
        background: #fff;
        float: none;
        z-index: 9999
    }
    .page_bottom_example ul.construction-type_list li{
        width: 32%;
        font-size: 60%;
    }

    #site-navigation .mt-container {
        border: none;
        padding: 0
    }
    #site-navigation ul {
        display: block
    }
    #masthead #site-navigation ul li {
        border-bottom: 1px solid #e1e1e1;
        display: block
    }
    #site-navigation ul li a {
        line-height: 44px;
        padding: 0
    }
    #site-navigation ul li a::after {
        display: none
    }
    #site-navigation ul li .children,
    #site-navigation ul li .sub-menu {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        box-shadow: none;
        transform: scaley(1);
        -webkit-transform: scaley(1);
        -ms-transform: scaley(1);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0
    }
    #site-navigation ul>li:hover>.children,
    #site-navigation ul>li:hover>.sub-menu {
        top: 0
    }
    .sub-toggle {
        background: #333 none repeat scroll 0 0;
        color: #fff;
        cursor: pointer;
        display: block!important;
        height: 24px;
        line-height: 25px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 12px;
        width: 24px
    }
    #site-navigation ul>li.current-menu-ancestor .sub-toggle,
    #site-navigation ul>li.current-menu-item .sub-toggle,
    #site-navigation ul>li:hover>.sub-toggle {
        background: #666
    }
    #site-navigation li.current-menu-item>.sub-toggle {
        background: #fff none repeat scroll 0 0
    }
    #site-navigation li.current-menu-item>.sub-toggle i {
        color: #d40234
    }
    #site-navigation li.menu-item-has-children>a::after,
    #site-navigation li.page_item_has_children>a::after {
        display: none
    }
    #site-navigation ul.children li,
    #site-navigation ul.sub-menu li {
        text-align: center
    }
    #site-navigation .menu-item-description,
    #site-navigation .menu-item-description::after {
        display: none
    }
    .mt-archive--block-grid-style article,
    .mt-archive--masonry-style #mt-masonry article {
        width: 97%
    }
    .no-sidebar.mt-archive--block-grid-style article,
    .no-sidebar.mt-archive--masonry-style #mt-masonry article {
        width: 47%
    }
    #bottom-footer {
        font-size: 12px;
        text-align: center
    }
    #footer-navigation {
        float: none;
        width: 100%;
        display: block;
        text-align: center
    }
    p.page_bottom_contact_box_right_phone {
        font-size: 100%;
    }
    p.page_bottom_contact_box_right_to_form {
        background: #ff8000;
        font-size: 65%;
        text-align: center;
        margin-left: 5%;
        border-radius: 5px;
    }
    .page_bottom_contact_box_left img {
        width: 100%;
    }
    .page_bottom_contact_box_left a.page_bottom_example_link{
        width: 100%;
    }
    #pc_right_call {
        bottom: 5%;
        width: 30%;
    }
    #mt-scrollup{}
    .navigation.pagination .nav-links .page-numbers.current,
    .navigation.pagination .nav-links a.page-numbers,
    .navigation.pagination .nav-links a.page-numbers:hover {
        padding: 8px 12px
    }
    .bttn,
    .navigation .nav-links a,
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        padding: 10px;
        font-size: 12px
    }
    .mt-author-bio {
        font-size: 13px
    }
    .single .mt-related-posts-wrapper .entry-title {
        font-size: 15px
    }
    input[type=email],
    input[type=password],
    input[type=search],
    input[type=text],
    input[type=url] {
        height: 28px
    }
    #respond,
    .widget_archive a,
    .widget_categories a,
    .widget_meta a,
    .widget_nav_menu li a,
    .widget_pages li a,
    .widget_recent_comments li,
    .widget_recent_entries a,
    .widget_rss li {
        font-size: 13px
    }
    .error-404.not-found {
        width: 80%
    }
    .entry-content {
        font-size: 18px
    }
    .entry-content p{
        font-size: 18px;
        line-height: 3rem;
    }
    .entry-meta a {
        font-size: 12px
    }
    .posted-on a::before {
        width: 14px;
        right: -20px;
        top: 8px
    }

    ul.area_list li.area_body{
        width: 33.33%;
    }
    p.awaseteyomitai-fb{
        line-height: 3rem;    
    }
    
    p.awaseteyomitai-blog{
        line-height: 3rem;
    }
    p.awaseteyomitai-yt{
        line-height: 3rem;
    }

    #warranty ul.warranty_list li {
        width: 100%!important;
        float: none!important;
        text-align: center;
        padding: 1%;
        font-size: 2rem;
    }

    #warranty ul.warranty_list li:nth-child(2) {
        margin: 0 0%!important;
    }


    .step_big_img_box {display: block;}
    .step_big_img_box .step_big_img_small_box{
        display: block;
        width: 100%;
    }

    .site-main h3.all_craftman_title{
        font-size: 250%;
    }
    .site-main h3.all_craftman_title span{
        padding: 0 5%;
    }

    .page_bottom_example ul.all_example li img{
        
    }
    .page_bottom_example ul.all_example li img.customer-type_icon{
        height: unset;
        width: 20%;
    }
    .paint_type_box ul.after_service_top_list li{
        width: 50%;
        margin-left: 0;
        font-size: 75%;
    }
    .paint_type_box ul.after_service_top_list li a{
        background: white;
        border: 1px solid #cfcfcf;
    }
    .paint_type_box ul.after_service_top_list li a: hover{
        background: #cfcfcf;
        color: black;
    }

    .gallery-columns-3 .gallery-item {
        max-width: 47.33%;
    }

    .after_service_big_box .woodworek_youtube_area{
        width: 100%;
        display: block;
    }

    .after_service_big_box .woodworek_youtube_area .woodworek_youtube_middle_box{
        width: 100%;
        display: block;
    }

    .after_service_big_box .woodworek_youtube_area .woodworek_youtube_middle_box iframe {
        height: 300px;
    }

    .after_service_big_box p.to_repeat_link a {
        text-align: center;
        margin: 0% 0;
        display: block;
        background: #868686;
        width: 80%;
        margin-left: 10%;
        padding: 2% 0;
        font-size: 125%;
        color: #fff;
        box-shadow: none;
        border: 1px solid #fff;
        box-shadow: 4px 6px 2px -1px rgba(0,0,0,0.6);
    }
    .after_service_big_box p.to_repeat_link a:hover {
        box-shadow: none;
    }


    .left_img_box .yokohama_rouka_slider{
        width: 30%;
    }
    .right_img_box_text h3 {
        width: 58%;
        font-size: 150%;
    }

    .entry-content .woodworek_youtube_area .woodworek_youtube_middle_box{
        width: 100%;
        display: block;
    }
    .entry-content .woodworek_youtube_area .woodworek_youtube_middle_box iframe{
        height: 300px;
    }

    .entry-content .company_profile_box h2.company_profile_title{
        font-size: 180%;
    }
    .entry-content .company_profile_box p{
        font-size: 100%;
        line-height: 150%;
    }

    .entry-content .president_hello_youtube {
        float: none;
        width: 100%;
    }
    .entry-content .president_hello_youtube iframe{
        height: 300px;
    }
    .president_hello_img_inner_box{
        font-size: 75%;
    }
    h3.company_profile_middle_title br.sp_only{
        display: unset;
    }


    .entry-content ul.page_bottom_link_list{
        list-style-type: none;
        display: block;
        table-layout: unset;
        text-align: center;
        width: 100%;
        margin-top: 10%;
        margin-left: 0;
    }
    .entry-content ul.page_bottom_link_list li {
        float: left;
        width: 32.3%;
        background-color: #ffb300;
        margin-left: 1%;
    }
    .entry-content ul.page_bottom_link_list li a{
        padding: 1% 0%;
        border-radius: 0;
        display: block;
    }
    .all_craftman_box .all_craftman_right_box a{
        width: 30%;
    }
    h3.all_craftman_title_mitsumori span.jp{
        padding: 0 5%;
    }

    .image_box_area img.image_box_area_right_fukidashi{
        width: 50%;
    }

    .gallery_bottom_link_area{
        margin-bottom: 30px;
    }
    .withyokohama .withyokohama_middle_box {
        text-align: left;
    }
    .withyokohama_middle_box h3.withyokohama_middle_title{
        border: 2px dashed #d3d3d3;
        padding: 1rem;
        border-left: 10px solid #d3d3d3;
        color: #000;
        font-weight: 400;
        margin-bottom: 0;
        text-align: left;
        width: 98%;
        margin-left: 1%;
        border-top: none;
        border-right: none;
        border-bottom: 0;
        background: none;
    }
    h2.title_collection_h2{
        font-size: 150%!important;
    }

    #post-49 .yokohama_rouka_left_img img{
        width: 100%;
    }

    #post-49 .yokohama_rouka_left_img p {
        bottom: 0;
        right: 0;
        top: unset;
        width: 100%;
        padding: 2%;
        margin-bottom: 0;
        font-size: 90%;
        line-height: 120%;
    }

    #post-49 .yokohama_rouka_right_img img {
        width: 90%;
        margin-left: 0;
        margin-top: 5%;
    }
    #post-49 .yokohama_rouka_right_img p {
        position: absolute;
        top: unset;
        left: unset;
        width: 85%;
        background: rgba(255,255,255,.9);
        padding: 2%;
        color: #000;
        border: 1px solid #cfcfcf;
        box-shadow: 3px 4px 11px -9px #000;
        bottom: -20%;
        margin-bottom: 0;
        font-size: 90%;
        line-height: 120%;
        right: 0;
    }
    #post-49 h3.yokohama_rouka_title{
        margin-top: 20%;
        font-size: 200%;
    }
    #post-49 .slick-dotted.slick-slider {
        margin: 30px 0;
    }

    #post-49 h3.yokohama_rouka_title:before, #post-49 h3.yokohama_rouka_title:after{
        width: 20%;
    }
    #post-49 .yokohama_rouka_left_img{
        margin-top: 100px;
    }

    .post-51 h2.title_collection_h2{
        font-size: 120%!important;
    }

    .post-51 .yahoo_answers_category_box span {
        background: #eaeaea;
        padding: 0 5px;
        margin-right: 2%;
        font-size: 80%;
        float: left;
        width: 30%;
        text-align: center;
    }
    .yahoo_answers_category_box li{
        margin-bottom: 5%;
    }
    .yahoo_answers_inner_box{
        font-size: 90%;
        width: 70%;
        margin-left: 32%;
        line-height: 120%;
    }
    ul.yahoo_answers_category_menu{
        bottom: 30%;
    }

    .of_thanx a.of_thanx_img_left span{
        font-size: 70%;
        text-align: center;
    }
    .of_thanx a.of_thanx_img_right span{
        font-size: 70%;
        text-align: center;
    }
    .guide_book_left_box img.guide_book_left_box_1st{
        height: 300px;
        object-fit: cover;
    }
    .guide_book_left_box img.guide_book_left_box_2nd{
        height: 400px;
        object-fit: cover;
    }
    .guidebook_middle_box p.paint_type_middle_box_text{
        font-size: 90%;
        line-height: 120%;
    }


    #event_photo_page ul.event_photo_list li {
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 0%;
        padding: 1% 0px;
    }


    .post-740 .youtube2 iframe{
        height: 350px;
    }

    .post-740 .bottom_box p.bottom_box_text {
        width: 90%;
        margin-left: 10%;
    }


    .post-740 .top_box .top_box_text{
        width: 80%;
    }

    .post-1372 h2.title_collection_h2{
        font-size: 120%!important;
    }


    .paint_type_box .paint_type_middle_big_box .paint_type_middle_box p.paint_type_middle_box_bottom_text {
        font-size: 90%;
        line-height: 125%;
    }

    .paint_type_box .synmptoms {
        padding: 1%;
        display: table;
        font-size: 90%;
        line-height: 130%;
    }
    .entry-content .paint_type_head_text{
        padding: 1rem;
    }

    .entry-content .repair_images_box p{
        font-size: 90%;
        text-align: center;
        padding-right: 0;
        left: 1%;
    }

    .page-id-84 .painting_type h4{
        font-size: 100%;
        line-height: 120%;
    }


    .page-id-78 .paint_type_box .woodwork .synmptoms_box,.page-id-80 .paint_type_box .woodwork .synmptoms_box {
        width: 50%;
        float: left;
        display: block;
    }

    .page-id-78 .paint_type_box p.synmptoms_box_text,.page-id-80 .paint_type_box p.synmptoms_box_text {
        margin-top: 0%;
    }


    .page-id-78 .paint_type_middle_big_box {
        display: table;
        margin-bottom: 0%;
    }

    .page-id-78 .paint_type_box .synmptoms_box {
        display: block;
        width: 100%;
        padding: 1%;
    }

    .page-id-32 .roof_big_box .big_title_box_text{
        top: 5%;
        left: 2%;
        width: 96%;
        padding: 1%;
    }

    .page-id-32 .about_gaihekitosou_info_text,.page-id-1426 .about_gaihekitosou_info_text,.page-id-30 .about_gaihekitosou_info_text{
        padding: 0;
    }

    .page-id-1428 .roof_cover .roof_cover_box .paint_type_middle_box{
        height: 400px;
    }

    .page-id-1430 .paint_type_box .paint_type_middle_box p.paint_type_middle_box_text,.post-21733 .paint_type_box .paint_type_middle_box p.paint_type_middle_box_text{
        font-size: 65%;
        line-height: 110%;
    }

    .synmptoms p{
        font-size: 110%;
    }

    .paint_type_box .paint_type_middle_box p.paint_type_middle_box_text{
        font-size: 90%;
        line-height: 100%!important;
    }

    .page-id-74 .paint_type_box .synmptoms_box{
        display: block;
        width: 100%;
        clear: both;
    }

    .page-id-74 .paint_type_box .synmptoms_box img{
        width: 30%;
        float: left;
    }

    .page-id-74 .paint_type_box p.synmptoms_box_text{
        font-size: 100%;
        line-height: 130%;
        margin-top: 0;
    }


    .page-id-74 .repair_box_text h3{
        font-size: 140%;
    }
    .page-id-66 .woodworek_youtube_area .woodworek_youtube_middle_box iframe{
        height: 180px;
    }
    .characteristic .characteristic_1st_box p {
        font-size: 100%;
        line-height: 140%;
    }
    .page-id-86 .proper_paint_example_box img {
        width: 100%;
        float: none;
    }
    .page-id-86 .proper_paint_example_box p {
        font-size: 100%;
        position: unset;
        width: 100%;
        /* background: rgba(255,255,255,.9); */
        /* left: 0; */
        /* bottom: 0; */
        padding: 3% 0;
        color: #000;
        z-index: 999;
        font-family: 'Noto Serif JP',serif;
        margin-bottom: 0;
        line-height: 150%;
        /* top: auto; */
    }
    .page-id-86 .proper_paint_example_2nd_box p {
        font-size: 100%;
        line-height: 150%;
        padding: 3% 0;
        position: unset;
    }


    .page-id-23213 ul.paint_test_post_list li span {
        margin-right: 1rem;
        display: block;
        font-size: 90%;
        line-height: 125%;
    }

    .page-id-23213 ul.paint_test_post_list li {
        font-size: 2rem;
        margin-bottom: 1rem;
        line-height: 100%;
    }

   .page-id-23213 h2.paint_type_head{
    font-size: 180%;
   }


    .widget {
        padding: 0;
    }

    #footer_2nd_box h2 {
        font-size: 200%;
    }
    #footer_2nd_box p.footer_2nd_box_1_tel_link a {
            font-size: 125%;
    }


    .page-id-29464 .after_service_3box .after_service_3box_inner{
        font-size: 80%;
        line-height: 110%;
    }

    .page-id-29464 .after_service_3box{
        margin-top: 5%;
    }
    .page-id-29464 .after_service_3box .after_service_3box_inner {
        display: block;
        padding: 1%;
        position: relative;
        width: 100%;
    }
    .page-id-29464 .after_service_3box{
        display: block;
    }
    
    .page-id-29464 .after_service_3box .after_service_3box_inner_arrow {
        vertical-align: middle;
        display: block;
        text-align: center;
        transform: rotate(90deg);
        margin-top: 5%;
        width: 100%;
        font-size: 100%;
    }

    .page-id-29468 .after_service_3box .after_service_3box_inner{
        font-size: 80%;
        line-height: 110%;
    }

    .page-id-29468 .after_service_3box{
        margin-top: 5%;
    }
    .page-id-29468 .after_service_3box .after_service_3box_inner {
        display: block;
        padding: 1%;
        position: relative;
        width: 100%;
    }
    .page-id-29468 .after_service_3box{
        display: block;
    }
    
    .page-id-29468 .after_service_3box .after_service_3box_inner_arrow {
        vertical-align: middle;
        display: block;
        text-align: center;
        transform: rotate(90deg);
        margin-top: 5%;
        width: 100%;
        font-size: 100%;
    }


    p.to_repeat_link a {
        text-align: center;
        margin: 5% 0;
        display: block;
        background: #868686;
        width: 80%;
        margin-left: 10%;
        padding: 1% 0;
        font-size: 150%;
        color: #fff;
        border: 1px solid #fff;
        box-shadow: none;
    }



    .page-id-29466 .after_service_3box{
        margin-top: 5%;
    }
    .page-id-29466 .after_service_3box .after_service_3box_inner {
        display: block;
        padding: 1%;
        position: relative;
        width: 50%;
        float: left;
        font-size: 80%;
        line-height: 110%;
    }
    .page-id-29466 .after_service_3box{
        display: block;
        overflow: auto;
    }
    
    .page-id-29466 .after_service_3box .after_service_3box_inner_arrow {
        vertical-align: middle;
        display: block;
        text-align: center;
        transform: rotate(90deg);
        margin-top: 5%;
        width: 100%;
        font-size: 100%;
    }
    .page-id-29466 .after_service_3box.top_3_box .after_service_3box_inner{
        display: block;
        padding: 1%;
        position: relative;
        width: 100%;
        float: none;
    }

    .page-id-29466 .after_box .after_service_3box_inner p {
        background: rgba(255,128,0,.8);
        color: #fff;
        font-size: 100%;
    }

    .page-id-29466 .before_box .after_service_3box_inner p {
        background: rgba(15,210,255,.8);
        font-size: 100%;
    }


    .page-id-29470 .after_service_3box {
        display: block;
        margin-bottom: 5%;
    }
    .page-id-29470 .after_service_3box .after_service_3box_inner{
        display: block;
        padding: 1%;
        position: relative;
        width: 100%;
        float: none;
    }
    .page-id-29470 .after_service_3box .after_service_3box_inner_arrow {
        vertical-align: middle;
        display: block;
        text-align: center;
        transform: rotate(90deg);
        margin-top: 5%;
        width: 100%;
        font-size: 100%;
    }

    .page-id-3497 .paint_type_middle_big_box.box_3_style {
        display: block;
    }
    .page-id-3497 .box_3_style .paint_type_middle_box {
        width: 50%;
    }



    .page-id-24806 .mortar_crack_repair_title_box img {
        width: 100%;
    }
    .page-id-24806 .mortar_crack_repair_title_box p.mortar_crack_repair_text {
        position: unset;
        bottom: 0%;
        right: 0%;
        width: 100%;
        background: rgba(255,255,255,.9);
        padding: 1% 0 0 0;
        line-height: 3rem;
        font-size: 2rem;
        color: #000;
        margin-bottom: 0;
        font-size: 100%;
        line-height: 110%;
    }

    .page-id-24806 .mortar_crack_repair_right img {
        width: 100%;
        margin-left: 0%;
    }
    
    .page-id-24806 .mortar_crack_repair_right p.mortar_crack_repair_text {
        position: unset;
        left: unset;
        right: unset;
        bottom: unset;
        width: 100%;
    }
    
    
    
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 43%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    
    
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper_last{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 43%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    .page-id-24806 .mortar_crack_repair_2box .paint_type_middle_box {
        display: block;
        width: 100%;
        position: relative;
        padding: 0 1%;
        margin-bottom: 3%;
    }
    
    
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper.mortar_crack_repair_step{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 43%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    
    
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper_last.mortar_crack_repair_step{
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 43%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    .page-id-24806 .mortar_crack_repair_filler_box p.mortar_crack_repair_filler_text {
        position: unset;
        bottom: 0;
        background: rgba(255,255,255,.9);
        margin-bottom: 0;
        padding: 2% 0;
        font-size: 100%;
        font-family: 'Noto Serif JP',serif;
        line-height: 150%;
    }

    .page-id-24806 h2.mortar_crack_repair_title_q {
        position: relative;
        padding: 5px 5px 5px 50px;
        background: #f88000;
        color: #000;
        margin-left: -33px;
        font-size: 125%;
        z-index: 0;
        margin-bottom: 0;
        text-align: center;
        font-weight: bold;
    }
    .page-id-24806 p.mortar_crack_repair_title_a {
        background: #fffce8;
        padding: 4%;
        font-size: 100%;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        font-weight: normal;
        width: 96%;
    }


    .page-id-24806 p.mortar_crack_repair_text_box b {
        font-size: 125%;
    }



    .page-id-33097 .paint_type_box .paint_type_middle_box {
        width: 100%;
        padding: 1%;
        float: none;
    }
    
    .page-id-33097 .paint_type_box .paint_type_middle_img_box{
        margin-bottom: 1%;
    }
    
    .page-id-33097 .paint_type_middle_big_box p.shitanuri_text_box {
        padding: 0;
        line-height: 2.5rem;
        margin-bottom: 3%;
    }


    .gallery-columns-6 .gallery-item {
        max-width: 22.66%;
    }

    .site-info {
        font-size: 13px;
        float: none;
    }

    .footer_2nd_box_3{
        clear: both;
    }
    .footer_2nd_box_3 ul {
        text-align: center;
        margin-left: 0;
    }

}

@media (max-width:839px) {
    .front-slider-block,
    .top-featured-post-main-wrapper {
        width: 100%;
        float: none
    }
    .front-slider-wrapper {
        margin: 0 0 40px 0
    }
    .front-slider-block {
        width: 100%;
        float: none;
        margin-bottom: 40px
    }
    .top-featured-post-wrap {
        overflow: auto;
        margin-right: -3%
    }
    .top-featured-post-wrap .mt-single-post-wrap {
        width: 47%;
        float: left;
        margin-bottom: 3%;
        margin-right: 3%
    }
    #top-footer.footer-column-four .mt-footer-widget {
        width: 47%
    }
    .top_title_area h3 {
        margin-bottom: 0;
        font-size: 2.2rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
    }
    .gallery-caption {
	    line-height: 2rem;
	    padding-top: 2%;
	}

    .odd_box_text_box{
        width: 100%;
        float: none;
        padding: 0 2%;

    }
    .test_table th {
        width: 25%;
    }
    .test_table td {
        width: 75%;
    }

    .test_table td .test_table_child th{
         width: 30%;   
    }

    .fee_box ul li {
        font-size: 90%;
        line-height: 110%;
        margin-bottom: 10px;
    }



}

@media (max-width:768px) {
    .entry-content p {
        font-size: 100%;
        line-height: 150%;
    }
    .entry-meta {
        line-height: 1.5
    }
    .entry-meta a {
        font-size: 12px
    }
    .entry-header {
        margin-top: 5px
    }
    .posted-on a::before {
        width: 11px;
        right: -16px
    }
    .posted-on a {
        margin-right: 16px
    }
    #primary,
    #secondary,
    .home.blog #primary,
    .home.blog #secondary {
        width: 100%
    }
    .right-sidebar #primary .thumb-cat-wrap .wp-post-image {
        width: 100%
    }
    .mt-menu-search .mt-form-wrap .search-form .search-submit {
        padding: 16px 46px
    }
    .mt-menu-search .mt-form-wrap .search-form .search-field {
        height: 48px;
        font-size: 18px
    }
    .mt-form-close {
        font-size: 40px
    }
    .trending-wrapper {
        width: 100%;
        position: relative;
        margin-bottom: 10px
    }
    .error-num {
        font-size: 50px;
        line-height: 70px
    }
    .error-num span {
        font-size: 30px
    }
    h1 {
        font-size: 20px
    }
    .error404 h1 {
        font-size: 20px
    }
    .error404 .page-content {
        font-size: 12px
    }
    .error404 #primary {
        padding: 20px 0
    }
    .slider-post-wrap {
        height: 450px
    }
    .top_title_area {
        position: absolute;
        top: 60%;
        left: 5%;
        padding: 2%;
        background: #ffffffeb;
        width: 90%;
        z-index: 998;
        text-align: center;
    }
    .top_title_area h3 {
        font-size: 2.4rem;
    }

    .site-branding {
        padding: 1% 0%;
        background: none;
        width: 50%;
        z-index: 998;
        float: left;
    }
    img.custom-logo {
        width: 100%;
    }
    .site-branding_right {
        padding: 1% 0%;
        background: none;
        width: 50%;
        z-index: 998;
        float: right;
        text-align: right;
        display: block!important;
    }

    #follow_sns{
        display: none;
    }

    video {
        z-index: 1;
        width: 100vw;
        position: relative;
        left: auto;
        right: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #footer_2nd_box .footer_2nd_box_1 {
        width: 35%;
        float: left;
    }
    .site-info {
        font-size: 13px;
        float: none;
    }
    .before_after_big_box_right ul.construction-type_list li {
        width: 18%;
        margin: 1%;
        float: left;
        border: 1px solid #bdbdbd;
        font-size: 1.8rem;
    }
    .before_after_big_box .before_after_box input{
        font-size: 125%;
    }
    #main .before_after_big_box_right p.friend{
        padding: 2px 3%;
    }
    #main .before_after_big_box_right p.repeat{
        padding: 2px 3%;
    }
    #main .before_after_big_box_right p.before_after_big_box_right_painter_name{
        margin-top: 0;
    }
    #main .before_after_big_box_right p.before_after_big_box_right_painter_name: after{
        font-family: "Font Awesome 5 Free";
        content: "\f35d";
        font-weight: 900;
        font-size: 75%;
    }
    .before_after_big_box_right ul.painter-license_list li{
        margin-right: 3%;
    }
    .example_from_consumer p.example_from_consumer_comment{
        font-size: 100%;
    }
    .example_from_consumer summary{
       
    }
    .example_area_left .fin_left_box {
        width: 100%;
        float: none;
    }
    #main .before_after_big_box {
        width: 100%;
        margin-right: 1%;
        position: relative;
        float: none;
    }
    #main .before_after_big_box_right {
        width: 100%;
        float: none;
        background: #d8d8d8;
        padding: 2%;
        margin-left: 0%;
        margin-bottom: 5%;
    }
    #main .before_after_big_box_right p {
        margin-bottom: 0;
        margin-top: 3%;
    }
    #main .before_after_big_box_right p.first_time {
        margin-top: 0;
        background: #7af3ff;
        padding: 0%;
        text-align: center;
        display: block;
        font-weight: bold;
        border: 1px solid #106a73;
        width: 30%;
    }
    .before_after_big_box_right_painter_name{
        margin-top: 0;
    }
    .page-id-7 #header_bg {
        height: 90px;

    }
    #header_bg {
        height: 90px;
    }
    .header_right_info img {
        width: 50%;
        margin-right: 3%;
    }
    .example_area_left .fin_right_box {
        width: 100%;
        float: none;
        margin: 5% 0 5% 0;
    }
    h2.mortar_crack_repair_title_q{
        margin-left: -15px
    }
    p.mortar_crack_repair_title_a{
        width: 98%;
    }
    p.page_bottom_contact_box_right_phone {
        font-size: 3rem;
        transform: scale(1.0, 1.7);
    }

    p.page_bottom_contact_box_right_to_form {
        background: #ff8000;
        font-size: 1.7rem;
        text-align: right;
        margin-left: 30%;
        border-radius: 5px;
        padding: 0 8%;
    }
    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border: 1px solid #BFBFBF;
        padding: 3px 5px;
        margin: 2px;
        font-size: 1rem;
    }


    .page_list_text_box h2{
        border-bottom: 1px solid #cdcdcd;
        font-weight: normal;
    }
    .arrow_btn {
        display: inline-block;
        position: relative;
        width: 100%;
        text-decoration: none;
        color: #1b1b1b;
        border-radius: 10px;
        border: 1px solid #ca6500;
        transition: transform ease .3s;
        margin: 0% 0% 1% 0;
        padding: 1rem;
        text-align: center;
        font-size: 2rem;
        background: #ffead6;
    }
    .arrow_btn:hover {
         cursor: pointer;
         text-decoration: none;
    }
    .arrow_btn span {
        display: inline-block;
        text-decoration: none;  
        transition: transform ease .3s;
        margin-left: 1rem;
    }
    .arrow_btn:hover span{
        cursor: pointer;
        text-decoration: none;
        transform: translateX(10px);
    }


    .post-102 .about_tososhokunin_point_box .about_tososhokunin_point_innerbox p{
        position: unset;
    }


    .paint_type_box .paint_type_middle_big_box .paint_type_middle_box p.paint_type_middle_box_bottom_text {
        font-size: 100%;
        line-height: 150%;
    }

    .paint_type_box .synmptoms{
        font-size: 100%;
        line-height: 150%;
    }

    .page-id-66 .odd_box_text_box {
        width: 100%;
        float: none;
        padding: 0 2%;
    }


    .page-id-32 .roof_big_box .big_title_box_text{
        padding: 1%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 90%;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .paint_type_box .paint_type_middle_box p.paint_type_middle_box_text{
        margin-top: 1%;
    }
    .page-id-1428 .entry-content .paint_type_head_text{
        padding: 0;
    }

    .page-id-1428 .roof_cover .roof_cover_box .paint_type_middle_box {
        height: 400px;
        width: 50%;
        float: left;
        padding: 1%;
        margin-bottom: 10%;
    }
    .entry-content .woodworek_youtube_area .woodworek_youtube_middle_box iframe {
        height: 400px;
    }


    .content-area ul.all_example li.all_example_list {
        width: 48%;
        height: 380px;
    }

    .content-area ul.all_example li.all_example_list .scale-box img{
        height: 200px;
    }

    .content-area ul.construction-type_list li{
        font-size: 120%;
    }

    .content-area ul.all_example li.all_example_list p.all_example_list_title{
        padding: 0 3% 3%;
    }







}

@media (max-width:600px) {
    .top-featured-post-wrap {
        margin-right: 0
    }
    .top-featured-post-wrap .mt-single-post-wrap {
        width: 100%;
        margin-right: 0
    }
    .top_title_area p {
        font-size: 1.5rem;
    }
    .top_title_area h3 {
        font-size: 2.3rem;
    }
    .top_title_area {
        position: absolute;
        top: 50%;
        left: 1%;
        padding: 2%;
        background: #ffffffeb;
        width: 98%;
        z-index: 998;
        text-align: center;
    }
    p.follow_sns_title{
        display: none;
    }
    p.follow_sns_body{
        float: right;
        width: 33%;
    }
    li.all_example_list ul.construction-type_list {
        margin-left: 0;
        position: static;
        width: 100%;
        opacity: 1;
        transition: all 0.3s ease 0s;
        margin-top: 1%;
    }
    p.all_example_list_title{
        clear: both;
    }
    .footer_2nd_box_2 ul.footer_2nd_box_2_list{
        margin: 0;
        overflow: auto;
    }
    #footer_2nd_box .footer_2nd_box_2 ul.footer_2nd_box_2_list li {
        list-style-type: none;
        display: inline-block;
        padding: 0 1%;
        margin-right: 0;
        margin-bottom: 4%;
        width: calc(50% - 0px);

	}
    #footer_2nd_box .footer_2nd_box_3 ul.footer_2nd_box_3_list{
        margin-left: 0;
    }
    #footer_2nd_box .footer_2nd_box_3 ul.footer_2nd_box_3_list li {
        list-style-type: none;
        display: inline-block;
        padding: 0 1%;
        margin-right: 0;
        margin-bottom: 4%;
        width: calc(50% - 0px);

    }


	#footer_2nd_box .footer_2nd_box_2 ul li p {
	    font-size: 1.5rem;
	    font-weight: bold;
	    padding-left: 4rem;
	    position: relative;
	    margin-bottom: 2%;
	    margin-top: 5%;
	    letter-spacing: -0.1rem;
	}

    .archive-grid-post-wrapper,
    .mt-archive--masonry-style .color-blog-content-masonry {
        margin-left: 0
    }
    .mt-archive--block-grid-style article,
    .mt-archive--masonry-style #mt-masonry article,
    .no-sidebar.mt-archive--block-grid-style article,
    .no-sidebar.mt-archive--masonry-style #mt-masonry article {
        width: 44%;
        margin-left: 5%;
    }
    .single .entry-title {
        font-size: 18px
    }
    .breadcrumbs .trail-items {
        font-size: 12px
    }
    .custom-header {
        padding: 28px 0
    }
    .mt-related-posts-wrapper {
        margin-left: 0
    }
    .mt-related-posts-wrapper article {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    .mt-related-posts-wrapper .post-cats-list a {
        margin-top: 10px
    }
    .head-tags-links a {
        display: block
    }
    .tags-wrapper {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        width: auto;
        padding: 0 20px
    }
    .trending-wrapper:hover .tags-wrapper {
        left: 0;
        top: 100%
    }
    .tags-wrapper a {
        display: block;
        padding: 10px 0
    }
    blockquote {
        font-size: 14px
    }
    .custom-header .entry-title,
    .custom-header .page-title {
        font-size: 28px
    }
    #top-footer.footer-column-three .mt-footer-widget {
        width: 97%
    }
    ul.page_bottom_link_list{
      list-style-type: none;
      display: table;
      table-layout: fixed;
      text-align: center;
      width: 100%;
      margin-top: 10%;
      margin-left: 0;
    }
    ul.page_bottom_link_list li {
        display: block;
        vertical-align: middle;
        line-height: 7rem;
    }
    
    ul.page_bottom_link_list li a {
        background-color: #ffb300;
        border-radius: 5px 5px 5px 4px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0;
        color: black;
        font-weight: normal;
        width: 90%;
        display: block;
        margin-left: 5%;
        margin-bottom: 3%;
        font-size: 2rem;
    }
    ul.page_bottom_link_list li a:hover{
        background-color: #fdff70; /*ボタン色*/
    }
      .last td:last-child {
      border-bottom: solid 1px #ccc;
      width: 100%;
    }
    .tbl-r02 {
      width: 98%;
      margin-left: 1%;
      table-layout: fixed;
    }
    .tbl-r02 th,
    .tbl-r02 td {
　   　border-bottom: none;
      display: block;
      width: 100%;
    }
    .tbl-r02 td input{
        width: 100%;
    }
    table.tbl-r02 tr.last td input{
        margin-left: 0;
    }
    .contact_attention{
      padding: 5%;
      margin-bottom: 3%;
      }
    ul.privacy_policy_list{
          padding: 0 10%;
          margin: 0;
        }
        p.yahoo_answers_head_text{
            margin: 2%;
        }
        a.yahoo_answers_bottom_link img {
            width: 50%;
            margin-left: 25%;
        }

    .arrow_right_box {
        position: relative;
        width: 90%;
        padding: 10px;
        text-align: center;
        border: 2px solid #000000;
        font-size: 2rem;
        font-weight: bold;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-left: 7%;
        line-height: 3rem;
    }
    .arrow_left_box {
        position: relative;
        width: 90%;
        padding: 10px;
        text-align: center;
        border: 2px solid #000000;
        font-size: 2rem;
        font-weight: bold;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-right: 7%;
        line-height: 3rem;
    }
    .guidebook_text_left img {
        width: 50%;
        float: left;
        margin: 0 1% 1% 0;
    }
    .guidebook_text_left {
        font-size: 2rem;
        padding: 0 2%;
        line-height: 3rem;
    }
    .guidebook_text_right img {
        width: 55%;
        float: right;
        margin: 0 0 1% 1%;
    }
    .guidebook_text_right {
        font-size: 2rem;
        padding: 0 2%;
        line-height: 3rem;
    }

    .guidebook_footer_attention{
        text-align: center;
        padding: 0 5%;
        font-weight: bold;
    }
    .post_link_area p{
        text-align: center;
    }


    .gallery-columns-2 .gallery-item {
        max-width: 100%;
        margin-left: 1%;
        margin-bottom: 5%;
    }

    .gallery-caption {
        line-height: 2.5rem;
        padding-top: 0%;
        font-size: 1.6rem;
    }

    ul.novel_corona_list li{
        font-size: 2rem;
    }
    ul.novel_corona_list {
    	padding-left: 1rem;
    }
    ul.novel_corona_image_list li{
    	width: 50%;
    }
    .pt-cv-colsys .pt-cv-content-item {
        flex: none;
        max-width: initial;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 5%;
        padding-bottom: 1%;
    }
    .pt-cv-content{
        line-height: 2rem;
    }

    p.recruit_head_text{
    	font-size: 2rem!important;
    	line-height: 3rem;
    	text-align: left;
    	font-weight: normal;
    }
    table.recruit_table_inner{
    	font-size: 2rem;
    }
    table.entry_form th{
    	font-size: 2rem;
    }
    span.wpcf7-list-item{
    	font-size: 2rem;
    }
    table.entry_form{
        table-layout: fixed;
    }
    table.entry_form tr td{
        text-align: left!important;
        font-size: 2rem;
    }
    span.tel-845 input{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    .last td:last-child {
        text-align: center!important;
    }

    .test_table th{
        text-align: center;
    }
    .test_table th, .test_table td{
        display: block;
        width: 100%;
    }
    .test_table .last td:last-child {
        text-align: left!important;
    }
    .test_table h3{
        font-size: 100%;
    }

    .test_table td .test_table_child th, .test_table td .test_table_child td{
        width: 100%;
        display: block;
        text-align: center;
        padding: 3%;
    }
    .test_table.fee tr td td{
        padding-left: 0;
    }
     .test_table td .test_table_child tr.last td{
        text-align: center!important;
     }

    .description_box ol {
        margin: 0;
        border: 1px solid gray;
        padding: 10% 5% 10% 15%;
    }

    .description_box ol li {
        font-size: 110%;
    }

    .test_table.fee tr td .test_table_child tr td{
        padding: 3%;
    }

    .withyokohama_youtube_area{
        display: block;
        width: 100%;
        margin-top: 50px;
    }
    .withyokohama_youtube_area .youtube_area_box{
        display: block;
        padding: 1%;
    }

}

@media (max-width:480px) {
	.sp_only{display: block;}
	.pc_only{display: none;}
	#mt-scrollup{display: none!important;}

    .page_bottom_contact_box_left img{
        width: 100%;
    }
    p.page_header_text {
        font-size: 2rem;
        line-height: 2.5rem;
        padding: 3%;
        background: #f2f2f2;
        width: 94%;
        margin-left: 3%;
    }
    .page_bottom_contact_box_left a.page_bottom_example_link {
        display: block;
        width: 80%;
        text-align: center;
        background-color: #ff8000;
        border: 1px solid #ff8000;
        font-size: 60%;
        color: #ff8000;
        text-decoration: none;
        font-weight: 700;
        padding: 0;
        border-radius: 0;
        position: relative;
        font-weight: 400;
        margin-left: 10%;
        margin-bottom: 10%;
    }


    #main h3.all_craftman_title span{
        padding: 0%;
    }

    .mt-social-icon-wrap li {
        margin-right: 8px
    }
    .menu-toggle {
        padding: 9px 0
    }
    .single .post-info-wrap {
        margin-top: 10px
    }
    .mt-social-wrapper {
        margin: 12px 0 12px
    }
    .mt-search-icon {
        font-size: 14px;
        margin: 12px 0 12px 8px
    }
    .single .post-cat,
    .single .post-cats-list {
        margin-bottom: 5px;
    }
    .single .mt-author-box .mt-author-info .mt-author-name {
        font-size: 18px
    }
    .mt-author-bio {
        font-size: 12px
    }
    .mt-author-meta {
        font-size: 13px
    }
    .comment-form-cookies-consent label {
        margin-left: 0
    }
    .custom-header .entry-title,
    .custom-header .page-title {
        font-size: 26px
    }
    p {
        font-size: 18px;
    	line-height: 3rem;
    }
    .search-no-results #primary .search-submit {
        margin-top: 18px;
        font-size: 18px
    }
    .error404 #primary {
        padding: 0
    }
    .error-404.not-found {
        width: 100%;
        padding: 18px 0 18px 0
    }
    .error404 .page-title {
        font-size: 16px
    }
    .slider-post-wrap {
        height: 360px
    }
    .front-slider-block .post-info-wrap .entry-title {
        font-size: 20px
    }
    #top-footer.footer-column-four .mt-footer-widget,
    #top-footer.footer-column-two .mt-footer-widget {
        width: 97%
    }
    img.custom-logo {
	    width: 100%;
	}
	p.follow_sns_body {
   		float: right;
    	width: 60%;
	}
	.top_1st_box ul li.horizontal {
	    width: 100%;
	    margin-left: 0%;
	    margin-bottom: 2%;
	}

	.header_right_info > a{
		display: none;
	}
	#footer_2nd_box .footer_2nd_box_1 {
	    width: 100%;
	    float: none;
	    text-align: center;
	}
	.top_1st_box ul li.vertical {
    	float: none;
    	width: 100%;
    	margin-right: 1%;
	}
	#footer_2nd_box .footer_2nd_box_2 ul li {
	    list-style-type: none;
	    float: left;
	    margin-right: 1%;
	    width: 49%;
	    height: 200px;
	    overflow: hidden;
	}

	.textwidget img{
		width: 100%;
	}
	.mt-container, .site-layout--boxed #page {
    	width: auto;
    	margin: 0 0%;
	}
	.top_title_area h3 {
	    font-size: 2.5rem;
	}

	.top_title_area p {
    	font-size: 1.5rem;
	}
	.top_title_area {
    	top: 50%;
	}
	h2.title_collection_h2 {
    	font-size: 3rem;
        height: auto;
        line-height: 3rem;
	}
	span.h2_title_span {
		display: none;
	}
	#footer_2nd_box .footer_2nd_box_2 ul li p {
	    letter-spacing: -.1rem;
        font-size: 100%;
        font-weight: 700;
        padding-left: 3rem;
        position: relative;
        margin-bottom: 0%;
        margin-top: 5%;
        color: #fff;
        min-height: unset;
        height: unset;
	}
    .yahoo_answers_menu_box{
        display: none;


    }
    .yahoo_answers_menu_box.is-in{
        display: block;
    }

    ul.yahoo_answers_category_menu{
        bottom: 13%;
    }


	p.why_tosoushokunin_disc {
        width: 96%;
        margin-left: 2%;
        line-height: 3rem;
        padding: 1rem;

	}
	h3.why_tosoushokunin_title {
    	position: relative;
    	padding-left: 1.2em;
   	 	line-height: 1.4;
   	 	width: 90%;
    	margin-left: 3%;
	}

    .header-widget-wrapper{display: none;}
    .site-info {
        font-size: 13px;
        float: none;
    }
    #sp_footer_call{
        display: block!important;
        opacity: 1;
        transition: all 1s;
    }
    #sp_footer_call.is-hidden{
        opacity: 0;
    }
    #sp_footer_call ul{
        margin-left: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999999;
        display: table;
        background: white;
        padding-right: 1%;
        box-shadow: 0px 18px 30px 10px #000000;
    }
    #sp_footer_call ul li{
        display: table-cell;
    }
    #sp_footer_call img{
        padding: 5%;
    }

    p.page_header_text {
        font-size: 2rem;
        color: black;
        padding: 0 2rem;
        line-height: 3rem;
    }

    img.image_box_area_right_fukidashi {
        position: absolute;
        bottom: 0;
        left: 4%;
        width: 45%;
    }
    .type-page .gray_box {
        padding: 1rem 3rem;
        background: #eeeeee;
        border: 1px solid gainsboro;
        padding: 5% 5%;
    }
    .type-page p.bottom_youtube_text {
        font-size: 2.3rem;
    }

    .to_paint_trial_web{
        padding: 0 3%;
    }

    #colophon {
    	margin-top: 0;
    	background: #545454;
	}
	ul li.sf-level-0 {
    	float: left;
    	margin-right: 2%;
    	width: auto;
    	padding: 0 5%;
	}
	details summary {
    	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    	color: #5f5f5f;
    	display: inline-block;
    	padding: 0.6em 2em;
    	cursor: pointer;
    	transition: all 0.3s ease 0s;
    	background: none;
	}
    ul.page_bottom_link_list{
      list-style-type: none;
      display: table;
      table-layout: fixed;
      text-align: center;
      width: 100%;
      margin-top: 10%;
      margin-left: 0;
    }
    ul.page_bottom_link_list li {
        display: block;
        vertical-align: middle;
        line-height: 7rem;
    }
    
    ul.page_bottom_link_list li a {
        background-color: #ffb300;
        border-radius: 5px 5px 5px 4px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0;
        color: black;
        font-weight: normal;
        width: 90%;
        display: block;
        margin-left: 5%;
        margin-bottom: 3%;
        font-size: 2rem;
    }
    ul.page_bottom_link_list li a:hover{
        background-color: #fdff70; /*ボタン色*/
    }
    
    .page_bottom_contact_box_left{
        display: block;
        width: 100%;
    }
    
    .page_bottom_contact_box_left a:hover{
      color: #9a4d00;
      font-weight: bold;
      font-size: 2.1rem;
    }
    
    .page_bottom_contact_box_right{
        display: block;
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
        padding: 2%;
        vertical-align: middle;
    }
    p.page_bottom_contact_box_right_to_form {
        background: #ff8000;
        font-size: 1.7rem;
        margin-left: 10%;
        border-radius: 5px;
        padding: 5% 8%;
        width: 80%;
        text-align: center;
        margin-top: 3%;
    }
    p.page_bottom_contact_box_right_phone {
        font-size: 3rem;
        margin-bottom: 5%;
    }
    .page_bottom_contact_box_right a{
      color: #ff8000;
      font-weight: bold;
    }
    .page_bottom_contact_box_right a:hover{
        font-weight: bold;
        color: #9a4d00;
    }
    .page_bottom_contact_box_right a i {
        transform: rotate(110deg);
        font-size: 2.5rem;
    }
    p.page_bottom_contact_box_attention{
        margin: 0;
        font-size: 1.5rem;
    }

    p.page_bottom_contact_box_right_attention {
        font-size: 3rem;
        margin: 5% 0;
    }

    .page_bottom_contact_box{
        display: block;
        width: 100%;
        margin-left: 0%;
        border: 1px solid gray;
        margin-bottom: 10%;
    }
    p.bottom_youtube_text {
        padding-bottom: 5%;
    }
    .page_bottom_contact_box p.page_bottom_contact_box_head_text{
        line-height: 3rem;
        display: block;
    }

    p.page_bottom_contact_box_right_to_line a img{
        width: 50%;
    }
    p.reference {
        border: 1px solid #e4e4e4;
        padding: 2% 3%;
        width: 100%;
        margin-left: 0%;
        margin-top: 5%;
        font-size: 1.5rem!important;
        line-height: 1.5rem;
    }
    #movie{
        margin-top: -30%;
        position: relative;
    }


    .entry-content .wp-gr .wp-google-list{
        padding: 0 3%!important;
    }

    #main{
        padding: 0 1%;
    }

    #masthead .mt-logo-row-wrapper .logo-ads-wrap .mt-container {
        width: 100%;
        margin: 0 auto;
    }

    .site-branding_right{
        display: none;
    }
    #header_bg {
        height: 100px;
        display: block;
    }
    .page-id-7 #header_bg{
        display: none;
    }
    #header_top_logo{
        background: rgba(255,255,255,0.2)
    }


    .site-branding{
        width: 100%;
        margin-bottom: 0;
        padding-top: 3%;
    }
    ul.all_blog li {
        width: 50%;
        margin-bottom: 1%;
        margin-right: 0%;
        padding: 0.5%;
    }

    ul.all_blog li p.all_blog_list_date{
        left: 3%;
    }

    ul.all_blog li img{
        height: 130px;
        border-radius: 0;
    }
    ul.all_blog li h3{
        font-size: 1.2rem;
        padding: 0 2%;
    }

    ul.all_blog li p.all_blog_list_author{
        right: 2%;
    }

    .blog_page_navi{
        padding: 2.5% 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .blog_page_navi > *{
      min-width: 8%;
      flex-basis: 25%;
      background: #fff;
      font-size: 64px;
      text-align: center;
    }

    .gallery_bottom_link {
        display: block;
        width: 80%;
        margin-left: 10%;
        vertical-align: middle;
        margin-bottom: 5%;
    }
    .slate_3box .paint_type_middle_box::after {
        content: '▶';
        position: absolute;
        bottom: -15%;
        color: #ff8000;
        z-index: 999;
        right: 46%;
        font-size: 3rem;
        transform: rotate(90deg);
    }
    .page-id-1420 .slate_3box .paint_type_middle_box::after {
        bottom: 10%;
    }
    .slate_3box .paint_type_middle_box.slate_3box_last::after {
        content: '';
    }
    .slate_3box .paint_type_middle_box{
        min-height: 280px;
    }
    .slate_3box .paint_type_middle_img_box:after {
        content: ''!important;
        position: unset!important;
        top: unset!important;
    }
    .paint_type_box p.synmptoms_box_text {
        margin-top: 0%;
        margin-bottom: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 0;
    }

    .page-id-21389 .slate_3box .paint_type_middle_box{
        min-height: unset;
    }



    .error404 #primary {
        float: none;
        width: 100%;
        padding: 0px 0;
    }
    .after_service_big_box .after_service_middle_img_box ul.after_service_middle_img_box_list li {
        width: 50%;
        float: left;
        padding: 1%;
    }
    .after_service_big_img_box .after_service_big_img_box_year.before {
        background: #ffb938;
        padding: 0 5%;
        top: 5%;
        font-size: 70%;
    }
    .after_service_big_img_box .after_service_big_img_box_year.after {
        background: #3851ff;
        color: white;
        padding: 0 5%;
        top: 5%;
        font-size: 70%;
    }
    .after_service_middle_img_box ul.after_service_middle_img_box_list li .img_inner_box p {
        font-size: 1rem;
        line-height: 1.3rem;
        background: #e6e6e6db;
        padding: 2% 3% 0 3%;
    }
    p.to_repeat_link a {
        text-align: center;
        margin: 5% 0;
        display: block;
        background: #868686;
        width: 90%;
        margin-left: 5%;
        padding: 1% 0;
        font-size: 2rem;
        color: white;
        box-shadow: 0px 0px 15px -3px #000000;
        border: 1px solid white;
    }

    .mortar_crack_repair .mortar_crack_repair_title_box {
        position: unset;
        width: 100%;
        margin-bottom: 5%;
    }
    .mortar_crack_repair .mortar_crack_repair_title_box p.mortar_crack_repair_text {
        position: unset;
        bottom: 5%;
        right: 0;
        width: 100%;
        background: rgba(255,255,255,0.9);
        padding: 1rem;
        line-height: 2.5rem;
        font-size: 1.7rem;
        color: black;
    }
    .mortar_crack_repair h3.mortar_crack_repair_title {
        font-size: 2rem;
        font-weight: bold;
        border-bottom: 5px double #2d2d5c;
        background-color: white;
        padding: 1rem;
    }
    .mortar_crack_repair .mortar_crack_repair_title_box img {
        width: 100%;
        margin-left: 0;
    }

    .mortar_crack_repair .mortar_crack_repair_right p.mortar_crack_repair_text {
        position: unset;
        left: 0;
        right: unset;
        bottom: 0;
        width: 100%;
    }
    .mortar_crack_repair .mortar_crack_repair_middle_box p {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }
    .mortar_crack_repair .mortar_crack_repair_ribbon_wrapper::after{
        content: none;
    }
    .mortar_crack_repair .mortar_crack_repair_filler_box {
        position: unset;
        width: 100%;
    }
    .mortar_crack_repair .mortar_crack_repair_filler_box p.mortar_crack_repair_filler_text {
        position: unset;
        font-size: 1.7rem;
    }
    .mortar_crack_repair .mortar_crack_repair_middle_box img {
        width: 100%;
    }
    .mortar_crack_repair .mortar_crack_repair_youtube_box {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    .mortar_crack_repair h2.mortar_crack_repair_title_q {
        position: relative;
        padding: 3% 7%;
        background: #f88000;
        color: black;
        margin-left: 0;
        font-size: 2.5rem;
        z-index: 0;
        margin-bottom: 0;
        text-align: center;
    }

    .mortar_crack_repair p.mortar_crack_repair_title_a {
        background: #fffce8;
        padding: 2%;
        font-size: 1.7rem;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        width: 100%;
        line-height: 2.5rem;
        font-weight: normal;
    }
    .mortar_crack_repair p.mortar_crack_repair_text_box b {
        font-size: 2rem;
        text-align: center;
    }
    .mortar_crack_repair p.mortar_crack_repair_text_box {
        background: #ececec;
        padding: 1rem;
        font-size: 1.7rem;
        border-radius: 10px;
        margin-bottom: 5%;
        line-height: 2.5rem;
    }

    .site-main .color-blog-content-masonry .entry-content p{
    	display: none;
    }
    .single article .entry-content {
    	margin-top: 20px;
    	padding: 0 1rem;
	}
	.taxonomy-description p{
		padding: 0 1rem;
	}
    #main .flow_top_big_box {
        display: block;
        width: 100%;
    }
    #main .flow_top_outer_box{
        width: 100%;
        display: block;
    }
    #main .scaffold_img_box {
        display: block;
    }
    #main .scaffold_img_box::after{
        content: '';
        clear: both;
        display: block;
    }
    #main .scaffold_img_box .scaffold_img_inner_box {
        display: block;
        text-align: center;
        padding: 1%;
        width: 50%;
        float: left;
    }
    #main .scaffold_img_box .scaffold_img_inner_box p{
        margin-bottom: 0;
        font-size: 80%;
        line-height: 2rem;
    }
    .scaffold .paint_type_middle_big_box{
        display: block;
    }
    .scaffold .paint_type_middle_big_box::after{
        content: '';
        clear: both;
        display: block;
    }
    #main .scaffold .box_3_style .paint_type_middle_box{
        width: 100%;
    }

    .page-id-108 .gallery-columns-3 .gallery-item{
        max-width: 48%;
    }

    #warranty .warranty_inner_box .warranty_title_box h2 {
        padding: 0rem;
        font-size: 125%;
    }
    #warranty .warranty_inner_box .warranty_title_box h2.dokujihoshou span{
        font-size: 180%;
        color: #ff8000;
    }
    #event_photo_page ul.event_photo_list{
        margin-bottom: 5%;
    }
    #event_photo_page ul.event_photo_list li{
        width: 50%;
        margin: 3% 0;
    }

    .gallery_area .gallery-columns-5 .gallery-item {
        max-width: 31%;
    }

    .gallery_area p.bottom_youtube_text {
        padding-bottom: 1%;
    }

    .custom-header{margin-bottom: 1%;}

    .page-id-74 .paint_type_box .synmptoms_box img {
        width: 100%;
        float: none;
    }

    .page-id-74 .paint_type_box h3 {
        border-top: none;
    }

    .page-id-74 .repair .repair_box{
        width: 100%;
        overflow-x: hidden;
    }

    #footer_2nd_box h2 {
        font-size: 250%;
    }
    
    #footer_2nd_box .footer_2nd_box_2 {
        width: 100%;
        margin-right: 0;
    }
    
    #secondary{
        padding: 0 3%;
    }

    .page-id-23213 ul.paint_test_post_list li span{
        font-size: 75%;
    }
    .proper_paint_example_2nd_box img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
        float: unset;
    }
    .entry-content .woodworek_youtube_area .woodworek_youtube_middle_box iframe {
        height: 250px;
    }
    
    .page_bottom_example ul.all_example li img {
        height: unset;
    }


    .page-id-24806 .mortar_crack_repair_ribbon_wrapper{  
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper_last{  
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        background: #f1f1f1;
        float: left;
        margin-left: 5%;
        margin-bottom: 7%;
        height: 300px;
    }
    .page-id-24806 .mortar_crack_repair_ribbon_wrapper img{
        height: 100%;
    }


    .page-id-24806 .mortar_crack_repair .mortar_crack_repair_step {
        width: 91%;
        margin-left: 5%;
    }
    
    .gallery-columns-6 .gallery-item {
        max-width: 22.66%;
    }

    .before_after_big_box_right ul.construction-type_list li{
        width: 31%;
    }
    .post-cats-list a{
        margin-right: 2px;
    }


}