@charset "utf-8";
/* CSS Document */

/*contact*/
#contact .box {background: url("img/contact/box_bg.jpg")top left repeat; box-sizing: border-box; border: 3px solid #000; padding-bottom: 30px;}
#contact .title {box-sizing: border-box; background: #000; padding: 10px 0; font-size: 16px; line-height: 1.4;}
#contact .icon {margin-top: -60px;}
#contact h2 {font-size: 40px; margin-right: 15px;}
#contact .tel {box-sizing: border-box; background: #ee7700; border: 3px solid #000; padding: 10px 0; font-size: 20px; line-height: 1; margin: 20px 20px 30px;}
#contact .tel img {margin-top: 10px;}
#contact .txt01 {font-size: 30px; line-height: 1;}
#contact table {width: 1000px; margin: 30px auto; box-sizing: border-box;}
#contact table th,#contact table td {padding-bottom: 20px; box-sizing: border-box; font-size: 18px;}
#contact table th{font-weight: bold; vertical-align: middle; width: 220px; position: relative; padding-right: 10px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 18px; font-weight: bold; border: 2px solid #000; outline: none;}
#contact .message_box th {vertical-align: top;}
#contact .message_box th,#contact .message_box td {padding-bottom: 0;}
#contact table textarea {font: inherit;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover,.wpcf7-form .btn_box p input:hover { opacity: 0.7;}
.mw_wp_form_input .btn input,.wpcf7-form .btn_box p input{
    font-size: 20px;
    width: 400px;
    padding: 20px 0;
    line-height: 1;
	color: #fff;
	background-color: #1b1b1b;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
	border-radius: 5px; cursor: pointer; display: block; margin: 0 auto;
}
#contact .thanks {font-size: 16px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border: none; color: #ff0000; margin: 0; text-align: center;
}
#contact_form .wpcf7-not-valid-tip {font-size: 14px; font-weight: bold;}
.wpcf7 form.sent .wpcf7-response-output {display: none;}


/*company*/
#company table {box-sizing: border-box; border: 1px solid #ee7700; width: 100%;}
#company th,#company td {box-sizing: border-box; border-bottom: 1px solid #aaa; padding: 15px 20px; font-size: 16px; line-height: 1.3; vertical-align: middle;}
#company th {background: #ee7700; color: #fff; border-bottom: 1px solid #fff; width: 350px;}
#company .last th,#company .last td {border-bottom: none;}
#company .group02 {box-sizing: border-box; border: solid 1px #ee7700; margin-top: 20px;}
#company .group02 h2 {background: #ee7700; padding: 15px 20px; font-size: 16px; line-height: 1;}
#company .group02 .box {margin: 20px 100px; font-size: 16px; line-height: 2;}
#company iframe {box-sizing: border-box; border: 3px solid #000; width: 100%; height: 450px;}
#company .b {box-sizing: border-box; border: 1px solid #ee7700; background-color: #fff; font-size: 20px; line-height: 1; border-left: 10px solid #ee7700; background: url("img/company/arrow.png")center right 10px no-repeat; height: 56px; width: 386px; padding-left: 10px;}
#company .s {font-size: 20px; line-height: 1; padding-left: 20px;}
#company .s img {margin-right: 10px;}
#company a {margin-top: 20px;}
#company .top {margin-top: 0;}
#company .inner02 {margin-top: 20px;}
#company .policy p {margin-top: 30px; line-height: 2; font-size: 16px;}




