/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-size:16px; line-height:1.61; min-width: 100%; } h1 {margin: 0 0 5px 0; font-size:10px; padding:0; font-weight:normal; line-height:1.1; color:#fff; opacity:.6; display:none;} h1 span{ display:none;} h2 {margin:0 auto 20px auto; color:#a77941; font-size:14px; font-weight:normal; line-height:1; text-align:center;} /*h2 img{ filter:drop-shadow(5px 9px 4px rgba(255,255,255,.8));}*/ h2 span {display:block; font-size:34px; margin-bottom: 6px; letter-spacing: 2px;} #contents .mainvis h2{ width:220px; position:absolute;top:10px; left:20px; margin:0;} #wrap_add02 .inn h2{ margin:0 0 22px 0;} #wrap_add03 .inn h2{ margin:0 0 28px 0;} #business_site .inn h2{ margin:0 0 22px 0;} #wrap-outer2nd .ttl { margin:0 auto 20px auto; width:100%; height:100px; position: relative; z-index: 2; padding:30px 0 0 0; box-sizing: border-box;} #wrap-outer2nd .ttl.business_ttl{ background:url(/images/business/business_title_bg.jpg) no-repeat center top; background-size:cover;} #wrap-outer2nd .ttl.company_ttl{ background:url(/images/company/company_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.sale_ttl{ background:url(/images/sale/sale_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.works_ttl{ background:url(/images/works/works_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.blog_ttl{ background:url(/images/blog/blog_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.voice_ttl{ background:url(/images/voice/voice_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.privacy_ttl{ background:url(/images/privacy/privacy_title_bg.jpg) no-repeat center top; background-size:cover; margin:0 0 50px 0;} #wrap-outer2nd .ttl.contact_ttl{ background:url(/images/contact/contact_title_bg.jpg) no-repeat center top; background-size:cover; margin:0;} #wrap-outer2nd .ttl.recruit_ttl{ background:url(/images/recruit/recruit_title_bg.jpg) no-repeat right -60px top; background-size:cover; margin:0;} #wrap-outer2nd .ttl h2 { font-size:24px; font-weight:bold; color:#ffffff; margin-bottom:30px;} #wrap-outer2nd .ttl h2 img{ width:auto; height:50px; max-width:none;} #wrap-outer2nd .ttl.privacy_ttl img{ height:40px;} #wrap-outer2nd .ttl.contact_ttl img{ height:40px;} h3 {color:#2c2721; font-size:20px; font-weight:bold; /*line-height:1.3;*/ margin:40px auto 10px auto; padding:0 0 0 0;} #wrap_add02 .inn h3{ margin:0 0 16px 0;} #contents-inner-pages h3{ width:100%; /*text-align:center;*/ margin:0; font-size:22px;} #contents-inner-pages h3 span{ display:block; font-size:14px; letter-spacing:0.1em;} #contents-inner-pages #photo_img h3{margin-bottom:24px;} #contents-inner-pages #business .business_box#development h3{ background:url(/images/business/bg01.png) repeat;} #contents-inner-pages #business .business_box#construction h3{ background:url(/images/business/bg02.png) repeat;} #contents-inner-pages #business .business_box#design h3{ background:url(/images/business/bg03.png) repeat;} #contents-inner-pages #business .business_box#broker h3{ background:url(/images/business/bg04.png) repeat;} #contents-inner-pages #business .business_box#urban h3{ background:url(/images/business/bg05.png) repeat;} #contents-inner-pages #company_info h3, #contents-inner-pages #access h3{ text-align:center; margin-bottom:20px;} #contents-inner-pages #recruit h3{ text-align:center; margin-bottom:20px;} #contents-inner-pages h3 img{ width:auto !important; height:50px;} #wrap-outer2nd h3.eng_none{ text-align:center; padding:0; margin-bottom: 20px; margin-top:40px;} #wrap-outer2nd h3.eng_none img{ height:42px;} h4 {font-size:20px; margin-bottom:8px;} #contents-inner-pages #business .kenchiku table td h4{ border-left:1px solid #107819; padding:0 0 0 10px; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; margin-bottom:30px;} #contents-inner-pages #safe .safe_list + h4{ margin-top:30px;} #contents-inner-pages #business .business_box h5{ width:100%; height:60px; margin: auto;} #contents-inner-pages #business .business_box h5 .inn{ height:56px; font-size:27px; line-height:1; color:#fff; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; box-sizing:border-box; padding:10px 0 17px 15px; position:relative;/* background:url(/images/business/bg.png)*/ background:#5eaddc;} #contents-inner-pages #business .business_box_01 h5 .inn{ margin-left:3%;} #contents-inner-pages #business .business_box_02 h5 .inn{ margin-right:3%;} #contents-inner-pages #business .business_box h5 .inn .num{ display:inline-block; vertical-align:-4px; width:65px; font-size:38px; text-align:left;} img{ max-width:100%;} br.pc{ display:none;} .sp_display_none{ display:none;} .pc{ display:none;} .sp{ display:block;} .shadow01{ box-shadow:0 8px 16px 0 rgba(0,0,0,0.12);} .shadow02{ box-shadow:5px 8.5px 16px 0 rgba(0,0,0,0.1);} /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px;} .btn_mail, .btn_top, .btn_line { display:block; /*border-radius:2px;*/ background: #4489d6; /*background: -moz-linear-gradient(top, #ff8900 0%, #c63602 100%); background: -webkit-linear-gradient(top, #ff8900 0%,#c63602 100%); background: linear-gradient(to bottom, #ff8900 0%,#c63602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#c63602',GradientType=0 );*/ border:none; text-align:center; color:#FFF; font-size:20px; line-height:1; text-decoration:none; width:100%; box-sizing:border-box; padding:20px 0 18px 0; margin:0 auto 0 auto; cursor:pointer; } .btn_top {margin-top:50px;} .btn_line {background:#00b900; border-bottom:6px solid #00a100;} .btn_back { display:block; /*border-radius:6px; */background:url(/images/contact/form_btn_indent_back.png),#8d8d8d; background-repeat:no-repeat; background-position:15% center; border:none; /*border-bottom:6px solid #1A7;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:left; width: 45%; } .btn_end { display:block; /*border-radius:6px;*/ background:url(/images/contact/form_btn_indent.png),#c81717; background-repeat:no-repeat; background-position:10% center; border:none; /*border-bottom:6px solid #924;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:right; width: 45%; } .btn_more { display:block; border-radius:10px; background:#C36; border:none; border-bottom:6px solid #924; text-align:center; color:#FFF; font-size:16px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 20px 25px; margin:0 auto 0 auto; } .btn_more { display:block; border-radius:2px; background: #ff8900; background: -moz-linear-gradient(top, #ff8900 0%, #c63602 100%); background: -webkit-linear-gradient(top, #ff8900 0%,#c63602 100%); background: linear-gradient(to bottom, #ff8900 0%,#c63602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#c63602',GradientType=0 ); border:none; /*border-bottom:6px solid #924;*/ text-align:center; color:#FFF; font-size:16px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 20px 25px; margin:20px auto 10px auto; } /*--- menu --------------------------------------------------------------------------------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; font-size:16px;} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC; /*position:fixed; top:0; z-index:100;*/} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer, #wrap-outer2nd, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%;} #wrap-outer {width:100%; min-width:320px; /*background:url(/images/bg_wrap-outer.gif) repeat;*/} #wrap-outer #wrap-outer2 {width:100%; min-width:320px;} #wrap-outer #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact { /*background:url(/images/bg_wrap-outer.gif) repeat;*/} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} /*--- header ------------------------------------------------------------------------------------*/ #header { width:100%; margin:0 auto 0 auto; padding:15px 65px 15px 12px; /*position:fixed; top:0; z-index:3000;*/ display: block; box-sizing:border-box; } #header .inn ul.mini_navi{ display:none;} #header .logo {/*margin-top:10px; max-width:200px; width:100%;*/ width:280px;} #header .tel{ display:none;} #header ul.navi {display:none;} #header #side_btn{ display:none !important;} /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents .mainvis { padding:0; position:relative; width:100%; height:260px; overflow:hidden; background:url(/images/top/scene_01.jpg) no-repeat right -50px top; background-size:cover;} #contents .mainvis ul li{ display:inline-block; width:50%; height:260px;} #contents .mainvis ul li.left{ background:url(/images/top/scene_01.jpg) no-repeat right 110px top; background-size:auto 100%;} #contents .mainvis ul li.right{ background:url(/images/top/scene_03.jpg) no-repeat left 110px top; background-size:auto 100%;} #contents .mainvis .main_text{ margin:0 0 0 0;} #contents .mainvis .main_text p{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size:15px; line-height:2;} #contents .mainvis .main_text p.main_text_h{ font-size:20px; font-weight:bold; margin:0 0 6px 0;} /*--- news ----------------------------------------------------------------------------------*/ #news{ width:100%; margin:auto; overflow-x:hidden;} #news table{ border-collapse:separate; border-spacing:0; width:100%; height:60px; margin:auto; font-size:14px;} #news table th{ display:block; width:100%; background:#107819; text-align:center; box-sizing:border-box; padding:18px 0 0 0;} #news table td{ display:block; padding:9px 3% 9px 3%; background:#fff; border-bottom:1px solid #107819;} #news table td span{ display:block;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%;/* background:url(/images/bg_wrap-outer_L.jpg) no-repeat left top; background-size:contain;*/} #wrap_add01 .inn {width:100%; margin:0 auto 47px auto; padding:47px 0 0 0; box-sizing:border-box;} #wrap_add01 .inn ul{ width:100%;} #wrap_add01 .inn ul li{ width:100%; height:auto; margin:0 15px 25px 15px; box-sizing:border-box; padding:0;} #wrap_add01 .inn ul li table{ width:100%; height:100%; position:relative; box-sizing:border-box; padding:20px; background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.1);} #wrap_add01 .inn ul li table, #wrap_add01 .inn ul li table tbody, #wrap_add01 .inn ul li table tr{ display:block;} #wrap_add01 .inn ul li table td{ display:block; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap_add01 .inn ul li table td:last-child{ text-align:right;} #wrap_add01 .inn ul li table td .info_name{ font-size:28px; color:#6ab3e0; line-height:1.6; margin-bottom:2px; font-weight:bold; padding-right:110px;} #wrap_add01 .inn ul li table td .info_name span{ display:block; font-size:18px; font-weight:normal;} #wrap_add01 .inn ul li table td .info_price{ font-size:28px; vertical-align:middle; margin-bottom:9px;} #wrap_add01 .inn ul li table td .info_price span.sale{ display:inline-block; vertical-align:middle; font-size:14px; line-height:1.4; border:1px solid #000; padding:3px 11px 3px 11px; margin:0 13px 6px 0;} #wrap_add01 .inn ul li table td .info_price span.unit{ display:inline-block; vertical-align:bottom; font-size:16px; margin:0 0 8px 3px;} #wrap_add01 .inn ul li table td .info_detail{ padding:23px 0 0 0; font-size:16px; margin-bottom:20px;} #wrap_add01 .inn ul li table td .info_detail span{ display:block; font-size:20px; font-weight:bold; margin-bottom:3px;} #wrap_add01 .inn ul li table td .info_img{ display:block; position:absolute; top:20px; right:20px; width:26vw;} #wrap_add01 .inn ul li table td .info_btn{ text-align:center; margin-top:20px;} #wrap_add01 .inn ul li table td .info_btn a{ display:block;} #wrap_add01 .inn ul li table td .info_btn a img{ margin:auto;} #wrap_add01 .inn .info_link{ text-align:center; margin:0 10% 0 10%;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; margin:0 auto 0 auto; background:url(/images/top/bg_business.gif) repeat;} #wrap_add02 .inn {width:100%; margin:0 auto 47px auto; padding:0 3% 15px 3%; color:#fff; box-sizing:border-box;} #wrap_add02 .inn h2 img{ width:auto; height:90px;} #wrap_add02 .inn .wrap_business_01 p{ margin-top:15px;} #wrap_add02 .inn .wrap_business_01 .btn_business{ text-align:center; margin-top:15px;} #wrap_add02 .inn .wrap_business_01 .btn_business a{ display:block; width:230px; background:url(/images/common/btn_arrow.png) no-repeat right 25px center, #021a05; background-size:13px auto; color:#fff; font-size:18px; box-shadow:0 3px 0 rgba(0,0,0,0.12); text-decoration:none; text-align:center; padding:12px 20px 10px 0; margin:auto; box-sizing:border-box;} #wrap_add02 .inn .wrap_business_01 ul { margin-top:27px;} #wrap_add02 .inn .wrap_business_01 ul li{ width:48%; float:left; margin-bottom:15px;} #wrap_add02 .inn .wrap_business_01 ul li:nth-child(odd){ margin-right:4%;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; padding:0 0 50px 0;} #wrap_add03 .inn {width:100%; margin:0 auto 0 auto; padding:0 3% 0 3%; box-sizing:border-box;} #wrap_add03 .inn .wrap_case ul{ display:flex; flex-wrap:wrap; justify-content:space-between;} #wrap_add03 .inn .wrap_case ul li{ align-self:stretch; position:relative; width:48%; box-sizing:border-box; padding:10px 10px 15px 10px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.1); margin-bottom:15px;} #wrap_add03 .inn .wrap_case ul li a{ display:block; text-decoration:none; color:#0b0b0b;} #wrap_add03 .inn .wrap_case ul li a span{ display:inline-block; padding:2px 10px 2px 10px; font-weight:bold; color:#fff; position:absolute; top:5px; left:0; font-size:14px;} #wrap_add03 .inn .wrap_case ul li a span.construction{ background:#045b0c;} #wrap_add03 .inn .wrap_case ul li a span.medical{ background:#005173;} #wrap_add03 .inn .wrap_case ul li a span.housing{ background:#5b2704;} #wrap_add03 .inn .wrap_case ul li a .case_title{ line-height:1.4; font-weight:bold; margin-top:10px;} #wrap_add03 .inn .wrap_case .btn_case{ margin-top:6px; text-align:center;} #wrap_add03 .inn .wrap_case .btn_case img{ box-shadow:0 3px 0 rgba(0,0,0,0.12);} /*--- business_site --------------------------------------------------------------------------------*/ #business_site {width:100%; background:url(/images/common/bg_business_site.jpg) no-repeat center center; background-size:cover; padding:0 0 30px 0;} #business_site .inn {width:100%; margin:auto; padding:0 3% 0 3%; box-sizing:border-box;} #business_site .inn h2 img{ width:auto; height:70px;} #business_site .inn p{ text-align:center; color:#fff; line-height:1.875;} #business_site .inn .btn_business_site{ text-align:center; margin-top:12px;} #business_site .inn .btn_business_site a{ display:block; width:100%; max-width:350px; color:#fff; background: url(/images/common/btn_arrow.png),linear-gradient(to left, #0a244a, #103771); background-repeat:no-repeat; background-position:right 35px center, left top; background-size:13px auto, 100% auto; text-decoration:none; text-align:center; padding:0px 30px 0px 0; margin:auto; box-sizing:border-box;} #business_site .inn .btn_business_site img{ box-shadow:0 3px 0 rgba(0,0,0,0.12);} /* wrap_add04 ----------------------------------------------------------------------------------------------*/ .business{ padding:0 3% 0 3%; max-width:500px; box-sizing:border-box; margin:auto;} #wrap_add04 .inn {width:100%; margin:0 auto 47px auto; padding:47px 0 0 0; box-sizing:border-box;} #wrap_add04 .b_box .b_text .b_h{font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; font-size:22px; font-weight:bold; position:relative; margin:0 auto 30px auto; text-align:center; width:auto; } #wrap_add04 .b_box .b_text .b_h::after{ display:block; content:""; width:20px; height:2px; background:#000; position:absolute; top:41px; left:50%; margin-left:-10px;} #wrap_add04 .b_box .b_btn{ margin-top:20px;} #wrap_add04 .b_box .b_img img{ width:100%;} #wrap_add04 .wrap_business1.reform{ padding:20px 0 0 0;} #wrap_add04 .wrap_business1.recycling{ padding:40px 0 0 0;} #wrap_add04 .wrap_business2.parts_sale{ padding:40px 0 0 0;} #wrap_add04 .business_list{ width:100%; margin:20px auto 0 auto; position:relative; z-index:999; box-sizing:border-box; padding:10px 10px 0px 10px; background:rgba(245,245,245,0.5);} #wrap_add04 .business_list ul{ margin:auto; font-size:0; text-align:center;} #wrap_add04 .business_list ul li{ display:inline-block; background:#fff; width:32%; margin:0 0 10px 2%; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.03);} #wrap_add04 .business_list ul li:nth-child(3n-2){ margin-left:0;} #wrap_add04 .business_list ul li.new::before{ display:block; content:""; width:53px; height:39px; background:url(/contents/images/icons/new.png) no-repeat center center; background-size:100% auto; position:absolute; top:0; left:0; z-index:999;} #wrap_add04 .business_list ul li a{ display:block; width:100%; text-decoration:none;} #wrap_add04 .business_list ul li a table{ border-collapse:separate; border-spacing:10px;} #wrap_add04 .business_list ul li a table td{ vertical-align:top; position:relative;} #wrap_add04 .business_list ul li a table td p{ font-size:16px; line-height:1.25; color:#000; font-weight:bold; letter-spacing:0.05em; padding-left:2px;} #wrap_add04 .business_list ul li a table td p .kukaku{ display:inline-block; font-size:12px; line-height:1; color:#fff; padding:3px 9px 3px 9px; background:#f59916; font-weight:normal; margin-bottom:5px;} #wrap_add04 .business_list ul li a table td p .price{ display:block; margin-top:5px; font-size:14px; color:#f59916;} #wrap_add04 .business_list ul li a table td .detail{ display:inline-block; font-size:12px; color:#000; margin-top:10px; padding:0 0 3px 13px; background:url(/contents/images/top/indent_b.png) no-repeat left 5px; background-size:5px auto; border-bottom:1px solid #000;} #wrap_add04 .recycling .business_list ul li{ width:100%; text-align:left; margin-left:0;} #wrap_add04 .recycling .business_list ul li a table td img{ width:120px;} #wrap_add04 .parts_sale .business_list ul li a{ text-align:center;} #wrap_add04 .parts_sale .business_list ul li a table{ width:100%;} #wrap_add04 .parts_sale .business_list ul li a table td img{ width:auto;} #wrap_add04 .parts_sale .business_list ul li a table td span{ font-size:14px; color:#000; font-weight:bold; padding-top:5px;} #wrap_add04 .b_btn{display:block;/* width:95%; box-shadow:0 3px rgba(0,0,0,0.2); border-radius:6px;*/ max-width:500px; display:block; margin:20px auto 20px auto; padding: 15px 0 15px 0; font-size:16px; text-align:center;/* background:#0168b7;*/ text-decoration:none; color:#fff; font-weight:bold; letter-spacing:1.6px; position:relative;} #wrap_add04 .business_btn::after{display:block; content:""; width:8px; height:14px; background:url(../images/icons/indent_white.png) no-repeat center center; background-size:100% auto; position:absolute; top:35%; right:10px;} /* wrap_add05 ----------------------------------------------------------------------------------------------*/ #wrap_add05{padding:0 3% 47px 3%; background:#eaf8ff; margin:0 0 30px 0;} #wrap_add05 .inn {width:100%; margin:0 auto 0 auto; padding:47px 0 0 0; box-sizing:border-box;} #wrap_add05 .inn .shop_inner{ text-align:center;} #wrap_add05 .shop_box .h_text{ margin-bottom:10px; font-size:24px; font-weight:bold;} #wrap_add05 .shop_box p{ margin-bottom:23px; font-size:16px;} #wrap_add05 .shop_box .access_btn{ margin:0 0 30px 0; display:block;} #wrap_add05 .shop_box .photo{ margin:0 0 20px 0;} #wrap_add05 .shop_infomation .shop_box #map { width: 100%; height: 293px; border:1px solid #d9dcde; background-color: #cecece;} #contents-inner-pages #access #map .gm-style-iw-d:has(.map_fukidashi), #wrap_add05 .shop_infomation .shop_box #map .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} #contents-inner-pages #access #map .map_fukidashi,#wrap_add05 .shop_infomation .shop_box #map .map_fukidashi{width: auto !important; padding: 0 40px 1px 10px; } #contents-inner-pages #access #map .map_fukidashi a,#wrap_add05 .shop_infomation .shop_box #map .map_fukidashi a{text-decoration:none;} /*--- wrap_add06 --------------------------------------------------------------------------------*/ #contents.no_width #contents-inner-pages #sale {margin-top:70px;} #wrap_add06 {width:100%; margin:40px auto 0 auto; position:relative;} #wrap_add06::before{ display:block; content:""; width:100%; min-width:320px; height:0; padding-top:28px; position:absolute; top:-27px; left:0;} #wrap_add06 .inn {width:100%; margin:0 auto 0 auto; padding:50px 10px 50px 10px; box-sizing:border-box; } #wrap_add06 .inn h2 + p{ margin-bottom:20px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap_add06 .inn > p {margin-bottom:40px; text-align:left;} #wrap_add06 .inn .box:after{ display:block; content:""; clear:both;} #wrap_add06 .inn .box > li{ background:#fff; margin:0 0 20px 0; width:calc(50% - 10px); float:left;} #wrap_add06 .inn .box > li:nth-child(odd){ margin-right:20px;} #wrap_add06 .inn .box > li:last-child{ margin-bottom:0;} #wrap_add06 .inn .box > li a{ /*display:block;*/ width:100%; /*height:100%;*/ overflow:hidden; text-align:center;} #wrap_add06 .inn .box > li h3{ margin:10px auto 0 auto; text-align:center; width:100%; /*height:100px; display:table;*/} #wrap_add06 .inn .box > li h3 span{ display:inline-block; width:100%; /*height:100px; display:table-cell;*/ vertical-align:middle; font-size:16px;} #wrap_add06 .inn .box > li h3 span img.lineup_im1{ width:120px !important; height:auto;} #wrap_add06 .inn .box > li h3 span img.lineup_im2{ width:140px !important; height:auto;} #wrap_add06 .inn .box > li h3 span img.lineup_im3{ width:120px !important; height:auto;} #wrap_add06 .inn .box > li h3 span img.lineup_im4{ width:140px !important; height:auto;} #wrap_add06 .inn .box > li h3 span img.lineup_im5{ width:130px !important; height:auto;} #wrap_add06 .inn .box > li .lineup_btn{ text-align:center;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #footer {width:100%; position:relative; background:#5faede;} #footer .inn {width:100%; margin:0 auto 0 auto; padding:32px 3% 0px 3%; box-sizing:border-box;} #footer .inn .company_info{ color:#fff;} #footer .inn .company_info .h{ font-weight:bold; font-size:20px; margin:0 0 10px 0;} #footer .inn .company_info .h img{ display:block; margin-bottom:6px;} #footer .inn .company_info p{/* opacity:.7; */font-size:14px;} #footer .inn .company_info p a{ color:#fff; text-decoration:none; display:inline-block;} #footer .inn table.footer_navi {width:100%; margin:25px 0 0 0; padding:0;} #footer .inn table.footer_navi td { display:block; padding:0; box-sizing:border-box;} #footer .inn table.footer_navi td:first-child {padding-left:0;} #footer .inn table.footer_navi td:last-child {border:none; margin:0; padding-right:0;} #footer .inn table.footer_navi td ul li {background:url(/images/footer/indent.png) no-repeat left 15px; background-size:15px auto; font-size:15px; line-height:1; white-space:nowrap; letter-spacing:1px; border-top:1px solid rgba(0,0,0,.2);} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li ul li {font-weight:normal; background:url(/images/indent_sub.png) no-repeat 0px 3px;} #footer .inn table.footer_navi td ul li a {display:block; padding:15px 0 15px 20px; color:#fff; text-decoration:none; } #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer-outer .bookmarkArea {width:1000px; position:relative;} #footer-outer .bookmarkArea #bookMarks {overflow:hidden; position:absolute; bottom:15px; right:0;} #footer-outer .bookmarkArea #bookMarks li {float:left; background:none; margin-right:15px;} #footer-outer .bookmarkArea #bookMarks .twitter {} #footer-outer .bookmarkArea #bookMarks .google {} #footer-outer .bookmarkArea #bookMarks .facebook {} #footer #footer-copyright {width:100%; margin:0 auto 0 auto; padding:0 3% 0 3%; font-size:10px; color:#fff; letter-spacing:.3px; box-sizing:border-box; background:rgba(0,0,0,0.05);} #footer #footer-copyright .copyright{ padding:25px 25px 25px 0; border-top:1px solid rgba(0,0,0,.2); box-sizing:border-box; text-align:center;} /* --- */ #scrollUp { height: 40px; /* Height of image */ width: 40px; /* Width of image */ background-size:40px; } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {width:100%; background:#E59; overflow:hidden; box-sizing:border-box; padding:10px;} #contents ul#contents_navi li {float:left; font-size:12px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block; background:url(/images/common/contents_navi_line.gif) no-repeat right center; padding-right:10px; margin-right:8px;} #contents ul#contents_navi li.current a {font-weight:bold;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {margin:0 auto 0 auto; font-size:16px; line-height:1.6; padding-bottom:50px;} #contents-inner-pages .inn{width:97%; margin:0 auto 0 auto; box-sizing:border-box; padding:0 10px 0 10px;display:block;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages p.read {padding:0;} #contents-inner-pages .sp_off{ display:none; } #contents-inner-pages .common_h { font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:18px; padding:0 10px 8px 10px; } #contents-inner-pages .text_img td{ display: block; width:100% !important; padding:0 10px 0 10px; box-sizing:border-box; } #contents-inner-pages .text_img td:last-of-type{ padding:10px 10px 0 10px; } #contents-inner-pages .text_img p{ text-align:center; } #contents-inner-pages .text_img img{ width:180px; } /* table typeA */ #contents-inner-pages table.common_table_type_a {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_a th, #contents-inner-pages table.common_table_type_a td {border-right:2px solid #FFF; border-bottom:2px solid #FFF; padding:10px; text-align:center; font-size:12px; font-weight:bold; line-height:1.4; box-sizing:border-box;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left;} #contents-inner-pages table.common_table_type_a th:last-child, #contents-inner-pages table.common_table_type_a td:last-child {border-right:none;} /*color*/ #contents-inner-pages table.common_table_type_a th {background:#FC3; color:#432; border-bottom:2px solid #D7D3CD;} #contents-inner-pages table.common_table_type_a td {} #contents-inner-pages table.common_table_type_a tr:nth-child(even) {background:#F5F4F2;} #contents-inner-pages table.common_table_type_a tr:nth-child(odd){background:#EBE9E5;} /* table typeB */ #contents-inner-pages table.common_table_type_b {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {display: block; width:100% !important; text-align:left; border-bottom:2px solid #FFF; padding:10px ; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; } #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } .gray_back{ background-color:#f8f4f3; padding:1px 10px 30px 10px; margin-top:30px;} /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; background-color:#48433c; min-height:30px; padding-top: 4px; padding-left: 25px; letter-spacing: .6px; box-sizing:border-box;} #bread_navi li{ display:inline;} #bread_navi li a{ display:inline-block; color:#ffffff; font-size:10px; text-decoration:none;} #bread_navi li:first-child a{ font-weight:bold;} #bread_navi li + li:before{ display:inline-block; content:""; background:url(../images/common/bread-icon.png) no-repeat; width:4px; height:8px; margin:0 7px 0 20px;} /*================================== 業務内容 ==================================*/ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap'); #contents-inner-pages .business_ttl p{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height:2;} #contents-inner-pages #business{ /*background:url(/images/bg_wrap-outer_L.jpg) no-repeat left top;*/} #contents-inner-pages #business > p{ padding:0 3% 0 3%;} #contents-inner-pages #business .kenchiku{ margin-top:50px;} #contents-inner-pages #business .kenchiku table{ display:block; width:100%; margin:40px auto 0 auto; box-sizing:border-box; padding:0 3% 0 3%;} #contents-inner-pages #business .kenchiku table tbody, #contents-inner-pages #business .kenchiku table tr{ display:block;} #contents-inner-pages #business .kenchiku table td{ display:block;} #contents-inner-pages #business .kenchiku table td p{ margin-bottom:20px;} #contents-inner-pages #business .kenchiku h3{text-align: center;} #contents-inner-pages #business .business_box{ padding:40px 0 0 0;} #contents-inner-pages #business .business_box:first-of-type{ padding:35px 0 0 0;} #contents-inner-pages #business .business_box .business_inn{ padding:0 3% 0 3%;} #contents-inner-pages #business .business_box .business_inn{ margin-top:14px;} #contents-inner-pages #business .business_box .business_inn .business_text{} #contents-inner-pages #business .business_box .business_inn .business_text .flow{ margin-top:20px; overflow-x:scroll;} #contents-inner-pages #business .business_box .business_inn .business_text .flow img{ width:730px; max-width:730px;} #contents-inner-pages #business .business_box .business_inn .business_img{ margin-top:14px;} #contents-inner-pages #business .business_box .business_inn .btn_construction{ text-align:center; margin-top:20px;} #contents-inner-pages #business .business_box .business_inn .btn_construction img{ box-shadow:0 3px 0 rgba(0,0,0,0.12);} /*================================== 会社概要 ==================================*/ #contents-inner-pages #greeting{ text-align:center;} #contents-inner-pages #greeting .message{ display:inline-block; padding:0 0 0 0;} #contents-inner-pages #greeting .message .msg_img{ margin-bottom:35px;} #contents-inner-pages #greeting .message p{ text-align:left;} #contents-inner-pages #greeting .message p span{ font-size:24px;} #contents-inner-pages #greeting .message .msg_name{ text-align:right; margin-top:29px;} #contents-inner-pages #greeting .message .msg_name img{ width:220px; height:auto;} #contents-inner-pages #company_info .photo{ text-align:center; margin: 20px auto 15px auto;} #contents-inner-pages #company_info .photo li{ display:inline-block; padding:3px; margin:0 3px 0 3px; background-color:#fff; border: 1px solid #e6e6e6; box-sizing:border-box; width:30%;} #contents-inner-pages #company_info .photo li img{ width:100%;} #contents-inner-pages #company_info .photo li p{ display:table; width:100%; height:26vw; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle;} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; display:block;} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {display:block; padding:10px; clear:both;} #contents-inner-pages table.mod-table th {background-color:rgba(241,251,253,1); vertical-align:top;} /*#contents-inner-pages table.mod-table td br{ display:none;}*/ #contents-inner-pages table.mod-table td ul.ti1 li{ padding-left:1em; text-indent:-1em;} #contents-inner-pages table.mod-table td ul.ti2 li{ padding-left:2em; text-indent:-2em;} #contents-inner-pages table.mod-table .attention{ margin-top:1em; padding-left:1em; text-indent:-1em;} #contents-inner-pages table.mod-table .gmap {width:100%; height:245px;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:15px;} #contents-inner-pages table.mod-table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #contents-inner-pages table.mod-table .add_box .add{ width:100%; margin-bottom:10px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages #access .gmap {width:100%; height:250px;} #contents-inner-pages #company_info{margin-top:30px;} #contents-inner-pages #about{ margin-top:70px;} #contents-inner-pages #access{margin-top:70px;} #contents-inner-pages a.tel_link{ color:#000; text-decoration:none; } #contents-inner-pages #access p.text-center{ margin-bottom:15px; text-align:center;} /*================================== ニュースリリース ==================================*/ #contents-inner-pages #news{ margin-top: 30px;} #contents-inner-pages #news .news-list{ box-sizing:border-box;} #contents-inner-pages #news .news-list li + li{ margin-top:20px; color:#3b352e;} #contents-inner-pages #news .news-list li a{ color:#3b352e;} #contents-inner-pages #news .news-list li span{ display:inline-block; vertical-align:middle; width:130px; height:30px; text-align:center; font-size:13px; border:1px solid #3b352e; padding-top: 4px; box-sizing: border-box;} #contents-inner-pages #news .news-list li p{ font-size:13px; margin-top:12px;} /*================================== 物件情報 ==================================*/ #contents-inner-pages #works h3{ font-size:24px; padding: 15px 12px 12px 12px; margin:30px 0 25px 0; background-color:#107819; color:#fff;} #contents-inner-pages #works .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:10px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #works p + h4{ margin-top:25px;} #contents-inner-pages #works p > small{ opacity:.7;} #contents-inner-pages #works img{ width:100% !important; height:auto !important;} #contents-inner-pages #works .inn.breadcrumb{ margin:-10px auto 30px auto; font-size:12px; color:#666666;} #contents-inner-pages #works .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #works .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #works .main_blocks{ display:block; margin:30px 0 30px 0;} #contents-inner-pages #works .main_blocks td{ display:block;} #contents-inner-pages #works .main_blocks td:first-child{ margin-bottom:15px;} /*#contents-inner-pages #works .main_blocks td:first-child img{ width:100% !important; height:auto !important;}*/ #contents-inner-pages #works .main_blocks td:last-child > p{ font-size:15px; font-weight:bold; margin-bottom:20px; color: #c81717;} #contents-inner-pages #works .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #works table.mod-table{ margin:30px 0 0 0; } #contents-inner-pages #works table.mod-table tbody, #contents-inner-pages #works table.mod-table tr{ display: block;} #contents-inner-pages #works table.mod-table th, #contents-inner-pages #works table.mod-table td{ font-size: 14px; line-height:normal; padding: 10px 13px 10px 13px;} #contents-inner-pages #works .inn > .contents-right{ margin:0 0 50px 0;} #contents-inner-pages #works .inn > .contents-right img{ margin:0 auto 10px auto;} #contents-inner-pages #works .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #works .inn > #contents_navi h4{ margin:20px 0 0 0; font-size: 18px; color: #2c2721; font-weight: bold; border-left: 2px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 12px 10px 10px 20px; letter-spacing: .5px;} #contents-inner-pages #works .inn > #contents_navi p{ position:relative; font-size:14px;} #contents-inner-pages #works .inn > #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:13px 13px 13px 13px;} #contents-inner-pages #works .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #works .inn > #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -3px; background: #48433c; transition: .3s;} #contents-inner-pages #works .inn > #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -3px; background: #fff;} #contents-inner-pages #contents_navi .widget-header{ font-weight:bold; margin:0 0 10px 0;} #contents-inner-pages #contents_navi .widget-content{ margin-bottom:30px;} #contents-inner-pages #contents_navi .widget-content li{ margin-bottom:5px;} #contents-inner-pages .asset-meta{ text-align:right; margin:0 0 20px 0;} /*================================== 物件情報　仕様イメージ ==================================*/ #contents-inner-pages #works #photo_img{ max-width:350px; margin:20px auto 30px auto;} #contents-inner-pages #works #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #works #photo_img td{margin:0; border:0; width: 48%; display: block; float: left;} #contents-inner-pages #works #photo_img td:first-child{ padding:0 2% 0 0;} #contents-inner-pages #works #photo_img td:nth-child(2){ padding:0 0 0 2%;} #contents-inner-pages #works #photo_img td:nth-child(3){ padding:0 2% 0 0;} #contents-inner-pages #works #photo_img td:nth-child(4){ padding:0 0 0 2%;} #contents-inner-pages #works #photo_img #photos p{ padding:0; margin:0 0 15px 0; background-color:#eeeeee; padding:7px; width:100%; height:140px; overflow: hidden; position:relative; box-sizing: border-box; /*box-shadow:0 2px 0 rgb(0,0,0,.15);*/ } #contents-inner-pages #works #photo_img #photos p img { width:100% !important; height:auto !important; /*min-height:100%;*/} #contents-inner-pages #works #photo_img #photos p div { position:absolute; bottom:0; left: 0; right: 0; font-size:14px; background-color: #eeeeee; color: #333333; padding:5px 5px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #works #photo_img > p{ padding:0;} .lb-outerContainer,.lb-dataContainer{ max-width:80% !important; height:auto !important;} #lightbox img{ max-width: 100%;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #works h4 .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #works #list .category-list li{ margin-bottom:60px;} #contents-inner-pages #works #list .category-list .img{ width:100%; margin-bottom:15px;} #contents-inner-pages #works #list .category-list .img img{ width:100% !important; height:auto !important;} #contents-inner-pages #works #list .category-list .btn{ display:block; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; margin:25px auto 0 auto;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #works #works-main-list *{ box-sizing:border-box;} #contents-inner-pages #works #works-main-list > li{ width:100%; margin-bottom:20px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #works #works-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #works #works-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #works #works-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #works #works-main-list > li p{ font-size:15px;} #contents-inner-pages #works #works-main-list > li .btn{ display:block; position:absolute; bottom:30px; left:auto; right:auto; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; font-weight: bold; margin-top:25px;} /*================================== 採用情報 ==================================*/ #contents-inner-pages #recruit{ margin-top:30px;} #contents-inner-pages #recruit .brown_btn{ display:block; width:100%; height:60px; font-size:16px; text-align:center; border:1px solid #3db16f; color:#3db16f; text-decoration:none; padding-top:16px; box-sizing:border-box; margin:20px auto 0 auto;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy_blocks{ padding:0;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {padding:0 10px 20px 10px;} #contents-inner-pages .news table {margin-bottom:20px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; display:inline-block; vertical-align:middle; padding:3px 4px 2px 4px; text-align:center; box-sizing:border-box;} #contents-inner-pages .news td.oshirase {background:#E59;} #contents-inner-pages .news td.blog {background:#0AE;} #contents-inner-pages .news td.date {padding-left:10px; font-weight:bold;} #contents-inner-pages .news td img {width:100%;} #contents-inner-pages .news td table td {display:block;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:100px auto 100px auto; opacity:.75; text-align:center;} /*================================== お問い合わせ ==================================*/ #contents form .w1 {width:90%; box-sizing:border-box;} #contents form .w2 {width:90%; box-sizing:border-box;} #contents form .w3 {width:90%; box-sizing:border-box;} #contents form .w4 {width:95%; box-sizing:border-box; border:1px solid #DDD;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {margin:0 0 20px 0;} #contents .contents-form table#telephone {} #contents .contents-form table#telephone td {font-size:14px; text-align:center; padding:0 10px 15px 10px;} #contents .contents-form table#telephone td br {display:block;} #contents .contents-form table#telephone td.number {padding:15px 0 0 0;} #contents .contents-form table#telephone td.number a {font-size:36px; padding:50px 0 0 0; background:none; font-family:inherit;} #contents .contents-form table#telephone td.number img {display:block; width:40px; height:auto; margin:0 auto 5px auto;} #contents .contents-form table.basicTable {margin:0 auto 20px auto;} /*#contents .contents-form table th {border-bottom:1px solid #DDD;}*/ #contents .contents-form table th, #contents .contents-form table td {display:block; box-sizing:border-box; padding:7px 10px 14px 10px;} #contents .contents-form .item {width:100%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0;} #contents .contents-form .lng {white-space:normal;} #contents .contents-form .vlng {} #contents .contents-form .required {color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement {color:#666; font-weight:normal; font-size:12px; margin-bottom:10px;} #contents .contents-form .ex {color:#666; font-weight:normal; font-size:12px; display:block; padding:0; margin-top:10px;} #contents .contents-form .reaffirmation {color:#666; font-weight:normal; font-size:12px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {padding:0 0 15px 0;} #contents .contents-form .error_list {padding:0 10px 0 10px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {padding:0 10px 0 10px;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} /*================================== ショールーム ==================================*/ #contents-inner-pages .showroom_ttl p{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height:2;} #contents-inner-pages #showroom{ /*background:url(/images/bg_wrap-outer_L.jpg) no-repeat left top;*/} #contents-inner-pages #showroom p{ text-align:center;} #contents-inner-pages #showroom .showroom_box{ padding:40px 0 0 0;} #contents-inner-pages #showroom .showroom_box:first-of-type{ padding:35px 0 0 0;} #contents-inner-pages #showroom .showroom_box h3 p{ padding:12px 0 12px 20px; position:relative; z-index:999;} #contents-inner-pages #showroom .showroom_box h3 p span{ width:70px; font-family:'Oswald', sans-serif; font-weight:200;} #contents-inner-pages #showroom .showroom_box h3 p::before{ display:block; content:""; width:50px; height:0; border-top:80px solid rgba(0,0,0,.05); border-right:53px solid transparent; position:absolute; top:0; left:0; z-index:99;} #contents-inner-pages #showroom .showroom_box .showroom_inn{ padding:0 3% 0 3%;} #contents-inner-pages #showroom .showroom_box .showroom_inn{ margin-top:20px;} #contents-inner-pages #showroom .showroom_box .showroom_inn .showroom_text{} #contents-inner-pages #showroom .showroom_box .showroom_inn .showroom_text .flow{ margin-top:20px; overflow-x:scroll;} #contents-inner-pages #showroom .showroom_box .showroom_inn .showroom_text .flow img{ width:730px; max-width:730px;} #contents-inner-pages #showroom .showroom_box .showroom_inn .showroom_img{ margin-top:20px;} #contents-inner-pages #showroom .showroom_box#construction ul{ display:flex; justify-content:space-around; flex-wrap:wrap; padding:15px 10px 15px 10px; box-sizing:border-box; background:rgba(235,249,228,.8); margin-top:20px;} #contents-inner-pages #showroom .showroom_box#construction ul li{ width:45%; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.05); margin:0 0 15px 0;} #contents-inner-pages #showroom .showroom_box#construction ul li:last-child{ margin-bottom:0;} #contents-inner-pages #showroom .showroom_box#construction ul li table{ width:100%; height:100%; border-collapse:separate; border-spacing:0;} #contents-inner-pages #showroom .showroom_box#construction ul li table th{ font-size:17px; font-weight:bold; line-height:20px; text-align:center; vertical-align:middle; padding:15px 0 15px 0;} #contents-inner-pages #showroom .showroom_box#construction ul li table td{ vertical-align:top; line-height:0; box-sizing:border-box;} .menu-btn { top: 0px; right:0px; position:fixed; z-index:999999; display: block; width: auto; min-width:35px; cursor: pointer; font-size:12px; letter-spacing:1px; text-align:center; border-radius:0; background-color:#5dabda; padding:4px 7px 7px 7px; color:#FFF; font-family:'Century Gothic', Helvetica, Arial, sans-serif; font-weight:normal; } .menu-btn span { display: block; height: 1px; width: 100%; background: #FFF; border-radius: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu-btn span:nth-of-type(1){ margin-top: 2px; } .menu-btn span:nth-of-type(2), .menu-btn span:nth-of-type(3) { margin-top: 6px; } .pushy { z-index: 999998;} .pushy-open-left .site-overlay, .pushy-open-right .site-overlay{z-index: 999997;} /* お問い合わせフォーム */ #contents .contents-form {margin:0 0 30px 0;} #telephone.inquiry {margin:0 auto 0 auto; text-align:center; padding:0 0 0 0;} #telephone.inquiry a.num { display:block; font-size:34px; line-height:1; text-decoration:none; /*font-family: "Century Gothic",Verdana,Arial,sans-serif;*/ color:#0b0b0b;} #telephone.inquiry a.num em:before{ display:inline-block; content:""; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat center center; background-size:cover; width:22px; height:23px; margin-right:5px;} #telephone.inquiry .open {font-size: 14px; line-height:1; margin-top:10px; } #contents .contents-form table.basicTable td input {border:1px solid #EEE; margin:0 10px 0 0;} #contents .contents-form .error_list .alert{ margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } .contents-form table.basicTable {border-top:1px solid #ddd; margin-top:20px;} .contents-form table.basicTable th, .contents-form table.basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none; /*border-bottom:1px solid #CCBFAD;*/} #contents .contents-form table.basicTable th {padding:10px 10px 0px 10px;} .contents-form table.basicTable td{border-bottom:1px solid #ddd;} .contents-form table.basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#C00; padding-left:5px;font-size:12px; font-weight:normal;} .contents-form .contact_bt {margin-top:25px; text-align:center;} .contents-form .error_list {margin:25px 0 20px 0;} .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } /*.contents-form div { margin-bottom:10px}*/ .contents-form input[type="text"], .contents-form input[type="tel"], .contents-form textarea { margin:0 0 10px 0; padding:5px;} .contents-form textarea { border:1px solid #ccc;} .contents-form .imeDisabled {} .contents-form .w1 {width:200px; border:1px solid #ccc;} .contents-form .w2 {width:95%; border:1px solid #ccc;} .contents-form .w3 {width:50px; border:1px solid #ccc;} .contents-form .w4 {width:200px; border:1px solid #ccc;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff; font-size:80%;} .contents-form div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .g-recaptcha{margin-bottom:30px;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px;} ::-webkit-scrollbar-thumb { background:#aaa;} .slick-dots li button:before { top: -30px; z-index:100000; } /*================================== 施工事例 ==================================*/ #contents-inner-pages .works table{ width:100%; border-collapse:separate; border-spacing:0; text-align:justify;} #contents-inner-pages .works table tr{ display:inline;} #contents-inner-pages .works table tr:last-child::after{ display:inline-block; content:""; width:48%; height:0;} #contents-inner-pages .works table td{ width:48%; display:inline-block; vertical-align:top; margin-bottom:30px;} #contents-inner-pages .works table td a{ display:block; width:100%; /*color:#727171;*/ text-decoration:none;} #contents-inner-pages .works table td .ex_img{ margin-bottom:10px;} #contents-inner-pages .works table td .ex_img img{ width:100%; height:calc(100vw * 0.44); object-fit:cover;} #contents-inner-pages .works table td span{ display:inline-block; font-size:14px; text-align:center; color:#fff; padding:0 20px 0 20px; margin-bottom:5px;} #contents-inner-pages .works table td .ex_title{ font-size:18px; line-height:1.4; font-weight:bold; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; color: #494949;} #contents-inner-pages .works table td.shinkokin span{ background:#bf5b91;} #contents-inner-pages .works table td.levante span{ background:#ed6d1f;} #contents-inner-pages .works table td.ciao span{ background:#f8b83d;} #contents-inner-pages .works table td.rocky span{ background:#516108;} #contents-inner-pages .works table td.kinoka span{ background:#009944;} /*================================== 施工事例_子ページ ==================================*/ #contents-inner-pages .works_child table, #contents-inner-pages .works_child table tbody, #contents-inner-pages .works_child table tr{ display:block;} #contents-inner-pages .works_child #photo_img table#photos tbody{ overflow-x:scroll; white-space:nowrap; overflow-y:hidden;} #contents-inner-pages .works_child table tr, #contents-inner-pages .works_child table td{ display:inline-block; width:auto !important;} /*#contents-inner-pages .works_child table td{ display:block; width:100% !important;}*/ #contents-inner-pages .works_child table td.detail_img{ text-align:center; margin-bottom:20px;} /*#contents-inner-pages .works_child #photo_img table#photos td{ overflow-x:scroll; white-space:nowrap; overflow-y:hidden;}*/ #contents-inner-pages .works_child #photo_img table#photos td a, #contents-inner-pages .works_child #photo_img table#photos td p a{ display:inline-block; vertical-align:top; width:70vw;/*width:100%;*/ height:70vw; margin-left:10px;} #contents-inner-pages .works_child #photo_img table#photos td a:first-child, #contents-inner-pages .works_child #photo_img table#photos td p a:first-child{ margin-left:0;} #contents-inner-pages .works_child #photo_img table#photos td img, #contents-inner-pages .works_child #photo_img table#photos td p img{ width:70vw !important; height:70vw !important; object-fit:cover; font-family:'object-fit:cover;';} #contents-inner-pages .works_child #photo_img table#photos tbody::-webkit-scrollbar{ display:none;} #contents-inner-pages .works_child #photo_img .works_info td{margin-bottom:20px; width:100% !important;} #contents-inner-pages .works_child #photo_img .works_info img{ display: block; margin:0px auto 20px auto; width:100% !important; height:auto !important; max-width:500px;} #contents-inner-pages .works_child { /*text-align:center;*/} /*#contents-inner-pages .works_child #photo_img img{ width:70vw !important; height:70vw !important; object-fit:cover; font-family:'object-fit:cover;';margin-bottom:20px;}*/ #contents-inner-pages .works_child #photo_img img{height:auto !important; margin:20px auto 20px auto; display:inline-block;} /*================================== リフォーム用部品の販売 ==================================*/ #contents-inner-pages .sale table{ width:100%; border-collapse:separate; border-spacing:0; text-align:justify;} #contents-inner-pages .sale table p{ text-align: left;} #contents-inner-pages .sale table tr{ display:inline;} #contents-inner-pages .sale table tr:last-child::after{ display:inline-block; content:""; width:48%; height:0;} #contents-inner-pages .sale table td{ width:48%; display:inline-block; vertical-align:top; margin-bottom:20px;} #contents-inner-pages .sale table td a{ display:block; width:100%; /*color:#727171;*/ text-decoration:none;} #contents-inner-pages .sale table td .ex_img{ margin-bottom:10px;} #contents-inner-pages .sale table td .ex_img img{ width:100%; height:calc(100vw * 0.44); object-fit:cover;} #contents-inner-pages .sale table td span{ display:inline-block; font-size:14px; text-align:center; color:#fff; padding:0 20px 0 20px; margin-bottom:5px;} #contents-inner-pages .sale table td .ex_title{ font-size:18px; line-height:1.4; font-weight:bold; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; color: #494949;} #contents-inner-pages .sale table td.shinkokin span{ background:#bf5b91;} #contents-inner-pages .sale table td.levante span{ background:#ed6d1f;} #contents-inner-pages .sale table td.ciao span{ background:#f8b83d;} #contents-inner-pages .sale table td.rocky span{ background:#516108;} #contents-inner-pages .sale table td.kinoka span{ background:#009944;} /*================================== リフォーム用部品の販売_子ページ ==================================*/ #contents-inner-pages .sale_child table, #contents-inner-pages .sale_child table tbody, #contents-inner-pages .sale_child table tr{ display:block;} #contents-inner-pages .sale_child #photo_img table#photos tbody{ overflow-x:scroll; white-space:nowrap; overflow-y:hidden;} #contents-inner-pages .sale_child table tr, #contents-inner-pages .sale_child table td{ display:inline-block; width:auto !important;} /*#contents-inner-pages .sale_child table td{ display:block; width:100% !important;}*/ #contents-inner-pages .sale_child table td.detail_img{ text-align:center; margin-bottom:20px;} /*#contents-inner-pages .sale_child #photo_img table#photos td{ overflow-x:scroll; white-space:nowrap; overflow-y:hidden;}*/ #contents-inner-pages .sale_child #photo_img table#photos td a, #contents-inner-pages .sale_child #photo_img table#photos td p a{ display:inline-block; vertical-align:top; width:70vw;/*width:100%;*/ height:70vw; margin-left:10px;} #contents-inner-pages .sale_child #photo_img table#photos td a:first-child, #contents-inner-pages .sale_child #photo_img table#photos td p a:first-child{ margin-left:0;} #contents-inner-pages .sale_child #photo_img table#photos td img, #contents-inner-pages .sale_child #photo_img table#photos td p img{ width:70vw !important; height:70vw !important; object-fit:cover; font-family:'object-fit:cover;';} #contents-inner-pages .sale_child #photo_img table#photos tbody::-webkit-scrollbar{ display:none;} #contents-inner-pages .sale_child #photo_img .sale_info td{margin-bottom:20px; width:100% !important;} #contents-inner-pages .sale_child #photo_img .sale_info img{ display: block; margin:0px auto 20px auto; width:100% !important; height:auto !important; max-width:500px;} #contents-inner-pages .sale_child { text-align:center;} #contents-inner-pages .sale_child p{ text-align:left;} /*#contents-inner-pages .sale_child #photo_img img{ width:70vw !important; height:70vw !important; object-fit:cover; font-family:'object-fit:cover;';margin-bottom:20px;}*/ #contents-inner-pages .sale_child #photo_img img{height:auto !important; margin-bottom:20px;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{ padding:30px 0 80px 0;} #wrap-outer2nd #main_1col{ padding:50px 0 80px 0;} #wrap-outer2nd #side_menu .side_wrap{ overflow-x:auto;/*overflow-x:scroll;*/ -webkit-overflow-scrolling:touch; white-space:nowrap;} #wrap-outer2nd #side_menu div.side_wrap::-webkit-scrollbar{ display:none;} #wrap-outer2nd #side_menu > div{margin-bottom:30px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu p.head{ display:block; width:100%; border-top:1px solid #28a7e1; color:#28a7e1; font-size:18px; box-sizing:border-box; margin:0 0 9px 0; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap-outer2nd #side_menu p.head{margin-top:10px;} #wrap-outer2nd #side_menu p:first-child{margin-top:0px;} #wrap-outer2nd #side_menu p.head span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_case{ /*font-size:16px;*/ width:100%;} #wrap-outer2nd #side_menu .side_case .side_wrap a{ display:table; width:100%; min-height:80px; box-sizing:border-box; padding:12px 35px 12px 11px; background-position:center right 17px; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_case .side_wrap a p{ display:table-cell; vertical-align:middle; font-weight:bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; color: #494949;} #wrap-outer2nd #side_menu .side_case .side_wrap li a span{ display:inline-block; font-size:12px; line-height:1.2; font-weight:normal; color:#fff; padding:3px 5px 2px 5px;} #wrap-outer2nd #side_menu .side_case .side_wrap li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case .side_wrap li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case .side_wrap li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case .side_wrap li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case .side_wrap li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_wrap li{ margin-left:9px; width:250px; display:inline-block; vertical-align:bottom;} #wrap-outer2nd #side_menu .side_wrap li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; /*color:#727171;*/ text-decoration:none; background:#edf6fa url('data:image/svg+xml;charset=UTF-8,') no-repeat right 17px bottom 22px; background-size:12px 12px; white-space:normal;} #wrap-outer2nd #side_menu .side_wrap li a:hover{} #wrap-outer2nd #side_menu .side_wrap li a table{ border-collapse:separate; border-spacing:0;} #wrap-outer2nd #side_menu .side_wrap li a table th{ padding:0 0 0 11px; text-align:left; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_bnr ul li{ text-align:center;} #wrap-outer2nd #side_menu .side_bnr ul li a{ display:inline-block;} #wrap-outer2nd #side_menu .side_sns ul{ text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:39px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} }