/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-size:16px; line-height:1.61; min-width:100%; color:#494949;} body a{ color:#494949;} /*body *{ font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;}*/ h1 {margin: 0 0 5px 0; font-size:10px; padding:0; font-weight:normal; line-height:1.1; color:#fff; opacity:.6; display:none;} h2 {margin:0 auto 30px auto; color:#a77941; font-size:14px; font-weight:normal; line-height:1; text-align:center;} h2.bg_font{ font-size: 26px; color: #0075c2; font-weight: bold; position: relative; text-align: left; line-height: 1.35;} h2.bg_font:after{content: ""; font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 90px; position: absolute; background: rgb(36,175,223); background: linear-gradient(126deg, rgba(36,175,223,0.08) 0%, rgba(0,56,149,0.08) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h2.normal{ font-size: 18px; font-weight: bold; color: #0075c2;} h2.normal span{ display: block; font-size: 40px; font-weight: normal; margin-bottom:10px; background: rgb(0,126,199); background: linear-gradient(126deg, rgba(0,126,199,1) 0%, rgba(0,108,189,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h2.line{ font-size: 26px; font-weight: bold; color: #0075c2; position: relative; line-height: normal; margin: 0 auto 30px auto; padding-top: 40px;} h2.line:before{ display: block; content: ""; width: 2px; height: 35px; background-color: #0075c2; position: absolute; top:0; left:0; right:0; margin: auto;} h3 {margin:0 auto 0 auto; padding:0 0 0 0;} h3.normal{ font-size: 16px; font-weight: bold; color: #ffffff; background-color: #0075c2; width: 100%; padding: 14px 15px 10px 15px; text-align: left !important; box-sizing: border-box; line-height: 1.31 !important; margin-bottom: 15px !important;} #wrap_add08 .inn .sns_wrap h3{ /*color:#727171;*/ font-size:20px; text-align:center; margin-bottom:28px;} #wrap_add10 .inn .box h3{ color:#727171; font-size:30px; letter-spacing:0.025em; line-height:1.4; margin-bottom:20px; font-weight:bold;} #wrap-outer2nd h3{ margin:0 auto 30px auto; line-height:1; text-align:center;} #wrap-outer2nd h3.eng_none{ font-size:18px; padding: 18px 0 0 0; margin-bottom: 20px;} #contents .contents-form .doc h3{ font-size:20px; text-align:left; color:#fff; background:url(/images/contact/contact_h_bg.png) repeat; padding:15px 0 15px 10px; margin:40px 0 0 0;} #contents .contents-form .doc h3 .yellow{ color:#ffe778; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important; font-weight:bold;} #contents .contents-form h3{ background:#f5f5f5; padding:28px 0 34px 0; margin-bottom:27px;} h4 {font-size:20px; margin-bottom:8px;} #wrap-outer2nd h4{ /*font-size:16px;*/ box-sizing: border-box; padding: 10px 10px 10px 10px; letter-spacing: .5px; margin-bottom: 15px;} #contents-inner-pages .products_child #spec h4{ color:#fff; background:url(/images/common/bg_h4.png) repeat;} #contents-inner-pages #safe .safe_list + h4{ margin-top:30px;} #contents .contents-form .doc .points .points_desc h4{ font-size:22px; color:#f8b62b; margin:20px 0 20px 0; padding:10px 10px 6px 63px; border-bottom:2px solid rgba(248,182,43,.5);} #contents .contents-form .doc .points .points_desc h4.before{ background:url(/images/contact/no_01.png) no-repeat left center; background-size:43px auto;} #contents .contents-form .doc .points .points_desc h4.after{ background:url(/images/contact/no_02.png) no-repeat left center; background-size:47px auto;} img{ max-width:100%;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{ padding:30px 0 80px 0;} #wrap-outer2nd #main_1col{ padding:50px 0 0 0;} #wrap-outer2nd #side_menu .side_wrap{ overflow-x:auto;/*overflow-x:scroll;*/ -webkit-overflow-scrolling:touch; white-space:nowrap;} #wrap-outer2nd #side_menu > div{margin-bottom:30px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu p.head{ display:block; width:100%; border-top:1px solid #28a7e1; color:#28a7e1; font-size:18px; box-sizing:border-box; margin:0 0 9px 0; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap-outer2nd #side_menu p.head{margin-top:10px;} #wrap-outer2nd #side_menu p:first-child{margin-top:0px;} #wrap-outer2nd #side_menu p.head span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_case{ /*font-size:16px;*/ width:100%;} #wrap-outer2nd #side_menu .side_case .side_wrap a{ display:table; width:100%; min-height:80px; box-sizing:border-box; padding:12px 35px 12px 11px; background-position:center right 17px; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_case .side_wrap a p{ display:table-cell; vertical-align:middle; font-weight:bold;} #wrap-outer2nd #side_menu .side_case .side_wrap li a span{ display:inline-block; font-size:12px; line-height:1.2; font-weight:normal; color:#fff; padding:3px 5px 2px 5px;} #wrap-outer2nd #side_menu .side_case .side_wrap li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case .side_wrap li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case .side_wrap li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case .side_wrap li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case .side_wrap li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_wrap li{ margin-left:9px; width:250px; display:inline-block; vertical-align:bottom;} #wrap-outer2nd #side_menu .side_wrap li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; /*color:#727171;*/ text-decoration:none; background:#edf6fa url('data:image/svg+xml;charset=UTF-8,') no-repeat right 17px bottom 22px; background-size:12px 12px; white-space:normal;} #wrap-outer2nd #side_menu .side_wrap li a:hover{} #wrap-outer2nd #side_menu .side_wrap li a table{ border-collapse:separate; border-spacing:0;} #wrap-outer2nd #side_menu .side_wrap li a table th{ padding:0 0 0 11px; text-align:left; /*font-size:16px;*/} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_bnr ul li{ text-align:center;} #wrap-outer2nd #side_menu .side_bnr ul li a{ display:inline-block;} #wrap-outer2nd #side_menu .side_sns ul{ text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:39px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px; display:block; margin-bottom:10px;} .btn_mail, .btn_top, .btn_line {display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #e95388; border-radius: 35px; justify-content: center; align-items: center; margin:0 auto 0 auto; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} .btn_top {margin-top:50px;} .btn_line {background:#00adb8;} .btn_back {display: flex; position: relative; width: 45%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background:url(/images/contact/form_btn_indent_back.png),#8d8d8d; background-repeat:no-repeat; background-position:15% center; border-radius: 35px; justify-content: center; align-items: center; margin:0 0 20px 0; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:left;} .btn_end {display: flex; position: relative; width: 45%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background:url(/images/contact/form_btn_indent.png),#e95388; background-repeat:no-repeat; background-position:right 10% center; border-radius: 35px; justify-content: center; align-items: center; margin:0 0 20px 0; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:right;} .btn_more {display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background:#e98153; border-radius: 35px; justify-content: center; align-items: center; margin:20px auto 10px auto; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; float:right;} .link_btn{ text-align:center; margin-top:30px;} .pc{ display:none !important;} br.pc{ display:none;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; /*font-size:16px;*/} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC; /*position:fixed; top:0; z-index:100;*/} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer, #wrap-outer2nd, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%; } #wrap-outer2 {} #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact {background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} #wrap {width:100%;} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; margin:0 auto 0 auto; padding:10px; background:url(/images/bg_wrap-outer.png); position:fixed; top:0; z-index:999999; display: block; box-sizing:border-box;} /*#header::after{ display:block; content:""; width:100%; height:10px; background:url(/images/header/header_bg_btm.png) no-repeat center top; background-size:100% auto; position:absolute; bottom:-10px; left:0; z-index:9999;}*/ #wrap-outer2nd #header::after{ display:none;} #header .inn .sns_btn{ position:fixed; bottom:10px; left:3%; z-index:99999;} #header .inn .sns_btn ul:after{ display:block; content:""; clear:both;} #header .inn .sns_btn ul li{ float:left; margin-right:20px; line-height:0;} #header .inn .sns_btn ul li a{ opacity:1 !important;} #header .inn .sns_btn ul li img{ width:45px;} #header .inn ul.mini_navi{ display:none;} #header #n{ display:inline-block; position:relative; z-index:100003;} #header .logo {/*margin-top:10px;*/ max-width:200px; width:100%;} #header .tel_blocks{ display:none;} #header ul.navi { margin:15px 0 5px 0; overflow:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;} #header ul.navi::-webkit-scrollbar{ display:none;} #header ul.navi li{ display:inline-block; position:relative;} #header ul.navi li::before{ display:block; content:""; width:1px; height:28px; position:absolute; top:calc(50% - 14px); left:-1px; background:#ddd;} #header ul.navi li a{ display:table; width:100%; text-decoration:none; font-size:14px; line-height:1.4; text-align:center; padding:0 10px 0 10px; height:40px; box-sizing:border-box; white-space:normal; font-weight:bold;} #header ul.navi li a span{ display:table-cell; vertical-align:middle; width:100%; height:100%;} #header.navinone ul.navi li a{ height:0;} #header.navinone ul.navi li.long a{ height:0;} #header ul.navi li.top,#header ul.navi li.top + li::before,#header ul.navi li.sub_menu{ display: none !important;} #header #side_btn{ display:none !important;} /*--- contents ----------------------------------------------------------------------------------*/ #contents {margin:0 auto 0 auto; padding:120px 0 0 0;} #contents .slick-slide{width: 320px; height: auto; margin: 0 5px 0 5px;} #contents .slider-for a{ border-radius: 30px 0 30px 0; overflow: hidden; display: inline-block;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%; height: 100%; } #wrap_add01 .inn {width:calc(100% - 20px); min-height: auto; margin:30px auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap_add01 .img{ border-radius: 50px 0 50px 0; overflow: hidden; width: 100%; height: 200px; margin:0 auto 20px auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;} #wrap_add01 h2.bg_font span{ display: block;} #wrap_add01 h2.bg_font:after{content: "CAMPAIGN"; left:0; bottom:-45px;} #wrap_add01 h3{ font-size: 20px; font-weight: normal; color: #e95388; position: relative; margin-bottom: 30px; letter-spacing: 0;} #wrap_add01 h3:after{ content: ""; width: 340px; height: 1px; background: #e95388; position: absolute; left:0; bottom:0;} #wrap_add01 a.btn-line-pink{width: 280px; font-size: 16px; font-weight: bold; line-height: 1.3; text-align: center; vertical-align: middle; color: #e95388; position: relative; box-sizing: border-box; border-radius: 35px; padding: 5px; border: 1px solid #e95388; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 60px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin: 25px auto 0 auto;} #wrap_add01 a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink_sp.png) no-repeat; background-size: cover; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 15px; } /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; height: 100%;} #wrap_add02 .inn {width:calc(100% - 20px); margin:50px auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap_add02 .text_area{ margin-bottom: 10px;} #wrap_add02 .text_area p{ float: left; margin-top: -5px;} #wrap_add02 .office_blocks{ position: relative; padding:240px 10px 28px 10px; box-sizing: border-box; margin: 70px -10px 0 -10px; background-color: #e5f1f9;} #wrap_add02 .office_blocks + .office_blocks{ margin-top: 90px;} #wrap_add02 .office_blocks .img_blocks{ position: absolute; top: -50px; left: 15px; right: 15px; max-width: 345px; margin: auto;} #wrap_add02 .office_blocks .img{ display: inline-block; border-radius: 20px; overflow: hidden;} #wrap_add02 .office_blocks .tag{ position: absolute; top:25px; left:0; width: 110px; height: 67px; border-radius: 0 10px 10px 0; color: #ffffff; text-align: center; font-weight: bold; font-size: 14px; background: rgb(235,92,143); background: linear-gradient(126deg, rgba(235,92,143,1) 0%, rgba(230,75,127,1) 100%);} #wrap_add02 .office_blocks .tag.blue{font-size: 21px; background: rgb(0,125,198); background: linear-gradient(126deg, rgba(0,125,198,1) 0%, rgba(0,108,187,1) 100%); letter-spacing: 5px;} #wrap_add02 .office_blocks .tag em{ display: block; font-size: 12px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #wrap_add02 .office_blocks .tag span{ font-size: 21px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} #wrap_add02 .office_blocks h3{ font-size: 30px; color: #0075c2; font-weight: bold; margin-bottom: 20px;} #wrap_add02 .office_blocks h3 img{display: block; margin-bottom: 3px; margin-top: -2px;} #wrap_add02 .office_blocks p{ margin-bottom: 15px;} #wrap_add02 .office_blocks ul.point{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; margin:25px 0 20px 0;} #wrap_add02 .office_blocks ul.point li{color: #0075c2; border: 1px solid #0075c2; text-align: center; width:48.5%; border-radius: 10px 0 10px 0; padding: 7px 0 7px 0; margin-bottom: 10px; font-size: 14px; letter-spacing: 0; font-weight: bold; } #wrap_add02 .office_blocks .btn_area{ } #wrap_add02 .office_blocks .btn_area a{ display: flex; position: relative; width: 280px; line-height: 1.3; height: 60px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 5px; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 35px; margin: 10px auto 0 auto; align-items: center; justify-content: center;} #wrap_add02 .office_blocks .btn_area a.btn-blue{background-color: #0075c2; } #wrap_add02 .office_blocks .btn_area a.btn-pink{background-color: #e95388; } #wrap_add02 .office_blocks .btn_area strong{ color: #fffacd;} #wrap_add02 .office_blocks .btn_area a::before{ content: ""; display: inline-block; margin-right: 12px; vertical-align: middle; margin-bottom: 2px;} #wrap_add02 .office_blocks .btn_area a.btn-blue::before{ background:url(/images/icon/btn_document_wh_sp.png) no-repeat; background-size: cover; width: 20px; height: 26px; } #wrap_add02 .office_blocks .btn_area a.btn-pink::before{ background:url(/images/icon/btn_business_wh_sp.png) no-repeat; background-size: cover; width: 25px; height: 27px; } /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; height: 100%; } #wrap_add03 .inn {width:calc(100% - 20px); min-height: auto; margin:30px auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap_add03 .img{ border-radius: 50px 0 50px 0; overflow: hidden; width: 100%; height: 200px; margin:0 auto 20px auto; display: flex; flex-direction: column; justify-content: center; align-items: center;} #wrap_add03 h2.bg_font{ letter-spacing: normal; line-height: 1.4; margin-bottom: 15px;} #wrap_add03 h2.bg_font:after{content: "RENTAL SPACE"; left:0; bottom:-27px; text-align: right; line-height: 1;} #wrap_add03 h3{ font-size: 20px; font-weight: bold; color: #e95388; position: relative; margin-bottom: 15px;} #wrap_add03 h3 span{ font-size: 30px; font-weight: normal; font-family: 'Fjalla One', sans-serif; margin: 0 5px 0 5px; } #wrap_add03 ul.point{ display: flex; margin-top: 20px; flex-wrap: wrap; flex-direction: row;} #wrap_add03 ul.point li{ color: #ffffff; text-align: center; width: 85px; height: 85px; border-radius: 50%; background-color: #0075c2; padding-top: 12px; box-sizing: border-box; font-size: 12px; letter-spacing: 0; margin:0 5px 5px 0; } #wrap_add03 ul.point li:last-child{ margin-right: 0;} #wrap_add03 ul.point li span{ display: flex; width: 20px; height: 20px; margin:0 auto 7px auto; align-items: flex-end; justify-content: center;} #wrap_add03 ul.point li:nth-child(even){ background-color: #0061a1;} #wrap_add03 a.btn-line-pink{width: 280px; font-size: 16px; font-weight: bold; line-height: 1.3; text-align: center; vertical-align: middle; color: #e95388; position: relative; box-sizing: border-box; border-radius: 35px; padding: 5px; border: 1px solid #e95388; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 60px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin: 25px auto 0 auto;} #wrap_add03 a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink_sp.png) no-repeat; background-size: cover; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 15px; } /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:100%; height: 100%; background-color: #e5f1f9;} #wrap_add04 .inn {width:calc(100% - 20px); min-height: auto; margin:30px auto 35px auto; padding:30px 0 30px 0; position: relative; box-sizing: border-box;} #wrap_add04 .news{ background-color: #ffffff; width:100%; height: 300px; border-radius: 50px 0 50px 0; padding: 25px 20px 0 30px; box-sizing: border-box;} #wrap_add04 ul.news_inn{ width: auto; height: 245px; padding:0; box-sizing: border-box; overflow-y: scroll;} #wrap_add04 ul.news_inn li{ font-size: 14px;} #wrap_add04 ul.news_inn li + li{ margin-top: 30px;} #wrap_add04 ul.news_inn li em{display: block; font-family: 'Fjalla One', sans-serif; font-size: 20px; color: #0075c2; margin-bottom: 10px;} #wrap_add04 ul.news_inn li strong{ display: block; color: #e95388; font-weight: bold; text-decoration: underline;} #wrap_add04 ul.news_inn li span.bold{font-weight: bold;} #wrap_add04 ul.news_inn li p + p{ margin-top: 20px;} /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05 {width:100%; } #wrap_add05 .inn {width:calc(100% - 20px); min-height: auto; margin:0 auto 0 auto; padding:0; } #wrap_add05 ul.link_btn_block{ } #wrap_add05 ul.link_btn_block li + li{ margin-top: 10px;} #wrap_add05 ul.link_btn_block li a{ display: block; position: relative; background-color: #e5f1f9; width: 100%; border-radius: 50px 0 50px 0; text-align: left; font-size: 20px; font-weight: bold; color: #0071bc; box-sizing: border-box; text-decoration: none; overflow: hidden; transition: .3s; z-index: 1; padding: 30px 0 30px 110px;} #wrap_add05 ul.link_btn_block li:nth-child(2) a{ background-color: #e6effa;} #wrap_add05 ul.link_btn_block li:nth-child(3) a{ background-color: #e6ecfa;} #wrap_add05 ul.link_btn_block li span.icon{ display: flex; align-items: flex-end; justify-content: center; width: 50px; height: 50px; margin:0 auto 0 auto; position: absolute; left: 36px; top: 26px;} #wrap_add05 ul.link_btn_block li span.f_fjalla{ display: block; font-size: 13px; font-weight: normal; letter-spacing: 1.2px; margin-top: -5px;} #wrap_add05 ul.link_btn_block li a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; background: #0071bc; } #wrap_add05 ul.link_btn_block li:nth-child(2) a::after{background: #1966c4;} #wrap_add05 ul.link_btn_block li:nth-child(3) a::after{background: #1b4ec6;} #wrap_add05 ul.link_btn_block li a:hover { color: #ffffff; opacity: 1 !important; } #wrap_add05 ul.link_btn_block li a:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} #wrap_add05 ul.link_btn_block li:nth-child(1) a:hover span.icon{background:url(/images/top/btn_icon_tokucho_wh.png) no-repeat center bottom;} #wrap_add05 ul.link_btn_block li:nth-child(2) a:hover span.icon{background:url(/images/top/btn_icon_faq_wh.png) no-repeat center bottom;} #wrap_add05 ul.link_btn_block li:nth-child(3) a:hover span.icon{background:url(/images/top/btn_icon_access_wh.png) no-repeat center bottom;} #wrap_add05 ul.link_btn_block li a:hover span.icon img{ display: none;} /*--- contact_box --------------------------------------------------------------------------------*/ #contact_box {width:100%; min-height: auto; background:url(/images/top/contact_bk.jpg) no-repeat center center; background-size: auto 100%; margin-top: 30px; color: #ffffff;} #contact_box .inn {width:calc(100% - 20px); min-height: auto; margin:35px auto 0 auto; padding:45px 0 30px 0; } #contact_box h2.normal{ text-align: left; color: #ffffff; margin-bottom: 25px;} #contact_box h2.normal span{ background: transparent; -webkit-text-fill-color: currentcolor;} #contact_box p{} #contact_box ul{ margin-top: 35px;} #contact_box li.mail{} #contact_box li.mail a.btn-pink{display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #e95388; border-radius: 35px; justify-content: center; align-items: center;} #contact_box li.mail a.btn-pink::before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/btn_mail_wh.png) no-repeat; width: 30px; height: 24px; } #contact_box li.tel{ width: 100%; height: 85px; background-color: rgba(255,255,255,0.85); color: #0075c2; border-radius: 20px; margin-top: 15px; text-align: center; padding: 12px 0 19px 0;} #contact_box li.tel a{ text-decoration: none; color: #0075c2; font-size: 30px;} #contact_box li.tel p{ font-size: 13px;} #contact_box li.tel strong{ font-weight: bold; display: block; font-size: 16px; line-height: 1.3;} #contact_box li.line { margin:15px 0 0 0;} #contact_box li.line a.btn-green{display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 1px 4px 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #00c300; border-radius: 35px; justify-content: center; align-items: center;} #contact_box li.line a.btn-green::before{ content: ""; display: inline-block; margin-right: 30px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/f_btn_line_wh.png) no-repeat; width: 30px; height: 30px; } #contact_box li.line a.btn-green span{ position:relative; top:1px; right:1px;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #footer {width:100%; position:relative; background:#0075c2; z-index:99;} #footer::before{ display:block; content:""; width:100%; min-width:320px; height:27px; background:url(/images/footer/footer_bg_top.png?t=1) no-repeat center bottom; background-size:100% auto; position:absolute; top:-26px; left:0;} #footer .inn {width:calc(100% - 20px); margin:0 auto 0 auto; padding:32px 0 0px 0; box-sizing:border-box;} #footer .inn .company_info{ color:#ffffff; } #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:0 0 6px -9px; width: 200px;} #footer .inn .company_info p{ opacity:.7; font-size:14px;} #footer .inn .company_info p span.company_name{ font-size:18px; font-weight:bold;} #footer .inn .company_info p a{ color:#ffffff; text-decoration:none; display:inline-block;} #footer .inn table.footer_navi {width:100%; margin:30px 0 0 0; padding:0;} #footer .inn table.footer_navi td { display:block; padding:0; box-sizing:border-box;} #footer .inn table.footer_navi td:first-child {padding-left:0;} #footer .inn table.footer_navi td:last-child {border:none; margin:0; padding-right:0;} #footer .inn table.footer_navi td p.f_fjalla{ font-size: 20px; color: #ffffff; font-weight: normal; margin-bottom: 5px;} #footer .inn table.footer_navi td ul li {background:url(/images/footer/indent.png) no-repeat left 15px; background-size:14px 14px; font-size:15px; line-height:1; white-space:nowrap; letter-spacing:1px; border-bottom:1px solid rgba(255,255,255,.2);} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:30px;} #footer .inn table.footer_navi td.sitemap ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li ul li {font-weight:normal; background:url(/images/indent_sub.png) no-repeat 0px 3px;} #footer .inn table.footer_navi td ul li a {display:block; padding:15px 0 15px 20px; color:#ffffff; text-decoration:none; } #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer-outer .bookmarkArea {width:1000px; position:relative;} #footer-outer .bookmarkArea #bookMarks {overflow:hidden; position:absolute; bottom:15px; right:0;} #footer-outer .bookmarkArea #bookMarks li {float:left; background:none; margin-right:15px;} #footer-outer .bookmarkArea #bookMarks .twitter {} #footer-outer .bookmarkArea #bookMarks .google {} #footer-outer .bookmarkArea #bookMarks .facebook {} #footer #footer-copyright {width:calc(100% - 20px); margin:10px auto 0 auto; padding:0; font-size:10px; color:#FFF; letter-spacing:.3px; box-sizing:border-box;} #footer #footer-copyright .copyright_wrap{ display: flex; flex-direction: column;} #footer #footer-copyright .copyright{ text-align:left; padding:20px 0 45px 0; font-size:10px; order: 2;} #footer #footer-copyright ul.ban{ display: flex; flex-wrap: nowrap; align-items: center; flex-direction: row; order: 1;} #footer #footer-copyright ul.ban li{ margin-right: 6px;} /* --- */ #scrollUp { height: 40px; /* Height of image */ width: 40px; /* Width of image */ background-size:40px; } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%; } #wrap-outer2nd .ttl .inn {margin:0 auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap-outer2nd .ttl .img{ display: flex; height: 200px; border-radius: 0 50px 0 50px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0 auto 25px auto;} #wrap-outer2nd .ttl .img .obj_pos{ object-position:0 -53px;} #wrap-outer2nd .ttl h2.bg_font{ font-size: 26px; line-height: 1.35; text-align: center;} #wrap-outer2nd .ttl .sub_h{ font-size: 20px; font-weight: bold; color: #3c3c3c; position: relative; margin-bottom: 15px; text-align: center; padding-top: 40px; } #wrap-outer2nd .ttl .sub_h:before{ background:#3c3c3c; content: ""; display: block; width: 2px; height: 30px; position: absolute; top:0; left:0; right:0; margin: auto;} #wrap-outer2nd .ttl p + p{ margin-top: 15px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font{ margin-bottom: 35px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font:after{content: "NEXTA CHIBA"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font img{ display: block; margin: 0 auto 10px auto; max-width: 240px;} #wrap-outer2nd .features_ttl h2.bg_font{ margin-bottom: 35px;} #wrap-outer2nd .features_ttl h2.bg_font:after{content: "FEATURES OF NEXTA"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .price_ttl h2.bg_font:after{content: "PRICE & VACANCY"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .company_ttl h2.bg_font:after{content: "COMPANY"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .faq_ttl h2.bg_font:after{content: "FAQ"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .voice_ttl h2.bg_font:after{content: "CUSTOMER'S VOICE"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .contact_ttl h2.bg_font:after{content: "INQUIRY"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .doc_ttl h2.bg_font:after{content: "DOCUMENT REQUEST"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} #wrap-outer2nd .privacy_ttl h2.bg_font:after{content: "PRIVACY"; left:0; right:0; bottom: -20px; line-height: 1; font-size: 50px;} /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {width:100%; background:#E59; overflow:hidden; box-sizing:border-box; padding:10px;} #contents ul#contents_navi li {float:left; font-size:12px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block; background:url(/images/common/contents_navi_line.gif) no-repeat right center; padding-right:10px; margin-right:8px;} #contents ul#contents_navi li.current a {font-weight:bold;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {margin:0 auto 0 auto; /*font-size:16px;*/ line-height:1.6; padding:0 0 30px 0;} #contents-inner-pages .inn{width:94%; margin:0 auto 0 auto;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages p.read {padding:0;} #contents-inner-pages .sp_off{ display:none; } #contents-inner-pages .common_h { font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:18px; padding:0 10px 8px 10px; } #contents-inner-pages .text_img td{ display: block; width:100% !important; padding:0 10px 0 10px; box-sizing:border-box; } #contents-inner-pages .text_img td:last-of-type{ padding:10px 10px 0 10px; } #contents-inner-pages .text_img p{ text-align:center; } #contents-inner-pages .text_img img{ width:180px; } /* table typeA */ #contents-inner-pages table.common_table_type_a {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_a th, #contents-inner-pages table.common_table_type_a td {border-right:2px solid #FFF; border-bottom:2px solid #FFF; padding:10px; text-align:center; font-size:12px; font-weight:bold; line-height:1.4; box-sizing:border-box;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left;} #contents-inner-pages table.common_table_type_a th:last-child, #contents-inner-pages table.common_table_type_a td:last-child {border-right:none;} /*color*/ #contents-inner-pages table.common_table_type_a th {background:#FC3; color:#432; border-bottom:2px solid #D7D3CD;} #contents-inner-pages table.common_table_type_a td {} #contents-inner-pages table.common_table_type_a tr:nth-child(even) {background:#F5F4F2;} #contents-inner-pages table.common_table_type_a tr:nth-child(odd){background:#EBE9E5;} /* table typeB */ #contents-inner-pages table.common_table_type_b {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {display: block; width:100% !important; text-align:left; border-bottom:2px solid #FFF; padding:10px ; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; } #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } .gray_back{ background-color:#f8f4f3; padding:1px 10px 30px 10px; margin-top:30px;} /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; background-color:#48433c; min-height:30px; padding-top: 4px; padding-left: 25px; letter-spacing: .6px; box-sizing:border-box;} #bread_navi li{ display:inline;} #bread_navi li a{ display:inline-block; color:#ffffff; font-size:10px; text-decoration:none;} #bread_navi li:first-child a{ font-weight:bold;} #bread_navi li + li:before{ display:inline-block; content:""; background:url(../images/common/bread-icon.png) no-repeat; width:4px; height:8px; margin:0 7px 0 20px;} /*================================== 会社概要 ==================================*/ #contents-inner-pages #company_info .photo{ text-align:center; margin: 20px auto 15px auto;} #contents-inner-pages #company_info .photo li{ display: inline-block; padding: 3px; margin: 0 3px 0 3px; background-color: #f6f6f6; border: 1px solid #e6e6e6; box-sizing:border-box; width:47%;} #contents-inner-pages #company_info .photo li img{ width:100%;} #contents-inner-pages #company_info .photo li p{ display:table; width:100%; height:42vw; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle;} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; display:block;} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {display:block; padding:10px; clear:both; color:#333333;} #contents-inner-pages table.mod-table td a{ display:inline-block; margin-bottom:10px;} #contents-inner-pages table.mod-table th {background-color:#edf6fa; vertical-align:top;} #contents-inner-pages table.mod-table .gmap {width:100%; height:245px;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:15px;} #contents-inner-pages table.mod-table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #contents-inner-pages table.mod-table .add_box .add{ width:100%; margin-bottom:10px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages #access .gmap {width:100%; height:250px;} #contents-inner-pages #company_info{} #contents-inner-pages #access{margin-top:30px;} #contents-inner-pages a.tel_link{ color:#000; text-decoration:none; } #contents-inner-pages #access p.text-center{ margin-bottom:15px;} /*================================== ニュースリリース ==================================*/ #contents-inner-pages #news{ margin-top: 30px;} #contents-inner-pages #news .news-list{ box-sizing:border-box;} #contents-inner-pages #news .news-list li + li{ margin-top:20px; color:#3b352e;} #contents-inner-pages #news .news-list li a{ color:#3b352e;} #contents-inner-pages #news .news-list li span{ display:inline-block; vertical-align:middle; width:130px; height:30px; text-align:center; font-size:13px; border:1px solid #3b352e; padding-top: 4px; box-sizing: border-box;} #contents-inner-pages #news .news-list li p{ font-size:13px; margin-top:12px;} /*================================== 物件情報 ==================================*/ #contents-inner-pages #js h3{ font-size:18px; padding: 15px 0 15px 0; margin-bottom:25px;} #contents-inner-pages #js .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:10px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #js p + h4{ margin-top:25px;} #contents-inner-pages #js p > small{ opacity:.7;} #contents-inner-pages #js .inn.breadcrumb{ margin:-10px auto 30px auto; font-size:12px; color:#666666;} #contents-inner-pages #js .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #js .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #js .main_blocks{ display:block; margin-bottom:20px;} #contents-inner-pages #js .main_blocks td{ display:block;} #contents-inner-pages #js .main_blocks td:first-child{ margin-bottom:15px;} #contents-inner-pages #js .main_blocks td:first-child img{ width:100% !important; height:auto !important;} #contents-inner-pages #js .main_blocks td:last-child > p{ font-size:15px; font-weight:bold; margin-bottom:20px; color: #c81717;} #contents-inner-pages #js .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #js table.mod-table tbody, #contents-inner-pages #js table.mod-table tr{ display: block;} #contents-inner-pages #js table.mod-table th, #contents-inner-pages #js table.mod-table td{ font-size: 14px; line-height:normal; padding: 10px 13px 10px 13px;} #contents-inner-pages #js .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #js .inn > #contents_navi h4{ margin:20px 0 0 0; font-size: 18px; color: #ebc08b; font-weight: bold; border-left: 2px solid #a77941; background-color: #302c28; box-sizing: border-box; padding: 10px 10px 10px 20px; letter-spacing: .5px;} #contents-inner-pages #js .inn > #contents_navi p{ position:relative; font-size:14px;} #contents-inner-pages #js .inn > #contents_navi p a{ display:block; background-color: #f8efe6; color:#48433c; text-decoration:none; padding:13px 13px 13px 13px;} #contents-inner-pages #js .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #js .inn > #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -3px; background: #48433c; transition: .3s;} #contents-inner-pages #js .inn > #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -3px; background: #f8efe6;} /*================================== 物件情報　仕様イメージ ==================================*/ #contents-inner-pages #js #photo_img{ max-width:350px; margin:20px auto 30px auto;} #contents-inner-pages #js #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #js #photo_img td{margin:0; border:0; width: 48%; display: block; float: left;} #contents-inner-pages #js #photo_img td:first-child{ padding:0 2% 0 0;} #contents-inner-pages #js #photo_img td:nth-child(2){ padding:0 0 0 2%;} #contents-inner-pages #js #photo_img td:nth-child(3){ padding:0 2% 0 0;} #contents-inner-pages #js #photo_img td:nth-child(4){ padding:0 0 0 2%;} #contents-inner-pages #js #photo_img #photos p{ padding:0; margin:0 0 15px 0; background-color:#eeeeee; padding:7px; width:100%; height:140px; overflow: hidden; position:relative; box-sizing: border-box; /*box-shadow:0 2px 0 rgb(0,0,0,.15);*/ } #contents-inner-pages #js #photo_img #photos p img { width:100% !important; height:auto !important; /*min-height:100%;*/} #contents-inner-pages #js #photo_img #photos p div { position:absolute; bottom:0; left: 0; right: 0; font-size:14px; background-color: #eeeeee; color: #333333; padding:5px 5px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #js #photo_img > p{ padding:0;} .lb-outerContainer,.lb-dataContainer{ max-width:80% !important; height:auto !important;} #lightbox img{ max-width: 100%;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #js h4 .category_label{ display: inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff;text-align:center;} #contents-inner-pages #js #list .category-list li{ margin-bottom:30px;} #contents-inner-pages #js #list .category-list .img{ width:100%; margin-bottom:15px;} #contents-inner-pages #js #list .category-list .img img{ width:100% !important; height:auto !important;} #contents-inner-pages #js #list .category-list .btn{ display:block; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; margin-top:15px;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #js #js-main-list *{ box-sizing:border-box;} #contents-inner-pages #js #js-main-list > li{ width:100%; margin-bottom:20px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #js #js-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #js #js-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #js #js-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #js #js-main-list > li p{ font-size:15px;} #contents-inner-pages #js #js-main-list > li .btn{ display:block; position:absolute; bottom:30px; left:auto; right:auto; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; font-size: 15px; font-weight: bold; margin-top:25px;} /*================================== 採用情報 ==================================*/ #contents-inner-pages #recruit{ margin-top:30px;} #contents-inner-pages #recruit .brown_btn{ display:block; width:100%; height:60px; /*font-size:16px;*/ text-align:center; border:1px solid #c81717; color:#c81717; text-decoration:none; padding-top:16px; box-sizing:border-box; margin:20px auto 50px;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy_blocks{ padding:50px 0 0 0;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {padding:0 10px 20px 10px;} #contents-inner-pages .news table {margin-bottom:20px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; display:inline-block; vertical-align:middle; padding:3px 4px 2px 4px; text-align:center; box-sizing:border-box;} #contents-inner-pages .news td.oshirase {background:#E59;} #contents-inner-pages .news td.blog {background:#0AE;} #contents-inner-pages .news td.date {padding-left:10px; font-weight:bold;} #contents-inner-pages .news td img {width:100%;} #contents-inner-pages .news td table td {display:block;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:100px auto 100px auto; opacity:.75; text-align:center;} #wrap-outer2nd .comming_soon h3{ font-size:26px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto; width:34px;} /*================================== お問い合わせ ==================================*/ #contents form .w1 {width:90%; box-sizing:border-box;} #contents form .w2 {width:90%; box-sizing:border-box;} #contents form .w3 {width:90%; box-sizing:border-box;} #contents form .w4 {width:95%; box-sizing:border-box; border:1px solid #DDD;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {margin:0 0 20px 0;} #contents .contents-form table#telephone {} #contents .contents-form table#telephone td {font-size:14px; text-align:center; padding:0 10px 15px 10px;} #contents .contents-form table#telephone td br {display:block;} #contents .contents-form table#telephone td.number {padding:15px 0 0 0;} #contents .contents-form table#telephone td.number a {font-size:36px; padding:50px 0 0 0; background:none; font-family:inherit;} #contents .contents-form table#telephone td.number img {display:block; width:40px; height:auto; margin:0 auto 5px auto;} #contents .contents-form table.basicTable {margin:0 auto 20px auto; border: none;} #contents .contents-form table th {border-bottom:none; background-color: #edf6fa;} #contents .contents-form table td{ background-color: #ffffff;} #contents .contents-form table th, #contents .contents-form table td {display:block; box-sizing:border-box; padding:10px; border: none;} #contents .contents-form .item {width:100%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0;} #contents .contents-form .lng {white-space:normal;} #contents .contents-form .vlng {} #contents .contents-form .required {color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement {color:#666; font-weight:normal; font-size:12px; margin-bottom:10px;} #contents .contents-form .ex {color:#666; font-weight:normal; font-size:12px; display:block; padding:0; margin-top:10px;} #contents .contents-form .reaffirmation {color:#666; font-weight:normal; font-size:12px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {padding:0 0 15px 0;} #contents .contents-form .error_list {padding:0 10px 0 10px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {padding:0 10px 0 10px;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} .menu-btn { top: 0px; right:0px; position:fixed; z-index:1000003; display: block; width: auto; min-width:35px; cursor: pointer; font-size:12px; letter-spacing:1px; text-align:center; border-radius:0 0 0 0; background-color:#0075c2; padding:4px 7px 7px 7px; color:#FFF; font-family: 'Fjalla One', '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; } .doc-btn { top: 0px; right: 50px; position: fixed; z-index: 1000003; display: block; width: auto; min-width: 35px; cursor: pointer; font-size: 10px; letter-spacing: 1px; text-align: center; border-radius: 0 0 0 8px; background-color: #e95388; padding: 6px 4px 7px 4px; color: #FFF; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; font-weight: normal; } .doc-btn a{ color:#fff; text-decoration:none; width: 100%; height: 100%; box-sizing: border-box; display: block; } .doc-btn img { padding: 4px 0 2px 0; width: 15px; } /* お問い合わせフォーム */ #contents .contents-form {margin:0 0 30px 0;} #contents .contents-form .inn.doc{ width:94%; margin:auto;} #contents .contents-form .doc > img{ margin:0 0 20px 0;} #contents .contents-form .doc > img + p{ text-align:center;} #contents .contents-form .doc .q_content{ text-align:left; background:url(/images/contact/people.png.jpg) no-repeat right bottom; background-size:70% auto; padding:20px 0 38% 0;} #contents .contents-form .doc .q_content ul{ padding-left:10px;} #contents .contents-form .doc .q_content ul li{ margin-bottom:15px; padding-left:30px; text-indent:-30px;} #contents .contents-form .doc .q_content ul li::before{ display:inline-block; content:""; width:26px; height:27px; background:url(/images/contact/ico_check.png) no-repeat; margin:0 5px -4px 0;} #contents .contents-form .doc .q_content ul li .bold{ font-weight:bold; display:inline;} #contents .contents-form .doc .pre_box{ border:1px solid #ed6d1f; box-sizing:border-box; padding:140px 3% 15px 3%; margin:100px auto 0 auto; position:relative;} #contents .contents-form .doc .pre_box p{ font-size:18px; line-height:52px; color:#ed6d1f; letter-spacing:0; text-align:center;} #contents .contents-form .doc .pre_box p .bold{ font-weight:bold; display:inline-block; background:url(/images/contact/desc_under.png) no-repeat center bottom; line-height:1.6;} #contents .contents-form .doc .pre_box img{ width:140px; position:absolute; top:-60px; left:50%; margin-left:-70px; box-shadow:8px 8px 0 rgba(0,0,0,.07);} #contents .contents-form .doc .points{ padding:20px 3% 20px 3%; box-sizing:border-box; background:#fefcef; margin-top:40px; text-align:left;} #contents .contents-form .doc .points .points_desc{} #contents .contents-form .doc .points .points_desc ul{} #contents .contents-form .doc .points .points_desc ul li{ padding-left:1em; text-indent:-1em;} #contents .contents-form .doc .trial{ margin-top:40px; padding-bottom:80px; text-align:center;} #contents .contents-form .doc .trial a{ display:block; width:94%; margin:auto; text-align:center; background:url(/images/contact/right_s_arrow.png?t=1), url(/images/contact/trial_btn_bg.png); background-repeat:no-repeat, repeat; background-position:19% center, center center; background-size:18px auto, auto auto; color:#fff; text-decoration:none; font-weight:bold; box-sizing:border-box; padding:17px 0 16px 14px; margin-top:16px; box-shadow:0 3px 0 #be5616;} #contents .contents-form .doc .trial p{ font-size:14px; margin-top:15px;} #contents .contact_phone{ margin-top: -20px;} #telephone.inquiry {margin:-10px auto 50px auto; text-align:center; padding:0 0 30px 0; background-color: #ffffff; box-shadow: 0 0 40px rgb(122 122 122 / 5%); border-radius: 0 50px 0 50px;} #telephone.inquiry h3{ font-weight: bold; font-size: 20px; background-color: transparent; margin-bottom: 17px; border-bottom: 1px dotted; padding-bottom:27px; max-width: 85%;} #telephone.inquiry a.num { display:block; font-family:'Fjalla One', sans-serif; font-size:34px; text-decoration:none; color:#e95388;} #telephone.inquiry a.num em:before{ content:"tel."; display: inline-block; } #telephone.inquiry .open {font-size: 12px; line-height:1.6; } #telephone.inquiry small{ font-size: 10px; opacity: .8; letter-spacing: 0;} #contents .contents-form table.basicTable td input {border:1px solid #EEE; margin:0 10px 0 0;} #contents .contents-form .error_list .alert{ margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 60px; color:#e64545; } .contents-form table.basicTable {border-top:1px solid #727171; margin-top:20px;} .contents-form table.basicTable th, .contents-form table.basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none; border-bottom:1px solid #727171;} .contents-form table.basicTable th {padding:8px 10px 4px 10px;} .contents-form table.basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#C00; padding-left:5px;font-size:12px; font-weight:normal;} .contents-form .contact_bt {margin-top:25px; text-align:center;} .contents-form .error_list {margin:25px 0 20px 0;} .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } /*.contents-form div { margin-bottom:10px}*/ .contents-form input[type="text"], .contents-form input[type="tel"], .contents-form textarea { margin:0 0 10px 0; padding:5px;} .contents-form textarea { border:1px solid #ccc;} .contents-form .imeDisabled {} .contents-form .w1 {width:200px; border:1px solid #ccc;} .contents-form .w2 {width:95%; border:1px solid #ccc;} .contents-form .w3 {width:50px; border:1px solid #ccc;} .contents-form .w4 {width:200px; border:1px solid #ccc;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff; font-size:80%;} .contents-form div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px; display:none;} ::-webkit-scrollbar-thumb { background:#aaa;} .slick-dots li button:before { top: -30px; z-index:100000; } /*================================== スタッフ ==================================*/ #contents-inner-pages .staff .staff_detail ul #point2, #contents-inner-pages .staff .staff_detail ul #point3, #contents-inner-pages .staff .staff_detail ul #point5{ padding-top: 160px;margin-top: -160px; } #contents-inner-pages .staff .staff_detail ul{ margin:22px 0 24px 0;} #contents-inner-pages .staff .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 .staff_detail ul li.point_box.point_odd{ background:#f3f9fb;} #contents-inner-pages .staff .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 .staff_detail ul li.point_box .point_ttl span.point_num{ display:block; position:absolute; top:0; left:0;} #contents-inner-pages .staff .staff_detail ul li.point_box .point_ttl span.point_num img{ width:60px !important;} #contents-inner-pages .staff .staff_detail ul li.point_box .point_text{ width:auto; margin-bottom:15px; text-align:left;} #contents-inner-pages .staff .staff_detail ul li.point_box .point_img{} #contents-inner-pages .staff .staff_detail .faq{ border:1px solid #ed6d1f; width:100%; padding:20px 15px 15px 15px; box-sizing:border-box; color:#ed6d1f;} #contents-inner-pages .staff .staff_detail .faq ul{ margin-bottom:0;} #contents-inner-pages .staff .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 .staff_detail .faq p{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;} #contents-inner-pages .staff .staff_detail {margin-bottom:45px;} #contents-inner-pages .staff .staff_detail h3 img{width:144px!important; height:auto;} #contents-inner-pages .staff .staff_detail > table{ padding:10px 3% 20px 3%; margin:0 0 30px 0; position:relative;} #contents-inner-pages .staff .staff_detail > table:nth-of-type(odd){/* background:#f3f9fb;*/} #contents-inner-pages .staff .staff_detail table td{ vertical-align:top; display:block;} #contents-inner-pages .staff .staff_detail table img{ width:150px; max-width:inherit;} #contents-inner-pages .staff .staff_detail h3{ text-align:left; margin:0 0 12px 0;} #contents-inner-pages .staff .staff_detail table h3,#contents-inner-pages .staff .staff_detail table h3 + p{ margin-right:150px;} #contents-inner-pages .staff .staff_detail table h3 + p{ height:105px;} #contents-inner-pages .staff .staff_detail table h3 img{ height:23px; width:auto !important; max-width:100%;} #contents-inner-pages .staff .staff_detail table h3 img.pc_none{display:block;} #contents-inner-pages .staff .staff_detail table h3 img.sp_none{display:none;} #contents-inner-pages .staff .staff_detail table h3 span{ font-size:12px; padding:0.8em 0 0 0; color:#c3d4da;} #contents-inner-pages .staff .staff_detail > table:nth-of-type(odd){ background:#f3f9fb;} #contents-inner-pages .staff .staff_detail table td table{display:block;} #contents-inner-pages .staff .staff_detail table td:nth-of-type(2) img{float:right; width:150px; display:block; margin:0 0 10px 0;} #contents-inner-pages .staff .staff_detail table td:nth-of-type(2) { position:absolute;top:160px;right:10px;} #contents-inner-pages .staff .staff_detail > table:nth-of-type(odd) td:nth-of-type(2) { top:10px;} #contents-inner-pages .staff .staff_detail #staff01 td:nth-of-type(2) { top:160px;} #contents-inner-pages .staff .staff_detail table td table { /*position:absolute;top:188px;right:0;*/ padding:10px 0 20px 0;} #contents-inner-pages .staff .staff_detail table table td:nth-of-type(1){font-weight:bold;} #contents-inner-pages .staff .staff_detail table table td:last-of-type{ font-weight:inherit;} #contents-inner-pages .staff .staff_detail table td table td:nth-of-type(2) { position:static;margin-bottom:15px;} #contents-inner-pages .staff .staff_detail #staff01, #contents-inner-pages .staff .staff_detail #staff02, #contents-inner-pages .staff .staff_detail #staff04, #contents-inner-pages .staff .staff_detail #staff06, #contents-inner-pages .staff .staff_detail #staff08, #contents-inner-pages .staff .staff_detail #staff10, #contents-inner-pages .staff .staff_detail #staff12 { padding-top:160px !important; margin-top:-160px !important;} /*================================== レンタルショップ詳細ページ ==================================*/ /*　--　キャンペーン　--　*/ #contents-inner-pages .rentaloffice #campaign{margin: 0 0 50px 0; box-sizing: border-box;} #contents-inner-pages .rentaloffice #campaign .campaign_bk{background-color: #e5f1f9; border-radius: 50px 0 50px 0; overflow: hidden;} #contents-inner-pages .rentaloffice #campaign .inn{width:100%; margin:0 auto 0 auto; padding:0 15px 30px 15px; position: relative; box-sizing: border-box;} #contents-inner-pages .rentaloffice #campaign .img{ overflow: hidden; height: 200px; margin:0 -15px 20px -15px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;} #contents-inner-pages .rentaloffice #campaign h2.bg_font{ font-size: 23px; z-index: 2; line-height: normal;} #contents-inner-pages .rentaloffice #campaign h2.bg_font:after{content: "CAMPAIGN"; font-size: 60px; left:0; bottom:-30px; background: rgb(237,245,251); background: linear-gradient(126deg, rgba(237,245,251,1) 0%, rgba(237,245,251,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: -1;} #contents-inner-pages .rentaloffice #campaign h3{ font-size: 18px; font-weight: normal; color: #e95388; position: relative; margin-bottom: 20px; z-index: 2; text-align: left; margin: 0 0 30px 0; letter-spacing: 0; line-height: normal;} #contents-inner-pages .rentaloffice #campaign h3:after{ content: ""; width: 100%; height: 1px; background: #e95388; position: absolute; left:0; bottom:-5px;} #contents-inner-pages .rentaloffice #campaign p + p{ margin-top: 15px;} #contents-inner-pages .rentaloffice #campaign small{ opacity: .7;} /*　--　フォトギャラリー　--　*/ #contents-inner-pages .rentaloffice #photo_gallery{margin: 0 auto 50px auto; } #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-slide {width: 300px; height: 230px; margin: 0 3px 0 3px;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo span.img{ border-radius: 10px; overflow: hidden;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-prev:before, #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-next:before{display: none;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-prev{ width: 20px; height: 29px; z-index: 50; background:url(/images/rentaloffice/photo_navi_left.png) no-repeat; background-size: cover; left: 13px; transition: .3s;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-next{ width: 20px; height: 29px; z-index: 50; background:url(/images/rentaloffice/photo_navi_right.png) no-repeat; background-size: cover; right: 13px; transition: .3s;} /*　--　特徴　--　*/ #contents-inner-pages .rentaloffice #features{ margin-bottom: 50px;} #contents-inner-pages .rentaloffice #features ul.point{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; margin: 0; padding-left: 10px;} #contents-inner-pages .rentaloffice #features ul.point li{ font-size: 11px; font-weight: bold; color: #ffffff; text-align: center; width: 90px; height: 90px; border-radius: 50%; background-color: #0075c2; padding-top: 25px; box-sizing: border-box; margin-right: 10px; margin-bottom: 10px} #contents-inner-pages .rentaloffice #features ul.point li span.icon{ display: flex; width: 20px; height: 20px; margin:0 auto 7px auto; align-items: flex-end; justify-content: center;} #contents-inner-pages .rentaloffice #features ul.point li:nth-child(even){ background-color: #0061a1;} /*　--　レンタルオフィスの仕様　--　*/ #contents-inner-pages .rentaloffice #spec{ margin-bottom: 50px;} #contents-inner-pages .rentaloffice #spec .spec_point{ margin-bottom: 30px;} #contents-inner-pages .rentaloffice #spec .spec_point.p2,#contents-inner-pages .rentaloffice #spec .spec_point.p4{ flex-direction: row-reverse;} #contents-inner-pages .rentaloffice #spec .spec_point span.img{ border-radius: 50px 0 50px 0; overflow: hidden; } #contents-inner-pages .rentaloffice #spec .spec_point .text{ box-sizing: border-box; margin-top: 15px;} #contents-inner-pages .rentaloffice #spec .spec_point .text a{color: #e95388;} #contents-inner-pages .rentaloffice #spec .spec_point h3{ font-size: 23px; font-weight: bold; color: #e95388; position: relative; z-index: 2; margin-bottom: 30px; text-align: left; padding-top: 25px; padding-left: 15px;} #contents-inner-pages .rentaloffice #spec .spec_point h3:after{ z-index: -1; font-family: 'Fjalla One', sans-serif; font-size: 80px; font-weight: normal; color: rgba(233,83,136,0.1); position: absolute; top:0; left:0; letter-spacing: -5px;} #contents-inner-pages .rentaloffice #spec .spec_point.p1 h3:after{ content: "01";} #contents-inner-pages .rentaloffice #spec .spec_point.p2 h3:after{ content: "02";} #contents-inner-pages .rentaloffice #spec .spec_point.p3 h3:after{ content: "03";} #contents-inner-pages .rentaloffice #spec .spec_point.p4 h3:after{ content: "04";} #contents-inner-pages .rentaloffice #spec .spec_point.p3 {margin-bottom:40px;} #contents-inner-pages .rentaloffice #spec .spec_point.p3 h3{padding-top:10px; margin-bottom:0;} #contents-inner-pages .rentaloffice #spec .spec_point h3 .price{ font-size: 16px; font-weight: bold; color: #e95388; position: relative; margin-bottom: 15px; margin-top:10px; margin-left:60px;} #contents-inner-pages .rentaloffice #spec .spec_point h3 .price span{ font-size: 23px; font-weight: normal; font-family: 'Fjalla One', sans-serif; margin: 0 5px 0 5px; } #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink{width: 280px; font-size: 16px; font-weight: bold; line-height: 1.3; text-align: center; vertical-align: middle; color: #e95388; position: relative; box-sizing: border-box; border-radius: 35px; padding: 5px; border: 1px solid #e95388; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 60px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin: 20px auto 0 auto;} #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink_sp.png) no-repeat; background-size: cover; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 15px; } /*　--　設備／周辺環境　--　*/ #contents-inner-pages .rentaloffice #facility,#contents-inner-pages .rentaloffice #environment{ margin-bottom: 35px;} #contents-inner-pages .rentaloffice .rentaloffice_list{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding-left: 10px;} #contents-inner-pages .rentaloffice .rentaloffice_list li{ width: 30%; max-width: 100px; font-weight: bold; margin:0 10px 15px 0; text-align: center; font-size: 12px; letter-spacing: 0px;} #contents-inner-pages .rentaloffice #environment .rentaloffice_list li{ width: 45%; max-width: 120px; } #contents-inner-pages .rentaloffice .rentaloffice_list li span.img{ display: block; width: 100%; border-radius: 20px; overflow: hidden; margin:0 auto 8px auto;} /*　--　価格・空室状況　--　*/ #contents-inner-pages .rentaloffice #price{ padding: 0; margin-bottom: 50px; position: relative; box-sizing: border-box; text-align: center;} #contents-inner-pages .rentaloffice #price h2.normal span{letter-spacing: -1px; padding-top: 2px;} #contents-inner-pages .rentaloffice #price .img_blocks{ background-color: #ffffff; width:100%; box-shadow: 0 0 40px rgba(122,122,122,0.05); border-radius: 50px 0 0 0; padding: 20px; box-sizing: border-box; margin-bottom: 30px; } #contents-inner-pages .rentaloffice #price .img_blocks .img img{max-height:250px;} #contents-inner-pages .rentaloffice #price .img_blocks .tag{ position: absolute; top:60px; left:0; width: 110px; height: 67px; border-radius: 0 10px 10px 0; color: #ffffff; text-align: center; font-weight: bold; font-size: 14px; background: rgb(235,92,143); background: linear-gradient(126deg, rgba(235,92,143,1) 0%, rgba(230,75,127,1) 100%);} #contents-inner-pages .rentaloffice #price .img_blocks .tag.blue{font-size: 21px; background: rgb(0,125,198); background: linear-gradient(126deg, rgba(0,125,198,1) 0%, rgba(0,108,187,1) 100%); letter-spacing: 5px;} #contents-inner-pages .rentaloffice #price .img_blocks .tag em{ display: block; font-size: 12px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #contents-inner-pages .rentaloffice #price .img_blocks .tag span{ font-size: 21px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} #contents-inner-pages .rentaloffice.chiba-shinjuku #price .img_blocks .tag{ top:210px;} #contents-inner-pages .rentaloffice.chiba-shinjuku2 #price .img_blocks .tag{ top:214px;} #contents-inner-pages .rentaloffice #price .fukidashi{ width: 300px; margin: 0 auto 15px auto; font-weight: bold; font-size: 15px; background:url(/images/rentaloffice/price_fukidashi_l_sp.png) no-repeat left bottom,url(/images/rentaloffice/price_fukidashi_r_sp.png) no-repeat right bottom; background-size: 19px 35px; } #contents-inner-pages .rentaloffice #price h3{ font-size: 26px; font-weight: bold; color: #e95388; margin-bottom: 25px; line-height: 42px;} #contents-inner-pages .rentaloffice #price h3 span{ font-size: 40px; font-weight: normal; vertical-align: text-bottom;} #contents-inner-pages .rentaloffice #price a.btn-blue{display: block; position: relative; height: 60px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 15px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #0075c2; border-radius: 35px; width: 280px; margin: auto;} #contents-inner-pages .rentaloffice #price a.btn-blue strong{color: #fffacd;} #contents-inner-pages .rentaloffice #price a.btn-blue:before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px; background: url(/images/icon/btn_business_wh_sp.png) no-repeat; background-size: cover; width: 25px; height: 27px; } /*　--　所在地　--　*/ #contents-inner-pages .rentaloffice #location{ padding: 0; position: relative; box-sizing: border-box; text-align: left;} #contents-inner-pages .rentaloffice #location .rentaloffice_map{ background-color: #ffffff; width:100%; height: 250px; box-shadow: 0 0 40px rgba(122,122,122,0.05); border-radius: 0 50px 0 0; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; } #contents-inner-pages .rentaloffice #location .rentaloffice_map iframe{ width: 100%; height: 250px;} #contents-inner-pages .rentaloffice #location h2.normal{ margin-bottom: 35px; text-align: center;} #contents-inner-pages .rentaloffice #location h3{ font-weight: bold; font-size: 20px; color: #3c3c3c; margin-bottom: 15px; text-align: left;} #contents-inner-pages .rentaloffice #location h4{ font-size: 16px; padding: 0; margin: 15px 0 5px 0;} /*================================== 価格・空室状況 ==================================*/ #contents-inner-pages .price{ margin-top: -35px; margin-bottom: -50px;} #contents-inner-pages .price #price_link{background:rgba(1, 112, 185, 1); width: auto; margin: 0 -10px 50px -10px; padding: 30px 15px 30px 15px;} #contents-inner-pages .price #price_link li {position: relative; box-sizing: border-box; width: 100%; height: 70px; margin: 0; text-align: center; cursor: pointer;} #contents-inner-pages .price #price_link li + li{ margin-top: 10px;} #contents-inner-pages .price #price_link li a {font-size: 14px; font-weight: normal; line-height: 1.3; text-align: center; vertical-align: middle; color: #ffffff; position: relative; box-sizing: border-box; border-radius: 45px; width: 100%; padding: 5px; border: 1px solid #ffffff;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 70px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; flex-direction: column; z-index: 1;} #contents-inner-pages .price #price_link li a::after{ content: ""; display: block; background:url(/images/price/btn_indent_b_wh.png) no-repeat; width: 16px; height: 10px; margin-top: 5px; } #contents-inner-pages .price #price_link a span{display:inline-block; margin-left:5px; padding-top:1px;} #contents-inner-pages .price #price_link a strong{color: #fffacd; font-weight: normal;} #contents-inner-pages .price #price_wrap { margin-bottom: 40px;} #contents-inner-pages .price #price_wrap h2.line{margin-top: 30px; margin-bottom: 20px;} #contents-inner-pages .price #price_wrap .vacancy_blocks{background-color: #ffffff; box-shadow: 0 0 40px rgba(122,122,122,0.05); text-align: center; border-radius: 0 50px 0 50px; padding: 80px 20px 40px 20px; box-sizing: border-box; position: relative; } #contents-inner-pages .price #price_wrap .vacancy_blocks .tag{ position: absolute; top:10px; left:0; width: 110px; height: 67px; border-radius: 0 10px 10px 0; color: #ffffff; text-align: center; font-weight: bold; font-size: 14px; background: rgb(235,92,143); background: linear-gradient(126deg, rgba(235,92,143,1) 0%, rgba(230,75,127,1) 100%);} #contents-inner-pages .price #price_wrap .vacancy_blocks .tag.blue{font-size: 21px; background: rgb(0,125,198); background: linear-gradient(126deg, rgba(0,125,198,1) 0%, rgba(0,108,187,1) 100%); letter-spacing: 5px;} #contents-inner-pages .price #price_wrap .vacancy_blocks .tag em{ display: block; font-size: 12px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #contents-inner-pages .price #price_wrap .vacancy_blocks .tag span{ font-size: 21px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} /*#contents-inner-pages .price #price_wrap .vacancy_blocks .img{ width: 250px; max-height: 300px; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto;}*/ #contents-inner-pages .price #price_wrap .vacancy_blocks table img{margin: 20px auto 20px auto;} #contents-inner-pages .price table#price_table{ display: block; overflow-x: scroll;} #contents-inner-pages .price table#price_table tbody { display: table; width: 500px; font-size: 14px; border:2px solid #f0f0f0; border-collapse:separate; overflow: hidden; border-spacing: 0; border-radius: 15px; margin: auto;} #contents-inner-pages .price table#price_table th, #contents-inner-pages .price table#price_table td {border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-collapse:collapse; padding:3px 5px 3px 5px; vertical-align: middle; } #contents-inner-pages .price table#price_table th{ padding: 10px 5px 10px 5px;} #contents-inner-pages .price table#price_table tr:nth-child(odd) {background:#F7f7f7;} #contents-inner-pages .price table#price_table th {background:#0096bc; color:#FFF;} #contents-inner-pages .price table#price_table td {text-align:center;} #contents-inner-pages .price table#price_table tr > th:last-child,#contents-inner-pages .price table#price_table td:last-child{border-right:none} #contents-inner-pages .price table#price_table tr:last-child > th,#contents-inner-pages .price table#price_table td{border-bottom:none} #contents-inner-pages .price #conditions{} #contents-inner-pages .price #conditions .text_blocks{ margin-bottom: 30px;} #contents-inner-pages .price #conditions ul.list{ padding: 0 15px 0 25px;} #contents-inner-pages .price #conditions ul.list li{list-style: circle;} #contents-inner-pages .price #conditions ul.list + p,#contents-inner-pages .price #conditions p + p{ margin-top: 15px;} #contents-inner-pages .price #conditions p{ padding: 0 15px 0 15px;} #contents-inner-pages .price #download{ background-color: #e5f1f9; width: auto; margin: 0 -10px 60px -10px;} #contents-inner-pages .price #download .download_inn{margin: 0 auto 0 auto; text-align: center; padding: 40px 10px 50px 10px;} #contents-inner-pages .price #download h2{ color: #0071bc; font-size: 30px; font-weight: bold; line-height: 1.61; margin-bottom: 10px;} #contents-inner-pages .price #download h2 span{ display: block; font-size: 20px} #contents-inner-pages .price #download h2 strong{ color: #004fa6;} #contents-inner-pages .price #download p{ } #contents-inner-pages .price #download .btn_area{display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 20px; } #contents-inner-pages .price #download a{display: block; position: relative; height: 70px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 19px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 37.5px; width: 300px; box-shadow: 0 0 20px rgba(0,117,194,0.15); font-size: 16px; margin: 0 10px 0 10px;} #contents-inner-pages .price #download a.btn_individuals{background-color: #e98153;} #contents-inner-pages .price #download a.btn_corporations{background-color: #e95388; margin-top: 10px;} #contents-inner-pages .price #download a strong{color: #fffacd;} #contents-inner-pages .price #download a::before{ content: ""; display: inline-block; margin-right: 15px; vertical-align: middle; margin-bottom: 2px;} #contents-inner-pages .price #download a.btn_individuals::before{ background:url(/images/price/icon_kojin_sp.png) no-repeat; background-size: cover; width: 25px; height: 30px; } #contents-inner-pages .price #download a.btn_corporations::before{ background:url(/images/price/icon_hojin_sp.png) no-repeat; background-size: cover; width: 25px; height: 30px; } /*================================== ネクスタの特徴 ==================================*/ /*　--　レンタルオフィスの強み　--　*/ #contents-inner-pages .features #spec{ margin-bottom: 50px;} #contents-inner-pages .features #spec .spec_point{ margin-bottom: 30px;} #contents-inner-pages .features #spec .spec_point.p2,#contents-inner-pages .features #spec .spec_point.p4{ flex-direction: row-reverse;} #contents-inner-pages .features #spec .spec_point span.img{ border-radius: 50px 0 50px 0; overflow: hidden; } #contents-inner-pages .features #spec .spec_point .text{ box-sizing: border-box; margin-top: 1px;} #contents-inner-pages .features #spec .spec_point .text a{color: #e95388;} #contents-inner-pages .features #spec .spec_point h3{ font-size: 23px; font-weight: bold; color: #e95388; position: relative; z-index: 2; margin-bottom: 29px; text-align: left; padding-top: 36px; padding-left: 22px; line-height: 1.31; max-width: 300px; margin-left: 0;} #contents-inner-pages .features #spec .spec_point h3:after{ z-index: -1; font-family: 'Fjalla One', sans-serif; font-size: 80px; font-weight: normal; color: rgba(233,83,136,0.1); position: absolute; top:0; left:0; letter-spacing: -5px;} #contents-inner-pages .features #spec .spec_point.p1 h3:after{ content: "01";} #contents-inner-pages .features #spec .spec_point.p2 h3:after{ content: "02";} #contents-inner-pages .features #spec .spec_point.p3 h3:after{ content: "03";} #contents-inner-pages .features #spec .spec_point.p4 h3:after{ content: "04";} /*　--　設備／周辺環境　--　*/ #contents-inner-pages .features #environment{ margin-bottom: 0;} #contents-inner-pages .features .features_list{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding-left: 10px;} #contents-inner-pages .features .features_list li{ width: 30%; max-width: 100px; font-weight: bold; margin:0 10px 15px 0; text-align: center; font-size: 12px; letter-spacing: 0px;} #contents-inner-pages .features #environment .features_list li{ width: 45%; max-width: 120px; } #contents-inner-pages .features .features_list li span.img{ display: block; width: 100%; border-radius: 20px; overflow: hidden; margin:0 auto 8px auto;} /*================================== よくあるご質問 ==================================*/ #contents-inner-pages .faq .faq_wrap{ width:100%; margin:-20px auto 30px auto;} #contents-inner-pages .faq .faq_wrap dl + dl{ margin-top: 15px;} #contents-inner-pages .faq .faq_wrap dt{font-size: 18px; cursor: pointer; font-weight: bold; color: #ffffff; background: rgb(0,116,194); background: linear-gradient(126deg, rgba(0,116,194,1) 0%, rgba(0,100,184,1) 100%); width: 100%; padding: 18px 25px 14px 52px; text-align: left !important; box-sizing: border-box; position: relative; transition: .3s;} #contents-inner-pages .faq .faq_wrap dt:before{ display: inline-block; content: "Q"; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: normal; position: absolute; top:8px; left:19px;} #contents-inner-pages .faq .faq_wrap dt:after{ display: inline-block; content: "▼"; font-size: 13px; margin-left: 5px;} #contents-inner-pages .faq .faq_wrap dt.active:after{content: "▲"; } #contents-inner-pages .faq .faq_wrap dd{ display:none; position: relative; margin-top: 15px; padding: 1px 10px 20px 54px;} #contents-inner-pages .faq .faq_wrap dd:before{ display: block; position: absolute; content: "A"; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: normal; color: #e95388; top:0; left:20px; line-height: 1;} #contents-inner-pages .faq .faq_wrap dd p + p{ margin-top: 15px;} #contents-inner-pages .faq .faq_wrap dd strong{ display: block; margin-bottom: 10px;} #contents-inner-pages .faq .faq_wrap dd span.txt_line{ display: block; margin-bottom: 0px; text-decoration: underline;} /*================================== お客様の声 ==================================*/ #contents-inner-pages .voice{ margin-top: -10px;} #contents-inner-pages .voice .voice_blocks{background-color: #ffffff; box-shadow: 0 0 40px rgba(122,122,122,0.05); border-radius: 0 50px 0 50px; padding: 35px 35px 40px 35px; box-sizing: border-box;} #contents-inner-pages .voice .voice_blocks + .voice_blocks{ margin-top: 30px;} #contents-inner-pages .voice .voice_blocks h3{ font-size: 22px; font-weight: bold; color: #0075c2; text-align: left; margin-bottom: 20px;} #contents-inner-pages .voice .voice_blocks h3:before{ display: inline-block; content: ""; background:url(/images/voice/icon_customer.png) no-repeat; background-size: cover; width: 20px; height: 22px; margin-right: 22px; vertical-align: middle; margin-bottom: 3px;} #contents-inner-pages .voice .voice_blocks p{} /*LINEお問い合わせ*/ #contact_line{ margin:50px 0 0 0;} #contact_line a{display: flex; position: relative; width: 100%; height: 60px; color: #ffffff; text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; padding: 2px 10px 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #00c300; border-radius: 35px; justify-content: center; align-items: center; margin:20px auto 0 auto; cursor:pointer; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} #contact_line a::before{content: ""; display: inline-block; margin-right: 14px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/f_btn_line_wh.png) no-repeat; width: 30px; height: 30px;}