/*contact_banner*/
#contact_banner .over {background: url("img/contact_banner/bg01.jpg")top center no-repeat,url("img/contact_banner/bg02.jpg")top left repeat; padding: 50px 0;}
#contact_banner .contact_box {box-sizing: border-box; background: url("img/contact_banner/contact_bg.jpg")top left repeat; border: 3px solid #000;} 
#contact_banner .title {font-size: 40px; line-height: 1; padding: 5px 0; background: #000;}
#contact_banner .contact_box .inner02 {padding: 20px;}
#contact_banner .tel p {font-size: 16px; line-height: 1; margin-top: 20px;}
#contact_banner .right_box {box-sizing: border-box; border: 3px solid #ee7700; background: #fff; width: 480px;}
#contact_banner .title02 {font-size: 20px; line-height: 1; padding: 10px 0; background: #ee7700;}
#contact_banner .right_box .inner03 {padding: 20px;}
#contact_banner .right_box a {box-sizing: border-box; border: 3px solid #000; background: #fd8800; border-radius: 5px; box-shadow: 0 3px #000; width: 207px; height: 57px; font-size: 16px; line-height: 1;}
#contact_banner .right_box a:nth-child(2) {background: #eeee00;}
#contact_banner .link_box {box-sizing: border-box; background: url("img/index/link_box_bg.jpg")top left repeat; padding: 20px 0;}
#contact_banner .link_box a {box-sizing: border-box; border: 3px solid #000; background: #fff; width: 285px; height: 65px; font-size: 20px; line-height: 1;}

/*blog*/
#blog .blog_item {box-sizing: border-box; border-top: 1px solid #000; padding-top: 20px; margin-top: 20px; font-size: 20px; line-height: 1; width: 100%;}
#blog .blog_item:nth-child(1) {padding-top: 0; margin-top: 0; border: none;}
#blog .tag {background: #ee7700; width: 60px; height: 20px; font-size: 16px; margin: 0 20px;}
#blog h2 {font-size: 20px;}
#blog_single .box01 {box-sizing: border-box; border: 3px solid #000; background: url("img/blog/bg.jpg")top left repeat; padding: 15px 20px; font-size: 14px; line-height: 2; margin-bottom: 50px;}
#blog_single h2 {font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
#blog .news_tag {background: #ff0000;}

