/*!
Theme Name:   Color Blog
Theme URI:    https://mysterythemes.com/wp-themes/color-blog
Author:       Mystery Themes
Author URI:   https://mysterythemes.com
Description:  Color Blog is the perfect WordPress theme entirely based on any kind of blog such as travel blogs, food blogs, personal blogs and many more. Build an amazing website with the core features and resourceful design that let you feel the awesome experience. Works perfectly with Elementor and Visual Composer that will help you create an enchanting website. It has a minimalist design, responsive and looks great on any kind of devices. Color Blog is Compatible with Gutenberg and GDPR, RTL and Translation ready, WooCommerce Compatible, SEO-Friendly and Compatible with all others popular plugins. Demos ready for download: https://demo.mysterythemes.com/color-blog-landing/ and for support: https://mysterythemes.com/support/
Version:      1.0.3
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  color-blog
Tags:         blog, portfolio, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, rtl-language-support, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Color Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
h1{font-family: 'Noto Serif JP', serif;font-weight: normal;}
h2{font-family: 'Noto Serif JP', serif;font-weight: normal;}
h3{font-family: 'Noto Serif JP', serif;font-weight: normal;}
h4{font-family: 'Noto Serif JP', serif;font-weight: normal;}

.sp_only{display: none;}


.big_title_box{
    position: relative;
    margin-bottom: 5%;
}
.big_title_box img{
    width: 100%;
    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.big_title_box_text{
    position: absolute;
    top: 30%;
    left: 15%;
    width: 70%;
    background: rgba(255,255,255,0.8);
    padding: 3%;
}

.roof_big_box .big_title_box_text{
    position: absolute;
    top: 15%;
    left: 10%;
    width: 80%;
    background: rgba(255,255,255,0.8);
    padding: 3%;
}
.big_title_box h2.about_gaihekitosou_big_title{
    border-bottom: 1px solid #969696;
    text-align: center;
    padding: 2% 0;
}
.big_title_box p{
    padding: 0 3%;
    font-size: 2rem;
    color: black;
}
.about_gaihekitosou{
    display: table;
    border: 1px solid gray;
    margin-bottom: 2%;
}

.about_gaihekitosou img{

}

.about_gaihekitosou h3{
    display: table-cell;
    width: 36%;
    padding: 3%;
    text-align: center;
    vertical-align: middle;
    border-bottom: 0;
}

.about_gaihekitosou p{
    margin-bottom: 0;
    padding: 3%;
    border-left: 1px solid #e0e0e0;
    font-size: 2rem;
}

.bottom_title_box h2{
    border-bottom: 1px solid #969696;
    text-align: center;
    padding: 2% 0;
}
.bottom_title_box p{
    padding: 0 3%;
    font-size: 2rem;
    color: black;
    margin-bottom: 40px;
}


.about_gaihekitosou_info{
    clear: both;
    margin-bottom: 70px;
    overflow: auto;
}

img.about_gaihekitosou_info_img{
    width: 50%;
    float: right;
    height: 280px;
    object-fit: cover;
}
.about_gaihekitosou_info_text {
    width: 50%;
    float: left;
    padding: 0 2% 0 0;

}
.about_gaihekitosou_info_text h3{
    width: 80%;
    border: 1px solid gray;
    text-align: center;
    padding: 0%;
}
.about_gaihekitosou_info_text p{
    font-size: 2rem;
    margin-bottom: 0;
}

a.example_link{
    background: #4992ff;
    border: 1px solid #4992ff;
    color: white;
    display: block;
    text-align: center;
    padding: 5px 0;
    margin: 5px 0;
}
a.example_link:hover{
    border: 1px solid #4992ff;
    background: white;
    color: #4992ff;
    margin-top: 10px;
}
a.description_link{
    background: #2bc71b;
    border: 1px solid #2bc71b;
    color: white;
    display: block;
    text-align: center;
    padding: 5px 0;
    margin: 5px 0;
}
a.description_link:hover{
    border: 1px solid #2bc71b;
    background: white;
    color: #2bc71b;
    margin-top: 10px;
}

.about_gaihekitosou_info_date div{
    display: table-cell;
    width: 50%;
    padding: 0%;
}
p.about_gaihekitosou_info_date_title{
    font-size: 2rem;
    font-weight: normal;
}

p.about_gaihekitosou_info_date_body{
    font-size: 2rem;
    font-weight: normal;
}

.bottom_title_box{
    margin-top: 10%;
}


.alc img{
    height: 280px;
    object-fit: cover;
}


.synmptoms {
    position: relative;
    margin: 4em 0;
    padding: 0.5em 1em;
    border: solid 3px #afafaf;
}
.synmptoms .synmptoms-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #4c4c4c;
    font-weight: bold;
}



.paint_type_box{

}

 h2.paint_type_head{
    text-align: center;
    border-bottom: 3px solid #5d627b;
    padding-bottom: 3%;
    border-top: 3px solid #5d627b;
    padding-top: 3%;
    color: #5d627b;
}

.paint_type_head_text{
    font-size: 2rem;
    padding: 2rem 3rem;
    margin-bottom: 3%;
    margin-top: 3%;
    background: #efefef;
    color: black;
}

.paint_type_box h3{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 2px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    border-bottom: none;
}

.odd_box_text_box h3{
    padding: 0 0% 1% 2%;
    margin: 0 0 1rem 0;
    color: #5d627b;
    background: none;
    border-left: 10px solid #030b99;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
}

.paint_type_middle_big_box{
    display: table;
    margin-bottom: 10%;
}

.paint_type_box .paint_type_middle_box{
    width: 50%;
    padding: 1%;
    float: left;
}

.slate_3box .paint_type_middle_box{
    width: 33%;
    padding: 1%;
    float: left;
}

.slate_3box .paint_type_middle_img_box::after {
    content: '▶';
    position: absolute;
    top: 45%;
}

.slate_3box .slate_3box_last .paint_type_middle_img_box::after{
    content: '';
}

.slate_6box{
    overflow: auto;
}
.slate_6box .slate_mini_6box{
    width: 33.3%;
    float: left;
    padding: 1%;
    text-align: center;
}
.slate_6box .slate_mini_6box img{
}
.slate_6box .slate_mini_6box p.woodwork_img_text{
    margin-top: 0;
}
.paint_type_box .paint_type_middle_img_box{
    position: relative;
    margin-bottom: 5%;
}

.paint_type_box .paint_type_middle_box p.paint_type_middle_box_text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);
    margin-bottom: 0;
    font-weight: bold;
    padding: 2% 0;
    line-height: 2.5rem;
}


.paint_type_box .paint_type_middle_box p.paint_type_middle_box_bottom_text{
    font-size: 2rem;
}

.paint_type_box ul{
    margin-left: 2rem;
    list-style-type: decimal;
    font-size: 2rem;
}
.paint_type_box ul li{
    margin-bottom: 3%;
    font-weight: normal;
}

.paint_type_box .synmptoms{
    padding: 1%;
    display: table;
}

.paint_type_box .synmptoms_box{
    display: table-cell;
    width: 33.3333333%;
    padding: 1%;
}

.paint_type_box img{
    width: 100%;
}

.paint_type_box p.synmptoms_box_text{
    margin-top: 5%;
    margin-bottom: 0;
    font-size: 1.5rem;
    background: none;
}


.paint_type_box ul.all_example ul.slick-dots{
        margin-left: 0rem;
        list-style-type: decimal;
        font-size: 2rem;
        padding: 0 0%;
}




.synmptoms_images_box{
    position: relative;
}

.synmptoms_images_box p{
    position: absolute;
    bottom: 0;
    text-align: center;
    font-weight: bold;
    color: black;
    width: 100%;
    padding: 1%;
    background: rgba(255,255,255,0.8);
    margin-bottom: 0;
}

.paint_type_box h3.repair {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff8000;
    border-top: solid 2px #ff8000;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    border-bottom: 2px solid #ff8000;
    margin-bottom: 2%;
}

.repair_box{
    overflow: auto;
    margin-bottom: 4%;
    padding-bottom: 3%;
    border-bottom: 1px dotted #8a8a8a;
}
.repair_images_box{
    width: 44%;
    float: left;
    margin-right: 1%;
    
}

.repair_box_text{
    width: 55%;
    float: right;
}

.repair_box_text p{
    font-size: 2rem;
}
.repair_box_text p span{
    font-size: 2rem;
    font-weight: bold;
}

.repair_box_text h3{
    margin-top: 0;
    box-shadow: none;
    border-top: 0;
    border-left: 10px solid #ffb060;
    line-height: 1rem;
    font-size: 3rem;
    font-weight: bold;
    padding-left: 1rem;
    padding-bottom: 4%;
    margin-bottom: 2%;
}


.paint_type_3rd_box_sticker .paint_type_middle_box::after {
  content: "";
  display: block;
  clear: both;
}

.paint_type_3rd_box_sticker p.paint_type_box_sticker {
    font-size: 2rem;
    padding: 2rem 3rem;
    margin-bottom: 3%;
    margin-top: 3%;
    background: #efefef;
    color: black;
    display: table-cell;
}

.repair_images_box .slick-slide{
    position: relative;
}

.repair_images_box p{
    position: absolute;
    top: 4%;
    background: rgba(255,255,255,0.9);
    font-size: 2rem;
    color: red;
    font-weight: bold;
    width: 25%;
    text-align: right;
    padding-right: 1rem;
}


.repair div:last-child{
    border-bottom: none;
}
.youtube_area{
    overflow: auto;
}
.youtube_area_box {
    width: 49%;
    height: 300px;
    margin-bottom: 5%;
    float: left;
    margin-right: 1%;
}
.youtube_area_box iframe {
    width: 100%;
    height: 100%;
}


ul.paint_type_head_text_img{
    list-style-type: none;
    margin-left: 0;
}
ul.paint_type_head_text_img li{
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-bottom: 2%;
}
ul.paint_type_head_text_img li:last-child{
    margin-right: 0%;
}

ul.paint_type_head_text_img::after {
  content: "";
  display: block;
  clear: both;
}

.synmptoms ul.paint_type_head_text_img li{
    width: 31%;
    float: left;
    margin: 1%;
}

.synmptoms ul.paint_type_head_text_img li.separate{
    width: 48%;
}
.synmptoms p{
    font-size: 2rem;
    background: #efefef;
    margin-bottom: 0;
    padding: 1%;
    color: #000;
}




.paint_type_head_text p{
    margin-bottom: 0;
}
.paint_type_box_big_text{
    font-size: 2rem;
}

.paint_type_box_big_text a.left_img{
    display: block;
    width: 60%;
    float: left;
    margin-right: 2%;
    padding-bottom: 2rem;
    margin-top: 1%;
}


.paint_type_box_big_text a.right_img{
    display: block;
    width: 60%;
    float: right;
    margin-left: 2%;
    padding-bottom: 2rem;
    margin-top: 1%;
}


.paint_type_box_big_text::after {
  content: "";
  display: block;
  clear: both;
}



.paint_type_middle_big_box .alc_panel{
    width: 100%;
}

.alc_panel .paint_type_middle_img_box{
    width: 40%;
    float: left;
    margin-bottom: 5%;
    margin-right: 2%;
}



.repair_box_orange{
    border: solid 3px #d06800;
}

ul.paint_type_box_bottom_link_list{
    list-style-type: none;
    display: table;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}

ul.paint_type_box_bottom_link_list li{
    display: table-cell;
    text-align: center;
}

.paint_type_box_bottom_link_list_button{
    background: #e8e8e8;
    display: block;
    padding: 10px;
    border: 1px solid gray;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


.paint_type_box_bottom_link_list_button:hover{
    background: #7d7d7d;
    display: block;
    padding: 10px;
    border: 1px solid gray;
    color: white;
}





/*タブのスタイル*/
.tab_item {
  width: 50%;
  height: 50px;
  border-bottom: 3px solid #8e4700;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #ff8000;
  color: #fff;
}




