/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-family:'Noto Sans JP',/*"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", */"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size:16px; line-height:1.61; min-width: 100%;} section{/*width: 100%!important;*/ padding: 0px 10px 0px 10px!important; margin:50px 0 0 0;} .pc {display:none;} .sp {display:inherit;} #wrap {min-width:auto;} h1 {margin: 0 0 5px 0; font-size:10px; padding:0; font-weight:normal; position:absolute; top:3px;} h2 {margin:0 auto 20px auto; color:#1963af; font-size:14px; font-weight:normal; line-height:1; text-align:center;} h2 img{height:70px; width:auto;} h3 img{height:70px; width:auto;} #technology h2 img{height:60px; width:auto;} #wrap-outer #concept h2 img{height:50px; width:auto;} #wrap-outer #works h2{margin-bottom:-10px; padding-top:0px;} #wrap-outer #products h2{margin:0 auto 0px auto} #wrap-outer #property h2{margin:0 auto 40px auto} #wrap-outer #staff h2{margin:0 auto 50px auto} h3 {color:#2c2721; font-size:20px; font-weight:bold; line-height:1.3; margin:40px auto 20px auto; text-align:center;} #contents-inner-pages #blog .inn > .contents-right h3{color: #fff; font-weight: bold; border-left: 3px solid #1963af; background-color: #1963af; box-sizing: border-box; padding: 12px 10px 12px 10px; font-size:20px;} h4 {font-size:20px; margin-bottom:8px;} img{ max-width:100%; } /*--- form -----------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px;} .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; text-decoration:none; width:80%; box-sizing:border-box; padding:20px 0 18px 0; margin:0 auto 0 auto; cursor:pointer;} .btn_top {margin-top:50px;} .btn_line {background:#00b900; border-bottom:6px solid #00a100;} .btn_back { display:block; /*border-radius:6px; */background:url(/images/contact/form_btn_indent_back.png),#8d8d8d; background-repeat:no-repeat; background-position:15% center; border:none; /*border-bottom:6px solid #1A7;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:left; width: 45%; } .btn_end { display:block; /*border-radius:6px;*/ background:url(/images/contact/form_btn_indent.png),#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 40px; margin:0 0 20px 0; float:right; width: 45%; } /*--- menu -----------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; font-size:16px;} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC; /*position:fixed; top:0; z-index:100;*/} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} .pushy-submenu{border-top: 1px solid #DDD;} .pushy-submenu button {font-family: 'Noto Sans JP',/*"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", */"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; position:relative; background:#fff; display:block; padding:15px 30px 15px 10px; font-size:14px; color:#000; text-decoration: none;} .pushy-submenu button:hover {color: #000;} .pushy-submenu button:before {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:10px; width:8px;height:8px; margin-top:-3px; background:#48433c;} .pushy-submenu button:after {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:14px; width:8px;height:8px; margin-top:-3px; background:#fff;} .pushy .pushy-submenu-open button:hover:before {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:52%; right:10px; width:8px;height:8px; margin-top:-3px; background:#48433c;} .pushy .pushy-submenu-open button:hover:after {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:45%; right:10px; width:8px;height:8px; margin-top:-3px; background:#fff;} .pushy-submenu ul, .pushy-submenu-open ul{ padding: 0; margin: 0;} .pushy .pushy-submenu-open ul li.pushy-link{ background-color: #f7f7f7;} .pushy .pushy-submenu-open ul li.pushy-link a{ font-size: 13px; padding-left: 20px;} .pushy .pushy-submenu-open ul li.pushy-link a:after {background: #f7f7f7;} /*--- wrap-outer -----------*/ #wrap-outer, #wrap-outer2nd, #wrap-outer1col, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%; min-width:100%;background-size:100%;} #wrap-outer2 {min-height:100%; min-width:100%;} #wrap-outer3 {} #wrap-outer2, #wrap-outer1col {background:#ebf2f6; } #wrap-outer2nd, #wrap-outerContact {background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap -----------------*/ #wrap {width:100%;} /*--- header ---------------*/ #header_wrap {position:fixed;z-index: 999;} #wrap-outer2nd #header_wrap, #wrap-outer1col #header_wrap { background-color:#fff;} #header {width:100%; margin:0 auto 0 auto; padding:15px 65px 15px 12px; /*background:#fff;*/ position: absolute; top:0; z-index:3000; display: block; box-sizing:border-box; } #header .logo {/*margin-top:10px;*/ max-width:240px; width: 100%; } /*#header ul.navi {display:none;}*/ #header_wrap ul.navi { margin:70px 0 5px 0; overflow:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; background-color:rgba(255, 255, 255,0.97)} #header_wrap ul.navi::-webkit-scrollbar{ display:none;} #header_wrap ul.navi li{ display:inline-block; position:relative;} #header_wrap ul.navi li::before{ display:block; content:""; width:1px; height:28px; position:absolute; top:calc(50% - 10.5px); left:-1px; background:#ddd;} #header_wrap ul.navi li a{ color:#253652;display:table; width:100%; text-decoration:none; font-size:14px; line-height:1.4; text-align:center; padding:6px 10px 0 10px; height:45px; box-sizing:border-box; white-space:normal;} #header_wrap ul.navi li a span{ display:table-cell; vertical-align:middle; width:100%; height:100%;} #header_wrap.navinone ul.navi li a{ height:0;} #header_wrap.navinone ul.navi li.long a{ height:0;} #navi {display:none !important;} #header {padding: 0 60px 0 3%;} #header .inn{height:70px; width:100%; box-sizing:border-box; padding-top:4px;margin:0;} .entry{display:none;} /*#header .entry{height:47px; margin-right:52.2px; width:auto;} #header .entry img{position:static; top:0; padding: 16.5px 10px 16.5px 10px;}*/ #header .sp_header{ position:relative; width:100%;} #header .sp_logo img{ width:150px; max-width:200px; position:absolute; top:25px;} #header .sns_insta{ width:40px;position:absolute; top:3px; right:7px;} #header .sns_link {position:absolute; top:24px; right:7px;} #header .sns_link li{ display: inline-block; margin-left: 7px;} #header .sns_link img{width:35px;} #header .sns_link .sns_insta{position: relative; top:inherit; right: inherit;} #header .sp_navi a{ display:block; float:left; margin-left:20px;} #header .sp_navi{ position:absolute; top:-3px; right:10px; text-align:center;} #header .sp_navi img{ height:20px; width:auto; display:block; margin: 0 auto 0 auto;} #header .sp_navi span{ color:#fff; font-size:9px; margin-top:2px; letter-spacing:0.1em;} #bottom-wrap {position:fixed; bottom:0; width:100%; z-index:99; display:block;} #side_menu { margin:30px 0 0 0;} #side_menu .side_wrap{ overflow-x:auto;/*overflow-x:scroll;*/ -webkit-overflow-scrolling:touch; white-space:nowrap;} #side_menu > div{margin-bottom:30px;} #side_menu > div:last-child{ margin-bottom:0;} #side_menu p.head{ display:block; width:100%; color:#1963af; font-size:18px; box-sizing:border-box; margin:0 0 9px 0;} #side_menu p.head{margin-top:10px;} #side_menu p:first-child{margin-top:0px;} #side_menu p.head span{ display:block; border-top:1px solid #1963af; margin-top:1px; padding:8px 0 0 0; text-align:center;} #side_menu .side_wrap ul{ padding:0 20px 0 20px;} #side_menu .side_wrap li{ margin-left:20px; width:250px; display:inline-block; vertical-align:bottom;} #side_menu .side_wrap li:first-child{ margin-left:0;} #side_menu .side_wrap li a{display:block; height:200px; text-decoration:none; background-size:12px 12px; white-space:normal;} #side_menu .side_wrap li a img{display:block; margin-bottom:10px;} #side_menu .side_bnr ul li{ text-align:center;} #side_menu .side_bnr ul li a{ display:inline-block;} /*--- サブメニュー -------------*/ #concept .sub_menu_sp{ display: block; padding:11px 10px 4px 10px; background-color: #1963af;} #concept .sub_menu_sp:after{ display: block; content: ""; clear: both;} #concept .sub_menu_sp li{display: table; width: 48.5%; height: 50px; white-space: normal; margin: 0 auto 10px auto; } #concept .sub_menu_sp li:nth-child(odd) {float: left;} #concept .sub_menu_sp li:nth-child(even) {float: right;} #concept .sub_menu_sp li a{ background-color: #ffffff; color: #1963af; display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; text-decoration: none; line-height: 1.3; transition: 0.3s; font-size: 13px; padding: 4px 0 2px 0; font-weight: bold;} /*--- contents -------------*/ #contents {margin:0 auto 20px auto;} #wrap-outer2nd #contents, #wrap-outer1col #contents, #wrap-outerContact #contents {padding:120px 0 0 0;} .content_block{ position:relative; margin-top:50px; height:auto; padding-bottom:10px;} /*--- top -----------*/ #contents .mainvis{ background:url(/images/top/bg_image_sp.jpg) no-repeat; background-position:-30px top; background-size: cover; position:relative;} #contents .mainvis #main_image{height:400px;} #contents .mainvis {height:auto; box-sizing:border-box; padding-top:87px;} #contents .mainvis img {width:25%;} #contents .mainvis span{ display:none;} #contents .main_phrase{} #contents .main_phrase img{position:absolute; top:150px; right:20px; width:50%; max-width:200px;} /*#contents .main_phrase strong{font-size: 16px;margin-bottom:0;}*/ #contents .sub-phrase{/*font-size:14px;*/line-height: 1.67;padding: 20px 10px 20px 10px;color:#253652;background-color:#fff;} #contents .news {width:100%;text-align:center; margin:20px auto 20px auto;height: auto;} #contents .news .title{width:auto; color:#1963af;} #contents .news img {} #contents .news .news-dtl {height:180px; overflow-y:scroll; margin:20px auto 0 auto; padding:0 10px 0 10px; font-size:14px !important;} #contents .news .news-dtl p{ text-align:left;} #contents .news .news-dtl ul li{text-align: left;margin-top:15px;} #contents .news .news-dtl ul li a{text-align: left;border-bottom:none;} /*--- イベント -----------*/ #event {margin:0px auto 0px auto; background-color:#fff;} #event .inn{ margin:0px auto 0px auto; text-align:center; padding-top:50px;} #event .topics img{ width:100% !important; max-width:400px; height:auto !important;} #event .category-list { margin:30px 0px 0px 0px;} #event .category-list li{ margin:0 0px 0px 0px; display:inline-block; 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{ font-size:18px; color: #fff; background-color:#1963af; box-sizing: border-box; padding: 12px 5px 10px 5px;} #event .category-list a{ text-decoration:none; } #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; font-size:15px; margin:20px 0 0 0;} #event .category-list .img{ float:left; height:320px; overflow:hidden;} #event .category-list .img img{ width:100% !important; max-width:400px; 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;} /*--- concept -----------*/ #concept {} #concept p{text-align: left;} #wrap-outer #concept {background:url(/images/top/sp_bg_wrap06.jpg) no-repeat top center;background-size:150%;} #wrap-outer #concept h2{margin-bottom:30px; padding-top:30px;} #concept .content_block{ margin:30px 0 0 0;} #concept .inn{width:100%; margin-bottom:0;} #concept .oitachi{margin-bottom:80px;} #concept .wrap_l .intro, #concept .wrap_r .intro{margin-bottom:30px;} #concept #concept_ideal .wrap_l .intro, #concept .wrap_r .intro{margin-bottom:0px;} #concept .wrap_l .intro .intro_ttl img, #concept .wrap_r .intro .intro_ttl img{ width:90%; max-width:400px;} #concept .wrap_l .intro .intro_ttl,#concept .wrap_r .intro .intro_ttl{text-align: center;margin-bottom:20px; margin-top:0px;} #concept .concept_inner.ideal .h2_adjust{display:inline-block;} #concept .concept_inner2.ideal .h2_adjust2{display:block;} #concept .concept_inner2 .concept_h2_wrapper{margin-top:-120px; background:#FFF;} #concept .concept_inner2 .concept_h2_wrapper.h2_ideal{margin-top:-155px;} #concept #main_image{height: 180px; /* padding-top: 620px; */ background: url("../images/concept/back_concept.jpg") no-repeat; background-position: center bottom; background-size: 1000px auto; box-sizing: border-box; text-align: center;} #concept #main_image.main_image_ideal {background: url("../images/concept-ideal/concept_bg.jpg");background-position: center bottom; background-size: 1000px auto;} #concept #main_image.main_image_design {background: url("../images/concept-design/bg_title.jpg");background-position: center bottom; background-size: 1000px auto;} #concept .image_wrapper1, #concept .image_wrapper2, #concept .image_wrapper3, #concept .image_wrapper4{overflow: hidden;} #concept .image_wrapper1{background: url("../images/concept/back_right.jpg") no-repeat; background-position: -127px -8px;} #concept #concept_design .image_wrapper1 { background:none;} #concept .image_wrapper1_2{display: none;} #concept #concept_wrapper .image_wrapper2 .photo{margin-top:-44px;} #concept #concept_wrapper2 .image_wrapper3 .photo{margin-top:-16px;} #concept #concept_wrapper2 .image_wrapper4 .photo{margin-top:25px;} #concept #concept_ideal .image_wrapper1 .photo{margin-top:5px; margin-left:10px;} #concept #concept_ideal .image_wrapper2 .photo{margin-top:-7px; margin-left:2px;} #concept #concept_ideal2 .image_wrapper3 .photo{margin-top:10px;} #concept #concept_design .image_wrapper1 .photo{margin-top:30px; margin-left:9px;} #concept #main_image #concept_h{margin-top:50px; margin-bottom:50px;} #concept .concept_inner_wrapper{padding:0 10px 0 10px;} #concept .concept_inner, #concept .concept_inner2{background-color:#fff; text-align: center; width: 100%; margin-right: auto; margin-left: auto; box-shadow: 0px 5px 20px rgba(0,0,0,0.1);padding-bottom:20px;padding-top:20px;} #concept .sub_menu_sp + .concept_inner, #concept .sub_menu_sp + .concept_inner2{padding-top:30px;} #concept .concept_inner p, #concept .concept_inner2 p{font-size: 16px;} #concept .concept_inner h2, #concept .concept_inner2 h2{color:#000;font-size:18px; font-weight:bolder; margin: 0; line-height:2;} #concept .concept_inner2 h2{ padding-top:20px;} #concept .concept_inner img, #concept .concept_inner2 img{margin-bottom:20px;} #concept_wrapper .wrap_r .intro .intro_txt2::after{ background: url("../images/concept/back_left.jpg") no-repeat; display: inline-block; content: ""; width: 100%; height: 100%; background-size: 100% auto; } #concept_wrapper, #concept_wrapper2, #concept_ideal, #concept_ideal2, #concept_design{margin-top:20px;} #concept_wrapper .wrap_l .intro .inn .intro_ttl h2, #concept_wrapper2 .wrap_l .intro .inn .intro_ttl h2, #concept_ideal .wrap_l .intro .inn .intro_ttl h2, #concept_ideal2 .wrap_l .intro .inn .intro_ttl h2, #concept_design .wrap_l .intro .inn .intro_ttl h2{color:#1963af; font-size:22px; line-height:1.5; font-weight: lighter; text-align: center;} #concept #main_image2{ height: 150px; background: url("../images/concept/back_cost.jpg") no-repeat; background-position: center center; background-size: 1000px auto; box-sizing: border-box; text-align: center; margin-top:30px; } #concept #main_image2.main_image2_ideal{ height: 180px; background: url("../images/concept-ideal/concept_bg2.jpg") no-repeat; background-position: center center; background-size: 1000px auto; box-sizing: border-box; text-align: center; } #concept #main_image2.main_image2_design{ height: 180px; background: url("../images/concept-design/bg_works.jpg") no-repeat; background-position: center center; background-size: 1000px auto; box-sizing: border-box; text-align: center; margin-top:0; } #concept #main_image2 #works_h{margin-top:50px; margin-bottom:50px;} #concept .concept_inner .h2_adjust, #concept .concept_inner2 .h2_adjust2{font-size: 22px; color: #0367AF; font-weight:bolder; display:block;} #concept .concept_inner2 .h2_adjust2{display: inline-block;} #concept .concept_inner.ideal h2, #concept .concept_inner2.ideal h2{ margin-bottom:20px; } #concept .concept_inner.design h2{ margin-bottom:20px; } #concept #concept_design2 { overflow-x:scroll; width: auto !important; max-width: none !important; white-space: nowrap; } #concept #concept_design2::-webkit-scrollbar{ display:none;} #concept #work_inn{ display:inline !important; } #concept #work_inn .work_inner{ display:inline-block !important; margin-right:10px; } #concept #work_inn .work_inner img{ width:98% !important; height:auto !important; } #concept #work_inn .work_inner .work_text, #concept #work_inn .work_inner .work_text p{ text-align: center; } #concept_design2 .work_text .case{ color: #1963af;} #concept_design2 .work_text { margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: #fff;} /* -draft */ /* #concept .wrap_l-draft .intro, #concept .wrap_r-draft .intro{margin-bottom:0px;padding-top:30px;} #concept .wrap_l-draft .intro .intro_ttl img, #concept .wrap_r-draft .intro .intro_ttl img{ width:90%; max-width:400px; color:#1963af; font-size:24px;} #concept .wrap_l-draft .intro .intro_ttl,#concept .wrap_r-draft .intro .intro_ttl{text-align: center;margin-bottom:20px; margin-top:0px; color:#1963af; font-size:24px;} #concept .wrap_l-draft .intro .intro_txt p,#concept .wrap_r-draft .intro .intro_txt p{margin-bottom:30px;} */ /* -draft end */ /*--- products -----------*/ #products {} #products .inn {width:100%;margin:0;} #products .contact-wrapper{text-align: center;} #products .contact-wrapper p{max-width:108px;height:108px;line-height:100px;margin-right:7px;font-size:14px;} #products .contact-wrapper p:last-child{max-width:108px;} #products .content_block{ position:relative; margin:0 0 30px 0; padding:35px 15px 35px 15px; background: #ffffff;} #products .content_block#basic{ margin-top: 50px;} #products .content_block .image_wrapper{ float:left;} #products .intro .intro_ttl{ margin:0 0 35px 0; text-align: center;} #products .intro .intro_ttl .im1{ margin-top: -20px;} #products .intro .image_wrapper{ margin:0 0 20px 0;} #products .intro .intro_txt{ margin:0 0 15px 0; font-size: 16px;line-height: 1.8em;} #products .intro .intro_list{text-align:left;margin-bottom:20px;} #products .intro .intro_list ul li{width:;padding:6px 10px 6px 10px;background-color:#f2f2f2; display: inline-block;margin-right:10px;margin-bottom:10px;text-align: center;font-size:12px; color: #636363;} #products .intro a.more_btn{display: block; font-size: 16px; color: #7b645b; text-decoration: none; transition: .3s; position: relative; z-index: 1; text-align: right; margin:0; padding:0 0 10px 0; line-height: 1; } #products .intro a.more_btn:before{display: block; content: ""; background: #7b645b; width: 130px; height: 1px; position: absolute; right: -15px; bottom:0; } #products .intro a.more_btn > img{ display: inline-block; vertical-align: middle; margin: 0 0 3px 20px; width:24px;} #products .intro a.more_btn.brown:after{ background: #eddad7;} #products .intro a.more_btn.green{color: #005048;} #products .intro a.more_btn.green:before{ background: #005048;} #products .intro a.more_btn.purple{color: #14144d;} #products .intro a.more_btn.purple:before{ background: #14144d;} /*--- works -----------*/ #works {margin:50px auto 0 auto;} #works .inn{width:94%; margin:0 auto 0 auto;} #works .wrap_l .intro, #works .wrap_r .intro{background:#fff; margin:30px 0 0 0; padding:30px 0 30px 0;} #works .wrap_l .intro .intro_ttl img, #works .wrap_r .intro .intro_ttl img{ width:90%; max-width:400px;} #works .wrap_l .intro .intro_ttl,#works .wrap_r .intro .intro_ttl{text-align: center;margin-bottom:20px; margin-top:0px;} #works .image_wrapper { background:#fff; text-align:center; padding-bottom:30px;} #works .image_wrapper img{ width:90%;} #works .intro .intro_label{position:absolute;top:50px;right:0px; width:80px; height:auto;} /*--- company_info -----------*/ #company_info .inn{width:94%; margin:0 auto 0 auto;} #company_info .photo{ text-align:center; margin: 50px auto 20px auto;} #company_info .photo li{ display: inline-block; padding: 3px; margin: 0 3px 0 3px; background-color: #f6f6f6; border: 1px solid #e6e6e6; box-sizing:border-box; width:47%;} #company_info .photo li img{ width:100%;} #company_info .photo li p{ display:table; width:100%; height:42vw; background:#e6e6e6;} #company_info .photo li p span{ display:table-cell; vertical-align:middle;} #company_info .mod_table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; /*background-color:#ffffff;*/ display:block;} #company_info .mod_table th, .mod_table td {display:block; padding:10px; clear:both; color:#333333;} #company_info .mod_table td a{ display:inline-block; margin-bottom:10px;} #company_info .mod_table th { vertical-align:top; padding-bottom:0;} #company_info .mod_table td { padding-top:0;} #company_info .mod_table .gmap {width:100%; height:245px;} #company_info .mod_table .add_box em{ display:table; font-weight:bold; margin-bottom:15px;} #company_info .mod_table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #company_info .mod_table .add_box .add{ width:100%; margin-bottom:10px;} #company_info .mod_table .add_box .add a{ color:#444444; text-decoration:none;} #access .gmap {width:100%; height:250px;} #access{margin-top:30px;} #access p{ margin:0 0 20px 0;} #access .tel_link{ color:#1963af; } /*--- フォトギャラリー -----------*/ #photo_gallery {width:100%; box-sizing:border-box; padding:50px 0 50px 0 !important; margin-top:0; background:#fff;} #photo_gallery h2{} #photo_gallery h2 img{ margin:auto;} #photo_gallery .inn {width:100%; margin:0 auto 0 auto; text-align:left; position:relative; padding-top:0;} #photo_gallery .inn .slider_photo_gallery{ width:100%; min-width:320px; margin:auto; overflow:hidden;} #photo_gallery .inn .slider_photo_gallery img{ width:80vw;} .slick-dots { position: absolute; bottom: 10px; } /*--- technology ---*/ #technology {margin-top:50px; background:#fff; padding-top:50px !important;} #technology .inn{padding-bottom:20px;} #technology .inn-wrapper{width:100%; margin:0;} #technology .inn-wrapper img{margin:0;} #technology .inn-wrapper .title{float:none; text-align:center; padding:10px 0 10px 0;} #technology .inn-wrapper p{float:none;padding:0 10px 0 10px;} #technology .more_btn{margin-top:20px;padding:0 10px 0 10px;} #technology .inn .box{width:100%; margin-top:50px;} #technology .inn .box:after{ display:block; content:""; clear:both;} #technology .inn .box > li{ background:#fff; margin:0 0 20px 0; width:calc(50% - 10px); float:left;height:auto;} #technology .inn .box > li:nth-child(odd){ margin-right:20px;} #technology .inn .box > li:last-child{ margin-bottom:0;} #technology .inn .box > li a{ display:block; width:100%; height:100%; overflow:hidden;text-decoration: none;} #technology .inn .box > li h3{ margin:0 auto 0 auto; text-align:center; width:100%; height:100px; display:table;} #technology .inn .box > li h3 span{ display:inline-block; width:100%; height:100px; display:table-cell; vertical-align:middle;} #technology .inn .box > li h3 span img.lineup_im1{ width:120px !important; height:auto;} #technology .inn .box > li h3 span img.lineup_im2{ width:140px !important; height:auto;} #technology .inn .box > li h3 span img.lineup_im3{ width:120px !important; height:auto;} #technology .inn .box > li h3 span img.lineup_im4{ width:140px !important; height:auto;} #technology .inn .box > li h3 span img.lineup_im5{ width:130px !important; height:auto;} #technology .inn .box > li .lineup_btn{ text-align:center;} #technology .inn .box > li .label_wrap p{height:44px; background:#1963af; font-size:12px; color:#fff; padding:7px 5px 3px 5px;} #technology .inn .box > li .label_wrap p span{display:inline;} /*--- staff ---*/ #staff { background:#fff; } #staff .inn {width:100%; margin:0 auto 0 auto; padding:50px 0 0px 0;position:relative; box-sizing:border-box;} #staff .inn .staff_wrap{ overflow-x:auto; white-space:nowrap;} #staff .inn .staff_wrap::-webkit-scrollbar{display:none;} #staff .inn .box{ width:100%; margin:0 auto 20px auto; text-align:center;} #staff .inn .box > li{ display:inline-block; width:31%; height:auto; margin:0 0 0 3px;} /*#staff .inn .box > li:nth-child(odd){ margin-left:0;}*/ #staff .inn .box > li a{ display:block; text-decoration:none; font-size:13px; /*color:#727171;*/} /*--- wrap_add10 ---*/ #wrap_add10 { background:#fff; margin:0; } #wrap_add10 .inn {width:100%;padding:50px 0 30px 0;} #wrap_add10 .inn .date,#wrap_add10 .inn p{width:100%;} #wrap_add10 .inn .title{margin-bottom:20px;} #wrap_add10 .content_left, #wrap_add10 .content_right{display: block;width:100%;} #wrap_add10 .content_left{ height:180px; overflow-y:scroll; margin-bottom:50px;} #wrap_add10 .content_right{text-align:center;float:none;} #wrap_add10 .content_right .photo{ margin:0 0 20px 0;} #wrap_add10 .content_right p{ margin:0 0 20px 0;} #wrap_add10 .content_right .company_name{ font-size:18px; font-weight:bold;margin:0 0 14px 0;} #wrap_add10 .content_right .license{padding: 10px 10px 10px 10px; box-sizing:border-box; background-color:#f5f5f5;} /*--- property ---*/ #property .inn{width:100%;} #property .content_block{padding:0px 10px 30px 10px;} #property .intro{height:auto;padding-top:0;} #property .intro .inn h2{padding:0;} #property .intro .inn h2 img{margin:auto;} #property .intro .intro_ttl{font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px;} #property .intro .intro_txt{ margin-bottom:20px;} #property .more_btn{ text-align:center;} /*--- footer ---------------*/ #footer-outer {width:100%;} #footer-outer .bnr {padding:0 10px 0 10px; margin:0 0 40px 0;} #footer-outer .bnr img{width:100%; max-width:400px;} #footer {width:100%; position:relative; background:#1963af; font-size:14px;} #footer .inn {width:100%; margin:0 auto 0 auto; padding:32px 3% 0px 3%; box-sizing:border-box;} #footer .inn .company_info{ color:#ffffff; top:0;} #footer .inn .company_info .h{ font-weight:bold; font-size:20px; margin:0 0 10px 0;} #footer .inn .company_info .h img{ display:block; margin-bottom:6px;} #footer .inn .company_info p{ opacity:.7; font-size:14px;} #footer .inn .company_info p a{ color:#ffffff; text-decoration:none; display:block;} #footer .inn table.footer_navi {width:100%; margin:25px 0 0 0; padding:0;} #footer .inn table.footer_navi td { display:block; padding:0; box-sizing:border-box; width:100%;} #footer .inn table.footer_navi td:first-child {padding-left:0;} #footer .inn table.footer_navi td:last-child {border:none; margin:0; padding-right:0;} #footer .inn table.footer_navi td ul li {background:url(/images/footer/indent.png) no-repeat left 15px; font-size:15px; line-height:1; white-space:nowrap; letter-spacing:1px; border-top:1px solid rgba(255,255,255,.2); margin-bottom:0;} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li ul li {font-weight:normal; background:url(/images/indent_sub.png) no-repeat 0px 3px;} #footer .inn table.footer_navi td ul li a {display:block; padding:15px 0 15px 20px; color:#ffffff; text-decoration:none; } #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer #footer-copyright {width:100%; margin:0 auto 0 auto; padding:0 3% 0 3%; font-size:10px; color:#FFF; letter-spacing:.3px; box-sizing:border-box; text-align:center;} #footer #footer-copyright .copyright{ padding:25px 25px 100px 0; border-top:1px solid rgba(255,255,255,.2); box-sizing:border-box;} /* --- */ #scrollUp { height: 40px; width: 40px; background-size:40px;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {margin:0 auto 0 auto; line-height:1.6; padding:0 0 10px 0;} /*#contents-inner-pages .inn{width:94%!important; margin:0 auto 0 auto;}*/ #contents-inner-pages:after {content:""; display:block; clear:both;} .more_btn{margin-top: 30px;display: block; text-align:center;} .more_btn img{ width:90%;} #concept .more_btn{margin-top: 30px;} .menu-btn {top: 0px;right:0px;position:fixed;z-index:10000;display: block;width: auto;min-width:35px;cursor: pointer;font-size:12px;letter-spacing:1px;text-align:center;border-radius:0;background-color:#1963af;padding:4px 7px 7px 7px;color:#FFF;font-family:'Century Gothic', Helvetica, Arial, sans-serif; font-weight:normal;} .menu-btn span {display: block;height: 1px;width: 100%;background: #FFF;border-radius: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .menu-btn span:nth-of-type(1){margin-top: 2px;} .menu-btn span:nth-of-type(2),.menu-btn span:nth-of-type(3) {margin-top: 6px;} /*================================== 商品ラインナップ ==================================*/ /*一覧ページ*/ #contents-inner-pages .renew_products{ padding: 0 0 40px 0; overflow: hidden;} #contents-inner-pages .renew_products h2{ margin: 0; text-align: center; position: relative;} #contents-inner-pages .renew_products section{padding: 0 !important; margin: 0;} #contents-inner-pages .renew_products.p_list p,#contents-inner-pages .renew_products.p_list a,#contents-inner-pages .renew_products .line_up p, .renew_products .line_up ul li, #contents-inner-pages .renew_products.p_detail h4,#contents-inner-pages .renew_products.p_detail .feature_blocks .f_box p{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} #contents-inner-pages .renew_products .line_up{ position: relative; z-index: 0; box-sizing: border-box; padding: 290px 0 60px 0 !important; color: #ffffff;} #contents-inner-pages .renew_products .line_up:before{ display: block; content: ""; background: #3a3727; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: -1;} #contents-inner-pages .renew_products .line_up h2{padding: 0 5% 0 5%; text-align: left;} #contents-inner-pages .renew_products .line_up h2 > img{height: 60px;} #contents-inner-pages .renew_products .line_up h2:after{ display: block; content: ""; background: #ffffff; width: 70px; height: 1px; position: absolute; bottom:-37px; left:0;} #contents-inner-pages .renew_products .line_up .main_img{ width:100%; height: 250px; position: absolute; left:5%; top:0;} #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: 22px; line-height: 2.0em; letter-spacing: 0.06em; margin: 80px 5% 0 5%; } #contents-inner-pages .renew_products.p_list section.box{position: relative; z-index: 0; box-sizing: border-box; margin-top: 50px; padding: 0 !important;} #contents-inner-pages .renew_products.p_list section.box:before{ display: block; content: ""; background: #ffffff; width: 100%; height: 100%; position: absolute; top:25px; right:0; z-index: -1;} #contents-inner-pages .renew_products.p_list section.box > .inn{ position: relative; box-sizing: border-box; padding: 0 5% 30px 5%;} #contents-inner-pages .renew_products.p_list section.box .img{ width:auto; height: 250px; margin-left: 25px; } #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 h3{ margin: 50px 0 30px 0; padding: 0; text-align: left;} #contents-inner-pages .renew_products.p_list section.box h3 > img{ margin: 0; height: auto;} #contents-inner-pages .renew_products.p_list section.box.basic h3 > img{ width: 140.5px;} #contents-inner-pages .renew_products.p_list section.box.natural h3 > img{ width: 201.5px;} #contents-inner-pages .renew_products.p_list section.box.highclass h3 > img{ width: 278.5px;} #contents-inner-pages .renew_products.p_list section.box.lieto h3 > img{ width: 258px;} #contents-inner-pages .renew_products.p_list section.box.lieto h3{ margin-top: 30px;} #contents-inner-pages .renew_products.p_list section.box p{ font-size: 17px; line-height: 2.0em; margin-bottom: 30px; color: #000000;} #contents-inner-pages .renew_products.p_list section.box p br{ display: none;} #contents-inner-pages .renew_products.p_list section.box ul{ margin-bottom: 40px;} #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: 17px; color: #5a8c9b; text-decoration: none; transition: .3s; position: relative; z-index: 1; text-align: right; 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: 130px; height: 1px; position: absolute; right: -5.5%; bottom:0; } #contents-inner-pages .renew_products.p_list a.more_btn > img{ display: inline-block; vertical-align: middle; margin: 0 0 3px 20px; width:24px;} #contents-inner-pages .renew_products.p_list a.more_btn.brown:after{ background: #eddad7;} #contents-inner-pages .renew_products.p_list a.more_btn.green{color: #005048;} #contents-inner-pages .renew_products.p_list a.more_btn.green:before{ background: #005048;} #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 #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 #lieto .line_up .price{display: block; max-width:328px;width:94%; margin:auto;} #contents-inner-pages .renew_products.p_detail #lieto .line_up ul {margin:5px 0 50px 20px;} #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 #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 left;} #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 left;} #contents-inner-pages .renew_products.p_detail #basic .line_up h2 > img{ width: 166px; height: auto; margin-bottom: 7px;} #contents-inner-pages .renew_products.p_detail #natural .line_up h2 > img{ width: 238px; height: auto; margin-bottom: 7px;} #contents-inner-pages .renew_products.p_detail #highclass .line_up h2 > img{ width: 300px; height: auto; margin-bottom: 7px;} #contents-inner-pages .renew_products.p_detail #lieto .line_up h2 > img{ width: 238px; height: auto; margin-bottom: 7px;} #contents-inner-pages .renew_products.p_detail h3{ position: relative; padding-bottom:55px; margin-bottom:32px; } #contents-inner-pages .renew_products.p_detail h3 img{ height: 50px;} #contents-inner-pages .renew_products.p_detail h3:after{ display: block; content: ""; background: #7b645b; width: 1px; height: 30px; 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: 50px 0 0 0;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box{ background: #ffffff; max-width: 350px; width: 94%; margin: auto; } #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: 30px;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box .img{} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box .txt{ padding: 28px 5% 30px 5%;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box h4{font-size: 24px; line-height: 1.8em; font-weight: normal; color: #7b645b; margin-bottom: 15px;} #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: 17px; line-height: 2.0em;} #contents-inner-pages .renew_products.p_detail .feature_blocks .f_box p br{ display: none;} #contents-inner-pages .renew_products.p_detail #lieto .feature_blocks .f_box p br{display: inherit;} #contents-inner-pages .renew_products.p_detail .photo_blocks{ margin: 50px 0 0 0;} #contents-inner-pages .renew_products.p_detail .photo_blocks .img_box > img{ width: 100%;} #contents-inner-pages .renew_products.p_detail #lieto .spec {border:solid 1px #336c7d; max-width:350px; width:94%; margin:50px auto 45px auto;background:url(/images/products/lieto/spec_bg.png); text-align: center;} #contents-inner-pages .renew_products.p_detail #lieto .spec img{max-width:533px; width:94%; margin-top:10px;} #contents-inner-pages .renew_products.p_detail #lieto .spec a{display: inline-block; margin-top:15px; margin-bottom:10px;} #contents-inner-pages .renew_products.p_detail #lieto .spec a img{max-width:280px; width:94%; margin-top:0;} #contents-inner-pages .renew_products.p_detail #lieto .price_wrap{text-align: center;} #contents-inner-pages .renew_products.p_detail #lieto .price_wrap img{width:272px;margin-bottom:20px;} /*================================== お問い合わせ ==================================*/ .contact_mail input[type="text"],.contact_mail input[type="tel"] {font-size:120%;} .contact_phone .telephone {margin:0px auto 0 auto; text-align:center; padding:10px 0 25px 0;width:100%;background-color:#fff;} .contact_phone .telephone a.num { display:block; font-size:34px; text-decoration:none; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#1963af;} .contact_phone .telephone a.num em:before{ display:inline-block; content:""; background:url(/images/common/inquiry_tel_v2.png) no-repeat right center; background-size:auto 23px; width:22px; height:23px; margin-right:5px;} .contact_phone .telephone .open {font-size: 14px; line-height:1; margin-top:10px;} .contact_mail input, .contact_mail textarea {border:1px solid #EEE !important; margin:0 10px 0 0;} .contact_mail .basicTable {border-top:1px solid #ddd; margin-top:20px;} .contact_mail .basicTable th, .contact_mail .basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none; border-bottom:1px solid #ddd;} .contact_mail .basicTable th {padding:8px 10px 4px 0px; border-bottom:none;} .contact_mail .basicTable td { padding-top:0;} .contact_mail .basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#C00; padding-left:5px;font-size:12px; font-weight:normal;} .contact_mail .contact_bt {margin-top:25px; text-align:center;} .contact_mail .supplement{margin:0 0 10px 0; font-size:12px;} .contact_mail .error_list {margin:25px 0 20px 0;} .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 input[type="text"], .contact_mail input[type="tel"], .contact_mail textarea { margin:0 0 10px 0; padding:5px;} .contact_mail textarea { border:1px solid #ccc;} .contact_mail .imeDisabled {} .contact_mail .w1 {width:200px; border:1px solid #ccc;} .contact_mail .w2 {width:95%; border:1px solid #ccc;} .contact_mail .w3 {width:50px; border:1px solid #ccc;} .contact_mail .w4 {width:95%; border:1px solid #ccc;} .contact_mail div.privacy { padding:10px; overflow:auto; height:200px; background-color:#fff; font-size:90%;} .contact_mail div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px;} ::-webkit-scrollbar-thumb { background:#aaa;} .contact_mail .btn_mail {margin:31px 0 0 0;} /*================================== フッターボタン ==================================*/ #bottom-entry {margin:0 auto 0 auto; background:none; text-align: left; font-size:0; display:block;padding-top:10px;background-color: rgba(25, 99, 175, 0.4)} #bottom-entry .entry {width:140px; z-index: 99999; display:inline-block; font-weight:normal; font-size:14px; color:#fff; text-decoration:none; padding:9px 10px 10px 10px; background:#bca970; box-sizing:border-box; letter-spacing:0.1em; text-align:center;background:none;/*border: 2px solid #fff*/;margin:0 10px 10px 10px;} #bottom-entry .entry.event_btn{ margin-right:10px;background-color:#2276cc;} #bottom-entry .entry.reserve_btn{ margin-right:10px;background-color:#1963af;} #bottom-entry .entry.line_btn{background:#00b900;border:none;padding:9px 10px 10px 10px;} #bottom-entry .entry.contact_btn::after{ display:none; content:""; position:absolute; right:11px; top:17px; width:1px; height:18px; background:#fff;} #bottom-entry .entry img{top:0; padding: 13px 10px 13px 10px;} /*================================== スタッフ ==================================*/ #contents-inner-pages #staff_detail ul #point2, #contents-inner-pages #staff_detail ul #point3, #contents-inner-pages #staff_detail ul #point5{ padding-top: 160px;margin-top: -160px; } #contents-inner-pages #staff_detail ul{ margin:22px 0 24px 0;} #contents-inner-pages #staff_detail ul li.point_box{ position:relative; padding:10px 3% 20px 3%; box-sizing:border-box; margin-bottom:30px; text-align:center;} #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:28px; color:#2da7e0; font-weight:bold; margin-bottom:15px; text-align:left;} #contents-inner-pages #staff_detail ul li.point_box .point_ttl span.point_num{ display:block; position:absolute; top:0; left:0;} #contents-inner-pages #staff_detail ul li.point_box .point_ttl span.point_num img{ width:60px !important;} #contents-inner-pages #staff_detail ul li.point_box .point_text{ width:auto; margin-bottom:15px; text-align:left;} #contents-inner-pages #staff_detail ul li.point_box .point_img{} #contents-inner-pages #staff_detail .faq{ border:1px solid #ed6d1f; width:100%; padding:20px 15px 15px 15px; box-sizing:border-box; color:#ed6d1f;} #contents-inner-pages #staff_detail .faq ul{ margin-bottom:0;} #contents-inner-pages #staff_detail .faq ul li{ font-size:26px; font-weight:bold; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important; margin-bottom:15px;} #contents-inner-pages #staff_detail .faq p{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;} #contents-inner-pages #staff_detail {margin-bottom:45px;} #contents-inner-pages #staff_detail h3 img{width:144px!important; height:auto;} #contents-inner-pages #staff_detail > table{ padding:10px 3% 20px 3%; margin:0 0 30px 0; position:relative;} #contents-inner-pages #staff_detail > table:nth-of-type(odd){/* background:#f3f9fb;*/} #contents-inner-pages #staff_detail table td{ vertical-align:top; display:block;} #contents-inner-pages #staff_detail table img{ width:150px; max-width:inherit;} #contents-inner-pages #staff_detail h3{ text-align:left; margin:0 0 12px 0;} #contents-inner-pages #staff_detail table h3,#contents-inner-pages #staff_detail table h3 + p{ margin-right:150px;} #contents-inner-pages #staff_detail table h3 + p{ height:40px;} #contents-inner-pages #staff_detail table h3 img{ height:23px; width:auto !important; max-width:100%;} #contents-inner-pages #staff_detail table h3 img.pc_none{display:block;} #contents-inner-pages #staff_detail table h3 img.sp_none{display:none;} #contents-inner-pages #staff_detail table h3 span{ font-size:12px; padding:0.8em 0 0 0; color:#c3d4da; display:block;} #contents-inner-pages #staff_detail > table:nth-of-type(odd){ background:#f3f9fb; padding-top:20px;} #contents-inner-pages #staff_detail table td table{display:block;} #contents-inner-pages #staff_detail table td:nth-of-type(2) img{float:right; width:170px; display:block; margin:0 0 10px 0;} #contents-inner-pages #staff_detail table td:nth-of-type(2) { position:absolute;top:160px;right:10px;} #contents-inner-pages #staff_detail > table:nth-of-type(odd) td:nth-of-type(2) { top:25px;} #contents-inner-pages #staff_detail #staff01 td:nth-of-type(2) { /*top:160px;*/} #contents-inner-pages #staff_detail table td table { /*position:absolute;top:188px;right:0;*/ padding:10px 0 20px 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 td table td:nth-of-type(2) { position:static;margin-bottom:15px;} #contents-inner-pages #staff_detail #staff02, #contents-inner-pages #staff_detail #staff04, #contents-inner-pages #staff_detail #staff06, #contents-inner-pages #staff_detail #staff08, #contents-inner-pages #staff_detail #staff10, #contents-inner-pages #staff_detail #staff12 { padding-top:160px !important; margin-top:-160px !important;} /*#contents-inner-pages #staff_detail table td{display:block;} #contents-inner-pages #staff_detail table td:nth-of-type(odd){float:left;} #contents-inner-pages #staff_detail table td:nth-of-type(2) img{float:right; width:150px; display:block; margin:0 0 10px 0;} #contents-inner-pages #staff_detail table td:nth-of-type(2) p{ clear:both;}*/ /*--- biography -----------*/ #biography {} #wrap-outer #biography {background:url(/images/top/sp_bg_wrap06.jpg) no-repeat top center;background-size:150%;} #wrap-outer #biography h2{margin-bottom:30px; padding-top:30px;} #biography .content_block{ margin:30px 0 0 0;} #biography .inn{width:100%; margin-bottom:0;} #biography .oitachi{margin-bottom:40px;} #biography .wrap_l .intro, #biography .wrap_r .intro{margin-bottom:30px;padding-top:30px;} #biography .wrap_l .intro .intro_ttl,#biography .wrap_r .intro .intro_ttl{text-align: center;margin-bottom:20px; margin-top:0px; font-size:20px; font-weight:bold;} #biography .wrap_l .intro .intro_ttl span,#biography .wrap_r .intro .intro_ttl span{ display:inline-block;} #biography .wrap_l .intro .biography_ttl{ margin-bottom:25px;font-size:26px;line-height:1.6;} #biography .wrap_l .intro .biography_txt{ } #biography .wrap_l .intro .biography_img_1{ padding-left:26px;} #biography .wrap_l .intro .biography_img_2{} #biography .wrap_l .intro .biography_img_1 img{ width:80%; max-width:80%;} #biography .wrap_l .intro .biography_img_2 img{ width:70%; max-width:80%;} #biography .wrap_r .intro .sp_clearb,#biography .wrap_l .intro .sp_clearb{ clear:both;} #biography .wrap_r .intro .biography_img{ float:right; padding:0 0 20px 20px; width:150px;} #biography .wrap_r .intro .biography_img100{ float:right; padding:0 0 20px 20px; width:100%;} #biography .wrap_r .intro .biography_img_1{ padding-left:35px;} #biography .wrap_r .intro .biography_img_2{ margin:0 -10px 0 -20px;} #biography .wrap_r .intro .biography_img_1 img{ width:100%;} #biography .wrap_r .intro .biography_img_2 img{ width:60%; margin: 0 auto;} #biography .intro .flex{ display:flex;} #biography .intro .fl_between{justify-content:space-between; align-items:center; margin-bottom:25px;} #biography .biography_ttl{ text-align:center; font-size:16px; color:#253652; margin:70px 0 0 0;} /*================================== 物件情報 ==================================*/ #contents-inner-pages #works h3{ font-size:24px; padding: 15px 12px 12px 12px; margin:30px 0 25px 0;} #contents-inner-pages #works .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:10px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #works p + h4{ margin-top:25px;} #contents-inner-pages #works p > small{ opacity:.7;} /*#contents-inner-pages #works img{ width:100% !important; max-width:400px !important; height:auto !important;}*/ #contents-inner-pages #works img{ height:auto !important;} #contents-inner-pages #works img[src*="/plugins/ckeditor/smiley/images/"] { width:inherit !important;} #contents-inner-pages #works .inn.breadcrumb{ margin:-10px auto 30px auto; font-size:12px; color:#666666;} #contents-inner-pages #works .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #works .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #works .main_blocks{ display:block; margin:30px 0 30px 0;} #contents-inner-pages #works .main_blocks td{ display:block;} #contents-inner-pages #works .main_blocks td:first-child{ margin-bottom:0px;} /*#contents-inner-pages #works .main_blocks td:first-child img{ width:100% !important; height:auto !important;}*/ #contents-inner-pages #works .main_blocks td:last-child > p{ margin-bottom:10px; /*color: #c81717;*/} #contents-inner-pages #works .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #works table.mod-table{ margin:0px 0 0 0; } #contents-inner-pages #works table.mod-table p{ margin:0px 0 0 0 !important; } #contents-inner-pages #works table.mod-table tbody, #contents-inner-pages #works table.mod-table tr{ display: block;} #contents-inner-pages #works table.mod-table th, #contents-inner-pages #works table.mod-table td{ padding: 10px 13px 10px 0px;} #contents-inner-pages #works table.mod-table td strong{ font-size:14px; color:#1963af; display:block; margin-bottom:-15px;} #contents-inner-pages #works .inn > .contents-right{ margin:0 0 50px 0;} #contents-inner-pages #works .inn > .contents-right img{ margin:0 auto 10px auto;} #contents-inner-pages #works .inn > .contents-right p span{ display:inline;} #contents-inner-pages #works .inn > .contents-right p br{ display:none;} #contents-inner-pages #works .inn > .contents-right h4{color: #fff; font-weight: bold; border-left: 3px solid #1963af; background-color: #1963af; box-sizing: border-box; padding: 12px 10px 10px 20px;} #contents-inner-pages #works .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #works .inn > #contents_navi h4{ margin:20px 0 0 0; font-size: 18px; color: #2c2721; font-weight: bold; border-left: 2px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 12px 10px 10px 20px; letter-spacing: .5px;} #contents-inner-pages #works .inn > #contents_navi p{ position:relative; font-size:14px;} #contents-inner-pages #works .inn > #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:13px 13px 13px 13px;} #contents-inner-pages #works .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #works .inn > #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -3px; background: #48433c; transition: .3s;} #contents-inner-pages #works .inn > #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -3px; background: #EBF2F6;} #contents-inner-pages #contents_navi .widget-header{ font-weight:bold; margin:0 0 10px 0;} #contents-inner-pages #contents_navi .widget-content{ margin-bottom:30px;} #contents-inner-pages #contents_navi .widget-content li{ margin-bottom:5px;} #contents-inner-pages .asset-meta{ text-align:right; margin:0 0 20px 0;} /*================================== 物件情報　仕様イメージ ==================================*/ #contents-inner-pages #works #photo_img{ max-width:350px; margin:20px auto 30px auto;} #contents-inner-pages #works #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #works #photo_img td{margin:0; border:0; width: 48%; display: block; float: left;} #contents-inner-pages #works #photo_img td:first-child{ padding:0 2% 0 0;} #contents-inner-pages #works #photo_img td:nth-child(2){ padding:0 0 0 2%;} #contents-inner-pages #works #photo_img td:nth-child(3){ padding:0 2% 0 0;} #contents-inner-pages #works #photo_img td:nth-child(4){ padding:0 0 0 2%;} #contents-inner-pages #works #photo_img #photos p{ padding:0; margin:0 0 15px 0; background-color:#eeeeee; padding:7px; width:100%; height:140px; overflow: hidden; position:relative; box-sizing: border-box; /*box-shadow:0 2px 0 rgb(0,0,0,.15);*/ } #contents-inner-pages #works #photo_img #photos p img { width:100% !important; height:auto !important; /*min-height:100%;*/} #contents-inner-pages #works #photo_img #photos p div { position:absolute; bottom:0; left: 0; right: 0; font-size:14px; background-color: #eeeeee; color: #333333; padding:5px 5px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #works #photo_img > p{ padding:0;} .lb-outerContainer,.lb-dataContainer{ max-width:80% !important; height:auto !important;} #lightbox img{ max-width: 100%;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #works h4 .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #works #list .category-list li{ margin-bottom:60px;} #contents-inner-pages #works #list .category-list .img{ width:100%; margin-bottom:15px;} #contents-inner-pages #works #list .category-list .img img{ width:100% !important; height:auto !important;} #contents-inner-pages #works #list .category-list .btn{ display:block; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; margin:25px auto 0 auto;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #works #works-main-list *{ box-sizing:border-box;} #contents-inner-pages #works #works-main-list > li{ width:100%; margin-bottom:20px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #works #works-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #works #works-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #works #works-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #works #works-main-list > li p{ font-size:15px;} #contents-inner-pages #works #works-main-list > li .btn{ display:block; position:absolute; bottom:30px; left:auto; right:auto; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; font-weight: bold; margin-top:25px;} /*================================== ブログ ==================================*/ #contents-inner-pages #blog h3{ font-size:24px; padding: 15px 12px 12px 12px; margin:30px 0 25px 0;} #contents-inner-pages #blog .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:10px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #blog p + h4{ margin-top:25px;} #contents-inner-pages #blog p > small{ opacity:.7;} /*#contents-inner-pages #blog img{ width:100% !important; max-width:400px !important; height:auto !important;}*/ #contents-inner-pages #blog img{ height:auto !important;} #contents-inner-pages #blog img[src*="/plugins/ckeditor/smiley/images/"] { width:inherit !important;} #contents-inner-pages #blog .inn.breadcrumb{ margin:-10px auto 30px auto; font-size:12px; 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{ display:block; margin:30px 0 30px 0;} #contents-inner-pages #blog .main_blocks td{ display:block;} #contents-inner-pages #blog .main_blocks td:first-child{ margin-bottom:0px;} /*#contents-inner-pages #blog .main_blocks td:first-child img{ width:100% !important; height:auto !important;}*/ #contents-inner-pages #blog .main_blocks td:last-child > p{ margin-bottom:10px; /*color: #c81717;*/} #contents-inner-pages #blog .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #blog table.mod-table{ margin:0px 0 0 0; } #contents-inner-pages #blog table.mod-table p{ margin:0px 0 0 0 !important; } #contents-inner-pages #blog table.mod-table tbody, #contents-inner-pages #blog table.mod-table tr{ display: block;} #contents-inner-pages #blog table.mod-table th, #contents-inner-pages #blog table.mod-table td{ padding: 10px 13px 10px 0px;} #contents-inner-pages #blog table.mod-table td strong{ font-size:14px; color:#1963af; display:block; margin-bottom:-15px;} #contents-inner-pages #blog .inn > .contents-right{ margin:0 0 50px 0;} #contents-inner-pages #blog .inn > .contents-right img{ margin:0 auto 10px auto;} #contents-inner-pages #blog .inn > .contents-right p span{ display:inline;} #contents-inner-pages #blog .inn > .contents-right p br{ display:none;} #contents-inner-pages #blog .inn > .contents-right h4{color: #fff; font-weight: bold; border-left: 3px solid #1963af; background-color: #1963af; box-sizing: border-box; padding: 12px 10px 10px 20px;} #contents-inner-pages #blog .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #blog .inn > #contents_navi h4{ margin:20px 0 0 0; font-size: 18px; color: #2c2721; font-weight: bold; border-left: 2px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 12px 10px 10px 20px; letter-spacing: .5px;} #contents-inner-pages #blog .inn > #contents_navi p{ position:relative; font-size:14px;} #contents-inner-pages #blog .inn > #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:13px 13px 13px 13px;} #contents-inner-pages #blog .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #blog .inn > #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -3px; background: #48433c; transition: .3s;} #contents-inner-pages #blog .inn > #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -3px; background: #EBF2F6;} #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{ max-width:350px; margin:20px auto 30px auto;} #contents-inner-pages #blog #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #blog #photo_img td{margin:0; border:0; width: 48%; display: block; float: left;} #contents-inner-pages #blog #photo_img td:first-child{ padding:0 2% 0 0;} #contents-inner-pages #blog #photo_img td:nth-child(2){ padding:0 0 0 2%;} #contents-inner-pages #blog #photo_img td:nth-child(3){ padding:0 2% 0 0;} #contents-inner-pages #blog #photo_img td:nth-child(4){ padding:0 0 0 2%;} #contents-inner-pages #blog #photo_img #photos p{ padding:0; margin:0 0 15px 0; background-color:#eeeeee; padding:7px; width:100%; height:140px; overflow: hidden; position:relative; box-sizing: border-box; /*box-shadow:0 2px 0 rgb(0,0,0,.15);*/ } #contents-inner-pages #blog #photo_img #photos p img { width:100% !important; height:auto !important; /*min-height:100%;*/} #contents-inner-pages #blog #photo_img #photos p div { position:absolute; bottom:0; left: 0; right: 0; font-size:14px; background-color: #eeeeee; color: #333333; padding:5px 5px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #blog #photo_img > p{ padding:0;} .lb-outerContainer,.lb-dataContainer{ max-width:80% !important; height:auto !important;} #lightbox img{ max-width: 100%;} #contents-inner-pages #blog h4 .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #blog #list .category-list li{ margin-bottom:60px;} #contents-inner-pages #blog #list .category-list .img{ width:100%; margin-bottom:15px;} #contents-inner-pages #blog #list .category-list .img img{ width:100% !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; font-size: 15px; margin:25px auto 0 auto;} #contents-inner-pages #blog #blog-main-list *{ box-sizing:border-box;} #contents-inner-pages #blog #blog-main-list > li{ width:100%; margin-bottom:20px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #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; font-size: 15px; font-weight: bold; margin-top:25px;} /* 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:20px; } #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;} }