/* 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 span {display:block; font-size:34px; margin-bottom: 6px; letter-spacing: 2px;} #wrap-outer2nd .ttl {display:table; margin:0 auto 20px auto; width:100%; height:100px; text-align:center; background:url(../images/title/business_title_bg.jpg) no-repeat center top; box-shadow:0 5px 0 #f6f7f8; position: relative; z-index: 2; padding:0; box-sizing: border-box;} #wrap-outer2nd .ttl.company_ttl{ background-image:url(../images/title/company_title_bg.jpg);} #wrap-outer2nd .ttl.js_ttl{ background-image:url(../images/title/js_title_bg.jpg);} #wrap-outer2nd .ttl.news_ttl{ background-image:url(../images/title/news_title_bg.jpg);} #wrap-outer2nd .ttl.recruit_ttl{ background-image:url(../images/title/recruit_title_bg.jpg);} #wrap-outer2nd .ttl.privacy_ttl{ background-image:url(../images/title/privacy_title_bg.jpg);} #wrap-outer2nd .ttl.contact_ttl{ background-image:url(../images/title/contact_title_bg.jpg);} #wrap-outer2nd .ttl h2 {display:table-cell; vertical-align:middle; font-size:24px; font-weight:bold; color:#ffffff;} #wrap-outer2nd .ttl h2 span {margin:10px auto 0px auto; font-size:14px; font-weight:normal;} h3 {color:#2c2721; font-size:20px; font-weight:bold; line-height:1.3; margin:40px auto 10px auto; padding:0 0 0 0;} #wrap-outer2nd h3{ margin:0 auto 15px auto; color:#a77941; font-size:14px; font-weight:normal; line-height:1; text-align:center; border-top:1px solid #a77941; border-bottom:1px solid #a77941; padding: 17px 0 19px 0;} #wrap-outer2nd h3 span {display:block; font-size:28px; margin-bottom: 5px;} #wrap-outer2nd h3.eng_none{ font-size:18px; padding: 20px 0 20px 0; margin-bottom: 20px; line-height: 1;} h4 {font-size:20px; margin-bottom:8px;} #wrap-outer2nd h4{ font-size:16px; color:#ebc08b; font-weight:bold; border-left:3px solid #a77941; background-color:#302c28; box-sizing: border-box; padding: 10px 10px 10px 10px; letter-spacing: .5px; margin-bottom: 17px;} #contents-inner-pages #safe .safe_list + h4{ margin-top:30px;} img{ max-width:100%;} /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:15px;} .btn_mail, .btn_top, .btn_line { display:block; border-radius:0; background: #c81717; /*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 20px 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-outer2 {} #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact {background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} /*--- header ------------------------------------------------------------------------------------*/ #header { width:100%; margin:0 auto 0 auto; padding:16px 65px 16px 12px; background:#302c28; /*position:fixed; top:0; z-index:3000;*/ display: block; box-sizing:border-box; } #header .logo {/*margin-top:10px;*/ max-width:320px; width: 100%;} #header ul.navi {display:none;} #header .fixed_btn{display: flex; position: fixed; bottom:0; left:0; right:0; width: 100%; z-index: 999; background:rgba(221,205,188,0.9); padding: 6px; box-sizing: border-box;} #wrap-navi:has(#contents-inner-leaseback) #header .fixed_btn{ display: none;} #header .fixed_btn > div{box-sizing: border-box;} #header .fixed_btn a{font-size: 15px; color:#ffffff; width: 100%; padding: 12px 10px 12px 10px; text-align: center; text-decoration: none; box-sizing: border-box; height: 100%;line-height: 1;display: flex;align-items: center; justify-content: center;} #header .fixed_btn .btn_contact{width: 65%; display: flex; margin:0 1.5% 0 0;} #header .fixed_btn .btn_contact a{ background: #ae7026;} #header .fixed_btn .btn_contact a + a{ border-left: 1px solid rgba(255,255,255,0.2);} #header .fixed_btn .btn_recruit{width: 33%; } #header .fixed_btn .btn_recruit a{background: #ba0001;} #header .fixed_btn .btn_contact a span{min-width: 100px;} #header .fixed_btn img.line{ width: 30px;} #header .fixed_btn img.mail{ width: 28px;} #header .fixed_btn .pc{ display: none;} @media print, screen and (max-width: 350px) { #header .fixed_btn a{font-size: 13px; padding: 12px 5px 12px 5px;} #header .fixed_btn .btn_contact a span{min-width: 80px;} } /*--- contents ----------------------------------------------------------------------------------*/ #contents {margin:0 auto 30px auto; padding:0;} #contents .mainvis {height:auto; box-sizing:border-box;} #contents .mainvis img {width:100%;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%; } #wrap_add01 .inn {width:100%; margin:0 auto 30px auto; padding:0 3% 0 3%; box-sizing:border-box;} #wrap_add01 .box .text{ margin-bottom: 25px;} #wrap_add01 .box .images{ margin-bottom: 25px;} #wrap_add01 .box .text h2:after{ display:block; content:""; width:15px; height:1px; background-color:#a77941; margin:21px auto 0 auto;} #wrap_add01 .box .text h3{ font-size:21px; margin:0 auto 15px auto; line-height:1.61;} #wrap_add01 .box .text p{ margin-bottom: 15px;} #wrap_add01 .box .text h3 br,#wrap_add01 .box .text p br,#wrap_add01 .business_list li:not(:nth-child(5)) br{ display:none;} #wrap_add01 .brown_btn{ display:block; width:100%; height:50px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding-top:11.5px; text-decoration:none; } #wrap_add01 .business_list{ position:relative; width:100%; padding:20px 6% 20px 6%; box-sizing:border-box;} #wrap_add01 .business_list:before{ content:""; display:block; position:absolute; width:100%; height:100%; background-color:#f8efe6; opacity:.8; top:0; left:0; z-index:0;} #wrap_add01 .business_list li{ width:100%; position:relative; z-index:1; color:#302c28; font-size:17px; font-weight:bold; text-align:center; line-height: 1.51;} #wrap_add01 .business_list li + li{ margin-top:10px;} #wrap_add01 .business_list li a{ display:block; text-decoration:none; width:100%; background-color:#ffffff; color:#302c28; box-shadow:0 2px 10px #e3d1bf; box-sizing:border-box; padding:15px 15px 20px 15px;} #wrap_add01 .business_list li span{ display:block; background-color:#302c28; color:#ffffff; font-size:12px; font-weight:normal; width:120px; padding:1px 0 1px 0; margin:5px auto 0 auto;} #wrap_add01 .business_list li:nth-child(5){ letter-spacing:-1px;} #wrap_add01 .business_list li:nth-child(5) span{ letter-spacing:.01em;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; background:url(../images/top/wanted_back.jpg) no-repeat center top; background-size:cover; margin:0 auto 30px auto;} #wrap_add02 .inn {width:100%; margin:0 auto 0 auto; padding:40px 3% 40px 3%; color:#ffffff; text-align:center; box-sizing:border-box;} #wrap_add02 .inn h2{ color:#ffffff; font-size: 28px; letter-spacing: 4px; margin-bottom: 25px;} #wrap_add02 .inn h2 span{ font-size:12px; opacity:.7; letter-spacing: 2px; margin: 10px 0 0 0;} #wrap_add02 .inn p{ margin-bottom:25px; text-align:left;} #wrap_add02 .brown_btn{ display:block; width:100%; height:60px; font-size: 16px; text-align:center; background-color:#b7884e; color:#ffffff; text-decoration:none; padding-top:17px; box-sizing:border-box; margin:0 auto 0 auto; box-shadow:0 3px 10px #24221f;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; } #wrap_add03 .inn {width:100%; margin:0 auto 30px auto; padding:0 3% 0 3%; box-sizing:border-box;} #wrap_add03 .inn .read{ margin-bottom:25px;} #wrap_add03 .inn .read br { display:none;} #wrap_add03 .inn .box{ margin-top:40px;} #wrap_add03 .inn .box > li{ position:relative; box-sizing:border-box; padding:20px 0 20px 95px; border-top:1px solid #a77941;} #wrap_add03 .inn .box > li a{ text-decoration:none; color:#000000;} #wrap_add03 .inn .box > li:last-child{ border-bottom:1px solid #a77941;} #wrap_add03 .inn .box > li img{ display:block; width:80px; margin:0; position:absolute; top:22px; left:0;} #wrap_add03 .inn .box > li h3{ font-size:18px; font-weight:bold; color:#a77941; margin:0 0 8px 0; padding:0;} #wrap_add03 .inn .box > li p{ font-size:13px;} #wrap_add03 .inn .box > li p br{ display:none;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:100%; background-color:#f1e8de;} #wrap_add04 .inn {width:100%; margin:0 auto 0 auto; padding:0; box-sizing:border-box;} #wrap_add04 .inn .h{ width:100%; box-sizing:border-box; padding:15px 3% 15px 3%; margin:0; background: -moz-linear-gradient(45deg, rgba(196,112,39,0.85) 0%, rgba(196,112,39,0.85) 2%, rgba(212,152,53,0.85) 100%); background: -webkit-linear-gradient(45deg, rgba(196,112,39,0.85) 0%,rgba(196,112,39,0.85) 2%,rgba(212,152,53,0.85) 100%); background: linear-gradient(45deg, rgba(196,112,39,0.85) 0%,rgba(196,112,39,0.85) 2%,rgba(212,152,53,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c47027', endColorstr='#d9d49835',GradientType=1 );} #wrap_add04 .inn .h h2{ font-size:14px; color:#fff; text-align:center; margin: 0;} #wrap_add04 .inn .h h2 span{ font-size:23px;} #wrap_add04 .news-list{ padding:25px 3% 25px 3%; box-sizing:border-box;} #wrap_add04 .news-list li + li{ margin-top:20px; color:#3b352e;} #wrap_add04 .news-list li a{ color:#3b352e;} #wrap_add04 .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;} #wrap_add04 .news-list li p{ font-size:13px; margin-top:12px;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #footer {width:100%; position:relative; background:#302c28; padding-bottom: 65px;} #footer .inn {width:100%; margin:0 auto 0 auto; padding:32px 3% 0px 3%; box-sizing:border-box;} #footer .inn .company_info{ color:#ffffff;} #footer .inn .company_info .h{ font-weight:bold; font-size:18px; margin:0 0 15px 0; position: relative; padding-left: 57px;} #footer .inn .company_info .h span{ display: block; font-weight: normal; font-size: 11px; opacity: .6;} #footer .inn .company_info .h img{ display:block; margin-bottom:7px; width:45px; position: absolute; left: 0; top:1px;} #footer .inn .company_info p{ opacity:.7; font-size:14px;} #footer .inn .company_info p a{ color:#ffffff; text-decoration:none; display: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; font-size:15px; line-height:1; white-space:nowrap; letter-spacing:1px; border-top:1px solid rgba(255,255,255,.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:#ffffff; 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;} #footer #footer-copyright .copyright{ padding:25px 25px 25px 0; border-top:1px solid rgba(255,255,255,.2); box-sizing:border-box;} /* --- */ #scrollUp { height: 40px; /* Height of image */ width: 40px; /* Width of image */ background-size:40px; bottom: 64px; } /*================================== banner_box ==================================*/ .banner_box{background-color:#f9f2eb; height:auto;} .banner_box table{ margin:0 auto 0 auto; width:90%; padding:15px 0 0 0;} .banner_box table tr{ display: flex; flex-wrap: wrap;} .banner_box table td{ padding:0 3% 15px 3%; width: 44%;} /*--- 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;} #contents-inner-pages .inn{width:94%; margin:0 auto 20px auto;} #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;} /*================================== 業務内容 ==================================*/ #contents-inner-pages .business_ttl + p.read br{ display:none;} #contents-inner-pages #development{ margin-top:40px;} #contents-inner-pages #development .read_box{ margin:25px 0 50px 0;} #contents-inner-pages #development .read_box .text{ margin-bottom:30px;} #contents-inner-pages #development .read_box .h{ font-size:21px; font-weight:bold; color:#302c28; line-height:1.61; margin-bottom:20px; } #contents-inner-pages #development .read_box .h br{ display:none;} #contents-inner-pages #development .development_box{ margin-bottom:50px;} #contents-inner-pages #development .development_box .text{ margin-bottom:25px;} #contents-inner-pages #development .development_box .h{ font-size:21px; font-weight:bold; color:#a77941; margin-bottom: 18px;} #contents-inner-pages #development .development_box .h:after{ display:block; content:""; width:15px; height:1px; background-color:#a77941; margin-top:12px;} #contents-inner-pages #development .development_box p + p{ margin-top:16px;} #contents-inner-pages #development .development_box p.bold{ font-weight:bold; font-size:17px;} #contents-inner-pages #development .development_box .brown_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; font-weight: bold; margin-top: 20px; margin-bottom: 35px;} #contents-inner-pages #wrap_add02{ margin-bottom:-10px; box-sizing:border-box;} #contents-inner-pages #wrap_add02 h2{ margin-bottom:20px;} #contents-inner-pages #wrap_add02 h2:after{ display:block; content:""; width:15px; height:1px; background-color:#ffffff; margin:21px auto 0 auto;} #contents-inner-pages #wrap_add02 .inn p {margin-bottom: 20px; font-size: 14px;} #contents-inner-pages #wrap_add02 .brown_btn {font-size: 17px; padding-top: 15px;} /*================================== 会社概要 ==================================*/ #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: #f6f6f6; border: 1px solid #e6e6e6; width:25%;} #contents-inner-pages #company_info .photo li img{ width:100%;} #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; color:#333333;} #contents-inner-pages table.mod-table th {background-color:#f8efe6; vertical-align:top;} #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 #access{margin-top:30px;} #contents-inner-pages a.tel_link{ color:#000; text-decoration:none; } #contents-inner-pages #access p.text-center{ margin-bottom:15px;} /*================================== ニュースリリース ==================================*/ #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 #js h3{ font-size:18px; padding: 15px 0 15px 0; margin-bottom:25px;} #contents-inner-pages #js .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 #js p + h4{ margin-top:25px;} #contents-inner-pages #js p > small{ opacity:.7;} #contents-inner-pages #js .inn.breadcrumb{ margin:-10px auto 30px auto; font-size:12px; color:#666666;} #contents-inner-pages #js .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #js .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #js .main_blocks{ display:block; margin-bottom:20px;} #contents-inner-pages #js .main_blocks td{ display:block;} #contents-inner-pages #js .main_blocks td:first-child{ margin-bottom:15px;} #contents-inner-pages #js .main_blocks td:first-child img{ width:100% !important; height:auto !important;} #contents-inner-pages #js .main_blocks td:last-child > p{ font-size:15px; font-weight:bold; margin-bottom:20px; color: #c81717;} #contents-inner-pages #js .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #js table.mod-table tbody, #contents-inner-pages #js table.mod-table tr{ display: block;} #contents-inner-pages #js table.mod-table th, #contents-inner-pages #js table.mod-table td{ font-size: 14px; line-height:normal; padding: 10px 13px 10px 13px;} #contents-inner-pages #js .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #js .inn > #contents_navi h4{ margin:20px 0 0 0; font-size: 18px; color: #ebc08b; font-weight: bold; border-left: 2px solid #a77941; background-color: #302c28; box-sizing: border-box; padding: 10px 10px 10px 20px; letter-spacing: .5px;} #contents-inner-pages #js .inn > #contents_navi p{ position:relative; font-size:14px;} #contents-inner-pages #js .inn > #contents_navi p a{ display:block; background-color: #f8efe6; color:#48433c; text-decoration:none; padding:13px 13px 13px 13px;} #contents-inner-pages #js .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #js .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 #js .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: #f8efe6;} /*================================== 物件情報　仕様イメージ ==================================*/ #contents-inner-pages #js #photo_img{ max-width:350px; margin:20px auto 30px auto;} #contents-inner-pages #js #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #js #photo_img td{margin:0; border:0; width: 48%; display: block; float: left;} #contents-inner-pages #js #photo_img td:first-child{ padding:0 2% 0 0;} #contents-inner-pages #js #photo_img td:nth-child(2){ padding:0 0 0 2%;} #contents-inner-pages #js #photo_img td:nth-child(3){ padding:0 2% 0 0;} #contents-inner-pages #js #photo_img td:nth-child(4){ padding:0 0 0 2%;} #contents-inner-pages #js #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 #js #photo_img #photos p img { width:100% !important; height:auto !important; /*min-height:100%;*/} #contents-inner-pages #js #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 #js #photo_img > p{ padding:0;} .lb-outerContainer,.lb-dataContainer{ max-width:80% !important; height:auto !important;} #lightbox img{ max-width: 100%;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #js 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 #js #list .category-list li{ margin-bottom:30px;} #contents-inner-pages #js #list .category-list .img{ width:100%; margin-bottom:15px;} #contents-inner-pages #js #list .category-list .img img{ width:100% !important; height:auto !important;} #contents-inner-pages #js #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-top:15px;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #js #js-main-list *{ box-sizing:border-box;} #contents-inner-pages #js #js-main-list > li{ width:100%; margin-bottom:20px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #js #js-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #js #js-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #js #js-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #js #js-main-list > li p{ font-size:15px;} #contents-inner-pages #js #js-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 #c81717; color:#c81717; text-decoration:none; padding-top:16px; box-sizing:border-box; margin:20px auto 50px;} /*================================== プライバシーポリシー ==================================*/ #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:50px auto 50px auto; opacity:.75;} #wrap-outer2nd .comming_soon h3{ font-size:26px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto; width:34px;} /*================================== お問い合わせ ==================================*/ #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: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;} /* LINEでのお問い合わせ */ #contents .contents-form .contact_line{ margin-bottom: 60px;} #contents .contents-form .contact_line p.read{ margin-bottom: 20px;} #contents .contents-form .contact_line .btn_line{ border-bottom: none; max-width: 300px;} #contents .contents-form .contact_line .btn_line:before{content: ""; display: inline-block; margin: 0 12px 2px 0; vertical-align: middle; background:url(/images/header/icon_line.png) no-repeat; background-size: 100% auto; width: 35px; height: 33px;} /* インフォメーション */ #contents .contents-form .contact_information{background: #fbeded;width: 94%;margin: 24px auto 25px auto;padding: 20px 4% 20px 5%;box-sizing: border-box;} #contents .contents-form .contact_information .h{font-size: 18px;font-weight: bold;color: #c81717;margin-bottom: 13px;position: relative;padding-left: 40px;} #contents .contents-form .contact_information .h > img{display: inline-block;vertical-align: middle;width: 30px;position: absolute;top: 50%;left: 0;margin-top: -17px;} #contents .contents-form .contact_information p span{ text-align: center; display: block;} #contents .contents-form .contact_information a{text-decoration: underline; transition: .3s;} #contents .contents-form .contact_information a:hover{text-decoration: none;} .menu-btn { top: 0px; right:0px; position:fixed; z-index:101000; display: block; width: auto; min-width:35px; cursor: pointer; font-size:12px; letter-spacing:1px; text-align:center; border-radius:0; background-color:#a77941; 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; } /* お問い合わせフォーム */ #contents .contents-form {margin:0 0 30px 0;} #telephone.inquiry {margin:-10px auto 0 auto; text-align:center; padding:0 0 35px 0;} #telephone.inquiry a.num { display:block; font-size:34px; text-decoration:none; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#c81717;} #telephone.inquiry a.num em:before{ display:inline-block; content:""; background:url(/images/common/inquiry_tel_v2.png) no-repeat right center; background-size:auto 23px; width:22px; height:23px; margin-right:5px;} #telephone.inquiry .open {font-size: 14px; line-height:1; } #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 #CCBFAD; 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-form table.basicTable th {padding:8px 10px 4px 10px;} .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;} .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; } /*================================== 動画 ==================================*/ .movie_blocks {width:100%; padding: 30px 3% 0 3%; box-sizing: border-box; text-align: center; background-color:#f9f2eb;} .movie_blocks iframe{width:100%; max-width:414px; height:233px; margin-top: 15px !important;} .movie_blocks iframe:first-child{margin-top: 0px !important;} }