.paint_type_box p.paint_type_box_sticker{
    font-size: 2rem;
    padding: 2rem 3rem;
    margin-bottom: 3%;
    margin-top: 3%;
    background: #efefef;
    color: black;
}



.paint_type_middle_box_sticker .paint_type_middle_box{
    width: 33.33333333%;
    padding: 1%;
    float: left;
}


.sticker_area ul.paint_type_head_text_img li{
    position: relative;
}


.sticker_area ul.paint_type_head_text_img li p.paint_type_sticker_subtitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.9);
    font-size: 1.4rem;
    font-weight: bold;
    color: black;
}




.sticker_area ul.sticker_step li::after {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    position: absolute;
    top: 30%;
    right: -9%;
    color: #ff8000;
    font-size: 3rem;
    z-index: 999;
}
.sticker_area ul.sticker_step li:last-child:after {
    content : none ;
}


.sticker_area ul.sticker_step li:nth-child(3):after{
    transform: rotate(140deg);
    right: -3%;
}
.sticker_area ul.sticker_step li:nth-child(6):after{
    transform: rotate(140deg);
    right: -3%;
}
.sticker_area ul.sticker_step li:nth-child(9):after{
    transform: rotate(140deg);
    right: -3%;
}


.quotation p{
	font-size: 2rem;
    text-align: center;
}

