/* For PC */ @media print, screen and (min-width: 561px) { .menu-btn {display:none;} .sp {display:none} body { font-family:'Noto Sans JP',/*"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", */"ヒラギノ角ゴ Pro W3", sans-serif; letter-spacing:1px; color:#000; margin:0; /*border:3px solid #f00;*/ } h1 {margin:0; color:#253652; font-size:13px; position:absolute; top:33px; left:100px; font-weight:normal; z-index:2; letter-spacing: .5px;} /*h1 {margin:0; color:#fff; font-size:12px; position:absolute; top:12px; right:0; font-weight:normal; opacity:.5; z-index:2; letter-spacing: .5px;}*/ h2 {margin:0px auto 40px auto; /*color:#1963af;*/ font-size:17px; font-weight:normal; line-height:1; text-align:center;} h2 span {display:block; font-size:48px; margin-bottom: 8px; letter-spacing: 4px;} #concept h2 span { font-family:inherit; display:block; font-size:48px; margin-top:-5px; margin-bottom: 8px; letter-spacing: 4px;} #photo_gallery h2{position:absolute; top:0; left:0; width:100%; z-index:9999; text-align:center;} #staff h2{/*position:absolute; */top:0; left:0; width:100%; z-index:9999; text-align:center;} h3 {color:#2c2721; font-size:28px; font-weight:bold; line-height:1.5; margin:0px auto 5px auto; padding:0 0 25px 0; text-align:center; } #blog h3{ font-size:30px; padding: 10px 10px 10px 20px; margin-bottom:40px; text-align:left; background-color:#1963af; color:#fff;} h3 img{ display:block; margin:0 auto 0 auto;} h4 {font-size:24px; margin-bottom:8px;} #wrap-outer2nd h4{ font-size:18px; color:#fff; font-weight:bold; border-left:3px solid #1963af; background-color:#1963af; box-sizing: border-box; padding: 12px 10px 10px 20px; letter-spacing: .5px; margin-bottom: 17px;} /*--- form -----------------*/ input, textarea {font-size:160%; border:1px solid #DDD;} select{font-size:110%; margin-right:20px; border:1px solid #DDD;} label{font-size:110%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line { display:block; /*border-radius:2px;*/ background: #1963af; border:none; text-align:center;color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; width:350px; box-sizing:border-box; padding:22px; margin:50px auto 0 auto; cursor:pointer; } .btn_top {width:50%; margin-top:60px;} .btn_line {width:50%; background:#00b900; border-bottom:6px solid #00a100; font-size:22px;} .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 55px; margin:0; float:left; cursor:pointer; width: 200px; } .btn_end { display:block; /*border-radius:6px; */background:url(/images/contact/form_btn_indent.png),#1963af; 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 55px; margin:0; float:right; cursor:pointer; width: 200px; } .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:800px; box-sizing:border-box;} .more_btn{text-align:center;margin-top:50px; display: block;} /*--- menu -----------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} /*--- wrap-outer -----------*/ #wrap-outer {width:100%; min-width:1200px; background:url(/images/top/bg_image.jpg) no-repeat; background-position:calc(50% - 280px) top; } #wrap-outer2nd {width:100%; min-width:1200px;background:#ebf2f6; } #wrap-outer1col {width:100%; min-width:1200px;background:#ebf2f6; } #wrap-outer2 {width:100%; min-width:1200px;} #wrap-outer3 {} #wrap-outerContact {margin-bottom:0px;} /*--- header ---------------*/ #header_wrap{width:100%; position:fixed; top:0; z-index:999999;} #wrap-outer2nd #header_wrap, #wrap-outer1col #header_wrap{ background:#fff;} #header {width:100%;/* position:relative;*/ z-index:9999;} #header .inn {/*width:1200px;*/ height:127px; margin:0 0px 0 0px; position:relative; } #header .logo {position: absolute; top: 62px; left: 100px; width: 248px; z-index:99999;} #header .tel {position: absolute; top: 35px; right: 230px; z-index:99999;} #header .sns_insta {position: absolute; top: 37px; right:430px/*490px*/; z-index:99999; width:40px;} #header .sns_fb {position: absolute; top: 37px; right: 435px; z-index:99999; width:40px;} #header .sns_link {position: absolute; top: 37px; right:450px/*490px*/; z-index:99999;} #header .sns_link li{ display: inline-block; margin-left: 8px;} #header .sns_link img{width:40px;} #header .sns_link .sns_insta{position: relative; top:inherit; right: inherit;} #header .boshu{z-index:1;} .entry{position: absolute; top: 23px; right: 50px; width: /*136px*/auto; height:/*148px*/auto !important; background:#bca970; text-align:center; z-index:99999;background:-moz-linear-gradient(135deg, #d6c389, #7d6826); background:-webkit-linear-gradient(135deg,#d6c389,#7d6826); background:linear-gradient(135deg, #d6c389, #7d6826); background:-webkit-gradient(linear, left top, right bottom, from(#d6c389), to(#7d6826)); -pie-background:linear-gradient(top, #d6c389, #7d6826); } .entry.reserve{position: fixed; top: 23px; right: 215px; width: /*136px*/auto; height:/*148px*/auto !important; background-color:#bca970; text-align:center; z-index:99999;} .entry span{position: relative; top:50px;color:#fff;} #bottom-wrap { display:none;} #navi{position:relative; z-index:9999; /*margin:0 0 0 52px;*/} #navi .inn {height:70px; margin: 0 0 0 52px;} #navi ul { /*width:1200px;*/} #navi ul li {float:left;} #navi ul li:first-child {} #navi ul li a {text-decoration:none; display:block; width:100%; height:72px; box-sizing:border-box; padding:21px 40px 17px 40px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; opacity:1 !important;} #navi ul li:first-child a:after{background: none;} #navi ul .active a { color: #ff6633; border-bottom: 3px solid #ff6633; padding-bottom: 2px;} /*sub_menu*/ #navi ul li.sub_menu .child {white-space: nowrap; background:rgba(25, 90, 175, .8); position: absolute; z-index: 99988; top: 72px; left:0; display:none; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw); width:100vw; overflow: hidden;} #navi ul li.sub_menu .child .inn{ width: 100%; height: auto; margin: 0 0 0 100px; padding:24px 0 10px 0; box-sizing:border-box;} #navi ul li.sub_menu .sub_menu_h{color:#ffffff; font-size:17px; text-align:left; position:relative; display: inline-block; vertical-align: middle; width: 100%; height: 24px; margin:0 0 20px 0; -webkit-text-stroke-width:.3px !important;} #navi ul li.sub_menu .child ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: flex-start; margin: 0 0 3px 0;} #navi ul li.sub_menu .child ul li {position: relative; box-sizing: border-box; width: 280px; height: 68px; margin: 0 10px 10px 0; cursor: pointer;} #navi ul li.sub_menu .child ul li a {font-size: 16px; font-weight: normal; line-height: 1.3; text-align: left; vertical-align: middle; color: #333; background: #fff; position: relative; box-sizing: border-box; width: 100%; padding: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; height: 68px; -webkit-text-stroke-width:.3px !important;} #navi ul li.sub_menu .child ul li a::after{ display:none;} #navi ul li.sub_menu .child ul li a span{display:inline-block; margin-left:10px; padding-top:1px;} #navi ul li.sub_menu .child ul li a:hover{ opacity: .7 !important; transition : .5s;} #navi ul li.sub_menu .child ul.no_image li a{padding:3px 0 0 10px; margin-bottom:20px;} @media print, screen and (max-width: 1400px) { #navi ul li:first-child a{ padding-left: 40px;} #navi ul li a { padding-right:25px; padding-left: 25px; } } /*--- contents -------------*/ #contents {margin:0 auto 0 auto; box-sizing:border-box; padding:0 0 0 0; position:relative;} /*---#contents #contents-inner-pages{padding-top: 150px;}---*/ #contents .mainvis {position:relative; /*padding-top:120px;*/ text-align: center;} #contents .mainvis #main_image{height:1094px;} #contents .mainvis .slider{ opacity: 0; transition: opacity .9s linear;} #contents .mainvis .slider.slick-initialized{ opacity: 1;} #contents #intro_ttl h2{font-color:#1963af; font-size:36px;} #contents .mainvis img{display: block;width:658px;margin-bottom:40px;} #contents .cover {position:absolute; z-index: 1; left:calc(50% - 1750px); width:auto !important;} #contents .main_phrase {position: absolute;top: 36%;right:calc(7% - 20px);z-index: 2;width: calc(50% - 80px); max-width:680px; color: #fff; text-align: left;} #contents .main_phrase img{ width:100%;} #contents .main_phrase strong{font-size:38px;font-weight: 500; display: inline-block; margin-bottom:40px; line-height:1.7;} #contents .main_phrase p{ margin-left:20px; font-size:17px; font-weight: 200;color:#1963af;} #contents .news {height:190px; overflow-y:scroll; position:absolute; width:1200px; margin:0 auto 0 auto; padding-bottom:19px; max-width:900px;bottom:50px;left:50px;color:#1963af;background-color:rgba(255,255,255,0.8);} #contents .news .title{position:absolute;width:78px; left:40px; top:14px;font-weight:bold;letter-spacing:.5em;} #contents .news .news-dtl{/*margin-left:170px;*/ padding-top:13px;padding-left:150px;} #contents .news .news-dtl li{margin-top:10px;} #contents .news .news-dtl li a{color:#1963af;text-decoration: none;border-bottom: solid 1px #253652;} #contents .news .news-dtl li:first-child{margin-top:0px;} @media print, screen and (max-width: 1200px) { /*#contents {width:100%;} #contents .mainvis img{ width:100%; height:auto;}*/ } /*--- イベント -----------*/ #event {width:100%; margin:100px auto 30px auto;} #event .inn{ width:1200px; margin:0 auto 80px auto; text-align:center;} #event .category-list li{ margin:0 40px 90px 40px; display:inline-block; width:480px; position:relative;} /*#event .category-list h4{ margin: 20px 0 0 -20px; width:400px; font-size:20px; position:absolute; top:10px;color: #fff; border-left: 3px solid #1963af; background-color: #1963af; box-sizing: border-box; padding: 12px 10px 10px 20px;}*/ #event .category-list h4{ width:480px; font-size:20px; position:absolute; top:335px; color: #1963af; border-left:none; box-sizing: border-box; padding:0;} #event .category-list h4 .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #event .category-list .text{ float:right; width:420px; font-size:15px; margin:20px 0 0 0;} #event .category-list .img{ float:left; width:480px; height:320px; overflow:hidden;} #event .category-list .img img{ width:480px !important; height:auto !important;} #event .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; opacity:1 !important; transition:.3s; font-size: 15px; margin-top:25px;} #event .category-list .btn:hover{ background-color:#3b352e; color:#ffffff;} /*--- フォトギャラリー -----------*/ #photo_gallery {width:100%; box-sizing:border-box; padding:110px 0 110px 0; background:#fff;} #photo_gallery .inn {width:100%; margin:0 auto 0 auto; text-align:left; position:relative; padding-top:142px;} #photo_gallery .inn .slider_photo_gallery{ width:100%; min-width:1200px; margin:auto;} /*--- concept -----------*/ /*--- concept -----------*/ #wrap-outer #concept {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:55px;margin-bottom:80px;} #concept .inn {width:1200px; margin:0 auto 40px auto; text-align:left; position:relative;} #concept h2{margin-bottom:55px;} #concept .oitachi{margin:0 auto 135px auto; text-align: center;} #concept .on-btn {background:#f5f5f5 !important;} #concept .on-btn .inn{text-align:center;padding-bottom:70px; } #concept .inn h2{ margin-bottom:66px;} #concept .inn .photo{ text-align:center;} #concept .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} #concept .img_wrapper{ width:1400px; margin:0 auto 161px auto;} #concept .img_wrapper ul{ margin-top:-242px; position:relative;} #concept .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept .img_wrapper ul li{ float:left; position:relative;} #concept .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept .content_block{max-width:1400px;margin:auto;} #concept .wrap_r .intro .intro_ttl, #concept .wrap_r .intro .intro_txt, #concept .wrap_l .intro .intro_ttl, #concept .wrap_l .intro .intro_txt{color:#253652;} #concept .wrap_r{ position:relative; /*font-size:14px;*/ } #concept .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 60px 0;} #concept .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept .wrap_r .intro .intro_txt{ padding:0 10px 0 calc(50% + 37px);} #concept .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} #concept .wrap_l{ position:relative; /*font-size:14px;*/ text-align:right;} #concept .wrap_l .intro{height:100%; width:100%; margin-bottom:60px;} #concept .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:110px;} #concept .wrap_r + .wrap_l .intro .intro_ttl{ margin-top:0px;} #concept .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} /* -draft */ /*#concept .wrap_r-draft{ position:relative; } #concept .wrap_r-draft .intro{ width:100%; margin:0 0 60px 0;} #concept .wrap_r-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;line-height:1.6; color:#1963af;} #concept .wrap_r-draft .intro .intro_txt{ } #concept .wrap_r-draft .staff_wrapper{ padding:0 0 0 50%;} #concept .wrap_r-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept .wrap_r-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept .wrap_r-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept .wrap_r-draft .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept .wrap_r-draft .image_wrapper{ float:left; margin:0 50px 30px 0;} #concept .wrap_l-draft{ position:relative; text-align:right;} #concept .wrap_l-draft .intro{height:100%; width:100%; margin-bottom:100px;} #concept .wrap_l-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:110px; color:#1963af;} #concept .wrap_l-draft .intro .intro_txt{ text-align:left;} #concept .wrap_l-draft .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept .wrap_l-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept .wrap_l-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept .wrap_l-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept .wrap_l-draft .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept .wrap_l-draft .image_wrapper{ float:right; margin:0 0 30px 50px ;}*/ /* -draft end */ #concept .chintai{margin-bottom:200px;} #concept .property{margin-bottom:200px;} /*#concept .content_block{margin-bottom:200px;}*/ #concept .sale{ height:780px; margin-bottom:200px;} #concept .purchasing{ height:686px; margin-bottom:165px;} #concept .more_btn{margin-top:100px;} #concept #contents-inner-pages{overflow:hidden;} #concept #contents-inner-pages .inn{width:1150px; margin:0 auto 0 auto;} #concept #main_image{height: 350px; /* padding-top: 620px; */ background: url("../images/concept/back_concept.jpg") no-repeat; background-position: center bottom; background-size: 2000px auto; box-sizing: border-box; text-align: center; margin-top:-55px;} #concept #main_image #concept_h{margin-top:70px; margin-bottom:90px;} #concept #main_image .inner{text-align: center; padding-top:70px; padding-bottom:90px;} #concept .concept_inner{background-color:#fff; text-align: center; width: 1150px; margin-right: auto; margin-left: auto; box-shadow: 0px 5px 20px rgba(0,0,0,0.1);padding-top:50px; padding-bottom:50px;margin-top:-110px;} #concept .concept_inner p{font-size: 16px;} #concept #main_image2{ height: 350px; /* padding-top: 620px; */ background: url("../images/concept/back_cost.jpg") no-repeat; background-position: center center; background-size: 2000px auto; box-sizing: border-box; text-align: center; } #concept .concept_inner2{background-color:#fff; text-align: center; width: 1150px; padding-top:60px;padding-bottom:60px; margin-right: auto; margin-left: auto; box-shadow: 0px 5px 20px rgba(0,0,0,0.1); margin-top:-289px;} #concept h2{margin-top:0px;} #concept .concept_inner2 #main_image2 .concept_inner{padding-top: 50px;} #concept .concept_inner2 p{font-size: 16px;} #concept .concept_inner h2{font-size:36px; font-weight:bolder; margin: 0; line-height:2;} #concept .concept_inner img{width: 710px; margin-bottom:30px;} #concept .concept_inner .h2_adjust, #concept .concept_inner2 .h2_adjust2{font-size: 36px; color: #0367AF; font-weight:bolder; display:block;} #concept .concept_inner2 h2{ margin-bottom:10px;} #concept .concept_inner2 .h2_adjust2{display: inline-block;} #concept .concept_inner2 img{ margin-bottom:10px;} #concept_wrapper .concept_inner p{font-size: 16px; line-height:1.9; font-weight: lighter; padding-bottom:60px;} #concept_wrapper #group{z-index: 10; position: relative; padding-top:74px; margin-left:40px;} #concept_wrapper .concept_inner #cost_title #blue{margin-bottom: 0; font-size:30px; font-weight:bolder; margin-top:60px;} #concept_wrapper .concept_inner #blue{color:#1A63AF; font-size:20px} #concept_wrapper .concept_title{width:100%;} #concept_wrapper .inn {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 50px; padding-top:27px;} #concept_wrapper .inn2 {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 30px; padding-top:90px;} #concept_wrapper .inn #bg_concept{display:block;} #concept_wrapper h2{margin-bottom:55px;} #concept_wrapper .oitachi{margin:0 auto 55px auto; text-align: center;} #concept_wrapper .on-btn {background:#f5f5f5 !important;} #concept_wrapper .on-btn .inn{text-align:center;padding-bottom:70px; } #concept_wrapper .inn h2{ margin-bottom:66px;} /* #concept_wrapper .intro{padding-right: 5.333vw; padding-left: 5.333vw;}*/ #concept_wrapper .intro .inn{text-align: center;} #concept_wrapper .inn .photo{ text-align:center;} #concept_wrapper .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} .img_wrapper{ width:1400px; margin:0 auto 161px auto; position: relative;} .img_wrapper #group::after{ background: url("../images/concept/back_right.jpg"); display: inline-block; content: ""; width: 400px; height: 400px; background-size: 100% auto; position: absolute; top: 10%; left:10%; zindex:-1; } #concept_wrapper .img_wrapper ul{ margin-top:-242px; position:relative;} #concept_wrapper .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept_wrapper .img_wrapper ul li{ float:left; position:relative;} #concept_wrapper .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept_wrapper .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept_wrapper .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept_wrapper .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept_wrapper .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept_wrapper .content_block{max-width:1400px;margin:auto;} #concept_wrapper .wrap_r .intro .intro_ttl, #concept_wrapper .wrap_r .intro .intro_txt, #concept_wrapper .wrap_r .intro .intro_txt2, #concept_wrapper .wrap_r .intro .intro_txt4, #concept_wrapper .wrap_l .intro .intro_ttl, #concept_wrapper .wrap_l .intro .intro_txt{color:#253652; line-height: 25px; font-size: 16px; line-height:1.9; width: 580px; z-index: 9999; position: relative;} #concept_wrapper .wrap_r .intro .intro_txt2{margin-bottom:120px;} #concept_wrapper .wrap_l .intro .intro_txt p{z-index: 10; position: relative;} #concept_wrapper .wrap_r .intro .intro_txt{background-image: url("image/back_left.jpg");} #concept_wrapper .wrap_l .intro .inn .intro_ttl{text-align: center;} #concept_wrapper .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:36px; line-height:1.5; font-weight: lighter; text-align: left;} /*#concept_wrapper .wrap_l .intro .intro_txt1::after{ background: url("../images/concept/back_right.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: -10%; left:60%; z-index: -1; } */ #concept_wrapper .wrap_r{ position:relative; /*font-size:14px;*/ padding-left: 5.333vw; padding-right: 5.333vw;} #concept_wrapper .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 40px 0; position: relative; z-index: 10;} #concept_wrapper .wrap_r .intro img{width: 100%; padding-right: 100px;} #concept_wrapper .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept_wrapper .wrap_r .intro .intro_txt2,#concept_wrapper .wrap_r .intro .intro_txt4{ padding:0px 10px 0 calc(50% + 37px);} /* #concept_wrapper .wrap_r .intro .intro_txt2::before{ background: url("../images/concept/back_left.jpg") no-repeat; display: inline-block; content: ""; width: 800px; height: 800px; background-size: 100% auto; position: absolute; top: -90%; left:-10%; z-index: -1; } */ #concept_wrapper .wrap_r .intro .intro_txt4::before{ background: url("../images/concept/back_left2.jpg") no-repeat; display: inline-block; content: ""; width: 570px; height: 600px; background-size: 100% auto; position: absolute; top: -60%; left:-5%; z-index: 1; } #concept_wrapper .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept_wrapper .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_wrapper .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_wrapper .wrap_r .image_wrapper1{ position: absolute; top: -262px; left: -138px; z-index: -1; width: 796px; height:537px; } #concept_wrapper .image_wrapper1_2{ position: absolute; top: 145px; right: -273px; width: 725px; height: 541px; } #concept_wrapper .image_wrapper2{ position: absolute; top: -184px; left: -83px; z-index: -1; width: 706px; height:470px; } #concept_wrapper2 .image_wrapper3{ position: absolute; top: 126px; right: -37px; width: 628px; height:418px; } #concept_wrapper2 .image_wrapper4{ position: absolute; top: -98px; left: -89px; width: 619px; height:393px; } #concept_ideal .image_wrapper1{ position: absolute; top: 40px; right: -60px; width: 620px; height:494px; } #concept_ideal .image_wrapper2{ position: absolute; top: -120px; left: -75px; width: 618px; height:450px; } #concept_ideal2 .image_wrapper3{ position: absolute; top: 32px; right: -107px; width: 804px; height:608px; } #concept_design .image_wrapper1{ position: absolute; top: 47px; right: -140px; width: 744px; height:518px; } #concept_wrapper .wrap_l{ position:relative; /*font-size:14px;*/ text-align:left;} #concept_wrapper .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #concept_wrapper .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:50px;} #concept_wrapper .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept_wrapper .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_wrapper .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_wrapper .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_wrapper .wrap_l .image_wrapper1{ position:absolute; top:53px; right:-31px; z-index: 9999;} /* -draft */ /*#concept_wrapper .wrap_r-draft{ position:relative; } #concept_wrapper .wrap_r-draft .intro{ width:100%; margin:0 0 60px 0;} #concept_wrapper .wrap_r-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;line-height:1.6; color:#1963af;} #concept_wrapper .wrap_r-draft .intro .intro_txt{ } #concept_wrapper .wrap_r-draft .staff_wrapper{ padding:0 0 0 50%;} #concept_wrapper .wrap_r-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_wrapper .wrap_r-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper .wrap_r-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper .wrap_r-draft .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_wrapper .wrap_r-draft .image_wrapper{ float:left; margin:0 50px 30px 0;} #concept_wrapper .wrap_l-draft{ position:relative; text-align:right;} #concept_wrapper .wrap_l-draft .intro{height:100%; width:100%; margin-bottom:100px;} #concept_wrapper .wrap_l-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:110px; color:#1963af;} #concept_wrapper .wrap_l-draft .intro .intro_txt{ text-align:left;} #concept_wrapper .wrap_l-draft .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_wrapper .wrap_l-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_wrapper .wrap_l-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper .wrap_l-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper .wrap_l-draft .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_wrapper .wrap_l-draft .image_wrapper{ float:right; margin:0 0 30px 50px ;}*/ /* -draft end */ #concept_wrapper .chintai{margin-bottom:200px;} #concept_wrapper .property{margin-bottom:200px;} /*#concept_wrapper .content_block{margin-bottom:200px;}*/ #concept_wrapper .sale{ height:780px; margin-bottom:200px;} #concept_wrapper .purchasing{ height:686px; margin-bottom:165px;} #concept_wrapper .more_btn{margin-top:100px;} #concept_wrapper .wrap_l .intro2{position: relative;} #concept_wrapper .wrap_l .intro2 .inn2::after{ background: url("../images/concept/back_right2.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: 30%; left:45%; z-index: 1; } #wrap-outer #concept_wrapper2 {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:85px;margin-bottom:80px;} #concept_wrapper2 #group{z-index: 10; position: relative; padding-top:420px; margin-left:40px;} #concept_wrapper2 .concept_inner #cost_title #blue{margin-bottom: 0; font-size:30px; font-weight:bolder; margin-top:60px;} #concept_wrapper2 .concept_inner #blue{color:#1A63AF; font-size:20px} #concept_wrapper2 .concept_title{width:100%;} #concept_wrapper2 .inn {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 50px; padding-top:330px;} #concept_wrapper2 .inn2 {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 30px; padding-top:34px;} #concept_wrapper2 .inn #bg_concept{display:block;} #concept_wrapper2 h2{margin-bottom:55px;} #concept_wrapper2 .oitachi{margin:0 auto 55px auto; text-align: center;} #concept_wrapper2 .on-btn {background:#f5f5f5 !important;} #concept_wrapper2 .on-btn .inn{text-align:center;padding-bottom:70px; } #concept_wrapper2 .inn h2{ margin-bottom:66px;} /* #concept_wrapper2 .intro{padding-right: 5.333vw; padding-left: 5.333vw;}*/ #concept_wrapper2 .intro .inn{text-align: center;} #concept_wrapper2 .inn .photo{ text-align:center;} #concept_wrapper2 .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} .img_wrapper{ width:1400px; margin:0 auto 161px auto; position: relative;} .img_wrapper #group::after{ background: url("../images/concept/back_right.jpg"); display: inline-block; content: ""; width: 400px; height: 400px; background-size: 100% auto; position: absolute; top: 10%; left:10%; zindex:-1; } #concept_wrapper2 .img_wrapper ul{ margin-top:-242px; position:relative;} #concept_wrapper2 .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept_wrapper2 .img_wrapper ul li{ float:left; position:relative;} #concept_wrapper2 .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept_wrapper2 .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept_wrapper2 .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept_wrapper2 .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept_wrapper2 .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept_wrapper2 .content_block{max-width:1400px;margin:auto;} #concept_wrapper2 .wrap_r .intro .intro_ttl, #concept_wrapper2 .wrap_r .intro .intro_txt, #concept_wrapper2 .wrap_r .intro .intro_txt2, #concept_wrapper2 .wrap_r .intro .intro_txt4, #concept_wrapper2 .wrap_l .intro .intro_ttl, #concept_wrapper2 .wrap_l .intro .intro_txt{color:#253652; line-height: 25px; font-size: 16px; line-height:1.9; width: 580px; z-index: 9999; position: relative;} #concept_wrapper2 .wrap_r .intro .intro_txt2{margin-bottom:120px;} #concept_wrapper2 .wrap_l .intro .intro_txt p{z-index: 10; position: relative;} #concept_wrapper2 .wrap_r .intro .intro_txt{background-image: url("image/back_left.jpg");} #concept_wrapper2 .wrap_l .intro .inn .intro_ttl{text-align: center;} #concept_wrapper2 .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:36px; line-height:1.5; font-weight: lighter; text-align: left;} #concept_wrapper2 .wrap_r .image_wrapper{background-image: url("image/back_right/jpg");} #concept_wrapper2 .wrap_l .intro .intro_txt1::after{ background: url("../images/concept/back_right.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: -10%; left:60%; z-index: -1; } #concept_wrapper2 .wrap_r{ position:relative; /*font-size:14px;*/ padding-left: 5.333vw; padding-right: 5.333vw;} #concept_wrapper2 .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 40px 0; position: relative; z-index: 10;} #concept_wrapper2 .wrap_r .intro img{width: 100%; padding-right: 100px;} #concept_wrapper2 .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept_wrapper2 .wrap_r .intro .intro_txt2,#concept_wrapper2 .wrap_r .intro .intro_txt4{ padding:0px 10px 0 calc(50% + 37px);} #concept_wrapper2 .wrap_r .intro .intro_txt2::before{ background: url("../images/concept/back_left.jpg") no-repeat; display: inline-block; content: ""; width: 800px; height: 800px; background-size: 100% auto; position: absolute; top: -90%; left:-10%; z-index: -1; } /* #concept_wrapper2 .wrap_r .intro .intro_txt4::before{ background: url("../images/concept/back_left2.jpg") no-repeat; display: inline-block; content: ""; width: 570px; height: 600px; background-size: 100% auto; position: absolute; top: -60%; left:-5%; z-index: 1; } */ #concept_wrapper2 .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept_wrapper2 .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_wrapper2 .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper2 .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper2 .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_wrapper2 .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} #concept_wrapper2 .wrap_l{ position:relative; /*font-size:14px;*/ text-align:left;} #concept_wrapper2 .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #concept_wrapper2 .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:50px;} #concept_wrapper2 .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept_wrapper2 .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_wrapper2 .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_wrapper2 .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper2 .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper2 .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_wrapper2 .wrap_l .image_wrapper{ position:absolute; top:0; left:53%; z-index: 9999;} #concept_wrapper2 .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} /* -draft */ /*#concept_wrapper2 .wrap_r-draft{ position:relative; } #concept_wrapper2 .wrap_r-draft .intro{ width:100%; margin:0 0 60px 0;} #concept_wrapper2 .wrap_r-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;line-height:1.6; color:#1963af;} #concept_wrapper2 .wrap_r-draft .intro .intro_txt{ } #concept_wrapper2 .wrap_r-draft .staff_wrapper{ padding:0 0 0 50%;} #concept_wrapper2 .wrap_r-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_wrapper2 .wrap_r-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper2 .wrap_r-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper2 .wrap_r-draft .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_wrapper2 .wrap_r-draft .image_wrapper{ float:left; margin:0 50px 30px 0;} #concept_wrapper2 .wrap_l-draft{ position:relative; text-align:right;} #concept_wrapper2 .wrap_l-draft .intro{height:100%; width:100%; margin-bottom:100px;} #concept_wrapper2 .wrap_l-draft .intro .intro_ttl{ margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:110px; color:#1963af;} #concept_wrapper2 .wrap_l-draft .intro .intro_txt{ text-align:left;} #concept_wrapper2 .wrap_l-draft .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_wrapper2 .wrap_l-draft .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_wrapper2 .wrap_l-draft .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_wrapper2 .wrap_l-draft .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_wrapper2 .wrap_l-draft .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_wrapper2 .wrap_l-draft .image_wrapper{ float:right; margin:0 0 30px 50px ;}*/ /* -draft end */ #concept_wrapper2 .chintai{margin-bottom:200px;} #concept_wrapper2 .property{margin-bottom:200px;} /*#concept_wrapper2 .content_block{margin-bottom:200px;}*/ #concept_wrapper2 .sale{ height:780px; margin-bottom:200px;} #concept_wrapper2 .purchasing{ height:686px; margin-bottom:165px;} #concept_wrapper2 .more_btn{margin-top:100px;} #concept_wrapper2 .wrap_l .intro2{position: relative;} /* #concept_wrapper2 .wrap_l .intro2 .inn2::after{ background: url("../images/concept/back_right2.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: 23%; left:45%; z-index: 1; } */ /*--- concept-ideal -----------*/ /*--- concept-ideal -----------*/ #concept #main_image.main_image_ideal{ background: url("../images/concept-ideal/concept_bg.jpg") no-repeat; background-position: center center; background-size: 2000px auto; } #concept #main_image2.main_image2_ideal{ background: url("../images/concept-ideal/concept_bg2.jpg") no-repeat; background-position: center center; background-size: 2000px auto; } #concept .concept_inner.ideal .h2_adjust{display:inline-block;} #concept .concept_inner2.ideal .h2_adjust2{display:block;} #concept .concept_inner2.ideal h2{ font-size: 36px; font-weight: bolder; margin: 0; line-height: 2; } #concept .concept_inner2.ideal .h2_adjust2{display:block;} #concept .concept_inner2.ideal img {margin-top:20px;margin-bottom: 30px;} #wrap-outer #concept_ideal {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:85px;margin-bottom:80px;} #concept_ideal #group{z-index: 10; position: relative; padding-top:420px; margin-left:40px;} #concept_ideal .concept_inner #cost_title #blue{margin-bottom: 0; font-size:30px; font-weight:bolder; margin-top:60px;} #concept_ideal .concept_inner #blue{color:#1A63AF; font-size:20px} #concept_ideal .concept_title{width:100%;} #concept_ideal .inn {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 50px; padding-top:260px;} #concept_ideal .inn2 {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 30px; padding-top:90px;} #concept_ideal .inn #bg_concept{display:block;} #concept_ideal h2{margin-bottom:55px;} #concept_ideal .oitachi{margin:0 auto 55px auto; text-align: center;} #concept_ideal .on-btn {background:#f5f5f5 !important;} #concept_ideal .on-btn .inn{text-align:center;padding-bottom:70px; } #concept_ideal .inn h2{ margin-bottom:66px;} /* #concept_ideal .intro{padding-right: 5.333vw; padding-left: 5.333vw;}*/ #concept_ideal .intro .inn{text-align: center; padding-top:29px;} #concept_ideal .inn .photo{ text-align:center;} #concept_ideal .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} .img_wrapper{ width:1400px; margin:0 auto 161px auto; position: relative;} .img_wrapper #group::after{ background: url("../images/concept/back_right.jpg"); display: inline-block; content: ""; width: 400px; height: 400px; background-size: 100% auto; position: absolute; top: 10%; left:10%; zindex:-1; } #concept_ideal .img_wrapper ul{ margin-top:-242px; position:relative;} #concept_ideal .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept_ideal .img_wrapper ul li{ float:left; position:relative;} #concept_ideal .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept_ideal .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept_ideal .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept_ideal .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept_ideal .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept_ideal .content_block{max-width:1400px;margin:auto;} #concept_ideal .wrap_r .intro .intro_ttl, #concept_ideal .wrap_r .intro .intro_txt, #concept_ideal .wrap_r .intro .intro_txt2, #concept_ideal .wrap_r .intro .intro_txt4, #concept_ideal .wrap_l .intro .intro_ttl, #concept_ideal .wrap_l .intro .intro_txt{color:#253652; line-height: 25px; font-size: 16px; line-height:1.9; width: 580px; z-index: 9999; position: relative;} #concept_ideal .wrap_r .intro .intro_txt2{margin-bottom:120px;} #concept_ideal .wrap_l .intro .intro_txt p{z-index: 10; position: relative;} #concept_ideal .wrap_r .intro .intro_txt{background-image: url("image/back_left.jpg");} #concept_ideal .wrap_l .intro .inn .intro_ttl{text-align: center;} #concept_ideal .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:36px; line-height:1.5; font-weight: lighter; text-align: left;} #concept_ideal .wrap_r .image_wrapper{background-image: url("image/back_right/jpg");} /*#concept_ideal .wrap_l .intro .intro_txt1::after{ background: url("../images/concept-ideal/bg_right.jpg") no-repeat; display: inline-block; content: ""; width: 819px; height: 554px; background-size: 100% auto; position: absolute; top: -250px; left:533px; z-index: -1; } */ #concept_ideal .wrap_r{ position:relative; /*font-size:14px;*/ padding-left: 5.333vw; padding-right: 5.333vw;} #concept_ideal .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 40px 0; position: relative; z-index: 10;} #concept_ideal .wrap_r .intro img{width: 100%; padding-right: 100px;} #concept_ideal .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept_ideal .wrap_r .intro .intro_txt2,#concept_ideal .wrap_r .intro .intro_txt4{ padding:0px 10px 0 calc(50% + 37px);} /* #concept_ideal .wrap_r .intro .intro_txt2::before{ background: url("../images/concept-ideal/bg_left.jpg") no-repeat; display: inline-block; content: ""; width: 859px; height: 629px; background-size: 100% auto; position: absolute; top: -280px; left:-350px; z-index: -1; } */ #concept_ideal .wrap_r .intro .intro_txt4::before{ background: url("../images/concept/back_left2.jpg") no-repeat; display: inline-block; content: ""; width: 570px; height: 600px; background-size: 100% auto; position: absolute; top: -60%; left:-5%; z-index: 1; } #concept_ideal .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept_ideal .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_ideal .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_ideal .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_ideal .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_ideal .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} #concept_ideal .wrap_l{ position:relative; /*font-size:14px;*/ text-align:left;} #concept_ideal .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #concept_ideal .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:50px;} #concept_ideal .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept_ideal .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_ideal .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_ideal .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_ideal .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_ideal .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_ideal .wrap_l .image_wrapper{ position:absolute; top:0; left:53%; z-index: 9999;} #concept_ideal .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} #concept_ideal .chintai{margin-bottom:200px;} #concept_ideal .property{margin-bottom:200px;} #concept_ideal .sale{ height:780px; margin-bottom:200px;} #concept_ideal .purchasing{ height:686px; margin-bottom:165px;} #concept_ideal .more_btn{margin-top:100px;} #concept_ideal .wrap_l .intro2{position: relative;} #concept_ideal .wrap_l .intro2 .inn2::after{ background: url("../images/concept/back_right2.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: 30%; left:45%; z-index: 1; } #wrap-outer #concept_ideal2 {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:85px;margin-bottom:80px;} #concept_ideal2 #group{z-index: 10; position: relative; padding-top:420px; margin-left:40px;} #concept_ideal2 .concept_inner #cost_title #blue{margin-bottom: 0; font-size:30px; font-weight:bolder; margin-top:60px;} #concept_ideal2 .concept_inner #blue{color:#1A63AF; font-size:20px} #concept_ideal2 .concept_title{width:100%;} #concept_ideal2 .inn {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 50px; padding-top:330px;} #concept_ideal2 .inn2 {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 30px; padding-top:31px;} #concept_ideal2 .inn #bg_concept{display:block;} #concept_ideal2 h2{margin-bottom:55px;} #concept_ideal2 .oitachi{margin:0 auto 55px auto; text-align: center;} #concept_ideal2 .on-btn {background:#f5f5f5 !important;} #concept_ideal2 .on-btn .inn{text-align:center;padding-bottom:70px; } #concept_ideal2 .inn h2{ margin-bottom:66px;} /* #concept_ideal2 .intro{padding-right: 5.333vw; padding-left: 5.333vw;}*/ #concept_ideal2 .intro .inn{text-align: center;} #concept_ideal2 .inn .photo{ text-align:center;} #concept_ideal2 .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} .img_wrapper{ width:1400px; margin:0 auto 161px auto; position: relative;} .img_wrapper #group::after{ background: url("../images/concept/back_right.jpg"); display: inline-block; content: ""; width: 400px; height: 400px; background-size: 100% auto; position: absolute; top: 10%; left:10%; zindex:-1; } #concept_ideal2 .img_wrapper ul{ margin-top:-242px; position:relative;} #concept_ideal2 .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept_ideal2 .img_wrapper ul li{ float:left; position:relative;} #concept_ideal2 .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept_ideal2 .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept_ideal2 .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept_ideal2 .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept_ideal2 .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept_ideal2 .content_block{max-width:1400px;margin:auto;} #concept_ideal2 .wrap_r .intro .intro_ttl, #concept_ideal2 .wrap_r .intro .intro_txt, #concept_ideal2 .wrap_r .intro .intro_txt2, #concept_ideal2 .wrap_r .intro .intro_txt4, #concept_ideal2 .wrap_l .intro .intro_ttl, #concept_ideal2 .wrap_l .intro .intro_txt{color:#253652; line-height: 25px; font-size: 16px; line-height:1.9; width: 580px; z-index: 9999; position: relative;} #concept_ideal2 .wrap_r .intro .intro_txt2{margin-bottom:120px;} #concept_ideal2 .wrap_l .intro .intro_txt p{z-index: 10; position: relative;} #concept_ideal2 .wrap_r .intro .intro_txt{background-image: url("image/back_left.jpg");} #concept_ideal2 .wrap_l .intro .inn .intro_ttl{text-align: center;} #concept_ideal2 .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:36px; line-height:1.5; font-weight: lighter; text-align: left;} #concept_ideal2 .wrap_r .image_wrapper{background-image: url("image/back_right/jpg");} #concept_ideal2 .wrap_l .intro .intro_txt1::after{ background: url("../images/concept-ideal/bg_right.jpg") no-repeat; display: inline-block; content: ""; width: 819px; height: 554px; background-size: 100% auto; position: absolute; top: -250px; left:600px; z-index: -1; } #concept_ideal2 .wrap_r{ position:relative; /*font-size:14px;*/ padding-left: 5.333vw; padding-right: 5.333vw;} #concept_ideal2 .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 40px 0; position: relative; z-index: 10;} #concept_ideal2 .wrap_r .intro img{width: 100%; padding-right: 100px;} #concept_ideal2 .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept_ideal2 .wrap_r .intro .intro_txt2,#concept_ideal2 .wrap_r .intro .intro_txt4{ padding:0px 10px 0 calc(50% + 37px);} #concept_ideal2 .wrap_r .intro .intro_txt2::before{ background: url("../images/concept-ideal/bg_left.jpg") no-repeat; display: inline-block; content: ""; width: 859px; height: 629px; background-size: 100% auto; position: absolute; top: -280px; left:-350px; z-index: -1; } #concept_ideal2 .wrap_r .intro .intro_txt4::before{ background: url("../images/concept/back_left2.jpg") no-repeat; display: inline-block; content: ""; width: 570px; height: 600px; background-size: 100% auto; position: absolute; top: -60%; left:-5%; z-index: 1; } #concept_ideal2 .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept_ideal2 .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_ideal2 .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_ideal2 .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_ideal2 .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_ideal2 .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} #concept_ideal2 .wrap_l{ position:relative; /*font-size:14px;*/ text-align:left;} #concept_ideal2 .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #concept_ideal2 .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:50px;} #concept_ideal2 .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept_ideal2 .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_ideal2 .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_ideal2 .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_ideal2 .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_ideal2 .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_ideal2 .wrap_l .image_wrapper{ position:absolute; top:0; left:53%; z-index: 9999;} #concept_ideal2 .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} #concept_ideal2 .chintai{margin-bottom:200px;} #concept_ideal2 .property{margin-bottom:200px;} #concept_ideal2 .sale{ height:780px; margin-bottom:200px;} #concept_ideal2 .purchasing{ height:686px; margin-bottom:165px;} #concept_ideal2 .more_btn{margin-top:100px;} #concept_ideal2 .wrap_l .intro2{position: relative;} /* #concept_ideal2 .wrap_l .intro2 .inn2::after{ background: url("../images/concept-ideal/bg_right2.jpg") no-repeat; display: inline-block; content: ""; width: 1040px; height: 652px; background-size: 100% auto; position: absolute; top: 30px; left:350px; z-index: 1; } */ /*--- concept-design -----------*/ #concept #main_image.main_image_design{ background: url("../images/concept-design/bg_title.jpg") no-repeat; background-position: center center; background-size: 2000px auto; } #concept #main_image2.main_image2_design{ background: url("../images/concept-design/bg_works.jpg") no-repeat; background-position: center center; background-size: 2000px auto; height:400px; } #concept .concept_inner.design .h2_adjust{display:inline-block;} #concept .concept_inner2.design h2{ font-size: 36px; font-weight: bolder; margin: 0; line-height: 2; } #concept .concept_inner2.design .h2_adjust2{display:block;} #concept .concept_inner2.design img {margin-top:20px;margin-bottom: 30px;} #concept #works_h{margin-top:76px;} #wrap-outer #concept_design {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:85px;margin-bottom:80px;} #concept_design #group{z-index: 10; position: relative; padding-top:420px; margin-left:40px;} #concept_design .concept_inner #cost_title #blue{margin-bottom: 0; font-size:30px; font-weight:bolder; margin-top:60px;} #concept_design .concept_inner #blue{color:#1A63AF; font-size:20px} #concept_design .concept_title{width:100%;} #concept_design .inn {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 50px; padding-top:260px;} #concept_design .inn2 {width:1000px; margin:0 auto 40px auto; position:relative; text-align: center; padding-left: 30px; padding-top:90px;} #concept_design .inn #bg_concept{display:block;} #concept_design h2{margin-bottom:55px;} #concept_design .oitachi{margin:0 auto 55px auto; text-align: center;} #concept_design .on-btn {background:#f5f5f5 !important;} #concept_design .on-btn .inn{text-align:center;padding-bottom:70px; } #concept_design .inn h2{ margin-bottom:66px;} /* #concept_design .intro{padding-right: 5.333vw; padding-left: 5.333vw;}*/ #concept_design .intro .inn{text-align: center; padding-top:27px;} #concept_design .inn .photo{ text-align:center;} #concept_design .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} .img_wrapper{ width:1400px; margin:0 auto 161px auto; position: relative;} .img_wrapper #group::after{ background: url("../images/concept/back_right.jpg"); display: inline-block; content: ""; width: 400px; height: 400px; background-size: 100% auto; position: absolute; top: 10%; left:10%; zindex:-1; } #concept_design .img_wrapper ul{ margin-top:-242px; position:relative;} #concept_design .img_wrapper ul::after{ display:block; content:""; clear:both;} #concept_design .img_wrapper ul li{ float:left; position:relative;} #concept_design .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #concept_design .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #concept_design .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #concept_design .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #concept_design .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #concept_design .content_block{max-width:1400px;margin:auto;} #concept_design .wrap_r .intro .intro_ttl, #concept_design .wrap_r .intro .intro_txt, #concept_design .wrap_r .intro .intro_txt2, #concept_design .wrap_r .intro .intro_txt4, #concept_design .wrap_l .intro .intro_ttl, #concept_design .wrap_l .intro .intro_txt{color:#253652; line-height: 25px; font-size: 16px; line-height:1.9; width: 580px; z-index: 9999; position: relative;} #concept_design .wrap_r .intro .intro_txt2{margin-bottom:120px;} #concept_design .wrap_l .intro .intro_txt p{z-index: 10; position: relative;} #concept_design .wrap_r .intro .intro_txt{background-image: url("image/back_left.jpg");} #concept_design .wrap_l .intro .inn .intro_ttl{text-align: center;} #concept_design .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:36px; line-height:1.5; font-weight: lighter; text-align: left;} #concept_design .wrap_r .image_wrapper{background-image: url("image/back_right/jpg");} /*#concept_design .wrap_l .intro .intro_txt1::after{ background: url("../images/concept-design/bg_right.jpg") no-repeat; display: inline-block; content: ""; width: 927px; height: 517px; background-size: 100% auto; position: absolute; top: -206px; left:507px; z-index: -1; } */ #concept_design .wrap_r{ position:relative; /*font-size:14px;*/ padding-left: 5.333vw; padding-right: 5.333vw;} #concept_design .wrap_r .intro{/*height:427px;*/ width:100%; margin:0 0 40px 0; position: relative; z-index: 10;} #concept_design .wrap_r .intro img{width: 100%; padding-right: 100px;} #concept_design .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% + 37px); margin-bottom:34px;font-size:36px;line-height:1.6;} #concept_design .wrap_r .intro .intro_txt2,#concept_design .wrap_r .intro .intro_txt4{ padding:0px 10px 0 calc(50% + 37px);} #concept_design .wrap_r .intro .intro_txt2::before{ background: url("../images/concept-design/bg_left.jpg") no-repeat; display: inline-block; content: ""; width: 859px; height: 629px; background-size: 100% auto; position: absolute; top: -280px; left:-350px; z-index: -1; } #concept_design .wrap_r .intro .intro_txt4::before{ background: url("../images/concept/back_left2.jpg") no-repeat; display: inline-block; content: ""; width: 570px; height: 600px; background-size: 100% auto; position: absolute; top: -60%; left:-5%; z-index: 1; } #concept_design .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #concept_design .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #concept_design .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_design .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_design .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #concept_design .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} #concept_design .wrap_l{ position:relative; /*font-size:14px;*/ text-align:left;} #concept_design .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #concept_design .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ width:600px; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;margin-top:50px;} #concept_design .wrap_l .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;} #concept_design .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #concept_design .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #concept_design .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #concept_design .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #concept_design .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #concept_design .wrap_l .image_wrapper{ position:absolute; top:0; left:53%; z-index: 9999;} #concept_design .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} #concept_design .chintai{margin-bottom:200px;} #concept_design .property{margin-bottom:200px;} #concept_design .sale{ height:780px; margin-bottom:200px;} #concept_design .purchasing{ height:686px; margin-bottom:165px;} #concept_design .more_btn{margin-top:100px;} #concept_design .wrap_l .intro2{position: relative;} #concept_design .wrap_l .intro2 .inn2::after{ background: url("../images/concept/back_right2.jpg") no-repeat; display: inline-block; content: ""; width: 600px; height: 800px; background-size: 100% auto; position: absolute; top: 30%; left:45%; z-index: 1; } #concept_design2 { margin: auto; width:1200px; /*margin-top:-160px;*/ margin-bottom:113px; } #concept_design2 #work_inn{display:flex; flex-wrap: wrap;} #concept_design2 .work_inner{ width:380px; margin:0 30px 60px 0; } #concept_design2 .work_inner img{ width:380px !important; height:auto !important; margin:0 30px 30px 0; } #concept_design2 .work_inner a{ display: block; height:250px; overflow: hidden; } #concept_design2 #work_inn div:nth-of-type(3n){ margin-right:0; } #concept_design2 .work_text{padding:20px 27px 20px 27px; height: 62px; background:#FFF;} #concept_design2 .work_text .case{color:#1963af;} /*--- works -----------*/ #wrap-outer #works {width:100%; box-sizing:border-box; background:#f4f4f4;padding:85px 0 130px;} #works .inn {width:1200px; text-align:left; position:relative;} #works h2{margin-bottom:55px;} #works .oitachi{margin:0 auto 55px auto; text-align: center;} #works .on-btn {background:#f5f5f5 !important;} #works .on-btn .inn{text-align:center;padding-bottom:70px; } #works .inn h2{ margin-bottom:66px;} #works .inn .photo{ text-align:center;} #works .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} #works .img_wrapper{ width:1400px; margin:0 auto 161px auto;} #works .img_wrapper ul{ margin-top:-242px; position:relative;} #works .img_wrapper ul::after{ display:block; content:""; clear:both;} #works .img_wrapper ul li{ float:left; position:relative;} #works .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #works .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #works .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #works .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #works .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #works .content_block{max-width:1200px;margin:auto;background:#fff;} #works .wrap_r .intro .intro_ttl, #works .wrap_r .intro .intro_txt, #works .wrap_l .intro .intro_ttl, #works .wrap_l .intro .intro_txt{color:#253652;} #works .wrap_r{ position:relative; /*font-size:14px;*/ } #works .wrap_r .intro{height:865px; width:100%; margin:0;} #works .wrap_r .intro .intro_label{position:absolute;top:40px;right:-30px;} #works .wrap_r .intro .intro_ttl{ padding:0 0 0 calc(50% - 44px); margin-bottom:34px;font-size:36px;line-height:1.6;} #works .wrap_r .intro .intro_txt{width:586px; margin:0 0 0 554px;} #works .wrap_r .staff_wrapper{ padding:0 0 0 50%;} #works .wrap_r .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #works .wrap_r .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #works .wrap_r .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #works .wrap_r .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #works .wrap_r .image_wrapper{ position:absolute; top:30px; right:57%;} #works .wrap_l{ position:relative; /*font-size:14px;*/ text-align:right;} #works .wrap_l .intro{height:865px; width:100%; margin-bottom:60px;} #works .wrap_l .intro .intro_label{position:absolute;top:40px;left:-30px;} #works .wrap_l .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;} #works .wrap_l .intro .intro_txt{ width:586px; margin:0 0 0 55px;text-align:left;} #works .wrap_l .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #works .wrap_l .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #works .wrap_l .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #works .wrap_l .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #works .wrap_l .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #works .wrap_l .image_wrapper{ position:absolute; top:30px; left:61%;} #works .chintai{margin-bottom:200px;} #works .property{margin-bottom:200px;} /*#works .content_block{margin-bottom:200px;}*/ #works .sale{ height:780px; margin-bottom:200px;} #works .purchasing{ height:686px; margin-bottom:165px;} #works .more_btn{padding:60px 0 60px 0;background:#f4f4f4;margin-top:0;} /*--- technology -----------*/ #technology {width:100%; box-sizing:border-box; padding:100px 0 100px 0; background:#fff;} #technology h2{margin-bottom:55px;} #technology .inn .box{ width:1200px; margin:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} #technology .inn .box > li{ width:380px; /*height:340px;*/ background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin:0 0 40px 30px;} #technology .inn .box > li:nth-child(3n-2){ margin-left:0;} #technology .inn .box > li .label_wrap{ position:relative;} #technology .inn .box > li p{ position:absolute;top:20px;left:-15px;background:#0359b1;color:#fff;padding:10px 20px 10px 20px;line-height: 1.4;z-index:2;} #technology .inn .box > li a{ display:block;} #technology .inn .box > li h3 span{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;} #technology .inn .box > li img{ max-width:100%; height:auto; flex-shrink:0;} #technology .inn .box > li .lineup_btn{ margin-top:auto; text-align:center; padding-bottom:13px;} /*--- staff -----------*/ #staff {width:100%; box-sizing:border-box; /*padding:184px 0 0 0;*/padding:90px 0 0 0; background:#fff;} #staff .inn {width:1100px; margin:0 auto 0 auto; text-align:left; position:relative;} #staff .inn .box{ width:1100px; margin:auto; text-align:center; font-size:0;} #staff .inn .box > li{ display:inline-block; width:160px; height:auto; margin:0 0 20px 20px;} /*#staff .inn .box > li:nth-child(6n+1){ margin-left:0;}*/ #staff .inn .box > li img{ width:100%;} #staff .inn .box > li a{ display:block; text-decoration:none; font-size:13px; color:#727171;} #staff .inn .box > li:nth-of-type(3) img{} /*--- wrap_add10 -----------*/ #wrap_add10 {width:100%; box-sizing:border-box; background:#fff;} #wrap_add10 .inn { min-height:580px;width:1200px; margin:120px auto 120px auto; text-align:left; position:relative;} #wrap_add10 .content_left{height:608px; overflow-y:scroll; display:inline-block; width:570px; margin:0; vertical-align: top;} #wrap_add10 .content_right{float:right;inline-block; width:545px; margin:0; vertical-align: top;} #wrap_add10 .inn .title{margin-bottom:40px;} #wrap_add10 .inn li{padding-bottom:20px; border-bottom: dashed 1px #aeb9cd; margin-top:25px;} #wrap_add10 .inn li:first-child{margin-top:0;} #wrap_add10 .inn p{display: inline-block; width:520px;color:#253652;} #wrap_add10 .inn .date{width:100px; margin-right:20px;vertical-align: top;} #wrap_add10 .content_right p{margin-top:16px; /*font-weight: 600;*/} #wrap_add10 .content_right .company_name{font-size:18px;margin-top:26px;} #wrap_add10 .content_right .license{font-size:13px;margin-top:21px; width:100%; padding:15px 0 15px 28px; box-sizing:border-box; background-color:#f5f5f5;} /*--- products -----------*/ #wrap-outer1col #products { /*margin:100px 0 0 0;*/} #wrap-outer1col #products { padding:0;} #products {width:100%; box-sizing:border-box; padding:100px 0 100px 0; background:#ebf2f6;} #products h2{margin-bottom:55px;} #products .inn {width:1200px; margin:0 auto 90px auto; text-align:left; position:relative;} #products .content_block{ max-width: 1200px; position:relative; text-align:right;height:450px;margin:64px auto 0 auto;background-color: #ffffff;} #products .content_block + .content_block{ margin-top: 40px;} #products .content_block .intro .intro_ttl, #products .content_block .intro .intro_txt{color:#253652;} #products .content_block .intro{height:100%; width:100%; margin-bottom:50px;} #products .content_block .intro > .inn{ height: 100%; padding: 50px; box-sizing: border-box;} #products .content_block .intro .intro_ttl .im1{ margin-top: -40px;} #products .content_block .intro .intro_ttl{ /*padding:53px calc(50% + 37px) 0 0;*/ margin-bottom:44px;font-size:36px;text-align:left; line-height:1.6;} #products .content_block .intro .intro_txt{ padding:0 calc(50% + 37px) 0 0;text-align:left;margin-bottom:22px; font-size: 17px; line-height: 2.0em; color: #000000;font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} #products .content_block .intro .intro_list{ padding:0 calc(50% + 37px) 0 0;/*font-weight: 600;*/text-align:left;margin-bottom:30px;} #products .content_block .intro .intro_list ul li{width: 270px; padding: 10px 0 10px 0; background: #f2f2f2; font-size: 14px; color: #636363; text-align: center; line-height: 1;} #products .content_block .intro .intro_list ul li + li{ margin-top: 8px;} #products .content_block .staff_wrapper{ padding:0 50% 0 0; display:inline-block;} #products .content_block .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-right:40px; width:560px; text-align:left;} #products .content_block .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #products .content_block .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #products .content_block .staff_wrapper table td.staff_msg p{ margin-bottom:15px;} #products .content_block .image_wrapper{ position:absolute; top:0; right:0; width: 560px; height: 100%; overflow: hidden;} #products .content_block .image_wrapper > img{ height: 100%; width: auto !important; margin-left: -40px;} #products .content_block .image_wrapper .products_label{ position:absolute; bottom:35px; left:-80px; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));} #products .more_btn{display: block; font-size: 16px; color: #7b645b; text-decoration: none; transition: .3s; position: relative; z-index: 1; text-align:right; margin:0 50% 0 0; padding:0 0 20px 0; line-height: 1;font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} #products .more_btn:before{display: block; content: ""; background: #7b645b; width: 175px; height: 1px; position: absolute; right:-40px; bottom:0; } #products .more_btn:after{display: block; content: ""; background: #ffffff; width: 50px; height: 1px; position: absolute; right:-90px; bottom:0; } #products .more_btn > img{ display: inline-block; vertical-align: middle; margin: 0 0 3px 20px;} #products .more_btn.brown:after{ background: #eddad7;} #products .more_btn.green{color: #005048;} #products .more_btn.green:before{ background: #005048;} #products .more_btn.purple{color: #14144d;} #products .more_btn.purple:before{ background: #14144d;} /*--- property -----------*/ #property {width:100%; box-sizing:border-box; background:#fff;padding-top:85px;/*margin-bottom:80px;*/} #property .inn {width:1200px; margin:0 auto 40px auto; text-align:left; position:relative;} #property .inn h2{ margin-bottom:66px;} #property .content_block{ position:relative; /*font-size:14px;*/ max-width:1200px;margin:auto;background:#eaf2f9;} #property .content_block .intro .inn h2{ padding:0 0 0 calc(50% - 92px); margin-bottom:34px;font-size:36px;line-height:1.6;text-align: left;} #property .content_block .intro{height:453px; width:100%; margin:0 0 40px 0;padding-top:90px;} #property .content_block .intro .inn h2{padding-right:90px;} #property .content_block .intro .intro_ttl{ padding:0 90px 0 calc(50% - 92px); margin-bottom:34px;font-size:36px;line-height:1.6;} #property .content_block .intro .intro_txt{ padding:0 90px 0 calc(50% - 92px);/*font-weight: 600;*/} #property .content_block .staff_wrapper{ padding:0 0 0 50%;} #property .content_block .staff_wrapper table{ border-collapse:separate; border-spacing:0; margin-left:40px; width:560px;} #property .content_block .staff_wrapper table td.staff_img{ padding-right:30px; vertical-align:top;} #property .content_block .staff_wrapper table td.staff_msg{ padding-bottom:43px;} #property .content_block .staff_wrapper table td.staff_msg p{ margin-bottom:25px;} #property .content_block .image_wrapper{ position:absolute; top:90px; right:64%;} #property .content_block .btn_wrap{position:relative;} #property .content_block .btn_wrap .more_btn{position:absolute;bottom:121px;right:292px;} /*--- footer ---------------*/ #footer-outer {width:100%;} #footer-outer .bnr{ margin:0 auto 70px auto; text-align:center;} #footer {width:100%; min-height:310px; position:relative; background:#1963af; /*font-size:14px;*/} #footer .inn {width:1200px; margin:0 auto 0 auto; padding:45px 0 55px 500px; box-sizing:border-box; position:relative;} #footer .inn .company_info{ position:absolute; top:50px; left:0; color:#fff;} #footer .inn .company_info .h{ font-size:18px; margin:0 0 15px 0;} #footer .inn .company_info .h img{ display:block; margin-bottom:7px;} #footer .inn .company_info p{line-height:1.81;} #footer .inn .company_info p a,#footer .inn .company_info p a:hover{ color:#fff; text-decoration:none; opacity:1 !important; cursor:text;} #footer .inn table.footer_navi {width:100%; min-height: 112px; margin:25px 0 0 0; padding:0;} #footer .inn table.footer_navi td {width:33%; padding:0 35px 0 35px; box-sizing:border-box; vertical-align:top;} #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 0px; background-size:14px 14px; padding-left:23px; margin-bottom:21px; line-height:1; white-space:nowrap;} #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 {color:#ffffff; text-decoration:none; opacity:1 !important;} #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer #footer-copyright {width:1200px; margin:40px auto 0 auto; padding:25px 0 20px 0; text-align:center; font-size:11px; color:#fff; line-height:1; letter-spacing:1px; border-top:1px solid rgba(255,255,255,.2);} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; margin:200px auto 80px auto !important; padding:55px 0 0 0; } #contents-inner-pages .inn{width:1200px; margin:0 auto 0 auto;} /*#contents-inner-pages:after {content:""; display:block; clear:both;}*/ #contents-inner-pages p.read {} /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact {} /*.contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;}*/ /*================================== 商品ラインナップ ==================================*/ /*一覧ページ*/ #contents-inner-pages .renew_products{ width: 100%; margin-top: -55px; padding: 0; overflow: hidden;} #contents-inner-pages .renew_products h2{ margin: 0; text-align: left;} #contents-inner-pages .renew_products.p_list p,#contents-inner-pages .renew_products.p_list a,#contents-inner-pages .renew_products .line_up p,#contents-inner-pages .renew_products .line_up ul li,#contents-inner-pages .renew_products.p_detail h4{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} #contents-inner-pages .renew_products.p_list section.box ul,#contents-inner-pages .renew_products.p_detail .f_box p{ font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;} #contents-inner-pages .renew_products .line_up{ position: relative; z-index: 0; box-sizing: border-box; height: 800px; padding-top: 175px; color: #ffffff;} #contents-inner-pages .renew_products #lieto .line_up{ padding-top:82px;} #contents-inner-pages .renew_products .line_up:before{ display: block; content: ""; background: #3a3727; width: calc(50% + 600px); height: 100%; position: absolute; top:0; left:0; z-index: -1;} #contents-inner-pages .renew_products .line_up:after{ display: block; content: ""; background: #ffffff; width: calc((50% - 600px) + 92px); height: 1px; position: absolute; top:325px; left:0;} #contents-inner-pages .renew_products .line_up .main_img{ position: absolute; top:0; right: 0; width:calc(50% + 179px); height: 700px; } #contents-inner-pages .renew_products .line_up .main_img > img{ width: 100%; height: 100%; object-fit: cover;} #contents-inner-pages .renew_products .line_up > .inn{ position: relative;} #contents-inner-pages .renew_products .line_up p{ font-size: 26px; line-height: 2.0em; letter-spacing: 0.13em; margin-top: 170px;} #contents-inner-pages .renew_products.p_list section.box{position: relative; z-index: 0; box-sizing: border-box; height: 700px; margin-top: 185px; padding: 100px 0 0 0;} #contents-inner-pages .renew_products.p_list section.box:before{ display: block; content: ""; background: #ffffff; width: calc(50% + 575px); height: 100%; position: absolute; top:0; right:0; z-index: -1;} #contents-inner-pages .renew_products.p_list section.box > .inn{ position: relative; box-sizing: border-box; padding-left: 830px;} #contents-inner-pages .renew_products.p_list section.box .img{ position: absolute; top:-98px; left:0; width:calc(50% + 150px); height: 700px; } #contents-inner-pages .renew_products.p_list section.box .img > img{ width: 100%; height: 100%; object-fit: cover;} #contents-inner-pages .renew_products.p_list section.box.natural:before{ right:auto; left:0;} #contents-inner-pages .renew_products.p_list section.box.natural > .inn{ padding-left: 0; padding-right: 830px;} #contents-inner-pages .renew_products.p_list section.box.natural .img{ left:auto; right:0;} #contents-inner-pages .renew_products.p_list section.box h3{ margin: 0 0 75px 0; padding: 0; text-align: left;} #contents-inner-pages .renew_products.p_list section.box h3 > img{ margin: 0;} #contents-inner-pages .renew_products.p_list section.box p{ font-size: 15px; line-height: 2.0em; margin-bottom: 35px; color: #000000;} #contents-inner-pages .renew_products.p_list section.box ul{ margin-bottom: 80px;} #contents-inner-pages .renew_products.p_list section.box li{ width: 270px; padding: 10px 0 10px 0; background: #f2f2f2; font-size: 14px; color: #636363; text-align: center; line-height: 1;} #contents-inner-pages .renew_products.p_list section.box li + li{ margin-top: 8px;} #contents-inner-pages .renew_products.p_list a.more_btn{display: block; font-size: 16px; color: #5a8c9b; text-decoration: none; transition: .3s; position: relative; z-index: 1; text-align:left; margin:0; padding:0 0 20px 0; line-height: 1;} #contents-inner-pages .renew_products.p_list a.more_btn:before{display: block; content: ""; background: #5a8c9b; width: 212px; height: 1px; position: absolute; left:-80px; bottom:0; } #contents-inner-pages .renew_products.p_list a.more_btn:after{display: block; content: ""; background: #ffffff; width: 90px; height: 1px; position: absolute; left:-170px; bottom:0; } #contents-inner-pages .renew_products.p_list a.more_btn > img{ display: inline-block; vertical-align: middle; margin: 0 0 3px 20px;} #contents-inner-pages .renew_products.p_list a.more_btn.brown:after{ background: #fff;} #contents-inner-pages .renew_products.p_list a.more_btn.green{text-align: right; color: #005048;} #contents-inner-pages .renew_products.p_list a.more_btn.green:before{ background: #005048; left: initial; right: -80px;} #contents-inner-pages .renew_products.p_list a.more_btn.green:after{left: initial; right: -170px;} #contents-inner-pages .renew_products.p_list a.more_btn.purple{color: #14144d;} #contents-inner-pages .renew_products.p_list a.more_btn.purple:before{ background: #14144d;} /*詳細ページ*/ #contents-inner-pages .renew_products.p_detail .line_up{ height: 900px;} #contents-inner-pages .renew_products.p_detail .line_up:after{ top:316px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up:after{ top:286px;} #contents-inner-pages .renew_products.p_detail #basic .line_up:before{ background: #7b645b;} #contents-inner-pages .renew_products.p_detail #natural .line_up:before{ background: #005048;} #contents-inner-pages .renew_products.p_detail #highclass .line_up:before{ background: #14144d;} #contents-inner-pages .renew_products.p_detail #lieto .line_up:before{ background: #5a8c9b;} #contents-inner-pages .renew_products.p_detail .line_up .main_img{ top:100px; width: calc(50% + 180px);} #contents-inner-pages .renew_products.p_detail #basic .line_up .main_img > img{ object-position: top right;} #contents-inner-pages .renew_products.p_detail #natural .line_up .main_img > img{ object-position: top center;} #contents-inner-pages .renew_products.p_detail #highclass .line_up .main_img > img{ object-position: top right;} #contents-inner-pages .renew_products.p_detail #lieto .line_up .main_img > img{ object-position: top center;} #contents-inner-pages .renew_products.p_detail .line_up p{ font-size: 24px; margin-top: 210px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up p{ font-size: 24px; margin-top: 157px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up .price{ margin-top: 100px; width:328px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up ul {margin-top:5px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up ul li{font-size:16px; margin-top:5px;} #contents-inner-pages .renew_products.p_detail h3{ position: relative; padding-bottom:106px; margin-bottom:65px; } #contents-inner-pages .renew_products.p_detail h3:after{ display: block; content: ""; background: #7b645b; width: 1px; height: 50px; position: absolute; bottom:0; left:0; right:0; margin: auto;} #contents-inner-pages .renew_products.p_detail #natural h3:after{ background: #005048;} #contents-inner-pages .renew_products.p_detail #highclass h3:after{ background: #14144d;} #contents-inner-pages .renew_products.p_detail #lieto h3:after{ background: #5a8c9b;} #contents-inner-pages .renew_products.p_detail .feature_blocks{ margin: 100px 0 0 0;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box{ background: #ffffff; } #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box:after{ display: block; content: ""; clear: both;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box + .f_box{ margin-top: 50px;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box .img{ float: left;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box .txt{ float: right; width: 770px; padding-top: 64px;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box + .f_box .txt{ padding-top: 50px;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box h4{font-size: 26px; font-weight: normal; color: #7b645b; margin-bottom: 30px; line-height: 1;} #contents-inner-pages .renew_products.p_detail #natural .feature_blocks .f_box h4{ color: #005048;} #contents-inner-pages .renew_products.p_detail #highclass .feature_blocks .f_box h4{ color: #14144d;} #contents-inner-pages .renew_products.p_detail #lieto .feature_blocks .f_box h4{ color: #5a8c9b;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box p{font-size: 15px; line-height: 2.0em;} #contents-inner-pages .renew_products.p_detail .photo_blocks{ margin: 125px 0 0 0;} #contents-inner-pages .renew_products.p_detail .photo_blocks .img_box{ display: flex; flex-wrap: nowrap; align-items: flex-start;} #contents-inner-pages .renew_products.p_detail .photo_blocks .img_box > img{ width: 55.95%;} #contents-inner-pages .renew_products.p_detail .photo_blocks .img_box > img + img{ width: 44.05%;} #contents-inner-pages .renew_products.p_detail #natural .photo_blocks .img_box{flex-wrap: wrap;} #contents-inner-pages .renew_products.p_detail #natural .photo_blocks .img_box > img.img01{ width: 58.15%;} #contents-inner-pages .renew_products.p_detail #natural .photo_blocks .img_box > img.img02{ width: 41.85%;} #contents-inner-pages .renew_products.p_detail #natural .photo_blocks .img_box > img.img03{ width: 46.5%;} #contents-inner-pages .renew_products.p_detail #natural .photo_blocks .img_box > img.img04{ width: 53.5%;} #contents-inner-pages .renew_products.p_detail #highclass .photo_blocks .img_box > img{ width: 63.75%;} #contents-inner-pages .renew_products.p_detail #highclass .photo_blocks .img_box > img + img{ width: 36.25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box{flex-wrap: wrap;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span img{ width: 100%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img01){ width: 45%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img02){ width: 25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img03){ width: 30%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img04){ width: 25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img05){ width: 30%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img06){ width: 45%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img07){ width: 30%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img08){ width: 45%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img09){ width: 25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img10){ width: 45%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img11){ width: 25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img12){ width: 30%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img13){ width: 20%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img14){ width: 55%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img15){ width: 25%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img16){ width: 45%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img17){ width: 37.5%;} #contents-inner-pages .renew_products.p_detail #lieto .photo_blocks .img_box span:has(img.img18){ width: 17.5%;} #contents-inner-pages .renew_products.p_detail #lieto .spec {border:solid 1px #336c7d; max-width:1090px; margin:80px auto 110px auto;height:98px; padding:24px 55px 28px 55px; background:url(/images/products/lieto/spec_bg.png);} #contents-inner-pages .renew_products.p_detail #lieto .spec img{width:533px; float:left;} #contents-inner-pages .renew_products.p_detail #lieto .spec a{float:right; display: inline-block; margin-top:32px;} #contents-inner-pages .renew_products.p_detail #lieto .spec a img{width:280px;} #contents-inner-pages .renew_products.p_detail #lieto .price_wrap img{width:272px; margin-right:20px;} /*================================== お問い合わせ ==================================*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal;} input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal;} .contact_phone .telephone {margin:0 auto 60px auto; display:table; background-color: #fff; width:50%; padding:10px 0 40px 0; text-align:center;} .contact_phone .telephone a.num { display:inline-block; font-family: "Century Gothic",Verdana,Arial,sans-serif; font-size:55px; color:#1963af; text-decoration:none; margin-bottom: -10px;} .contact_phone .telephone a.num em:before{ content:""; width:44px; height:39px; background:url(/images/common/inquiry_tel_v2.png) no-repeat; background-size:auto 100%; display: inline-block; } .contact_phone .telephone .open {font-size:18px; line-height:1; letter-spacing:1px; } .contact_mail{width:900px; margin:0 auto 120px auto;} .contact_mail .inn{width: auto !important;} .contact_mail .read{ text-align:center;} .contact_mail table{ margin-bottom:50px;} .contact_mail th,.contact_mail td{ padding:10px 0px 20px 10px;} .contact_mail th{ font-weight:normal; text-align:left; width:250px; vertical-align:top;} .contact_mail .supplement{color:#666;font-size:14px; margin-bottom:10px;} .contact_mail div.privacy { padding: 10px; overflow: auto; height: 200px; background-color:#ffffff;} .contact_mail div.privacy p + p{ margin-top:20px;} .contact_mail .require {color:#C00; padding-left:5px; font-size:12px; font-weight:normal;} .contact_mail .ex {color:#666; font-size:12px; padding-left:5px;} .contact_mail .error_description, .contact_mail .description1 {margin:0 0 30px 0px;} .contact_mail .error_list {margin-bottom:30px;} .contact_mail .error_list .alert {margin-bottom:15px; background:url(/images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} .contact_mail .msg_top {text-align:center;} .contact_mail .btn_mail {margin:26px 0 0 0;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{width:920px; float:left;} #wrap-outer2nd #side_menu{float:right; font-weight:normal; width:250px;} #wrap-outer2nd #side_menu > div{ margin-bottom:50px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap ul{font-weight:bold;} #wrap-outer2nd #side_menu p.head{ /*border-top:1px solid #1963af;*/ color:#1963af; font-size:18px; box-sizing:border-box; margin:0 0 9px 0;} #wrap-outer2nd #side_menu p.head span{ display:block; /*border-top:1px solid #1963af;*/ margin-top:1px; padding:5px 0 5px 0; /*text-align:center;*/ margin-bottom: 25px; margin-bottom: 30px; font-weight: bold; border-bottom: 1px solid #1963af;} #wrap-outer2nd #side_menu .side_wrap li{ margin-bottom:4px;} #wrap-outer2nd #side_menu .side_wrap li img{ display:block; margin-bottom:30px;} #wrap-outer2nd #side_menu .side_wrap li img.photo{ margin-bottom:15px;} #wrap-outer2nd #side_menu .side_wrap li:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_sns ul{ font-size:0; text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:19px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} /*#wrap-outer2nd h3 + p{margin:0 10px 0 10px;}*/ /*#wrap-outer2nd .read{font-size:20px; color:#333; font-weight:bold;}*/ #wrap-outer2nd #side_menu li.page_link_side{ background:none; box-sizing:border-box; padding:0; margin:0 0 20px 0;} #wrap-outer2nd #side_menu li.page_link_side a{display:block; text-decoration:none; padding:0;} #wrap-outer2nd #side_menu li.page_link_side a:hover{ background:none;} /*================================== 会社概要 ==================================*/ #contents-inner-pages #company_info{margin-top:10px;} #contents-inner-pages #access{margin-top:100px;} #contents-inner-pages #company_info .photo{ text-align:center; margin: 45px auto 45px auto; font-size:0;} #contents-inner-pages #company_info .photo li{ display:inline-block; padding:6px; margin:0 22px 0 22px; border:1px solid #e6e6e6;} #contents-inner-pages #company_info .photo li p{ display:table; width:380px; height:380px; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle; /*font-size:16px;*/} #contents-inner-pages table.mod_table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:/*#ffffff*/; border-top:1px dotted #999; margin:30px 0 0 0;} #contents-inner-pages table.mod_table th, #contents-inner-pages table.mod_table td {vertical-align:middle; padding:20px; border-bottom:1px dotted #999; line-height:1.8; clear:both; /*font-size:16px;*/ color:#333333;} #contents-inner-pages table.mod_table th {width:240px; background-color:/*#edf6fa*/; font-weight:normal; vertical-align:top;} #contents-inner-pages table.mod_table .add_box em{ display:table; font-weight:bold; margin-bottom:20px;} #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,#contents-inner-pages table.mod_table .gmap{ display:table-cell; vertical-align:top;} #contents-inner-pages table.mod_table .add_box .add{ width:320px; min-height:245px;} #contents-inner-pages table.mod_table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages #access .gmap {width:100%; height:550px;} #contents-inner-pages a.tel_link{ color:#333333; text-decoration:none; cursor:text; opacity:1 !important;} #contents-inner-pages a.tel_link:hover{ color:#333333; text-decoration:none;} #contents-inner-pages #access p{ text-align:center; margin-bottom:50px;} /*================================== スタッフ ==================================*/ #contents-inner-pages #staff_detail ul #point2, #contents-inner-pages #staff_detail ul #point3, #contents-inner-pages #staff_detail ul #point5{ padding-top: 100px;margin-top: -100px; } #contents-inner-pages #staff_detail ul{ margin:32px 0 24px 0;} #contents-inner-pages #staff_detail ul li.point_box{ width:908px; margin:0 0 50px 12px; position:relative; padding:25px 29px 24px 54px; box-sizing:border-box;} #contents-inner-pages #staff_detail ul li.point_box.point_odd{ background:#f3f9fb;} #contents-inner-pages #staff_detail ul li.point_box .point_ttl{ padding:0 0 0 0px; font-size:36px; color:#2da7e0; font-weight:bold; margin-bottom:43px;} #contents-inner-pages #staff_detail ul li.point_box .point_text{ float:left; width:477px;} #contents-inner-pages #staff_detail ul li.point_box .point_img{ margin-left:28px;} #contents-inner-pages #staff_detail .faq{ border:1px solid #ed6d1f; width:100%; padding:38px 60px 41px 60px; box-sizing:border-box; color:#ed6d1f; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} #contents-inner-pages #staff_detail .faq ul li{ font-size:26px; font-weight:bold;} #contents-inner-pages #staff_detail {margin-bottom:46px;} #contents-inner-pages #staff_detail h3{margin-bottom:14px;} /*#contents-inner-pages #staff_detail h3 img{width:144px;}*/ #contents-inner-pages #staff_detail table{ padding:25px 29px 24px 29px; box-sizing:border-box; margin:0 0 50px 0;} #contents-inner-pages #staff_detail > table td{ vertical-align: top;} #contents-inner-pages #staff_detail > table:nth-of-type(odd){ background:#f3f9fb;} #contents-inner-pages #staff_detail table h3{ text-align:left; } /*#contents-inner-pages #staff_detail table h3 img{width:auto; height:28px;}*/ #contents-inner-pages #staff_detail table h3 img.sp_none{display:inline-block;} #contents-inner-pages #staff_detail table h3 img.pc_none{display:none;} #contents-inner-pages #staff_detail table h3 span{ font-size:12px; margin:0 0 0 2em;color:#c3d4da;} #contents-inner-pages #staff_detail table h3 + p{ margin:-30px 0 30px 0;} #contents-inner-pages #staff_detail table table{ padding:0 20px 0 0; box-sizing:border-box; margin:0 0 50px 0;} #contents-inner-pages #staff_detail table table td:nth-of-type(1){ font-weight:bold;} #contents-inner-pages #staff_detail table table td:last-of-type{ font-weight:inherit;} #contents-inner-pages #staff_detail table tr td:nth-of-type(2) img{width:455px; max-width:inherit; float:right;} /*#contents-inner-pages #staff_detail table tr td:nth-of-type(odd){ width:590px;float:left; box-sizing:border-box;} */ /*#contents-inner-pages #staff_detail table tr td:nth-of-type(2) img{ width:240px; float:right; margin:0 0 0 24px;} */ /*--- biography -----------*/ #wrap-outer #biography {width:100%; box-sizing:border-box; background:url(/images/top/bg_wrap06.jpg) no-repeat top center;padding-top:85px;margin-bottom:80px;} #biography .inn {width:1200px; margin:0 auto 40px auto; text-align:left; position:relative;} #biography h2{margin-bottom:55px;} #biography .on-btn {background:#f5f5f5 !important;} #biography .on-btn .inn{text-align:center;padding-bottom:70px; } #biography .inn h2{ margin-bottom:66px;} #biography .inn .photo{ text-align:center;} #biography .txt_wrapper_r:before{top:0; left: 50%; width: 50%; height: 100%; content: ''; position: absolute; background: #fff; z-index: -1; background:#f8f6f0;} #biography .img_wrapper{ width:1400px; margin:0 auto 161px auto;} #biography .img_wrapper ul{ margin-top:-242px; position:relative;} #biography .img_wrapper ul::after{ display:block; content:""; clear:both;} #biography .img_wrapper ul li{ float:left; position:relative;} #biography .img_wrapper ul li img{ margin-left:56px; position:relative; z-index:10;} #biography .img_wrapper ul li table.headoffice{ position:absolute; top:313px; left:58px; margin:0; width:240px; height:200px; background:#f8f6f0; border-spacing:0;} #biography .img_wrapper ul li table th{ padding:5px 0 0 22px; font-size:18px; color:#717971; margin:0;} #biography .img_wrapper ul li table td{ padding:0 0 10px 22px; font-size:12px; vertical-align:top;} #biography .img_wrapper ul li table.affiliate{ position:absolute; top:533px; left:201px; margin:0; width:250px; height:150px; background:#f8f6f0; border-spacing:0;} #biography .content_block{max-width:1400px;margin:auto;} #biography .wrap_r .intro .intro_ttl, #biography .wrap_r .intro .intro_txt, #biography .wrap_l .intro .intro_ttl, #biography .wrap_l .intro .intro_txt{color:#253652;} /* #biography .wrap_r{ position:relative; font-size:14px;} #biography .wrap_r .intro{height:427px; width:100%; margin:0 0 40px 0;} #biography .wrap_r .intro .intro_txt{ padding:0 10px 0 calc(50% + 37px);} #biography .wrap_r .image_wrapper{ position:absolute; top:0; right:53%;} */ #biography .wrap_r .intro .intro_ttl{ /*padding:53px 0 0 calc(47% + 37px);*/ text-align:right; padding-top:45px; margin-bottom:34px;font-size:36px;line-height:1.6;} #biography .wrap_l{ position:relative; /*font-size:14px;*/ text-align:right; /*background-color:#f3f9fb;*/} #biography .wrap_l .intro{height:100%; width:100%; margin-bottom:50px;} #biography .wrap_l .intro .intro_ttl{ padding:53px calc(29% + 37px) 0 0; margin-bottom:34px;font-size:36px;text-align:left; line-height:1.6;} #biography .wrap_l .intro .intro_ttl span,#biography .wrap_r .intro .intro_ttl span{ display:inline;} #biography .wrap_l .intro .intro_txt{ /*padding:0 calc(50% + 37px) 0 0;text-align:left;*/} #biography .wrap_l .image_wrapper{ position:absolute; top:0; left:53%;} #biography .wrap_l .intro .biography_txt{ } #biography .wrap_l .intro .biography_img{ float:right; padding:0 0 27px 30px;} #biography .wrap_l .intro .biography_img_2{ float:right; padding:0 0 20px 25px;} #biography .wrap_r .intro .biography_txt{ } #biography .wrap_r .intro .biography_img{ float:left; padding:0 30px 10px 0;} #biography .wrap_r .intro .biography_img_2{ float:left; padding:0 25px 20px 0;} #biography .wrap_l .intro .biography_img06{ float:right; padding:0 0 27px 30px;} #biography .biography_ttl{ text-align:center; font-size:22px; color:#253652;} /*================================== 物件情報 ==================================*/ #contents-inner-pages #works #contents_navi{ float:left; width:235px; margin:0px 0 0 0;} #contents-inner-pages #works .contents-right{ float:right; width:900px; } #contents-inner-pages #works .contents-right img{ height:auto !important; margin-bottom:15px;} /*#contents-inner-pages #works h3{ font-size:34px; margin:45px 0 30px 0; color:#fff; padding: 18px 0 15px 15px;}*/ #contents-inner-pages #works h4{ font-size:30px; padding: 10px 10px 10px 20px; margin-bottom:60px;} #contents-inner-pages #works .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:19px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #works p + h4{ margin-top:50px;} #contents-inner-pages #works p > small{ opacity:.7;} #contents-inner-pages #works p{ max-width:600px;} #contents-inner-pages #works .inn.breadcrumb{ margin:-40px auto 40px auto; font-size:14px; 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 { margin:30px 0 50px 0;} #contents-inner-pages #works .main_blocks td:first-child{ width:600px;} /*#contents-inner-pages #works .main_blocks td:first-child img{ width:100%; max-width:600px !important;}*/ #contents-inner-pages #works .main_blocks td:last-child{ padding-left:0px;} #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 .wrap_mod-table{margin:0 0 0 20px; padding:0;} #contents-inner-pages #works table.mod-table{ margin-bottom:12px;} #contents-inner-pages #works table.mod-table th, #contents-inner-pages #works table.mod-table td{ font-size: 16px; line-height:normal; padding: 11px 13px 10px 13px; vertical-align:top;} #contents-inner-pages #works table.mod-table td strong{ font-size:14px; color:#1963af; display:block; margin-bottom:-15px;} #contents-inner-pages #works .wrap_mod-table .mod-table th{padding-left:0px; white-space:nowrap;} #contents-inner-pages #works table.mod-table th{ width: 60px;} #contents-inner-pages #works #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #works #contents_navi h4{ font-size: 14px; color: #2c2721; font-weight: normal; border:none; border-bottom: 1px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 15px 10px 12px 14px; letter-spacing: .5px; margin:0px 0 0 0;} #contents-inner-pages #works #contents_navi h4{margin:20px 0 0 0;} #contents-inner-pages #works #contents_navi h4:first-of-type{margin:0;} #contents-inner-pages #works #contents_navi p{ position:relative; font-size:15px;} #contents-inner-pages #works #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:14px 25px 13px 13px; transition: .3s; opacity:1 !important;} #contents-inner-pages #works #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #works #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; background: #48433c; transition: .3s;} #contents-inner-pages #works #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; background: #fff; transition: .3s;} #contents-inner-pages #works #contents_navi p a:hover{ /*background-color:#e9d7c4;*/} #contents-inner-pages #works #contents_navi p:hover:after{ /*background: #e9d7c4;*/} #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{ margin:23px 0 50px 0;} #contents-inner-pages #works #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #works #photo_img td{margin:0;border:0;} #contents-inner-pages #works #photo_img td:first-child{ padding:0 10px 0 0;} #contents-inner-pages #works #photo_img td:nth-child(2){ padding:0 7px 0 3px;} #contents-inner-pages #works #photo_img td:nth-child(3){ padding:0 3px 0 7px;} #contents-inner-pages #works #photo_img td:nth-child(4){ padding:0 0 0 10px;} #contents-inner-pages #works #photo_img #photos p{ padding:0; margin:0 0 20px 0; background-color:#eeeeee; padding:7px; width:100%; height:200px; 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 img { width:100% !important; height:auto !important; max-width:240px !important; /*min-height:100%;*/} #contents-inner-pages #works #photo_img #photos p div { position:absolute; bottom:0; left: 0; font-size:14px; background-color: #eeeeee; color: #333333; width: 100%; padding:5px 2px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #works #photo_img > p{ padding:0;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #works #list .category-list li{ margin-bottom:90px;} #contents-inner-pages #works #list .category-list h4{ margin-bottom:40px;font-size:28px;} #contents-inner-pages #works #list .category-list h4 .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #works #list .category-list .text{ float:right; width:380px; font-size:15px;} #contents-inner-pages #works #list .category-list .img{ float:left; width:420px;} #contents-inner-pages #works #list .category-list .img img{ width:480px !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; opacity:1 !important; transition:.3s; font-size: 15px; margin-top:25px;} #contents-inner-pages #works #list .category-list .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #works #works-main-list{ width:1108px; margin:0 auto 0 auto;} #contents-inner-pages #works #works-main-list *{ box-sizing:border-box;} #contents-inner-pages #works #works-main-list > li{ float:left; width:540px; min-height:631px; margin-bottom:30px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #works #works-main-list > li:first-child,#contents-inner-pages #works #works-main-list > li:nth-child(2){ min-height:auto;} #contents-inner-pages #works #works-main-list > li:nth-child(even){ float:right;} #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; opacity:1 !important; transition:.3s; font-size: 15px; font-weight: bold; margin-top:25px;} #contents-inner-pages #works #works-main-list > li .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== ブログ ==================================*/ #contents-inner-pages #blog #contents_navi{ float:left; width:235px; margin:0px 0 0 0;} #contents-inner-pages #blog .contents-right{ float:right; width:900px; } #contents-inner-pages #blog .contents-right img{ height:auto !important;} /*#contents-inner-pages #blog h3{ font-size:34px; margin:45px 0 30px 0; color:#fff; padding: 18px 0 15px 15px;}*/ #contents-inner-pages #blog h4{ font-size:30px; padding: 10px 10px 10px 20px; margin-bottom:60px;} #contents-inner-pages #blog .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:19px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #blog p + h4{ margin-top:50px;} #contents-inner-pages #blog p > small{ opacity:.7;} #contents-inner-pages #blog p{ } #contents-inner-pages #blog .inn.breadcrumb{ margin:-40px auto 40px auto; font-size:14px; color:#666666;} #contents-inner-pages #blog .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #blog .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #blog .main_blocks { margin:30px 0 50px 0;} #contents-inner-pages #blog .main_blocks td:first-child{ width:600px;} /*#contents-inner-pages #blog .main_blocks td:first-child img{ width:100%; max-width:600px !important;}*/ #contents-inner-pages #blog .main_blocks td:last-child{ padding-left:0px;} #contents-inner-pages #blog .main_blocks td:last-child > p{ /*font-size:15px;*/ /*font-weight:bold; margin-bottom:20px; color: #c81717;*/} #contents-inner-pages #blog .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #blog .wrap_mod-table{margin:0 0 0 20px; padding:0;} #contents-inner-pages #blog table.mod-table th, #contents-inner-pages #blog table.mod-table td{ font-size: 18px; line-height:normal; padding: 11px 13px 10px 13px;} #contents-inner-pages #blog table.mod-table td strong{ font-size:14px; color:#1963af; display:block; margin-bottom:-15px;} #contents-inner-pages #blog .wrap_mod-table .mod-table th{padding-left:0px;} #contents-inner-pages #blog table.mod-table th{ width: 60px;} #contents-inner-pages #blog #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #blog #contents_navi h4{ font-size: 14px; color: #2c2721; font-weight: normal; border:none; border-bottom: 1px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 15px 10px 12px 14px; letter-spacing: .5px; margin:0px 0 0 0;} #contents-inner-pages #blog #contents_navi h4{margin:20px 0 0 0;} #contents-inner-pages #blog #contents_navi h4:first-of-type{margin:0;} #contents-inner-pages #blog #contents_navi p{ position:relative; font-size:15px;} #contents-inner-pages #blog #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:14px 25px 13px 13px; transition: .3s; opacity:1 !important;} #contents-inner-pages #blog #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #blog #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; background: #48433c; transition: .3s;} #contents-inner-pages #blog #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; background: #fff; transition: .3s;} #contents-inner-pages #blog #contents_navi p a:hover{ /*background-color:#e9d7c4;*/} #contents-inner-pages #blog #contents_navi p:hover:after{ /*background: #e9d7c4;*/} #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 #blog #photo_img{ margin:23px 0 50px 0;} #contents-inner-pages #blog #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #blog #photo_img td{margin:0;border:0;} #contents-inner-pages #blog #photo_img td:first-child{ padding:0 10px 0 0;} #contents-inner-pages #blog #photo_img td:nth-child(2){ padding:0 7px 0 3px;} #contents-inner-pages #blog #photo_img td:nth-child(3){ padding:0 3px 0 7px;} #contents-inner-pages #blog #photo_img td:nth-child(4){ padding:0 0 0 10px;} #contents-inner-pages #blog #photo_img #photos p{ padding:0; margin:0 0 20px 0; background-color:#eeeeee; padding:7px; width:100%; height:200px; overflow: hidden; position:relative; box-sizing: border-box; box-shadow:0 2px 0 rgb(0,0,0,.15); } #contents-inner-pages #blog #photo_img #photos img { width:100% !important; height:auto !important; max-width:240px !important; /*min-height:100%;*/} #contents-inner-pages #blog #photo_img #photos p div { position:absolute; bottom:0; left: 0; font-size:14px; background-color: #eeeeee; color: #333333; width: 100%; padding:5px 2px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #blog #photo_img > p{ padding:0;} #contents-inner-pages #blog #list .category-list li{ margin-bottom:90px;} #contents-inner-pages #blog #list .category-list h4{ margin-bottom:40px;font-size:28px;} #contents-inner-pages #blog #list .category-list h4 .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #blog #list .category-list .text{ float:right; width:380px; font-size:15px;} #contents-inner-pages #blog #list .category-list .img{ float:left; width:420px;} #contents-inner-pages #blog #list .category-list .img img{ width:480px !important; height:auto !important;} #contents-inner-pages #blog #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; opacity:1 !important; transition:.3s; font-size: 15px; margin-top:25px;} #contents-inner-pages #blog #list .category-list .btn:hover{ background-color:#3b352e; color:#ffffff;} #contents-inner-pages #blog #blog-main-list{ width:1108px; margin:0 auto 0 auto;} #contents-inner-pages #blog #blog-main-list *{ box-sizing:border-box;} #contents-inner-pages #blog #blog-main-list > li{ float:left; width:540px; min-height:631px; margin-bottom:30px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #blog #blog-main-list > li:first-child,#contents-inner-pages #blog #blog-main-list > li:nth-child(2){ min-height:auto;} #contents-inner-pages #blog #blog-main-list > li:nth-child(even){ float:right;} #contents-inner-pages #blog #blog-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #blog #blog-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #blog #blog-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #blog #blog-main-list > li p{ font-size:15px;} #contents-inner-pages #blog #blog-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; opacity:1 !important; transition:.3s; font-size: 15px; font-weight: bold; margin-top:25px;} #contents-inner-pages #blog #blog-main-list > li .btn:hover{ background-color:#3b352e; color:#ffffff;} /* side navi */ #contents_navi li{ padding:5px 0px 12px 5px; margin:0px 0px 10px 0px; position:relative; border-bottom:1px solid #ccc;} #contents_navi li a{display:block; padding-right:20px; text-decoration:none; line-height:1.3;} #contents_navi li p{ padding-right:10px; } #contents_navi li p:before, #contents_navi li p:after{ content:none !important;} #contents_navi li span{ width:80px; text-align:center; padding:2px 5px 2px 5px; margin-bottom:8px; color:#fff; font-size:10px;} #contents_navi li.seminar span{ background:#107819;} #contents_navi li.tour span{ background:#651678;} #contents_navi li.tochi span{ background:#C42A06;} #contents_navi li.kodate span{ background:##1C3578;} #contents_navi li.other span{ background:#781E0A;} #contents_navi li a:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; background: #000; transition: .3s;} #contents_navi li a:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; background: #EBF2F6; transition: .3s;} } @media print, screen and (max-width: 1299px) and (min-width: 561px) { #contents-inner-pages .renew_products .line_up{ height: 750px;} #contents-inner-pages .renew_products .line_up:after{width: 120px; top: 315px;} #contents-inner-pages .renew_products .line_up > .inn{ padding-left: 50px;} #contents-inner-pages .renew_products .line_up .main_img {height: 650px;} #contents-inner-pages .renew_products .line_up p { font-size: 24px; margin-top: 150px;} #contents-inner-pages .renew_products.p_list section.box { height: 650px; padding: 85px 0 0 0; } #contents-inner-pages .renew_products.p_list section.box .img { width: calc(50% + 100px); height: 650px;} #contents-inner-pages .renew_products.p_list section.box > .inn { padding-left: 780px;} #contents-inner-pages .renew_products.p_list section.box.natural > .inn { padding-left: 50px; padding-right: 780px;} #contents-inner-pages .renew_products.p_list section.box h3{ margin-bottom: 60px;} #contents-inner-pages .renew_products.p_list section.box ul{ margin-bottom: 60px;} #contents-inner-pages .renew_products.p_detail .line_up {height: 850px;} #contents-inner-pages .renew_products.p_detail .line_up .main_img {width: calc(50% + 180px);} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box { width: 1100px; margin: auto; } #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box .txt {width: 700px;} #contents-inner-pages .renew_products.p_detail #lieto .spec {max-width:990px;} }