/*gallery*/
#gallery .gallery_item {box-sizing: border-box; width: 224px; margin-right: 20px;}
#gallery .gallery_item:nth-child(5n) {margin-right: 0;}
#gallery .gallery_item:nth-child(n + 6) {margin-top: 20px;}
#gallery .over {box-sizing: border-box; border: 3px solid #000;}
#gallery .img_box img {width: 100%; height: 150px; object-fit: cover;}
#gallery h2 {font-size: 14px; line-height: 1.2; padding: 10px 10px 7px; background: url("img/gallery/bg.jpg")top left repeat;}
#gallery .btn {box-sizing: border-box; border: 3px solid #000; border-radius: 3px; background: #ee7700; box-shadow: 0 3px #000; font-size: 14px; line-height: 1; width: 100%; height: 35px; margin-top: 10px;}
#gallery_single .img {width: 100%;}
#gallery_single .img img {width: 100%;}
#gallery_single .list a {width: 386px; margin-right: 21px;}
#gallery_single .list a:nth-child(3n) {margin-right: 0;}
#gallery_single .list a:nth-child(n + 4) {margin-top: 21px;}
#gallery_single .list a img {width: 100%; height: 257px; object-fit: cover;}
#gallery_single .txt_box {box-sizing: border-box; border: 2px solid #161616; padding: 15px 20px; line-height: 2; font-size: 16px;}
#gallery_single .min {font-size: 16px; line-height: 1;}
.gallery_box_title {padding: 5px 20px 5px 5px; background: #000; margin-bottom: 50px; box-sizing: border-box; height: 50px;}
.gallery_box_title h2 {font-size: 20px; line-height: 1; box-sizing: border-box; border-left: 5px solid #ee7700; padding-left: 10px; height: 100%;}

/*interview*/
#interview .interview_item {background: url("img/interview/bg.jpg")bottom left repeat; width: 285px; margin-right: 20px;}
#interview .interview_item:nth-child(4n) {margin-right: 0;}
#interview .interview_item:nth-child(n + 5) {margin-top: 20px;}
#interview .img_box {box-sizing: border-box; border: 3px solid #ee7700;}
#interview .img_box img {width: 100%; height: 213px; object-fit: cover;}
#interview .txt_box {box-sizing: border-box; padding: 5px 10px 10px; font-size: 14px; line-height: 1;}
#interview h2 {font-size: 14px; line-height: 1.3; margin-bottom: 10px;}

/*reason*/
#reason .link_box {background: url("img/reason/link_box_bg.jpg")bottom center no-repeat; box-sizing: border-box; border: 3px solid #fd8800; padding-top: 30px;}
#reason .link_box .title {background: url("img/reason/link_title_icon01.svg")center left 5px no-repeat,url("img/reason/link_title_icon02.svg")center right 5px no-repeat,url("img/reason/link_title_bg.jpg")top left repeat; padding: 15px 0; margin-bottom: 40px;}
#reason .link_box ul {margin: 10px auto 25px;}
#reason .link_box li:nth-child(2) {margin: 0 30px;}
#reason .box01 {background: url("img/reason/box01_bg.jpg")top left repeat;}
#reason .box01 .title {background: url("img/reason/box01_title_bg02.png")center left no-repeat,url("img/reason/box01_title_bg01.jpg")top left repeat; width: 100%; height: 100px; padding-left: 20px; position: relative; font-size: 25px; line-height: 1.1; box-sizing: border-box;}
#reason .box01 .title p span {font-size: 40px;}
#reason h2 {font-size: 50px; margin-left: 65px;}
#reason .box01 .title_icon {position: absolute; right: 0; bottom: 0;}
#reason .box01 .inner {margin: 20px 20px 0; box-sizing: border-box; font-size: 16px; line-height: 2;}
#reason .box01 .inner .img01 {margin-right: 20px;}
#reason .box01 .inner .img02 {margin-left: 20px;}
#reason .box01 .under_box {box-sizing: border-box; background: url("img/reason/under_box_bg.jpg")top left repeat; border: 3px solid #000; margin-top: 20px; position: relative; border-top: none;}
#reason .box01 .under_txt {position: relative; z-index: 10;}
#reason h3 {font-size: 40px; line-height: 1; padding: 20px 0; background: #000; margin-bottom: 25px;}
#reason .box01 .inner02 {font-size: 18px; line-height: 2; margin: 25px 20px 20px; position: relative; z-index: 10;}
#reason .box01 .inner02 img {margin-left: 20px;}
#reason .box01 .n_box {margin: 50px auto;}
#reason .box01 .n_box .n_txt01 {font-size: 40px; line-height: 1; margin-bottom: 25px;}
#reason .box01 .n_box ul li {font-size: 20px; line-height: 1;}
#reason .box01 .n_box ul li:nth-of-type(n + 2) {margin-left: 30px;}
#reason .under_icon {position: absolute; top: 0; right: 20px;}

/*campaign*/
#campaign .box01 {box-sizing: border-box; border: 3px solid #000; background: url("img/campaign/box01_bg.jpg")top left repeat;}
#campaign .box01 .inner {margin: 20px 50px 0; box-sizing: border-box; background: #f6f6f6;}
#campaign .box01 .inner p {padding: 0 20px; font-size: 16px; line-height: 2;}
#campaign .box01 .img02 {margin: 20px auto 0;}
#campaign .box01 .img03 {margin: 5px auto 0;}

/*dismantling*/
#dismantling h2 {margin: 45px auto;}
#dismantling .box01 .inner {font-size: 16px; line-height: 2;}
#dismantling .box01 .inner img {margin-right: 50px;}
#dismantling .box02 h2 {font-size: 40px; line-height: 1; background: #000; padding: 20px 0;}
#dismantling .box02 .step {font-size: 40px; line-height: 1; margin-right: 20px;}
#dismantling .box02 .box {background: #f5f5f5; padding: 35px 50px 20px; font-size: 16px; box-sizing: border-box; line-height: 2; height: 270px;}
#dismantling .box02 h3 {font-size: 40px; margin-bottom: 10px;}
#dismantling .box03 .con {background: #eee; padding-bottom: 50px;}
#dismantling .box03 .title {position: relative; background: url("img/dismantling/box03_title_bg.jpg")top left repeat;}
#dismantling .box03 .point {font-size: 40px; line-height: 1; width: 182px; height: 72px; background: #ee7700; margin-right: 20px;}
#dismantling .box03 h3 {font-size: 30px;}
#dismantling .box03 .icon {position: absolute; right: 15px; top: -150px;}
#dismantling .box03 .inner {font-size: 16px; margin: 50px 50px 0; position: relative; background: #fff;}
#dismantling .box03 .inner p {padding: 0 20px; line-height: 2;}
#dismantling .box02 .bdr {content: ''; background: #000; width: 50px; height: 3px; margin: 16px auto 10px;}
#dismantling .box02 .box02_icon {margin: 0 auto 20px;}
.skeleton .box02 .box {background: #1e1e1e!important; color: #fff!important;}
.skeleton .box02 .bdr {background: #fff!important;}
.skeleton .box03 .point {background: #eeee00!important;}
.house .box02 .box {background: #f5f5f5!important;}
.house .box03 .point {background: #ff0000!important;}
.house .box03 .icon {top: -144px!important;}

/*cost*/
#cost .box01 .inner .img01 {position: relative; box-sizing: border-box; border: 5px solid #000; margin-right: 40px;}
#cost .box01 .inner .text {font-size: 16px; line-height: 2.3;}
#cost .box01 .con01 h3 {background: url("img/cost/box01_con01_title_bg.jpg")top left repeat; padding: 20px 0; font-size: 35px; line-height: 1; letter-spacing: 1px; position: relative;}
#cost .box01 .con01 h3::before,#cost .box01 .con01 h3::after {content: ''; position: absolute; background: url("img/cost/box01_con01_title_bg02.jpg")top left repeat; height: 100%; width: 170px; top: 0;}
#cost .box01 .con01 h3::before {left: 0; clip-path: polygon(0 0,125px 0,100% 100%,0 100%);}
#cost .box01 .con01 h3::after {right: 0; clip-path: polygon(45px 0,100% 0,100% 100%,0 100%);}
#cost .box01 .con01 h3 .icon {position: absolute; z-index: 10; right: 0; bottom: 0; margin: auto;}
#cost .box01 .con01 .inner02 .table {box-sizing: border-box; border-left: 5px solid #fd8800; border-right: 5px solid #fd8800; width: 400px;}
#cost .box01 .con01 .inner02 .table:nth-of-type(2) {border-left: 5px solid #eeee00; border-right: 5px solid #eeee00;}
#cost .box01 .con01 .inner02 .table:nth-of-type(3) {border-left: 5px solid #ff0000; border-right: 5px solid #ff0000;}
#cost .box01 .con01 .inner02 .table .txt01 {font-size: 20px; line-height: 1; padding: 20px 0; background: #fd8800;}
#cost .box01 .con01 .inner02 .table .txt02 {font-size: 20px; line-height: 1; padding: 20px 0; background: #fff; border-bottom: 5px solid #fd8800;}
#cost .box01 .con01 .inner02 .table:nth-of-type(2) .txt01 {background: #eeee00; color: #000;}
#cost .box01 .con01 .inner02 .table:nth-of-type(2) .txt02 {border-bottom: 5px solid #eeee00;}
#cost .box01 .con01 .inner02 .table:nth-of-type(3) .txt01 {background: #ff0000;}
#cost .box01 .con01 .inner02 .table:nth-of-type(3) .txt02 {border-bottom: 5px solid #ff0000;}
#cost .box01 .con01 .min_txt {font-size: 20px; line-height: 1; margin-top: 20px;}
#cost .box01 .bnr {box-sizing: border-box; background: url("img/cost/box01_bnr_bg.jpg")center center no-repeat; border: 5px solid #000; padding: 70px 0 50px; position: relative; margin-top: 100px; margin-bottom: 120px;}
#cost .box01 .bnr .txt01 {position: absolute; left: 0; right: 0; margin: auto; top: -35px;}
#cost .box01 .bnr .bnr_inner img:nth-of-type(2) {margin: 0 20px;}
#cost .box01 .bnr .txt02 {position: absolute; left: 0; right: 0; margin: auto; bottom: -75px;}
#cost .cost_contact {background: url("img/cost/contact_bg.jpg")top left repeat; box-sizing: border-box; border: 5px solid #000; position: relative; border-top: none;}
#cost .cost_contact .title {background: url("img/cost/box01_con01_title_bg.jpg")top left repeat; padding: 25px 0; line-height: 1; font-size: 40px;}
#cost .cost_contact .under {background: url("img/cost/contact_bg.jpg")top left repeat; padding: 35px 45px; line-height: 1;}
#cost .cost_contact .under .txt01 {font-size: 25px;}
#cost .cost_contact .under .tel {margin: 15px auto;}
#cost .cost_contact .under .txt02 {font-size: 20px;}
#cost .cost_contact .under .txt03 {font-size: 20px; line-height: 1; position: relative; z-index: 10; margin-bottom: 20px;}
#cost .cost_contact .under .txt03 p {margin: 0 5px;}
#cost .cost_contact .under .btn {box-sizing: border-box; background: #ee7700; font-size: 18px; line-height: 1; padding: 18px 0; border: 3px solid #000; border-radius: 5px; border-bottom: 5px solid #000; position: relative; z-index: 10; width: 400px;}
#cost .cost_contact .icon {position: absolute; bottom: 0; right: 0;}
#cost .box02 {margin-top: 70px;}
#cost .box02 .txt01 {background: url("img/cost/contact_bg.jpg")top left repeat; box-sizing: border-box; border: 5px solid #ccc; padding: 20px 0; font-size: 60px; line-height: 1.3;}
#cost .box02 .con {box-sizing: border-box; border: 5px solid #ee7700; border-top: none; background: url("img/cost/contact_bg.jpg")top left repeat; padding-bottom: 45px;}
#cost .box02 .con h3 {background: #ee7700; font-size: 60px; line-height: 1; padding: 10px 0 15px;}
#cost .box02 .con .txt02 {font-size: 50px; margin: 35px auto; line-height: 1.5;}
#cost .box02 .con .txt02 span {color: #ee7700;}
#cost .box02 .con .inner {box-sizing: border-box; padding: 0 45px;}
#cost .box02 .con .inner .img01 {box-sizing: border-box; border: 5px solid #000; margin-right: 20px;}
#cost .box02 .con .inner .text {font-size: 16px; line-height: 2.1;}
#cost .box02 .con .con_box {box-sizing: border-box; background: #fff; position: relative; padding: 30px; border: 5px solid #ee7700; width: calc(100% - 90px); margin: 50px auto 0; overflow: hidden;}
#cost .box02 .con .con_box:nth-of-type(2) {border: 5px solid #ff0000;}
#cost .box02 .con .con_box h4 {width: 175px; line-height: 1; background: #ee7700; box-sizing: border-box; border-radius: 18.5px; font-size: 25px; position: relative; z-index: 10; padding: 5px 0;}
#cost .box02 .con .con_box:nth-of-type(2) h4 {background: #ff0000;}
#cost .box02 .con .con_box ul li {font-size: 25px; line-height: 1; margin-top: 20px; position: relative; z-index: 10;}
#cost .box02 .con .con_box .icon_text {position: absolute; right: 0; bottom: 0;}
#cost .box02 .con:nth-of-type(2) {border: 5px solid #ff0000; border-top: none;}
#cost .box02 .con:nth-of-type(2) h3 {background: #ff0000;}
#cost .box02 .con:nth-of-type(2) .txt02 span {color: #ff0000;}
#cost .box02 .con .con_box .not_txt {font-size: 75px; line-height: 1; margin-top: 15px;}
#cost .box02_bnr {margin: 50px auto 45px;}