@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
button, input, select, textarea {
    background-color: #fff;
}

/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
    visibility: hidden;
}

.pc_only{display: block;}
.sp_only{display: none}



/***************************出現**********************************/
.sa {
    opacity: 0;
    transition: all 1s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--lr {

transform: translate(-50px, 0);
}
.sa--rl {
transform: translate(50px, 0);
}
.sa--up {
transform: translate(0, 50px);
}
.sa--down {
transform: translate(0, -50px);
}
.sa--scaleUp {
transform: scale(.5);
}
.sa--scaleDown {
transform: scale(1.5);
}
.sa--rotateL {
transform: rotate(180deg);
}
.sa--rotateR {
transform: rotate(-180deg);
}
#sp_bottom_menu{
    display: none;
}


/*******************************ロード画面*************************************************/
.lp-screen{
    
}

/****************************モーションアンダーライン******************************************/
.post_content .motion_underline.sa{
  position: relative;
  opacity: 1;
}

.post_content .motion_underline::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 50%;
    height: 2px;
    background: #ffffff;
    transition: all 1s;
    transform: scale(0, 1);
    transform-origin: center top;
}

.post_content .motion_underline.sa.show::after{
  transform: scale(1, 1);
}

/***************************ウィジェット***********************************/
.widgets_access h3{
    font-weight: bold;
}
.widgets_access h3:before{
    content: "■";
}

.page_bottom_contact_box{
    display: table;
    border: 7px double #c1c1c1;
    padding: 10px;
}
.page_bottom_contact_box .page_bottom_contact_box_head_text{
    display: table-caption;
    text-align: center;
}
.page_bottom_contact_box .page_bottom_contact_box_left{
    display: table-cell;
    width: 50%;
    text-align: left;
    padding: 1%;
    vertical-align: middle;
    color: #000;
}
.page_bottom_contact_box .page_bottom_contact_box_left img{
    width: 80%;
}
.page_bottom_contact_box_left .page_bottom_example_link{
    display: block;
    width: 50%;
    text-align: center;
    background-color: white;
    border: 1px solid #ff8000;
    color: #ff8000;
    text-decoration: none;
    position: relative;
}
.page_bottom_contact_box .page_bottom_contact_box_right{
    display: table-cell;
    width: 50%;
    text-align: right;
    padding: 1%;
    vertical-align: middle;
}
.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone{
    line-height: 200%;
}
.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone a{
    font-size: 280%;
    font-weight: bold;
}

.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_attention a{
    font-size: 125%;
}

.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_to_form{
    background: #ff8000;
    font-size: 150%;
    text-align: center;
    margin-left: 10%;
    border-radius: 5px;
    padding: 2% 5%;
    width: 90%;
    animation: fluffy1 3s ease infinite;
}
.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_to_form a{
    display: block;
    padding: 1% 3%;
    color: white;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}



/***************************フッター****************************************/
.footer_2nd_box_1{
    font-family: "Sawarabi Mincho";
}
.footer_2nd_box_1 h2{
    font-size: 150%;
    letter-spacing: .2rem;
    font-weight: normal;
}
.footer_2nd_box_1 h3{
    font-weight: normal;
}
.footer_2nd_box_1 ul.footer_company_profile{}
.footer_2nd_box_1 ul.footer_company_profile li{}
.footer_2nd_box_1 ul.footer_company_profile li a{
    text-decoration: none;
}
.footer_2nd_box_1 ul.footer_company_profile li::before{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    width: 30px;
    float: left;
    text-align: center;
}
.footer_2nd_box_1 ul.footer_company_profile li span{
    font-size: 80%;
}
.footer_2nd_box_1 ul.footer_company_profile li.footer_2nd_box_1_address{
    margin-left: 30px;
}
.footer_2nd_box_1 ul.footer_company_profile li.footer_2nd_box_1_zip_code::before{
    content: "\f276";
}
.footer_2nd_box_1 ul.footer_company_profile li.footer_2nd_box_1_url::before{
    content: "\f57d";
}
.footer_2nd_box_1 ul.footer_company_profile li.footer_2nd_box_1_tel_link::before{
    content: "\f095";
}
.footer_2nd_box_1 ul.footer_company_profile li.footer_2nd_box_1_time::before{
    content: "\f017";
}
.footer_2nd_box_2 iframe{
    height: 300px;
    width: 100%;
}


ul.footer_2nd_box_2_list{}
ul.footer_2nd_box_2_list li{}
ul.footer_2nd_box_2_list li img{
    width: 100%;
    height: 250px!important;
    object-fit: cover;
    object-position: top;
}
.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone a{
    text-decoration: none;
}
.page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_to_form a {
    text-decoration: none;
}
p.page_bottom_contact_box_right_attention{
    text-align: center;
}

.c-iconList .c-iconList__item .icon-facebook:before{
    color: #1877f2;
}
.c-iconList .c-iconList__item .icon-instagram:before{
    color: #c564ff;
}
.c-iconList .c-iconList__item .icon-tiktok:before{
    color: #00f2ea;
}
.c-iconList .c-iconList__item .icon-line:before{
    color: #37d37b;
}
.c-iconList .c-iconList__item .icon-youtube:before{
    color: #ff2020;
}
.c-iconList .c-iconList__item .icon-rss:before{
    color: #b1b1b1;
}

/***************************フロントぺージ****************************************/
.p-postSlider__title{
    position: relative;
    z-index: 5;
}
.p-postSlider__title span{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 500%;
    color: black;
    opacity: .03;
}

.top_bgimage{
    position: relative;
}
.top_bgimage .swell-block-columns__inner{
    z-index: 2;
    position: relative;
}
.top_bg_img img{
    filter: grayscale(100%);
    opacity: .05;
    z-index: 1;
    position: absolute;
    transition: all 60s linear;
}
#top_img_01{
    top: 6%;
    left: -60%;
}
#top_img_02{
    top: 20%;
    right: -50%;
    width: 500px;
    height: 500px;
    object-fit: cover;
}
#top_img_03{
    top: 40%;
    left: -25%;
    width: 800px;
    height: 400px;
    object-fit: cover;
}
#top_img_04{
    top: 60%;
    right: -70%;
}

#top_img_05{
    top: 95%;
    left: -60%;
    width: 1000px;
    height: 400px;
    object-fit: cover;
}

#top_img_01.sa.show{
    opacity: .05;
    left: -40%;
}


#top_img_02.sa.show{
    opacity: .05;
    top: 25%;
}
#top_img_03.sa.show{
    opacity: .05;
    left: -40%;
}
#top_img_04.sa.show{
    opacity: .05;
    right: -90%;
}
#top_img_05.sa.show{
    opacity: .05;
    top: 100%;
}

p#front_en{
    position: absolute;
    transform-origin: bottom left;
    transform: rotate( -90deg );
    left: 10%;
    bottom: 0;
    font-size: 800%;
    letter-spacing: -0.2rem;
    line-height: 100%;
    font-family: 'Anton', sans-serif;
    opacity: 0;
    transition: all 3s;
}
p#front_en.show{
    opacity: 0.01;
}

.z-index{
    position: relative;
    z-index: 10;
}


.white_button a{
    background: white;
}

.top_banner_box ul{
    width: 100%;
    overflow: auto;
}
.top_banner_box ul li{
    float: left;
    width: 33.33333%;
    padding: 1%;
}
.top_banner_box ul li img{
    box-shadow: 5px 5px 4px lightgrey;
    transition: all 1s;
}
.top_banner_box ul li img:hover{
    box-shadow: none;
    opacity: .6;
}

.l-mainContent__inner h2.title_collection_h2{
    font-size: 200%;
    position: relative;
    z-index: 2;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 30px;
}
.l-mainContent__inner h2.title_collection_h2 span.four{
    font-size: 150%;
    text-decoration: underline;
    color: #ff8000;
}
.l-mainContent__inner h2.title_collection_h2 span.h2_title_span{
    position: absolute;
    left: 0;
    font-size: 350%;
    z-index: 1;
    opacity: .05;
    top: -65%;
    font-family: 'Allura', cursive;
}

.why_tosoushokunin_box{
    border: 1px solid #ededed;
    padding: 10px 25px;
    margin-bottom: 15px;
}

#custom_html-14 .ti-header{
    text-align: center;
}

.home .swell-block-fullWide__inner h3{
    margin-bottom: 1%;
}
.home .swell-block-fullWide__inner p{
    margin-bottom: 1%;
}