.quotation h3{
	text-align: center;
    margin-top: 5%;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 2rem;
    font-size: 2.5rem;
}

ul.quotation_list{
	list-style-type: none;
	font-size: 2rem;
	margin-left: 0;
}

ul.quotation_list li{
	
}

ul.quotation_list li.quotation_list_title{
	font-weight: bold;
    background: #ff8000;
    padding: 1%;
    color: white;
}

ul.quotation_list li.quotation_list_title::before {
    font-family: "Font Awesome 5 Free";
    content: "\f128";
    color: #ff8000;
    font-size: 2rem;
    z-index: 999;
    margin: 0 1rem;
    background: white;
    padding: 1%;
    margin-left: 0;
}


ul.quotation_list li.quotation_list_body{
	margin-bottom: 5%;
    padding: 2%;
    background: #ececec
}


ul.sorry_list{
	margin-bottom: 10%;
}

ul.sorry_list li.sorry_title{
	font-weight: bold;
    font-size: 2rem;
}
ul.sorry_list li.sorry_body{
	font-size: 1.8rem;
    list-style-type: none;
    padding-left: 0%;
    margin-bottom: 3%;
}


.step_big_box{
	margin-bottom: 5%;
}

.step_body_box::after {
      content: "";
      display: block;
      clear: both;
    }

.step_big_box .step_title_box{
    width: 100%;
}

.step_big_box .step_title_box .step_title_left{
	width: 100%;
    font-size: 2rem;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 3%;
}
.step_big_box .step_title_box .step_title_left span{
	font-weight: bold;
    font-size: 5rem;
    margin-left: 1%;
    color: #ff8000;
    margin-right: 2rem;
}
.step_big_box .step_title_box .step_title_left h3{
	display: inline;
	border-bottom: none;
}
.step_big_box .step_body_box{
	width: 100%;
	display: table;
}
.step_big_box .step_body_box p.step_img_box{
	width: 30%;
	display: table-cell;
}
.step_big_box .step_body_box img{
	width: 100%;
}

.step_big_box .step_body_box p.step_text_box{
	width: 70%;
	display: table-cell;
	padding: 0 2rem;
    vertical-align: top;
    text-align: left;
    font-size: 2rem;
    line-height: 3rem;
}


.step_big_box::after {
        font-family: "Font Awesome 5 Free";
    	content: "\f063";
    	color: #ff8000;
    	font-size: 3rem;
    	font-weight: 900;
    	position: absolute;
    	left: 50%;
    }

.step_big_box:last-child:after {
    content : none ;
}

h2.woodwork_title{
    position: relative;
    padding: 0.2em 0.5em;
    color: #000000;
    font-weight: bold;
    margin-top: 5rem;
    padding-left: 2rem;
    border-left: 10px double #ff8000;
}

h3.woodwork_step1_title {
    position: relative;
    color: black;
    background: #ececec;
    line-height: 1.4;
    padding: 0.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
}
h3.woodwork_step2_title {
    position: relative;
    color: black;
    background: #ececec;
    line-height: 1.4;
    padding: 0.25em 0.5em;
    margin: 2em 0 0.5em;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
}
h3.woodwork_step1_title:after {
    position: absolute;
    content: 'STEP1';
    background: #7b7b7b;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 30px 4px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
}
h3.woodwork_step2_title:after {
    position: absolute;
    content: 'STEP2';
    background: #7b7b7b;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 30px 4px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
}

p.woodwork_step_text{
    font-size: 2rem;
    margin-bottom: 2%;
    color: black;
}

.synmptoms_box p.woodwork_img_text{
    background: #f5f5f5;
    margin-top: 0;
    padding: 1rem;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
}
.synmptoms_box p.woodwork_img_text span{
        font-size: 2rem;
}

.paint_type_middle_img_box iframe{
    width: 100%;
    height: 250px;
}
.paint_type_box .woodwork .synmptoms_box{
    width: 25%;
    text-align: center;
}


.woodworek_youtube_area{
    display: table;
    width: 100%;
}