.home .swell-block-fullWide__inner h3.why_tosoushokunin_title::before{
    background: repeating-linear-gradient(var(--color_htag) 0%, var(--color_htag) 50%, rgb(255 255 255 / 80%) 50%, rgb(255 255 255 / 80%) 100%);
}
p.why_tosoushokunin_disc a{
    color: #ff8000;
    font-weight: bold;
}

#front_news{
    position: relative;
    z-index: 10;
}

#front_news::before{
    content: "NEWS";
    font-size: 1500%;
    position: absolute;
    font-weight: bold;
    letter-spacing: 2rem;
    transform: rotate(90deg);
    right: -50%;
    transform-origin: center;
    z-index: 1;
    top: 35%;
    opacity: .05;
    color: #0093ff;
}

#front_news .p-postListWrap{
    position: relative;
    z-index: 10;
}





/**********************************塗装体験***********************************************/
.smooth_auto_slider {
    margin: 0;
    padding: 0;
    line-height: 0;
}
.paint_trial .paint_trial_inner{
    position: relative;
}
.paint_trial .paint_trial_back_img{
    width: 60%;
    box-shadow: 3px 3px 5px 0px #000;
    transform: rotate(-4deg);
    margin-left: 0;
}
.paint_trial .paint_trial_baloon{
    position: absolute;
    right: 25%;
    width: 30%;
}
.paint_trial .paint_trial_inner.paint_trial_bottom_inner .paint_trial_back_img{
    width: 60%;
    box-shadow: 3px 3px 5px 0px #000;
    margin-left: 40%;
    transform: rotate(5deg);
    border: 5px solid white;
}
.paint_trial .paint_trial_inner.paint_trial_bottom_inner .paint_trial_baloon{
    left: 15%;
    width: 40%;
    bottom: 0;
}


.paint_trial_bottom_area .paint_trial_back_img{
    width: 60%;
    box-shadow: 3px 3px 5px 0px #000;
    transform: rotate(2deg);
    margin-left: 40%;
}
.paint_trial_bottom_area .paint_trial_baloon{
    left: 20%;
    width: 35%;
    right: unset;
}
.paint_trial_bottom_area .paint_trial_inner.paint_trial_bottom_inner .paint_trial_back_img{
    width: 60%;
    box-shadow: 3px 3px 5px 0px #000;
    margin-left: 40%;
    transform: rotate(5deg);
    border: 5px solid white;
}
.paint_trial_bottom_area .paint_trial_inner.paint_trial_bottom_area_middle_inner .paint_trial_baloon{
    left: 15%;
    width: 40%;
    top: 0;
}

.paint_trial_bottom_area .paint_trial_inner.paint_trial_bottom_area_middle_inner .paint_trial_back_img{
    width: 66%;
    box-shadow: 3px 3px 5px 0px #000;
    transform: rotate(-4deg);
    margin-left: 34%;
}
.paint_trial_bottom_area .paint_trial_inner.paint_trial_bottom_area_bottom_inner .paint_trial_back_img{
    margin-left: 0;
}
.paint_trial_bottom_area .paint_trial_bottom_area_bottom_inner .paint_trial_baloon {
    right: 15%;
    width: 40%;
    left: unset;
}

.smooth_auto_slider .slick-prev:before{
    color: #31328f;
}
.smooth_auto_slider .slick-next:before{
    color: #31328f;
}


/*********************************外壁塗装**********************************************/
.gaihekitosou_outbox{
    background-size: cover;
    background-position-y: center;
    margin-bottom: 1%;
    padding: 10% 3%;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.gaihekitosou_outbox.shindan{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_01.jpg);
}
.gaihekitosou_outbox.gijutsu{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_02.jpg);
}
.gaihekitosou_outbox.shitaji{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_03.jpg);
}
.gaihekitosou_outbox.daiku{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_04.jpg);
}
.gaihekitosou_outbox.toryouerabi{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_05.jpg);
}
.gaihekitosou_outbox.iroerabi{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_06.jpg);
}
.gaihekitosou_outbox.taiou{
    background-image: url(https://nuru.co.jp/wp-content/uploads/2020/10/wall_paint_img_07.jpg);
}
.gaihekitosou_outbox p.gaihekitosou_outbox_right{
    padding: 5% 7%;
    background: rgba(255, 255, 255, .9);
}
.post_content .gaihekitosou_outbox h3::before{
    content: "";
    width: unset;
    height: unset;
    background: none;
}


.gaihekitosou_tab{}
.gaihekitosou_tab .swell-block-button{
    margin-bottom: 3%;
}
.gaihekitosou_tab .swell-block-button a{
    width: 100%;
    padding: 2%;
}


/********************施工事例*******************************/
ul.all_example li.all_example_list {
    width: 32.33%;
    float: left;
    padding: 1%;
    position: relative;
    min-height: 260px;
    background: #f9faff;
    margin: 0.5%;
    border: 1px solid #f1f1f1;
}

ul.all_example li.all_example_list ul.construction-type_list{
    width: 100%;
}
ul.all_example li.all_example_list p.all_example_list_title{
    line-height: 120%;
}
ul.all_example li.all_example_list p.all_example_list_title a{
    text-decoration: none;
}
ul.all_example li.all_example_list ul.construction-type_list::after{
  content: "";
  display: block;
  clear: both;
}
ul.all_example li.all_example_list ul.construction-type_list li{
    float: left;
    width: 32.3%;
    text-align: center;
    color: white;
    font-size: 80%;
    font-weight: bold;
    margin-right: 1%;
    margin-bottom: 1%;
}

ul.all_example li.all_example_list ul.construction-type_list li.icon-gaihekitosou{
    background: #468500;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-daikukouji{
    background: #850000;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-yanetosou{
    background: #850031;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-bousuikouji{
    background: #001d85;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-sonota{
    background: #006085;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-yanekouji{
    background: #958200;
}
ul.all_example li.all_example_list ul.construction-type_list li.icon-gaibutosou{
    background: #950091;
}

ul.all_example li.all_example_list img.customer-type_icon{
    position: absolute;
    top: -1%;
    right: 0%;
    width: 15%;
}

ul.all_example li.all_example_list .scale-box img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}


.narrow_down_content_list{
    display: table;
    table-layout: fixed;
    width: 100%;
    position: absolute;
    top: 3%;
    left: 5%;
}
.narrow_down_content_list .narrow_down_content_list_box{
    font-size: 80%;
    text-align: center;
    color: white;
}

.narrow_down_content_list_box_price{
    background: #52360296;
    border-radius: 3px;
    display: inline;
    padding: 1% 5%;
    margin-right: 2%;
}
.narrow_down_content_list_box_old{
    display: inline;
    background: #915e0096;
    border-radius: 0px 5px 5px 0px;
    padding: 1% 5%;
}

ul.all_example{
    clear: both;
}

.navigation.pagination{
    display: block;
    clear: both;
}

ul.gallery li.gallery_before::after{
    content: "施工前";
    position: absolute;
    top: 2%;
    left: 2%;
    font-size: 150%;
    font-weight: bold;
    z-index: 3;
    background: rgba(255,255,255,.7);
    padding: 0% 3%;
}
ul.gallery li.gallery_before::before{
    content: "BEFORE";
    position: absolute;
    bottom: -5%;
    right: 0%;
    font-size: 800%;
    font-weight: bold;
    z-index: 2;
    color: white;
    text-align: right;
    mix-blend-mode: overlay;
}




ul.gallery li.gallery_after::after{
    content: "施工後";
    position: absolute;
    top: 2%;
    left: 2%;
    font-size: 150%;
    font-weight: bold;
    z-index: 3;
    background: rgba(255,255,255,.7);
    padding: 0% 3%;
}
ul.gallery li.gallery_after::before{
    content: "AFTER";
    position: absolute;
    bottom: -5%;
    right: 0%;
    font-size: 800%;
    font-weight: bold;
    z-index: 2;
    color: white;
    mix-blend-mode: overlay;
}


ul.choice-btn{}
ul.choice-btn li{
    opacity: .3;
    transition: all .5s;
    position: relative;
}
ul.choice-btn li.slick-current{
    opacity: 1;
}

ul.choice-btn li.choice_after::after{
    content: "施工後";
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 50%;
    font-weight: bold;
    z-index: 3;
    background: rgba(255,255,255,.7);
    padding: 0% 3%;
}
ul.choice-btn li.choice_before::before {
    content: "施工前";
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 50%;
    font-weight: bold;
    z-index: 3;
    background: rgba(255,255,255,.7);
    padding: 0% 3%;
}