.woodworek_youtube_area .woodworek_youtube_middle_box{
    display: table-cell;
    width: 50%;
    padding: 1%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.woodworek_youtube_area .woodworek_youtube_middle_box iframe{
    width: 100%;
    height: 250px;
}

.mortar_crack_repair_bottom_youtube_box .woodworek_youtube_middle_box{
    vertical-align: top;
    text-align: left;
}


p.mortar_crack_repair_text_box{
    background: #ececec;
    padding: 2rem;
    font-size: 2rem;
    border-radius: 10px;
    margin-bottom: 5%;
}

p.mortar_crack_repair_text_box b{
    font-size: 3rem;
}

.mortar_crack_repair_bottom_youtube_box{
    margin-bottom: 10%;
}

p.synmptoms_box_text span{
    font-weight: bold;
}

.paint_type_box .no_top_margin{
    border: none;
    margin-top: 0;
}

.box_3_style .paint_type_middle_box{
    width: 33.3%
}

.roof_cover .roof_cover_box .paint_type_middle_box{
    height: 600px;
}
.roof_cover .paint_type_middle_box_text span{
    font-weight: normal;
    font-size: 1.5rem;
}

p.roof_cover_text_box{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 3%;
    line-height: 2rem;
}

ul.paint_test_list{
    font-size: 2rem;
    margin-left: 4rem;
    font-weight: bold;
    margin-bottom: 2%;
}


ul.paint_test_post_list{
    margin-bottom: 10%;
}

ul.paint_test_post_list li{
    font-size: 2rem;
    margin-bottom: 1rem;
  
}
ul.paint_test_post_list li a{
    color: black;
}
ul.paint_test_post_list li span{
    margin-right: 1rem;
}


h3.mortar_crack_repair_title{
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 5px double #2d2d5c;
}
.mortar_crack_repair_title_box{
    position: relative;
    width: 100%;
    margin-bottom: 5%;
}

.mortar_crack_repair_title_box img{
    width: 60%;
}

.mortar_crack_repair_title_box p.mortar_crack_repair_text{
    position: absolute;
    bottom: 0%;
    right: 0;
    width: 60%;
    background: rgba(255,255,255,0.9);
    padding: 1rem;
    line-height: 3rem;
    font-size: 2rem;
    color: black;
}

.mortar_crack_repair_right img{
    width: 60%;
    margin-left: 40%;
}

.mortar_crack_repair_right p.mortar_crack_repair_text{
    position: absolute;
    left: 0;
    right: unset;
    bottom: 0;
    width: 70%;
}

.mortar_crack_repair_ribbon_wrapper{  
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 275px;
    background: #f1f1f1;
    float: left;
    margin-left: 33px;
    margin-bottom: 7%;
    height: 300px;
}
.mortar_crack_repair_ribbon_wrapper_last{  
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 275px;
    background: #f1f1f1;
    float: left;
    margin-left: 33px;
    margin-bottom: 7%;
    height: 300px;
}
.mortar_crack_repair_ribbon_wrapper::after{
    content: '▶';
    position: absolute;
    top: 40%;
    font-size: 3rem;
    color: #ffcb97;
}

.mortar_crack_repair_ribbon_wrapper p.mortar_crack_repair_ribbon_wrapper_text{  
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    margin-bottom: 0;
    padding: 1rem 1rem;
    font-size: 1.7rem;
    line-height: 2rem;
    width: 100%;
    text-align: center;
}

.mortar_crack_repair_ribbon_wrapper_last p.mortar_crack_repair_ribbon_wrapper_text{  
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    margin-bottom: 0;
    padding: 1rem 1rem;
    font-size: 1.7rem;
    line-height: 2rem;
    width: 100%;
    text-align: center;
}
.mortar_crack_repair_ribbon_wrapper img{
    position: absolute;
    width: 100%;
    left: 0;
    height: 300px;
    top: 0px;
    z-index: 0;
    object-fit: cover;
}
.mortar_crack_repair_ribbon_wrapper_last img{
    position: absolute;
    width: 100%;
    left: 0;
    height: 300px;
    top: 0px;
    z-index: 0;
    object-fit: cover;
}
h4.mortar_crack_repair_ribbon{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 0px 0 5px 20px;
    margin: 0 0 0 -20px;
    width: calc(100% + 20px);
    font-size: 22px;
    color: white;
    background: #ff8000;
    z-index: 5;
    font-weight: bold;
    letter-spacing: 0.5rem;
}



h4.mortar_crack_repair_ribbon:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #8a4500;
}


.mortar_crack_repair_filler_box{
    position: relative;
    width: 100%;
}

.mortar_crack_repair_filler_box img{

}

.mortar_crack_repair_filler_box p.mortar_crack_repair_filler_text{
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    margin-bottom: 0;
    padding: 2%;
    font-size: 2rem;
    font-family: 'Noto Serif JP', serif;
    line-height: 3rem;
}

.mortar_crack_repair_middle_box h3{
    margin-top: 5%;
}

.mortar_crack_repair_middle_box img{
    width: 30%;
    float: left;
    margin-bottom: 5%;
    margin-right: 2%;
}
.mortar_crack_repair_middle_box p{
    font-size: 2rem;
    line-height: 3rem;
}

.mortar_crack_repair_youtube_box{
    width: 50%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10%;
}

.mortar_crack_repair_youtube_box iframe{
    width: 100%;
    height: 250px;
}


h2.mortar_crack_repair_title_q{
    position: relative;
    padding: 5px 5px 5px 50px;
    background: #f88000;
    color: black;
    margin-left: -33px;
    font-size: 3rem;
    z-index: 0;
    margin-bottom: 0;
    text-align: center;
}

h2.mortar_crack_repair_title_q:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -1;
}

h2.mortar_crack_repair_title_q:after {
    position: absolute;
    content: '';
    right: -2px;
    top: -2px;
    border: none;
    border-right: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -1;
}
p.mortar_crack_repair_title_a{
    background: #fffce8;
    padding: 4%;
    font-size: 2rem;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-weight: bold;
    width: 96%;
}



.mortar_crack_repair_2box{
    display: table;
    margin-bottom: 5%;
}
.mortar_crack_repair_2box .paint_type_middle_box{
    display: table-cell;
    width: 50%;
    position: relative;
    padding: 0 1%;
}

.mortar_crack_repair_2box .paint_type_middle_box img{
    width: 100%;
}

.mortar_crack_repair_2box .paint_type_middle_box p.paint_type_middle_box_text{
    position: absolute;
    bottom: 0;
    margin: 0;
    background: rgba(255,255,255,0.9);
    padding: 0 1rem 1rem 1rem;
}

.mortar_crack_repair_2box .mortar_crack_repair_2box_inner{
    display: table-cell;
    width: 50%;
    padding: 0 1%;
    margin: 0;
    vertical-align: top;
}

.mortar_crack_repair_2box .mortar_crack_repair_2box_inner p.paint_type_middle_box_text{
    text-align: center;
}


.mortar_crack_repair .mortar_crack_repair_step{
    width: 400px;
}

.mortar_crack_repair .mortar_crack_repair_step{
    width: 400px;
}




.flow_top_big_box{
    display: table;
    width: 100%;
}
.flow_top_outer_box{
    display: table-cell;
    padding: 3%;
    width: 50%;
}

p.flow_top_box_title{
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 0rem;
}

p.flow_top_box_body{
    font-size: 1.7rem;
    margin-bottom: 0;
}

ul li.area_title{
    list-style-type: none;
    font-size: 2rem;
    font-weight: bold;
    clear: both;
    position: relative;
    padding: 1.5rem 1rem;
}

ul li.area_title:after {
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

ul li.area_body{
    list-style-type: none;
    float: left;
    width: 11.5%;
    text-align: center;
    background: white;
    line-height: 4rem;
    font-weight: bold;
}
ul li.area_body a{
    color: #ff8800;
    font-weight: bold;
}
ul li.area_body a:hover{
    text-decoration: underline;
}
ul.area_list li:last-child{
    margin-bottom: 5%;
}

p#area_bottom_text{
    text-align: right;
}


.after_service_3box{
    display: table;
    margin-bottom: 5%;
}
.after_service_9box{
    display: table;
    margin-bottom: 0%;
}
.after_service_3box .after_service_3box_inner{
    display: table-cell;
    padding: 1%;
    position: relative;
    width: 31%;
}

.after_service_3box .after_service_4box_inner{
   display: table-cell;
   width: 25%;
}
.after_service_3box .after_service_3box_inner p{
    position: absolute;
    top: 5%;
    left: 4%;
    background: rgba(255,255,255,0.9);
    padding: 0 5%;
    margin-bottom: 0;
}


p.after_service_black_back_text{
    margin-bottom: 0;
    background: #f2f2f2;
    padding: 1rem;
    font-size: 1.8rem;
}









.guidebook_box{
    display: table;
    margin-bottom: 3%;
    background: #f6f5f5;
    border: 1px solid #dbd9d9;
}
.guidebook_box p{
    margin-bottom: 0;
}
.guidebook_box .guide_book_left_box{
    display: table-cell;
    width: 40%;
}
.guidebook_box .guide_book_right_box{
    display: table-cell;
    vertical-align: middle;
    padding: 3%;
    font-size: 1.7rem;
}

.guidebook_middle_box{
    display: table;
    position: relative;
    margin-bottom: 5%; 
}

.guidebook_middle_box p{
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    margin-bottom: 0;
    width: 100%;
    padding: 3%;
    line-height: 3rem;
}
.guidebook_small_box{
    display: table-cell;
    width: 50%;
}

ul.after_service_top_list{
    list-style-type: none;
    margin: 0 0 5% 0;
}

ul.after_service_top_list li{
    float: left;
    width: 40%;
    text-align: center;
    padding: 1%;
    margin-left: 7%;
}

ul.after_service_top_list li a{
    color: black;
    font-weight: normal;
    display: block;
    background: #ffa500;
    padding: 3% 0;
}

ul.after_service_top_list li a:hover{
    display: block;
    color: white;
}


ul.after_service_top_list li a {
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgb(253 128 0) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
}
ul.after_service_top_list li a:hover {
  background-position: -100% 0;
  color: #fff;
}

.before_box .after_service_3box_inner p{
    background: rgba(15, 210, 255,0.8);
}
.after_box .after_service_3box_inner p{
    background: rgba(255, 128, 0,0.8);
    color: white;
}

.after_service_3box .after_service_3box_inner_arrow{
    font-size: 5rem;
    vertical-align: middle;
    display: table-cell;
    width: 2%;
}
.after_service_3box .after_service_3box_inner_arrow img{
    margin-left: 0!important;
}