.examples_button{
    margin-bottom: 2rem;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
.examples_button button{
    display: table-cell;
    margin: 0 .5%;
    border-radius: 10px;
    padding: 1% 2%;
    font-size: 90%;
}
.examples_button .button{color: white;}
.examples_button .button.all{background: #ff8000;}
.examples_button .button.gaihekitosou{background: #468500;}
.examples_button .button.yanetosou{background: #850031;}
.examples_button .button.bousuikouji{background: #001d85;}
.examples_button .button.yanekouji{background: #958200;}
.examples_button .button.daikukouji{background: #850000;}
.examples_button .button.gaibutosou{background: #950091;}
.examples_button .button.sonota{background: #006085;}

.examples_button .active{
    opacity: .4;
}
.slick-list .slick-track{
    height: 100%;
}

.slick-prev:before, .slick-next:before{
    color: #31328f!important;
}


ul.gallery li{
    width: 100%;
    height: 610px!important;
}
ul.gallery li img{
    height: 100%;
    width: 100%;
    object-fit: cover;

}
ul.gallery li p{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1%;
    background: rgba(255,255,255,.85);
}

.example_section_outer_box ul{
    padding-left: 0;
    position: relative;
}
li.slick-slide img{
    height: 70px;
    width: 100%;
    object-fit: cover;

}
.example_section_outer_box ul .slick-prev{
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 150%;
    z-index: 10;
}

.example_section_outer_box ul .slick-next{
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 150%;
}


ul.construction-type_list{
    margin-bottom: 1%;
}
ul.construction-type_list li{
    list-style-type: none;
    color: white;
    font-weight: bolder;
    border-radius: 3px;
    display: inline;
    padding: .5% 2%;
    text-align: center;
    margin-right: .5%;
}
ul.construction-type_list li.icon-gaihekitosou{background: #468500;}
ul.construction-type_list li.icon-yanetosou{background: #850031;}
ul.construction-type_list li.icon-bousuikouji{background: #001d85;}
ul.construction-type_list li.icon-yanekouji{background: #958200;}
ul.construction-type_list li.icon-daikukouji{background: #850000;}
ul.construction-type_list li.icon-gaibutosou{background: #950091;}
ul.construction-type_list li.icon-sonota{background: #006085;}

.example_status_gaiyou{}
.example_status_gaiyou::after{
  content: "";
  display: block;
  clear: both;
}
.example_status_gaiyou .status_box{
    width: 32.3%;
    float: left;
    margin: 1% .5%;
    text-align: center;
    border: 1px solid #31328f;
    margin-top: 0;
}
.example_status_gaiyou .status_box h4{
    border-left: none;
    text-align: center;
    margin: 0;
    padding: 2% 3%;
    font-size: 80%;
    background: #31328f;
    color: white;
    font-weight: normal;
}
.example_status_gaiyou .status_box .status_box_bottom ul{
    display: table;
    width: 100%;
}
.example_status_gaiyou .status_box .status_box_bottom ul li{
    list-style-type: none;
    display: table-cell;
    width: 50%;
    padding: 1% 0%;
}
.example_status_gaiyou .status_box .status_box_bottom a{
    margin: 0 5%;
    color: black;
    text-decoration: none;
}
.example_status_gaiyou .status_box .status_box_bottom a i{
    margin-left: 2%;
}
.example_status_gaiyou .status_box .status_box_bottom{
    font-size: 80%;
    display: table;
    width: 100%;
    padding: 1%;
    height: 30px;
}

.example_status_gaiyou .status_box .status_box_bottom .example_content_box{
    display: table-cell;
}


.example_status_shokunin .example_status_shokunin_out_box div:last-child{

}

.example_status_shokunin{}
.example_status_shokunin .example_status_shokunin_big_box{
    display: table;
    width: 100%;
}
.example_status_shokunin .example_status_shokunin_out_box{
    display: table-cell;
    width: 30%;
}
.example_status_shokunin p.from_staff_comment{
    display: table-cell;
    width: 70%;
    vertical-align: top;
    padding-left: 3%;
}

.example_status_shokunin .example_status_shokunin_fukidashi{
    position: absolute;
    top: -5%;
    left: -3%;
    min-width: 80%;
    text-align: center;
    border-radius: 5px;
}


.example_status_shokunin p.hello_title{
    position: relative;
    padding: 1% 3%;
    background: #e0edff;
    font-size: 80%;
    border-radius: 5px;
}

.example_status_shokunin p.hello_title::after{
    position: absolute;
    content: '';
    top: 100%;
    left: 25px;
    border: 10px solid transparent;
    border-top: 10px solid #e0edff;
    width: 0;
    height: 0;
}


.example_status_shokunin img{
    width: 100%;
    object-fit: cover;
    height: 150px;
}
.example_status_shokunin .example_status_shokunin_out_box .example_status_shokunin_middle_box{
    position: relative;
    margin-bottom: 10%;
}
.example_status_shokunin .example_status_shokunin_out_box .example_status_shokunin_middle_box ul.example_status_shokunin_middle_box_craftman_license_list li{
    list-style-type: none;
    background: #1a1b82;
    color: white;
    display: inline;
    padding: .5% 2%;
    margin-right: .5%;
    border-radius: 3px;
    font-size: 80%;
    font-weight: bold;

}

.example_section_property_inner .accordion{
    margin-top: 3%;
}

.example_section_property_inner .toggle {
    display: none;
}
.example_section_property_inner .Label {        /*タイトル*/
    padding: 1em;
    display: block;
    color: #000;
    border: 1px solid #dbdbdb;
    padding-left: 7%;
}
.example_section_property_inner .Label::before{     /*タイトル横の矢印*/
    content:"";
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top:calc( 50% - 3px );
    left: 3%;
    transform: rotate(135deg);
}
.example_section_property_inner .Label,
.example_section_property_inner .construction_details_content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
.example_section_property_inner .construction_details_content {      /*本文*/
    height: 0;
    margin-bottom:10px;
    padding:0 20px;
    overflow: hidden;
}
.example_section_property_inner .toggle:checked + .Label + .construction_details_content{   /*開閉時*/
    height: auto;
    padding:20px ;
    transition: all .3s;
}
.example_section_property_inner .toggle:checked + .Label::before{
    transform: rotate(-45deg) !important;
}
.single_example_foot_slider .single_example_bottom_list{
    padding: .1%;
    border: 1px solid whitesmoke;
    margin-right: .1%;
    height: 270px;
    position: relative;
}
.single_example_foot_slider a{
    text-decoration: none;
}
.single_example_foot_slider img{}
.single_example_foot_slider h4{
    border: none;
    margin: 0;
    font-weight: normal;
    font-size: 100%;
    padding: 1%;
}

.single_example_foot_slider .single_example_bottom_list ul.construction-type_list{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 2%;
    padding-top: 3%;

}
.single_example_foot_slider .single_example_bottom_list ul.construction-type_list li{
    text-align: center;
    font-size: 70%;
    width: 31.5%;
    float: left;
    margin: 0 .5% 1% .5%;
}




.js-cropText_01 .before_blind{
  position: relative;
  transition: all 1s;
}
.js-cropText_01 .before_blind::after{
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}

.js-cropText_01 .before_blind.blind::after{
    background: none;
    transition: all 1s;
}



.js-cropText_01 .more{
    transition: all 1s;
    display: none;
}


.js-cropText_01 button{
    display: block;
    border-radius: 5px;
    text-align: center;
    width: 20%;
    margin-left: 40%;
    padding: 0%;
    font-size: 80%;
    border: 1px solid #f0ede6;
    background: none;
     transition: all 1s;
}

.js-cropText_02 .before_blind_02{
  position: relative;
  display: block;
  transition: all 1s;
}
.js-cropText_02 .before_blind_02::after{
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}

.js-cropText_02 .before_blind_02.blind::after{
    background: none;
    transition: all 1s;
}



.js-cropText_02 .more{
    transition: all 1s;
    display: none;
}


.js-cropText_02 button{
    display: block;
    border-radius: 5px;
    text-align: center;
    width: 20%;
    margin-left: 40%;
    padding: 0%;
    font-size: 80%;
    border: 1px solid #f0ede6;
    background: none;
     transition: all 1s;
}

.example_section_property_description .VideoWrapper{
    width: 100%;
    aspect-ratio: 16 / 9;
}

.example_section_property_description .VideoWrapper iframe{
    width: 100%;
    height: 100%;
}

.recommend_blog_box a{
    text-decoration: none;
}
.recommend_blog_box li{list-style-type: none;}


/*********************職人一覧**********************************/
.all_craftsman_button{
    margin-bottom: 2rem;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
.all_craftsman_button button{
    display: table-cell;
    margin: 0 .5%;
    border-radius: 10px;
    padding: 1% 2%;
    color: white;
    font-weight: bold;
}
.all_craftsman_button .all{
    background: #ff8000;
}
.all_craftsman_button .tosou{
    background: #468500;
}
.all_craftsman_button .daiku{
    background: #850000;
}
.all_craftsman_button .mitsumori{
    background: #006085;
}

ul.all_craftsman li{
    width: 32.33%;
    float: left;
    padding: 1%;
    position: relative;
    min-height: 250px;
    background: #f9faff;
    margin: 0.5%;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}
ul.all_craftsman li.all_craftsman_list p.all_example_list_title{
    margin-top: 7%;
    border-left: 5px solid #918467;
    padding-left: 2%;
    font-weight: bold;
}

ul.all_craftsman li .scale-box{
    height: 180px;
}
ul.all_craftsman li .scale-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.all_craftsman li a{
    text-decoration: none;
}


ul.category_type_list{
    width: 100%;
    position: absolute;
    top: 5%;
    left: 5%;
}
ul.category_type_list li{
    text-align: center;
    font-weight: bolder;
    color: white;
    min-height: unset;
    border-radius: 5px;
    width: 40%;
    font-size: 80%;
}
ul.category_type_list li.icon-tosou{background: #468500;}
ul.category_type_list li.icon-daiku{background: #850000;}
ul.category_type_list li.icon-mitsumori{background: #006085;}

ul.all_craftsman li.all_craftsman_list p.all_example_list_title a{
    position: relative;
    z-index: 2;
    color: black;
    transition: all 1s;
}
ul.all_craftsman li.all_craftsman_list p.all_example_list_title a span{
    position: absolute;
    left: 0;
    font-size: 400%;
    top: -150%;
    font-family: 'Alex Brush', cursive;
    opacity: .1;
    color: #918467;
    z-index: 1;
    transition: all 1s;
    font-weight: normal;
}


ul.all_craftsman li.all_craftsman_list p.all_example_list_title a:hover span{
    opacity: .5;
    padding-left: 20%;
}


/*********************職人詳細**********************************/
.craftsman-template-default .l-topTitleArea{
    display: none;
}

.craftsman_title_box h2{
    position: relative;
    padding: 0;
    font-size: 400%;
    margin-bottom: 4%!important;
    padding-left: 2%;
    z-index: 5;
    font-family: "Sawarabi Mincho";
    border: none;
    font-weight: normal;
    
}
.craftsman_title_box h2 span{
    position: absolute;
    left: -1%;
    font-size: 400%;
    opacity: .05;
    top: -150%;
    z-index: 1;
    font-family: 'Alex Brush', cursive;
    transform: rotate(-6deg);
    letter-spacing: -0.6rem;

}

.post_content .craftsman_title_box h2::before{
    background: none;
    margin-bottom: 5%!important;
}

.post_content .craftsman_title_box img{
    width: 60%;
    height: 400px;
    object-fit: cover;
}
.craftsman_section{
    position: relative;
}
.craftsman_section .craftsman_section_outer_box{
    position: relative;
    z-index: 10;
}
.craftsman_section .single_craftsman_tate{
    font-size: 2000%;
    position: absolute;
    right: -55%;
    transform: rotate(90deg);
    top: 50%;
    opacity: .1;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    z-index: 1;
}
.craftsman_section_top_box{
    display: table;
    vertical-align: top;
    font-family: "Sawarabi Mincho";
}
.craftsman_section_top_box .profle_outbox{
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.craftsman_section_top_box .profle_outbox h3{
    margin-bottom: 5%;
}
.craftsman_section_top_box img.craftsman_img_01{
    display: table-cell;
    vertical-align: top;
    padding-left: 3%;
}


.craftsman_section_middle_box{
    margin-top: 5%;
    margin-bottom: 5%;
}
.craftsman_section_middle_box .craftsman_img_02{
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 30%;
}

.craftsman_section_middle_box .craftsman_img_02.sa{
    box-shadow: 30px 30px 2px 0px rgba(0, 0, 0, 0.2);
    transition: all 2s ease-out;
}
.craftsman_section_middle_box .craftsman_img_02.sa.show{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 5%;
}

.craftsman_section_middle_inner_box{
    display: table;
    width: 100%;
}
.craftsman_section_middle_inner_box img{
    display: table-cell;
    vertical-align: top;
    padding-right: 3%;
    max-height: 500px;
    width: 100%;
    object-fit: cover;

}
.craftsman_section_middle_inner_box .craftsman_section_middle_inner_text_box{
    display: table-cell;
    vertical-align: top;
    width: 40%;
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}

.craftsman_section_middle_inner_box .craftsman_section_middle_inner_text_box h3{
    margin-bottom: 5%;
    font-weight: normal;
}
#main_content .craftsman_section .craftsman_section_bottom_box{
    margin-bottom: 8%!important;
}
.craftsman_section_bottom_box h3{
    margin-bottom: 1%;
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}
.other_craftsman h3{
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}
.craftsman_section_bottom_box ul.craftsman_section_bottom_list{
    padding-left: 0;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list{
    padding: .1%;
    border: 1px solid whitesmoke;
    margin-right: .1%;
    height: 270px;
    position: relative;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list ul{
    position: absolute;
    top: 2%;
    left: 3%;
    width: 94%;
    padding-left: 2%;
    padding-top: 3%;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list ul li{
    text-align: center;
    font-size: 70%;
    width: 31.5%;
    float: left;
    margin: 0 .5% 1% .5%;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list img{
    height: 180px;
    width: 100%;
    object-fit: cover;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list p.all_example_list_title{
    line-height: 130%;
    margin-top: 5px;
}
.craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list p.all_example_list_title a{
    text-decoration: none;
}

.craftsman_section_bottom_list .slick-dots li{
}


.craftsman_section_bottom_list .slick-dots li button{
}

.craftsman_section_youtube_box{
    margin-bottom: 5%;
}
.craftsman_section_youtube_box h3{
    margin-bottom: 3%;
    font-family: "Sawarabi Mincho";
    font-weight: normal;
}
.craftsman_section_youtube_box .Box {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.craftsman_section_youtube_box .Box iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.craftman_license_list{
    padding-left: 0;
    margin-left: 0;
}
ul.craftman_license_list::after{
    content: "";
    display: block;
    clear: both;
    margin-bottom: 3%;
}
ul.craftman_license_list li{
    list-style-type: none;
    border: 1px solid #8f8266;
    float: left;
    margin-right: 1%;
    padding: 0% 4%;
    border-radius: 3px;
    font-size: 70%;
}

ul.single_craftsman_botton_list{
    padding-left: 0;

}
ul.single_craftsman_botton_list .category_type_list{
    list-style-type: none;
    padding-left: 0
}
ul.single_craftsman_botton_list ul.category_type_list li{
    border-radius: 0;
    width: 33%;
}

ul.single_craftsman_botton_list .scale-box img{
    height: 150px;
    object-fit: cover;
}

ul.single_craftsman_botton_list .all_craftsman_list{
    position: relative;
    overflow: hidden;
}


ul.single_craftsman_botton_list .all_craftsman_list .all_example_list_title{
    position: absolute;
    bottom: -20%;
    left: 3%;
    font-weight: normal;
    font-family: "Sawarabi Mincho";
}

ul.single_craftsman_botton_list .all_craftsman_list .all_example_list_title a{
    color: #ffffff;
    text-decoration: none;
    font-family: 'Alex Brush', cursive;
    font-size: 400%;
    opacity: .7;
}
.other_craftsman .single_craftsman_botton_box h2{
    margin-bottom: 3%;
}


/**************************会社概要**********************************/
table.company_profile{}
table.company_profile tr{}
table.company_profile tr td{
    border: none;
    border-bottom: 1px solid #918467;
    background: none;
    padding: 5% 3%;
}
table.company_profile tr th{
    border: none;
    border-bottom: 2px solid #918467;
    background: none;
    padding: 3%;
    width: 25%;
    font-weight: normal;
}
table.company_profile .company_profile_inner_box{
    padding: 3% 0;
}
table.company_profile .company_profile_inner_box{}
table.company_profile .company_profile_inner_box p{}
table.company_profile .company_profile_inner_box p.company_profile_name{
    display: inline;
    border: 1px solid gray;
    padding: 0 5%;
}
table.company_profile .company_profile_inner_box p.company_profile_info{
    font-size: 80%;
    margin-top: 1%;
}


table.company_profile .company_profile_inner_box p.company_profile_info i{
    margin-right: 1%;
    margin-left: 3%;
}
table.company_profile .company_profile_inner_box iframe{
    width: 100%;
    height: 200px;
}


table.company_profile .company_profile_telbox{

}
table.company_profile .company_profile_telbox a{
    text-decoration: none;
    font-weight: bold;
    font-size: 400%;
    color: white;
}
table.company_profile .company_profile_telbox .company_profile_telbox_icon{}
table.company_profile .company_profile_telbox i{
    font-size: 400%;
    color: white;
}
table.company_profile .company_profile_telbox .company_profile_telbox_number{
    text-align: right;
    background: #918467;
    border-radius: 10px;
    padding: 3%;
    color: white;
}
table.company_profile .company_profile_telbox .company_profile_telbox_number p{}

.mincho{
    font-family: 'Noto Serif JP', serif;
    font-family: 'Shippori Mincho', serif;
}


/**************************問い合わせフォーム**********************************/
.estimate_table input::placeholder {
    font-size: 80%;
}


.estimate_table{}
.post_content .estimate_table td,.post_content .estimate_table th{
    border: none;
    padding: 7% 0;
}
.estimate_table .estimate_title{
    width: 20%;
}
.estimate_table .estimate_title span{
    color: red;
    font-size: 50%;
}
.estimate_table .estimate_body{width: 80%;}

.post_content .estimate_table .estimate_body,.post_content .estimate_table .estimate_title{
    border-bottom: 1px dashed #ededed;
}

.estimate_table .estimate_body_inner_title{
    background: #f3f3f3;
    border-radius: 5px;
    display: inline-block;
    padding: 0 5%;
    margin: 5% 1% .5% 1%;
    color: black;
}
.estimate_table .estimate_body_inner_text{
    border-bottom: 1px dotted gray;
    padding-bottom: 5%;
}

.estimate_table .estimate_body textarea{width: 100%;}
.estimate_table .estimate_body input{width: 100%}
.estimate_table .estimate_body.quiz{
    text-align: center;
}
.estimate_table .estimate_body p.estimate_body_building_head_title{
    font-size: 90%;
    text-align: center;
}


.estimate_body.adress_area input{
    width: unset;
}

.estimate_body.adress_area input.p-street-address{
    width: 100%;
}


.estimate_table .estimate_body .estimate_body_inner_text.old input{
    width: unset;
}

.estimate_table .estimate_body_inner_text {
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 5%;
}
.estimate_table .estimate_body_inner_text.last_input{
    border-bottom: none
}
.estimate_table .estimate_body_inner_text.radio_input input{
    width: unset;
}
.estimate_table .last .estimate_body input{
    background: #ff8000;
    color: white;
    width: 50%;
    margin-left: 25%;
    border-radius: 10px;
    padding: 1%;
}



/******************************Yahoo!知恵袋******************************************/

ul.yahoo_answers_category_menu{
    background: rgba(255,255,255,.9);
    position: fixed;
    bottom: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding: 1% 2%;
    z-index: 9999999;
}
ul.yahoo_answers_category_menu.hide{
    bottom: -20%;
}

ul.yahoo_answers_category_menu li {
    float: left;
    width: 18%;
    text-align: center;
    background: orange;
    margin: 1%;
    border-radius: 3px;
    border: 1px solid orange;
    list-style-type: none;
}
ul.yahoo_answers_category_menu li a {
    color: #fff;
    display: block;
    font-weight: 700;
}

.yahoo_answers_category_box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.yahoo_answers_category_box ul li{
    margin-bottom: 2%;
}
.yahoo_answers_category_box span {
    background: #eaeaea;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 80%;
}

i.fa-crown{
    color: gold;
    font-size: 90%;
}


/*************************************ブログ*****************************************/
.awaseteyomitai-yt{
    font-size: 125%;
    font-weight: bold;
    border-bottom: 2px solid red;
    margin-bottom: 2%;
}


.awaseteyomitai-yt::before{
    font-family: "Font Awesome 5 Brands";
    content: "\f431";
    font-weight: 900;
    background: red;
    color: white;
    margin-right: 1%;
    padding: 1%;
}
.awaseteyomitai-blog{
    font-size: 125%;
    font-weight: bold;
    border-bottom: 2px solid #00cb2d;
    margin-bottom: 2%;
}
.awaseteyomitai-blog::before{
    font-family: "Font Awesome 5 Free";
    content: "\f5ad";
    font-weight: 900;
    background: #00cb2d;
    color: white;
    margin-right: 1%;
    padding: 1%;
}

.awaseteyomitai-fb{
    font-size: 125%;
    font-weight: bold;
    border-bottom: 2px solid #1877f2;
    margin-bottom: 2%;
}
.awaseteyomitai-fb::before{
    font-family: "Font Awesome 5 Brands";
    content: "\f39e";
    font-weight: 900;
    background: #1877f2;
    color: white;
    margin-right: 1%;
    padding: 1%;
}

/***************************求人******************************************/
table.recruit_table span{
    font-size: 80%;
}
table.recruit_table tr th{
    width: 20%;
    background: #f3f0e8;
    font-weight: normal;
}

table.recruit_table tr td{
    width: 80%;
}

.recruit_entry{}
.recruit_entry table{}
.recruit_entry table tr{
    transition: all .5s;
}
.recruit_entry table tr:hover{
    background: rgba(145,132,103,.2);
}
.recruit_entry table tr th{
    width: 20%;
    padding: 7% 3%;
}
.recruit_entry table tr td{
    width: 80%;
    padding: 7% 3%;
    border: none;
    border-bottom: 1px solid #918467;
}
.recruit_entry table tr td .post_code_text{
    padding-left: 2rem;
    position: relative;
}
.recruit_entry table tr td .post_code_text::before{
    content: "〒";
    position: absolute;
    top: 50%;
    left: 2%;
    font-size: 120%;
    font-weight: bold;
    transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
}

.recruit_entry table tr td.w100area .wpcf7-list-item.first{
    margin: 0;
}
.recruit_entry table tr td .post_code_text span input{width: 30%}

.recruit_entry table tr td.w100 input{width: 100%;}
.recruit_entry table tr td.w100area textarea{width: 100%}

.post_content .recruit_entry table th{
    background-color: unset;
    color: unset;
    font-weight: normal;
    border: none;
    border-bottom: 1px solid #c5c5c5;
}
.recruit_entry table tr.last:hover{
    background: none;
}
.post_content .recruit_entry table tr.last td{
    border-bottom: none;
    text-align: center;
}

.post_content .recruit_entry table tr.last td input{
    padding: 1% 10%;
    color: white;
    border: 1px solid #918467;
    transition: all .8s;
    background: rgb(145,132,103);
    background: linear-gradient(180deg, rgba(145,132,103,1) 0%, rgba(181,161,117,1) 100%);
}
.post_content .recruit_entry table tr.last td input:hover{
    border: 1px solid #918467;
    border-radius: 20px;
}
.post_content .recruit_entry table tr.last p{
    position: relative;
}
.post_content .recruit_entry table tr.last p::before{
    font-family: "Font Awesome 5 Free";
    content: "\f1d8";
    font-weight: 900;
    background: none;
    color: white;
    position: absolute;
    top: 50%;
    left: 39%;
    transition: all 1s;
    transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
}

.post_content .recruit_entry table tr.last p:hover::before{
    left: 38%;
}
.recruit_entry table tr th.required p:after{
    content: "(必須)";
    font-size: 60%;
    color: #a70000;
    display: block;
}



.post_content .is-style-section_ttl.recruit_sales_title{
    position: relative!important;
    padding-left: 7%;
}
.post_content .is-style-section_ttl.recruit_sales_title::before{
    content: "";
    display: inline-block;
    background-color: red;
    position: absolute;
    height: 3px;
    width: 5%;
    top: 50%;
    left: 0;
}

h3.recruit_h3{
    font-weight: normal;
    font-size: 200%;
    padding: 5%!important;
    border: 1px solid #cfcfcf!important;
}
.recruit_h3 span{}
.recruit_h3 span.recruit_h3_big{
    font-size: 150%;
    margin: 1%;
}
.recruit_h3 span.recruit_h3_small{
    display: block;
    font-size: 50%;
}

.recruit_sales_voice .recruit_sales_voice_inner_box{
    position: relative;
}
.recruit_sales_voice .recruit_sales_voice_box_text{
    width: 50%;
}
.recruit_sales_voice_box_img{
    width: 100%;
    position: absolute;
    right: -60%;
    top: -20%;
    height: 400px;
    overflow: hidden;
    border-radius: 80px 0 0 80px;
}

.schedule_list_box{
    background: #86d67c;
    color: white;
}


.schedule_list_box .recruit_sales_schedule{}
.schedule_list_box .recruit_sales_schedule ul{
    width: 100%;
    list-style-type: none;
}
.schedule_list_box .recruit_sales_schedule ul li{
    float: left;
    margin: 0;
    padding: 5% 0;
}
.schedule_list_box .recruit_sales_schedule ul li.scchedule_list_time{
    text-align: right;
    padding-right: 10%;
    border-right: 1px solid #d6e5d4;
    width: 25%;
}
.schedule_list_box .recruit_sales_schedule ul li.scchedule_list_content{
    padding-left: 10%;
    width: 75%;
}

.schedule_list_box .recruit_sales_schedule ul li::after{
    content: "";
    display: block;
    clear: both;
}

.schedule_list_box .schedule_right_box h3{
    margin: 0;
    padding: 5% 0;
    font-weight: normal;
}

.schedule_left_box,.schedule_right_box{
    margin-left: 0!important;
    width: 50%!important;
}
.schedule_left_box .wp-block-image{
    height: 100%;
}
.schedule_left_box .wp-block-image img{
    height: 100%;
    object-fit: cover;
}

table.job-table{}
table.job-table tr{}
table.job-table tr th{
    width: 25%;
    padding-left: 1rem !important;
}
table.job-table tr td{
    width: 75%
}
table.job-table tr th,table.job-table tr td{
    border: none;
    background: none;
    padding: 3% 0;
    border-bottom: 1px solid #c3c3c3;
}

.ideal_candidate_profile ul{
    padding-left: 3rem;
}

.middle_career_form .middle_career table.tbl-r02 tr th.required p::after{
    content: "必須";
    color: red;
    font-size: 60%;
}

.middle_career_form .middle_career table{}
.middle_career_form .middle_career table tr{}
.middle_career_form .middle_career table tr th{}
.middle_career_form .middle_career table tr td{}
.middle_career_form .middle_career table tr th,.middle_career_form .middle_career table tr td{
    border: none;
    background: none;
    padding: 3% 0;
    border-bottom: 1px solid #c3c3c3;
}
.middle_career_form .middle_career table tr th{
    width: 25%;
    padding-left: 1rem !important;
}

.middle_career_form .middle_career table tr td{
    width: 75%
}


.middle_career_form .middle_career table tr td textarea{
    width: 100%;
}




/***************************サイドバー設定******************************************/
.widgets_access{}
.widgets_access h3{}
.widgets_access p.access{}
.widgets_access p.access a{
    background: #5e5931;
    border: 1px solid #5e5931;
    color: white;
    font-size: 200%;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    position: relative;
    transition: all 1s;
    display: block;
    padding-left: 5%;
}
.widgets_access p.access a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f098";
    font-weight: 900;
    position: absolute;
    left: 5%;
    transition: all 1s;
}
.widgets_access p.access a:hover::before{
    left: 7%;
}
.widgets_access p.access a:hover{
    background: white;
    border: 1px solid #5e5931;
    color: #5e5931;
}

.sidebar_link_box{}
.sidebar_link_box a{
    text-decoration: none;
    text-align: center;
    display: block;
    border: 1px solid #918467;
    color: #514630;
    font-size: 110%;
    padding: 3% 0;
    position: relative;
    transition: all 1s;

}   
.sidebar_link_box .sidebar_link.hoshou::before {
    content: "\f3ed";
}
.sidebar_link_box .sidebar_link.taiken::before{
    content: "\f5aa";
}
.sidebar_link_box .sidebar_link.youtube::before{
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
}
.sidebar_link_box .sidebar_link.tosougyou::before{
    content: "\f19c";
}  
.sidebar_link_box .sidebar_link.recruit_shokunin::before{
    content: "\f55d";
}
.sidebar_link_box a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    transition: all .5s;
    left: 20%;
}
.sidebar_link_box a:hover{
    border-radius: 10px;
    color: white;
}
.sidebar_link_box a:hover::before{
    transform:rotate(20deg);
    left: 25%;
    color: white;
}
.sidebar_link_box a.hoshou:hover{
    background: #008748;
}
.sidebar_link_box a.taiken:hover{
    background: #ef7100;
}
.sidebar_link_box a.youtube:hover{
    background: red;
}
.sidebar_link_box a.tosougyou:hover{
    background: #a87cc4;
}

/***************************エリアページ******************************************/
.construction-type_list .construction_fee {
    display: block;
    width: 50% !important;
    background: #616161;
}
.construction-type_list .construction_fee.area_size{
    width: 30%!important;
}





/***************************自動見積ページ******************************************/
.autoquote {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    flex-flow: column;
}

.label {
    padding: .5% 3%;
    margin-right: 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
    font-size: 70%;
}

.exterior {
    background-color: #f0a500; /* 外壁の背景色 */
}

.roof {
    background-color: #00aaff; /* 屋根の背景色 */
}

.main-text {
    font-size: 300%;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 5px #0099a9, 0px 0px 4px #0af, 0px 1px 4px #060606;
}




.question {
    display: none;
}
.question.active {
    display: block;
}
#startButton{
    width: 50%;
}

.result {
    margin-top: 20px;
}
.option-images {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.option-images div {
    display: table-cell;
    text-align: center;
    margin: 10px;
}
.option-images img {
    cursor: pointer;
    margin: 10px;
}
.question button{
    border-radius: 5px;
    padding: 1% 3%;
    background: #5087bf;
    color: white;
    margin: 1%;
    transition: all .5s;
    box-shadow: 3px 3px 2px black;
    width: 100%;
}

.question button:hover{
    box-shadow: none;
}

.question p:first-child{
    border-bottom: 2px solid gray;
    margin-bottom: 3%;
    font-size: 110%;
}
.question_01 {

}
.question_02 .option-images{
    display: table;
}
.question_02 .option-images div{
    display: table-cell;
}
.question_02 img{
    width: 100%;
    height: 150px;
    object-fit: contain;
}
.question_07 .option-images{
    display: block;
}

.question_07 .option-images div{
    width: 25%;
    display: block;
    margin: 0;
    float: left;
    margin-bottom: 5%;
}
.question_7r .option-images div{
    width: 25%;
    display: block;
    margin: 0;
    float: left;
    margin-bottom: 5%;
}
.question_07 .option-images img,.question_7r .option-images img{
    width: 100%;
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    margin: 0;
}

.question_07 div{
    margin-top: 0!important;
}
.question_07r div{
    margin-top: 0!important;
}
.question_07 .option-images .question_07_other{
    width: 100%;
    clear: both;
    margin-bottom: 10% !important;
}
.question_7r .option-images .question_07r_other{
    width: 100%;
    clear: both;
    margin-bottom: 10% !important;
}
#questions {
    padding: 3%;
    width: 100%;
    text-align: center;
}
.btntextchange{
    /*テキストの基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  border: 1px solid #5087bf;
  border-radius: 5px;
    min-width: 210px;
  padding: 5%;
    text-align: center;
  display: inline-block;
    text-decoration: none;
    color: #5087bf;
    outline: none;
    /*アニメーションの指定*/
    transition: all .2s;
    font-weight: bold;
}

/*hoverした際の変化*/
.btntextchange:hover{
  background:#5087bf;
  color:#fff;
}

.btntextchange span{
    /*絶対配置でテキストの位置を決める*/
  position: absolute;
  left: 50%;
  top:50%;
    transform:translate(-50%,-50%);
    /*アニメーションの指定*/
    transition: all .4s;
  /*ブロック要素にしてテキスト折り返しなし*/  
  display: block;
  white-space: nowrap;
}

/*差し替わるテキストの設定*/
.btntextchange span:nth-child(2){
  opacity:0;/*透過0に*/
}

/*hoverするとテキストが入れ替わる設定*/
.btntextchange:hover span:nth-child(1){
  opacity:0;/*透過0に*/
}

.btntextchange:hover span:nth-child(2){
  opacity:1;/*不透明に*/
}

.btntextchange{
    position: relative;
    transition: all .4s;
}
.btntextchange::after{
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 900;
    color: #5087bf;
    position: absolute;
    right: -3%;
    transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    transition: all .4s;
}
.btntextchange:hover::after{
    color: #a8d3ff;
    right: -5%;
}
#result a{
    display: block;
    width: 70%;
    border: 2px solid #5087bf;
    text-align: center;
    padding: 2%;
    margin-left: 15%;
    color: #5087bf;
    text-decoration: none;
    font-size: 120%;
    margin-top: 5% !important;
    border-radius: 5px;
    position: relative;
    transition: all .5s;
}
#result a::after{
    content: "\f124";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    padding-left: 1%;
    transition: all .5s;
}
#result a:hover{
    background: #5087bf;
    color: white;
}
#result a:hover::after{
    padding-left: 4%;
}



#result span{
    font-size: 150%;
    font-weight: bold;
    margin: 0 1%;
    position: relative;
}

#result span.small_text{
    font-size: 80%;
    font-weight: normal;
    margin-left: 0;
}
.question_prev_button{
    margin-top: 5%;
    display: table;
    width: 100%;
}
.question_prev_button button{
    display: table-cell;
    width: 45%;
}

button.prevQuestion{
    background: #e1f0ff;
    color: #000;
}

button.prevQuestion.single_prev{
    width: 50%;
}

.question_other .wpcf7 p{
    text-align: left;
}
.question_other .wpcf7 form{
    padding: 3%;
    background: #5087bf;
    color: white;
    border-radius: 0 0 21px 20px;
}

.question_other .wpcf7 form textarea{
    width: 100%;
}
.question_other .wpcf7 form input{
    width: 100%;
}

p#questions_top_text{
    text-align: center;
    border: 1px solid #352c00;
    padding: 3%;
}

.question label{
    text-align: left;
}

.post_content .result .showresult_box{
    background: #918467;
    padding: 5% 3% 3% 3%;
    text-align: center;
    border-radius: 20px;
    color: white;
    position: relative;
}
.post_content .result .showresult_box h2{
    position: absolute;
    right: auto;
    border: 5px solid #918467;
    padding: 1% 10%;
    border-radius: 10px;
    background: white;
    color: #918467;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.post_content .result .showresult_box p span{
    background: white;
    color: black;
    padding: 0 3%;
}

.question button.dontknow{
    background: #304b67;
    width: 23%;
}
.question_04 button,.question_05 button,.question_06 button,.question_6r button{
    width: 23%;
    float: left;
}
button.prevQuestion.single_prev{
    width: 23%;
}

.question_07 .option-images .question_07_other{
    display: table;
    width: 100%;
}
.question_07 .option-images .question_07_other button{
    display: table-cell;
    width: 23%;
}
.question_7r .option-images .question_07r_other{
    display: table;
    width: 100%;
}
.question_7r .option-images .question_07r_other button{
    display: table-cell;
    width: 48%;
}



/***************************ここからfixメニュー*****************************/


#fix_right_link{
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 999;
    width: 5%;
    transition: all .5s;
    opacity: 0;
    transform: translate(150px,0px);
}
#fix_right_link.js-on{
    opacity: 1;
    transform: none;
}



#close-banner{
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
    background:rgba(255,255,255,.8);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}


/***************************ここからメディアクエリ******************************************/



@media screen and (max-width:1025px){
    .page_bottom_contact_box_right{
        font-size: 80%;
    }
    ul.gallery li {
        width: 100%;
        height: 400px!important;
    }
}



@media screen and (max-width:768px){
    .p-postSlider__title span {
        font-size: 300%;
        top: 50%;
    }
    .single_example_foot_slider .single_example_bottom_list{
        height: 330px;
    }
    ul.gallery li {
        width: 100%;
        height: 400px!important;
    }
    .gallery img{
        width: 100%;
        height: auto;
    }
    .examples_button button{
        font-size: 80%;
        border-radius: 5px;
    }
    ul.all_example li.all_example_list{
        width: 49%;
    }

    #lp-content .lp-content__inner .swell-block-fullWide__inner{
        padding: 0 2%;
    }

    h3.recruit_h3{
        font-size: 180%;
    }
    .recruit_sales_voice_box_img {
        width: 100%;
        right: -50%;
        top: -20%;
        height: 100%;
        overflow: hidden;
        border-radius: 80px 0 0 80px;
    }
    #job_lp_header{
        padding: 20% 5%;
    }
    h2#job_lp_header_title{margin-bottom: 0}
    
    #job_lp_header .wp-block-cover__image-background.wp-image-52361.has-parallax{
        background-position: 70% 50%!important;
    }

    .schedule_list_box .recruit_sales_schedule ul li.scchedule_list_time{
        padding-right: 5%;
    }

    .schedule_list_box .recruit_sales_schedule ul li.scchedule_list_content {
        padding-left: 5%;
    }

    table.job-table tr th {
        width: 25%;
        padding-left: 0rem !important;
        font-size: 90%;
    }

    table.job-table tr td {
        width: 75%;
        padding-left: 1% !important;
    }

    .middle_career_form .middle_career table tr th, .middle_career_form .middle_career table tr td {
        width: 100%;
        display: block;
        padding-left: 0 !important;
        padding-bottom: 0;
        border-bottom: none;
    }
     .middle_career_form .middle_career table tr td{
        border-bottom: none;
        margin-bottom: 6%;
        padding-top: 0;
     }

     #startButton {
        width: 80%;
        height: 80px;
    }

    .btntextchange::after{
        right: -5%;
    }


}


@media screen and (max-width:600px){
    html,body{
        overflow-x: hidden;
    }
    #fix_right_link {
        bottom: 15%;
        width: 40%;
        transform: translate(150px, 0px); /* ここを統一 */
    }

    #fix_right_link.js-on {
        opacity: 1;
        transform: none;
        transition: all .5s; /* ここも統一 */
    }

    #close-banner {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, .8);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }


    #sp_bottom_menu{
        display: block;
        position: fixed;
        z-index: 10;
        left: 3%;
        bottom: 1.25em;
        background: rgba(255, 255, 255, .7);
        border: 1px solid #827456;
        padding: 0 2%
    }

    #sp_bottom_menu a{
        text-decoration: none;
        font-size: 200%;
        color: #827456;
        display: block;
    }
    #sp_bottom_menu a span{
        font-size: 50%;
        display: block;
        margin: 0;
        line-height: 100%;
        text-align: right;
        padding: 2% 2% 0 0;
    }
    #sp_bottom_menu{
        opacity: 0;
        transition: all .5s;
        transform: translate(0, -25px);
    }
    #sp_bottom_menu.js-on{
        opacity: 1;
        transform: none;
    }




    #front_news::before{
        right: -100%;
        top: 30%;
    }


    .p-postSlider__title span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 1;
        font-size: 200%;
        color: black;
        opacity: 0.03;
    }
    .l-mainContent__inner h2.title_collection_h2{
        font-size: 180%;
    }
    .l-mainContent__inner h2.title_collection_h2 span.h2_title_span {
        position: absolute;
        left: 5%;
        font-size: 200%;
        top: -25%;
    }
    h3.why_tosoushokunin_title{
        margin-bottom: 1%;
    }

    .home .swell-block-column .u-mb-ctrl.u-mb-20{
        margin-bottom: 0!important;
    }

    .top_banner_box ul li {
        width: 50%;
    }

    .wp-block-cover .paint_trial_tosoutaiken_baloon_01{}
    .wp-block-cover .paint_trial_tosoutaiken_baloon_02{}
    .wp-block-cover .paint_trial_tosoutaiken_baloon_03{}

    .page_bottom_contact_box{
        display: block;
        border: 1px solid #c1c1c1;
        padding: 3%;
    }
    .page_bottom_contact_box .page_bottom_contact_box_head_text{
        display: block;
        text-align: center;
    }
    .page_bottom_contact_box .page_bottom_contact_box_left img {
        width: 100%;
    }
    .page_bottom_contact_box_left .page_bottom_example_link {
        width: 100%;
        padding: 3%;
    }
    .page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone{
        line-height: 200%;
        text-align: center;
        transform: scaley(1.2);
        padding-top: 3%;
    }
    .page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_to_form{
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_to_form a{
        text-decoration: none;
    }
    .page_bottom_contact_box .page_bottom_contact_box_left{
        display: block;
        width: 100%;
    }
    .page_bottom_contact_box .page_bottom_contact_box_right{
        display: block;
        width: 100%;
        text-align: unset;
    }
    .gaihekitosou_outbox .swell-block-columns__inner{
        row-gap: unset;
    }
    .gaihekitosou_outbox .swell-block-columns__inner h3{
        padding: 3% 0 0 0;
        margin-bottom: 10% !important;
    }


    .page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone a{
        letter-spacing: -0.2rem;
    }
    .page_bottom_contact_box .page_bottom_contact_box_right .page_bottom_contact_box_right_phone a i{
        margin-right: 2%;
    }
    .example_status_gaiyou .status_box{
        width: 49%;
    }
    .example_status_gaiyou .status_box .status_box_bottom{
        height: 45px;
    }
    .example_status_shokunin .example_status_shokunin_big_box{
        display: block;
        width: 100%;
    }
    .example_status_shokunin .example_status_shokunin_out_box{
        display: block;
        width: 100%;
    }

    .example_status_shokunin .example_status_shokunin_fukidashi{
        position: absolute;
        top: -17%;
        left: -1%;
        min-width: 45%;
        text-align: center;
        border-radius: 5px;
    }
    .example_status_shokunin img{
        width: 100%;
        object-fit: cover;
        height: 200px;
    }
    .example_status_shokunin p.from_staff_comment{
        display: block;
        width: 100%;
        vertical-align: top;
        padding-left: 0;
    }
    ul.gallery li p{
        font-size: 80%;
        text-align: left;
        line-height: 110%;
    }
    ul.gallery li.gallery_before::before{
        font-size: 500%;
        bottom: -10%;
    }
    ul.gallery li.gallery_after::before{
        font-size: 500%;
        bottom: -10%;
    }
    ul.gallery li.gallery_before::after{
        font-size: 100%;
    }
    ul.gallery li.gallery_after::after{
        font-size: 100%;
    }
    .example_section_property_inner ul.recommend_link{
        padding-left: 1rem;
    }

    .craftsman_section,.craftsman_section_youtube_box{
        margin-bottom: 20%;
        margin-top: 10%;
    }
    .post_content .profle_outbox p{margin-bottom: 5%!important;}

    .craftsman_section_middle_inner_box{
        display: block;
    }
    .craftsman_section_middle_inner_box img{
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .craftsman_section_middle_inner_box .craftsman_section_middle_inner_text_box{
        display: block;
        width: 100%;
        margin-top: 10%;
    }
    .craftsman_section_outer_box .craftsman_section_middle_box{
        margin-bottom: 0;
    }
    .craftsman_section_middle_box {
        margin-top: 5%;
        margin-bottom: 10%;
    }
    .craftsman_section_middle_box .craftsman_img_02.sa.show{
        margin-bottom: 0;
    }
    .craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list p.all_example_list_title {
        line-height: 130%;
        margin-top: 5px;
        font-size: 75%;
    }

    .craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list img {
        height: 120px;
    }
    ul.single_craftsman_botton_list .all_craftsman_list{
        padding: .05%;
    }
    .craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list{
        height: 200px;
    }
    .craftsman_section_bottom_inner_box .craftsman_section_bottom_list .all_example_list ul li{
        font-size: 60%;
    }

    ul.single_craftsman_botton_list ul.category_type_list{

    }
    ul.single_craftsman_botton_list ul.category_type_list li{
        width: 45%;
    }

    ul.single_craftsman_botton_list .all_craftsman_list .all_example_list_title a{
        padding-bottom: 10%;
        display: block;
        font-size: 250%;
    }


    .craftsman_title_box h2{
        font-size: 200%;
    }

    .craftsman_title_box h2 span {
        font-size: 400%;
        top: -120%;
    }

    .craftsman_section_top_box{
        display: block;
    }
    .craftsman_section_top_box .profle_outbox{
        display: block;
        width: 100%;
    }
    .craftsman_section_top_box img.craftsman_img_01 {
        display: block;
        padding-left: 0;
        width: 100%;
    }
    ul.all_craftsman li{
        width: 48.33%;
        height: 130px;
        min-height: unset;
    }
    ul.all_craftsman li.all_craftsman_list{
        margin-bottom: 3%;
    }
    ul.category_type_list li{
        height: unset;
        width: unset;
        padding: 1% 3%;
        font-weight: normal;
    }
    ul.all_craftsman li .scale-box {
        height: unset;
    }
    ul.all_craftsman li .scale-box img{
        height: 90px;
    }

    ul.all_craftsman li.all_craftsman_list p.all_example_list_title {
        margin-top: 0%;
    }
    ul.all_craftsman li.all_craftsman_list p.all_example_list_title a span {
        font-size: 300%;
        top: -100%;
    }

    .example_section_outer_box ul{
        padding-left: 0rem;
    }


    .estimate_table .estimate_body{
        display: block;
        width: 100%;
        border-bottom: 0;
    }
    .post_content .estimate_table .estimate_title{
        display: block;
        width: 100%;
        border-bottom: 0;
        padding-bottom: 0;
    }
    .post_content .estimate_table .estimate_body{
        padding-top: 1%;
    }
    .estimate_table .last .estimate_body{
        border-bottom: 1px solid #dcdcdc;
    }

    ul.single_craftsman_botton_list .scale-box img{
        height: 250px;
        object-fit: cover;
    }
    ul.single_craftsman_botton_list .all_craftsman_list .all_example_list_title{
        bottom: -10%;
    }
    ul.gallery li {
        width: 100%;
        height: 250px!important;
        margin-bottom: 0;
    }
    .examples_button button {
        font-size: 100%;
        border-radius: 5px;
        margin: 1%;
    }
    .narrow_down_content_list {
        display: block;
        table-layout: unset;
        width: 75%;
        top: 2%;
        left: 2%;
        position: absolute;
        font-size: 95%;
    }
    .narrow_down_content_list_box_price{
        display: block;
        border-radius: 0 5px 5px 0;
    }
    .narrow_down_content_list_box_price {
        background: #523602ad;
    }

    table.shiken_gaiyou_table tr th,table.shiken_gaiyou_table tr td{
        display: block;
        width: 100%;
    }
    table.shiken_gaiyou_table tr th{
        text-align: center;
    }
    table.company_profile tr {
        padding-top: 10%;
        display: block;
    }
    table.company_profile tr th,table.company_profile tr td{
        display: block;
        width: 100%;
    }
    table.company_profile .company_profile_telbox .company_profile_telbox_number {
        text-align: center;
    }
    table.company_profile tr th{
        border-bottom: 1px dotted #ddd2b8;
    }
    table.company_profile .company_profile_telbox i {
        font-size: 200%;
    }
    table.company_profile .company_profile_telbox a{
        font-size: 200%;
    }

    table.recruit_table tr th,table.recruit_table tr td{
        display: block;
        width: 100%;
    }
    table.recruit_table tr th{
        text-align: center;
    }
    .recruit_entry table tr th {
        width: 25%;
        padding: 3%;
    }
    .recruit_entry table tr td {
        width: 75%;
        padding: 3%;
        border: none;
        border-bottom: 1px solid #918467;
    }
    .recruit_entry table tr td p label{
        padding: 3% 0;
        display: block;
    }
    .post_content .recruit_entry table tr.last td {
        border-bottom: none;
        text-align: center;
        width: 100%;
        padding: 0;
        padding-top: 10%;
    }
    .post_content .recruit_entry table tr.last td input {
        display: block;
        width: 50%;
        padding: 3% 0;
        margin-left: 25%;
    }
    .post_content .recruit_entry table tr.last p::before {
        top: 30%;
        left: 38%;
    }

    .recruit_sales_voice_box_img{
        top: 0;
        height: 50%;
        right: -53%;
    }
    .recruit_sales_voice_box_img img{
        height: 100%;
        object-fit: cover;
    }
    .schedule_left_box, .schedule_right_box {
        margin-left: 0 !important;
        width: 100% !important;
        display: block;
    }
    .schedule_list_box .swell-block-columns__inner{
        width: 100%;
        margin: 0;
    }



    .construction-type_list .construction_fee {
        width: 70% !important;
    }
    .construction-type_list .construction_fee.area_size{
        width: 26%!important;
    }


    li.slick-slide img {
        height: 70px;
    }

    .question button.dontknow {
        background: #304b67;
        width: 50%;
        margin-top: 3%;
    }
    .question_04 button, .question_05 button, .question_06 button, .question_6r button {
        width: 48%;
        float: left;
    }
    .question button.dontknow {
        background: #304b67;
        width: 48%;
        margin-top: 1%;
        display: block;
        clear: both;
    }

    .question_07 .option-images div {
        width: 50%;
    }
    .question_07 .option-images .question_07_other button {
        display: table-cell;
        width: 48%;
    }
    .post_content .result .showresult_box h2{
        font-size: 100%;
        width: 80%;
    }
    .question_7r .option-images div {
        width: 50%;
    }
    .question_7r .option-images .question_07r_other button {
        padding: 2% 0%;
    }
    #result a{
        width: 100%;
        margin-left: 0;
    }
}



@media screen and (max-width:480px){
    .pc_only{display: none;}
    .sp_only{display: block;}

    ul.construction-type_list li{
        font-size: 80%;
    }
    .example_status_gaiyou .status_box .status_box_bottom{
        height: 27px;
    }
    .example_status_shokunin .example_status_shokunin_fukidashi {
        top: -12%;
    }
    .single_example_foot_slider .single_example_bottom_list {
        height: 200px;
    }

    .example_section_property_inner button{
        width: 40%;
        margin-left: 30%;
    }
}