.about_gaihekitosou h3.about_gaihekitosou_title_diagnosis{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_01.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_technical{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_02.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_base{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_03.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_daiku{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_04.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_choice{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_05.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_color{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_06.jpg);
    background-size: cover;
}

.about_gaihekitosou h3.about_gaihekitosou_title_correspondence{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_07.jpg);
    background-size: cover;
}


.ribbon h2 {
	position: relative;
	padding-bottom: 5px;
    padding-left: 2rem;
}

.ribbon h2:after {
}

.ribbon h2 a{
    color: #3d3d3d;
}

.shindan_bottom_box h3{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


.scaffold_img_box{
    display: table;
}

.scaffold_img_box .scaffold_img_inner_box{
    display: table-cell;
    text-align: center;
    padding: 1%;
}

.scaffold_img_box .scaffold_img_inner_box img{
    
}


.scaffold .box_3_style .paint_type_middle_box{
    width: 50%;
}




.scaffold .paint_type_middle_box p{
    padding: 1rem;
}

.scaffold p.paint_type_middle_box_text{
    line-height: 1.5rem;
}

.scaffold .scaffold_h3_title{
    margin-bottom: 0;
}

.about_gaihekitosou_info_youtube{
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.about_gaihekitosou_info_youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
#estimates_bottom_link{
    display: block;
    width: 100%;
    margin-top: 5%;
}
#estimates_bottom_link:hover{
    box-shadow: 0px 17px 13px -14px rgba(0,0,0,0.6);
}

p.step_big_box_top_text{
    text-align: left;
}

.step_big_img_box{
  display: table;  
}

.step_big_img_small_box{
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 1%;
}
.step_big_img_small_box img{
    width: 100%;
}
.step_big_img_small_box iframe{
    width: 100%;
    height: 300px;
}

a.to_sealing img{
    width: 100%;
    box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.6);
    transition-duration: 0.5s;
}

a.to_sealing img:hover{
    box-shadow: none;
    transition-duration: 0.5s;
    opacity: 0.6;
}

.middle_3_box .paint_type_middle_box{
    width: 33.33333%;
}

.paint_type_middle_big_box p.shitanuri_text_box{
    padding: 0;
    line-height: 2.5rem;
}


.cp_stepflow02 {
    font-size: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1em;
    padding: 0;
}
.cp_stepflow02 > li {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    text-overflow: ellipsis;
    color: #b0bec5;

     -ms-flex: 1;
    -moz-flex: 1;
    -webkit-box-flex: 1;
         flex: 1;
}
.cp_stepflow02 > li .bubble {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 0.5em;
    border-radius: 1000px;
    background-color: #b0bec5;
}
.cp_stepflow02 > li .bubble::after,
.cp_stepflow02 > li .bubble::before {
    position: absolute;
    top: 9px;
    display: block;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #b0bec5;
}
.cp_stepflow02 > li.completed,
.cp_stepflow02 > li.completed .bubble {
    color: #00acc1;
}
.cp_stepflow02 > li.completed .bubble,
.cp_stepflow02 > li.completed .bubble::after,
.cp_stepflow02 > li.completed .bubble::before {
    background-color: #00acc1;
}
.cp_stepflow02 > li.completed > .bubble + span::before {
    font-family: Fontawesome;
    content: '\f00c';
}
.cp_stepflow02 li.completed a span{
    color: #00acc1;
}
.cp_stepflow02 li.completed a span::before {
    font-family: Fontawesome;
    content: '\f00c';
    color: #00acc1;
}


.cp_stepflow02 > li:last-child .bubble::after,
.cp_stepflow02 > li:last-child .bubble::before {
    width: 0%;
    margin-right: 50%;
}
.cp_stepflow02 > li.active,
.cp_stepflow02 > li.active .bubble {
    font-weight: bold;
    color: #00acc1;
}
.cp_stepflow02 > li.active .bubble,
.cp_stepflow02 > li.active .bubble::after,
.cp_stepflow02 > li.active .bubble::before {
    background-color: #00acc1;
}
.cp_stepflow02 li span{
    font-size: 2.5rem;
    color: #00acc1;
}



.paint_type_box p.paint_type_box_sticker iframe{
    width: 100%;
    height: 480px;
}





@media (max-width:979px) {

    .big_title_box_text {
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        background: rgba(255,255,255,0.8);
        padding: 3%;
    }
    
    
    .about_gaihekitosou_info_text {
        width: 100%;
        float: none;
        margin-top: 3px;
    }
    img.about_gaihekitosou_info_img {
        width: 100%;
        float: unset;
        height: 200px;
        object-fit: cover;
    }
    .alc img {
        height: 100%;
    }
    .about_gaihekitosou_info_text h3 {
        width: 100%;
        border: 1px solid gray;
        text-align: center;
        padding: 1% 0;
    }
    .paint_type_box_big_text a.left_img {
        display: block;
        width: 50%;
        float: left;
        margin-right: 2%;
        padding-bottom: 2rem;
        margin-top: 1%;
    }

    .paint_type_box_big_text a.right_img {
        display: block;
        width: 50%;
        float: left;
        margin-right: 2%;
        padding-bottom: 2rem;
        margin-top: 1%;
    }
    .paint_type_box_big_text a.right_img {
        display: block;
        width: 50%;
        float: right;
        margin-left: 2%;
        padding-bottom: 2rem;
        margin-top: 1%;
    }

    p.paint_type_middle_box_bottom_text{
        line-height: 2.7rem;
    }  
    p.paint_type_middle_box_bottom_text br{
        display: none;
    }    

    .paint_type_box p.paint_type_box_sticker iframe{
        height: 300px;
    }
}

@media (max-width:830px) {

    .big_title_box_text {
        position: absolute;
        top: 8%;
        left: 10%;
        width: 80%;
        background: rgba(255,255,255,0.8);
        padding: 3%;
    }
    
    img.about_gaihekitosou_info_img {
    }
    .alc img {
        height: 200px;
    }
    .about_gaihekitosou_info_text p {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .big_title_box h2.about_gaihekitosou_big_title{
        font-size: 120%;
    }
    .big_title_box p{
        font-size: 100%;
    }
    .roof_big_box .big_title_box_text {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 90%;
    background: rgba(255,255,255,.8);
    padding: 3%;
}
}

@media (max-width:769px) {
	ul.quotation_list li.quotation_list_title {
    	font-weight: bold;
    	background: #ff8000;
    	padding: 1%;
    	color: white;
    	font-size: 2rem;
    	line-height: 3rem;
	}
	ul.sorry_list {
    	margin-bottom: 10%;
    	padding: 3%;
	}

	.step_big_box{
		margin-bottom: 5%;
	}
	
	.step_body_box::after {
	      content: "";
	      display: block;
	      clear: both;
	    }
	
	.step_big_box .step_title_box{
	    width: 100%;
	}
	
	.step_big_box .step_title_box .step_title_left{
		width: 100%;
	    font-size: 2rem;
	    border-bottom: 1px solid #c3c3c3;
	    margin-bottom: 3%;
	    padding-left: 1rem;
	}
	.step_big_box .step_title_box .step_title_left span{
		font-weight: bold;
	    font-size: 5rem;
	    margin-left: 1%;
	    color: #ff8000;
	    margin-right: 2rem;
	}
	.step_big_box .step_title_box .step_title_left h3{
		display: inline;
		border-bottom: none;
		border: none;
	}
	.step_big_box .step_title_box .step_title_left h3.letter_space{
		letter-spacing: -1.9px;
    	font-size: 2rem;
	}
	.step_big_box .step_body_box{
		width: 100%;
		display: unset;
	}
	.step_big_box .step_body_box p.step_img_box{
		width: 40%;
    	display: unset;
    	float: right;
	}
	.step_big_box .step_body_box img{
		width: 100%;
	}
	
	.step_big_box .step_body_box p.step_text_box{
		width: 100%;
    	display: block;
    	padding: 0px 2rem;
    	vertical-align: top;
    	text-align: left;
    	font-size: 2rem;
    	line-height: 3rem;
	}
	
	
	.step_big_box::after {
	        font-family: "Font Awesome 5 Free";
	    	content: "\f063";
	    	color: #ff8000;
	    	font-size: 3rem;
	    	font-weight: 900;
	    	position: absolute;
	    	left: 50%;
	    }
	
	.step_big_box:last-child:after {
	    content : none ;
	}


    .guidebook_box{
        display: block;
        margin-bottom: 1%;
        background: #f6f5f5;
        border: 1px solid #dbd9d9;
    }
    .guidebook_box p{
        margin-bottom: 0;
        font-size: 1.7rem;
    }
    .guidebook_box .guide_book_left_box{
        display: block;
        width: 100%;
    }
    .guidebook_box .guide_book_right_box{
        display: table-cell;
        vertical-align: middle;
        padding: 3%;
        font-size: 1.7rem;
    }
    
    .guidebook_middle_box{
        display: block;
        position: unset;
    }
    
    .guidebook_middle_box p{
        position: absolute;
        bottom: 0;
        background: rgba(255,255,255,0.9);
        margin-bottom: 0;
        width: 100%;
        padding: 0 3% 3% 3%;
        font-size: 1.7rem;
    }
    .guidebook_small_box{
        display: block;
        width: 100%;
        padding: 1%;
    }

    .after_service_3box .after_service_3box_inner p {
        position: absolute;
        top: 5%;
        left: 4%;
        background: rgba(255,255,255,0.9);
        padding: 0 1%;
        margin-bottom: 0;
        font-size: 1rem;
    }


    .before_box .after_service_3box_inner p{
        background: rgba(15, 210, 255,0.8);
        line-height: 1.4rem;
    }
    .after_box .after_service_3box_inner p{
        background: rgba(255, 128, 0,0.8);
        color: white;
    }

    p.step_big_box_top_text{
        width: 100%;
        display: block;
        padding: 0px 2rem;
        vertical-align: top;
        text-align: left;
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .step_big_img_box{
      display: table;  
    }
    
    .step_big_img_small_box{
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding: 1%;
    }
    .step_big_img_small_box img{
        width: 100%;
    }
    .step_big_img_small_box iframe{
        width: 100%;
        height: 200px;
    }

    .step_big_img_top_box .step_big_img_small_box {
        display: unset;
        width: 100%;
    }


}


@media (max-width:480px) {
    .sp_only{display: block;}
    .about_gaihekitosou_info_text {
        padding: 0;
        line-height: 2.2rem;
    }
    .big_title_box img {
        width: 100%;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        height: 350px;
        object-fit: cover;
    }
    .big_title_box img.yanetosou_top_bg{
        height: 500px;
    }
    .big_title_box img.yanekouji_top_bg{
        height: 250px;
    }
    .big_title_box_text {
        position: absolute;
        top: 5%;
        left: 5%;
        width: 90%;
        background: rgba(255,255,255,0.8);
        padding: 3%;
    }
    .paint_type_box .paint_type_head_text {
        font-size: 2rem;
        padding: 1rem;
        margin-bottom: 3%;
        margin-top: 3%;
        background: #efefef;
        color: black;
        width: 96%;
        margin-left: 2%;
        line-height: 2.5rem;
    }
    .paint_type_box h3 {
        padding: 0.5em 1em;
        margin: 1em 0;
        color: #5d627b;
        background: white;
        border-top: solid 2px #5d627b;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
        text-align: center;
        font-size: 125%;
    }
    .paint_type_box ul {
        margin-left: 2rem;
        list-style-type: decimal;
        font-size: 2rem;
        padding: 0 5%;
    }
    .page-id-108 .paint_type_box ul.after_service_top_list {
        list-style-type: none;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 5%;
    }
    .page-id-108 .paint_type_box ul.after_service_top_list:after{
        content:'';
        clear: both;
        display: block;
    }

    .page-id-108 .paint_type_box ul.after_service_top_list li{
        float: none;
        width: 100%;
        text-align: center;
        padding: 1%;
        margin-left: unset;
        margin-bottom: 0;
    }

    .page-id-108 .paint_type_box ul.after_service_top_list li a{
        padding: 1% 0;
    }
    .paint_type_box .paint_type_middle_img_box {
        position: relative;
        margin-bottom: 0%;
        width: 98%;
        float: left;
        margin: 0 1% 1% 1%;
    }
    .paint_type_box .paint_type_middle_img_box img{
        height: 200px;
        object-fit: cover;
    }
    .paint_type_middle_box::after {
      content: "";
      display: block;
      clear: both;
    }
    .paint_type_box .paint_type_middle_box {
        display: block;
        width: 100%;
        padding: 0%;
    }
    .paint_type_box .paint_type_middle_box p.paint_type_middle_box_bottom_text {
        font-size: 1.5rem;
        width: 98%;
        float: right;
        line-height: 2.3rem;
        margin: 0 1% 6% 1%;
    }


    .paint_type_box .synmptoms_box {
        display: block;
        width: 100%;
        padding: 2%;
    }
    .paint_type_box .synmptoms_box img {
        width: 49%;
        float: left;
        margin-right: 1%;
    }
    .paint_type_box p.synmptoms_box_text{
        margin-top: 0%;
        margin-bottom: 0;
        font-size: 1.5rem;
    }
    .synmptoms_box::after {
      content: "";
      display: block;
      clear: both;
    }
    .paint_type_box .synmptoms {
        position: relative;
        margin: 2% 2% 10% 2%;
        padding: 5% 1% 1% 1%;
        border: solid 3px #afafaf;
    }
    .paint_type_box ul.all_example{
        margin-left: 0rem;
        list-style-type: decimal;
        font-size: 2rem;
        padding: 0 0%;
    }
    .paint_type_box ul.all_example ul.slick-dots{
        margin-left: 0rem;
        list-style-type: decimal;
        font-size: 2rem;
        padding: 0 0%;
    }
    .about_gaihekitosou {
        display: block;
        border: 1px solid gray;
        margin-bottom: 2%;
        width: 96%;
        margin-left: 2%;
        background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_01.jpg);
        background-size: cover;
    }
    .about_gaihekitosou p{
        background: rgba(255,255,255,0.75);
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .about_gaihekitosou h3 {
        display: block;
        width: 100%;
        padding: 3% 1%;
        text-align: center;
        vertical-align: middle;
        border-bottom: 0;
        margin-bottom: 0;
        line-height: 2.3rem;
    }
    .paint_type_head_text ul.paint_type_head_text_img{
        margin-left: 0rem;
        list-style-type: none;
        font-size: 2rem;
        padding: 0 0%;
    }
    ul.paint_type_head_text_img li {
        width: 49%;
    }
    .paint_type_box_big_text {
        font-size: 2rem;
        padding: 2%;
    }

    ul.paint_type_head_text_img {
        list-style-type: none;
        margin-left: 0;
    }
    .synmptoms p {
        font-size: 2rem;
        background: #efefef;
        margin-bottom: 0;
        padding: 1%;
        color: #000;
        margin-top: 3%;
    }
    .paint_type_box .synmptoms ul.paint_type_head_text_img li {
        width: 100%;
        float: none;
        margin: 1%;
    }
    .paint_type_box .synmptoms ul.paint_type_head_text_img li img{
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .paint_type_box h3.repair {
        padding: 0.5em 1em;
        margin: 2em 0;
        color: #ff8000;
        border-top: solid 2px #ff8000;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
        border-bottom: 2px solid #ff8000;
        margin-bottom: 10%;
    }
    .paint_type_box .repair_box_orange {
        border: solid 3px #d06800;
    }
    .post-84 .painting_type_text_box{
        height: auto;
    }
    .post-84 .type_of_paint .painting_type{
        width: 100%;
        float: none;
        position: relative;
        margin-right: 1%;
        margin-bottom: 2%;
    }

    .repair_images_box {
        width: 100%;
        float: none;
        margin-right: 1%;
    }
    .repair_box_text {
        width: 98%;
        float: none;
        margin: 1% 1% 10% 1%;
    }

    .sticker_area .synmptoms{
        margin-top: 10%;
    }
    .sticker_area .synmptoms ul.paint_type_head_text_img li {
        width: 100%;
        float: none;
        margin: 1%;
        margin-bottom: 13%;
    }
    .sticker_area ul.sticker_step li::after {
        font-family: "Font Awesome 5 Free";
        content: "\f35a";
        position: absolute;
        bottom: -90%;
        right: 90%;
        color: #ff8000;
        font-size: 3rem;
        z-index: 999;
        transform: rotate(90deg);
    }

    .sticker_area ul.sticker_step li:nth-child(3):after{
        transform: rotate(90deg);
        bottom: -90%;
        right: 90%;
    }
    .sticker_area ul.sticker_step li:nth-child(6):after{
        transform: rotate(90deg);
        bottom: -90%;
        right: 90%;
    }
    .sticker_area ul.sticker_step li:nth-child(9):after{
        transform: rotate(90deg);
        bottom: -90%;
        right: 90%;
    }
    .quotation h3 {
    	text-align: center;
    	margin-top: 10%;
    	border-bottom: 1px solid #c3c3c3;
    	padding-bottom: 2rem;
    	font-size: 2rem;
    	border-top: 1px solid #c3c3c3;
    	padding-top: 2rem;
	}


    .wood .paint_type_middle_box{
        width: 100%;
    }

    .wood .paint_type_middle_img_box iframe{
        height: 150px;
    }

    .wood .synmptoms_box img {
        width: 100%;
        float: none;
        margin-right: 1%;
    }

    .paint_type_box .woodwork .synmptoms_box {
        width: 50%;
        text-align: center;
        float: left;
    }
    .wood .synmptoms {
        position: relative;
        margin: 5rem 2% 3% 2%;
        padding: 5% 1% 1% 1%;
        border: solid 3px #afafaf;
    }
    .woodworek_youtube_area {
        display: block;
        width: 100%;
    }
    .woodworek_youtube_area .woodworek_youtube_middle_box {
        display: block;
        width: 100%;
        padding: 1%;
    }
    h3.woodwork_step1_title {
        position: relative;
        color: black;
        background: #ececec;
        line-height: 1.4;
        padding: 0.25em 0.5em;
        margin: 2em 0 0.5em;
        border-radius: 0;
        box-shadow: none;
        border-top: none;
        font-size: 2rem;
        font-weight: bold;
        width: 100%;
    }
    h3.woodwork_step2_title {
        position: relative;
        color: black;
        background: #ececec;
        line-height: 1.4;
        padding: 0.25em 0.5em;
        margin: 2em 0 0.5em;
        border-radius: 0;
        box-shadow: none;
        border-top: none;
    }
    h3.woodwork_step1_title:after {
        position: absolute;
        content: 'STEP1';
        background: #7b7b7b;
        color: #fff;
        left: 0px;
        bottom: 100%;
        border-radius: 5px 5px 0 0;
        padding: 5px 30px 4px;
        font-size: 0.7em;
        line-height: 1;
        letter-spacing: 0.05em;
    }
    h3.woodwork_step2_title:after {
        position: absolute;
        content: 'STEP2';
        background: #7b7b7b;
        color: #fff;
        left: 0px;
        bottom: 100%;
        border-radius: 5px 5px 0 0;
        padding: 5px 30px 4px;
        font-size: 0.7em;
        line-height: 1;
        letter-spacing: 0.05em;
    }
    
    p.woodwork_step_text{
        font-size: 2rem;
        margin-bottom: 2%;
        color: black;
        padding: 0 1rem;
    }
    ul.paint_type_box_bottom_link_list {
        list-style-type: none;
        display: table;
        width: 100%;
        margin-top: 0;
        margin-left: 0%;
        padding: 0 2%;
    }
    ul.paint_type_box_bottom_link_list li{
        font-size: 70%;
    }
    h2.woodwork_title {
        position: relative;
        padding: 0.2em 0.5em;
        color: #131313;
        font-weight: normal;
        margin-top: 5rem;
        padding-left: 1rem;
        font-size: 2.5rem;
        font-family: 'Yu Gothic';
    }
    .roof_cover .slate_3box .paint_type_middle_box{
        min-height: auto;
        margin-bottom: 10%;
    }
    .roof_cover .roof_cover_box .paint_type_middle_box {
        height: 350px;
    }
    .page-id-1428 .roof_cover .roof_cover_box .paint_type_middle_box {
        height: unset;
    }


    .ribbon h2 {
    	text-align: center;
    }

    ul.area_list{
    	margin-left: 0;
    	overflow: auto;
    }


    .scaffold .youtube_area_box{
        width: 100%;
        height: auto;
    }
    
    .scaffold .youtube_area_box iframe{
        height: 200px;
    }

    .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;
    }
    .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;
    }
    .mortar_crack_repair_ribbon_wrapper img{
        height: 100%;
    }

    .mortar_crack_repair_2box{
        display: block;
    }

    .mortar_crack_repair_2box .paint_type_middle_box {
        display: block;
        width: 100%;
        position: relative;
        padding: 0 1%;
        margin-bottom: 3%;
    }

    .mortar_crack_repair_2box .mortar_crack_repair_2box_inner {
        display: block;
        width: 100%;
        padding: 0 1%;
        margin: 0 0 5% 0;
        vertical-align: top;
    }

    .mortar_crack_repair .mortar_crack_repair_step {
        width: 91%;
        margin-left: 5%;
    }

    .paint_type_box p.paint_type_box_sticker iframe{
        height: 230px;
    }
    .paint_type_box p.paint_type_box_sticker{
        line-height: 3rem;
    }
    .paint_type_3rd_box_sticker{
        overflow: auto;
        margin-bottom: 10%;
    }
    .youtube_area_box {
        width: 100%;
        height: 200px;
        margin-bottom: 3%;
        float: none;
        margin-right: 0%;
    }
    .youtube_area_box.nothing{
        display: none;
    }
}