/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#3c3c3c; font-size:12px; position:absolute; top:25px; left:0; font-weight:normal; z-index:2; letter-spacing: .5px;} h2 {margin:0 auto 60px auto; color:#a77941; font-size:17px; font-weight:normal; line-height:1; text-align:center;} h2.bg_font{ font-size: 38px; color: #0075c2; font-weight: bold; position: relative; text-align: left; letter-spacing: -0.01em;} h2.bg_font span{ display: block; font-size: 45px; margin-left: -5px; margin-top: 25px;} h2.bg_font:after{content: ""; font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 200px; 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: 80px; font-weight: normal; margin-bottom:16px; 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: 42px; font-weight: bold; color: #0075c2; position: relative; line-height: normal; margin: 0 auto 70px auto; padding-top: 50px;} h2.line:before{ display: block; content: ""; width: 2px; height: 50px; background-color: #0075c2; position: absolute; top:0; left:0; right:0; margin: auto;} h3 {color:#2c2721; font-size:28px; font-weight:bold; line-height:1; margin:0; padding:0;} h3.normal{ font-size: 23px; font-weight: bold; color: #ffffff; background-color: #0075c2; width: 100%; padding: 28px 30px 29px 30px; text-align: left !important; box-sizing: border-box;} #wrap-outer2nd h3{ margin:0 auto 40px auto; line-height:1; text-align:center;} #wrap-outer2nd h3.eng_none{ font-size:22px; letter-spacing:.05em; padding: 25px 0 24px 0; margin-bottom: 30px;} #contents .contents-form .doc h3{ font-size:26px; text-align:left; color:#fff; background:url(/images/contact/contact_h_bg.png) repeat; padding:23px 0 21px 33px; margin:48px 0 0 0;} #contents .contents-form .doc h3 .yellow{ color:#ffe778; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:bold;} h4 {margin-bottom:20px; color: #3c3c3c; font-weight: bold;} #wrap-outer2nd h4{ font-size:18px; box-sizing:border-box; padding:10px 10px 8px 20px; letter-spacing:.5px; margin-bottom:25px;} #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{width:920px; box-sizing:border-box; float:left;} #wrap-outer2nd #side_menu{float:right; font-weight:normal; width:250px; box-sizing:border-box;} #wrap-outer2nd #side_menu > div{ margin-bottom:50px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap ul{font-weight:bold;} #wrap-outer2nd #side_menu p.head{ border-top:1px solid #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 span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_wrap li{ margin-bottom:4px;} #wrap-outer2nd #side_menu .side_wrap li:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; color:#727171; text-decoration:none; background:#edf6fa url(/images/products/indent_products_gray.png) no-repeat right 17px top 45px; background-size:13px 13px;} #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;} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_case .side_wrap li{ display:table; width:100%; min-height:80px;} #wrap-outer2nd #side_menu .side_case .side_wrap li a{ display:table-cell; vertical-align:middle; padding:12px 40px 12px 11px; background-position:center right 17px;} #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:4px 8px 3px 8px;} #wrap-outer2nd #side_menu .side_case li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_sns ul{ font-size:0; text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:19px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} #wrap-outer2nd .read{/*font-size:20px; */color:#333; font-weight:bold;} #wrap-outer2nd #side_menu li.page_link_side{ background:none; box-sizing:border-box; padding:0; margin:0 0 20px 0;} #wrap-outer2nd #side_menu li.page_link_side a{display:block; text-decoration:none; padding:0;} #wrap-outer2nd #side_menu li.page_link_side a:hover{ background:none;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:160%; border:1px solid #DDD;} select{font-size:100%; margin-right:20px; border:1px solid #DDD;} label{font-size:100%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 350px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background-color: #e95388; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px;} .btn_mail:hover,.btn_top:hover{background: #e83a60; } .btn_line:hover{ background-color: #0095b0;} .btn_top {width:50%; margin-top:60px;} .btn_line {width:50%; background:#00adb8; font-size:22px;} .btn_back {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent_back.png),#a5a5a5; background-repeat:no-repeat; background-position:10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:left;} .btn_back:hover{background:url(/images/contact/form_btn_indent_back.png),#5d5d5d; background-repeat:no-repeat; background-position:15% center; } .btn_end {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent.png),#e95388; background-repeat:no-repeat; background-position:right 10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_end:hover{background:url(/images/contact/form_btn_indent.png),#e83a60; background-repeat:no-repeat; background-position:right 15% center;} .btn_more {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 400px; font-size: 20px; margin: 80px auto 13px auto; cursor:pointer; background:#e98153; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_more:hover{background: #e85b3f; } .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:800px; box-sizing:border-box;} .link_btn{ text-align:center; margin-top:40px;} .sp{ display:none !important;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} .pushy.pushy-right {display: none;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1200px;} #wrap-outer2 {width:100%; min-width:1200px;} #wrap-outer3 {} #wrap-outer2nd {width:100%; min-width:1200px; } #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap,#wrap-outer2nd #wrap{width:100%; min-width:1200px;} #wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; /*padding-bottom:110px;*/} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; position:relative; z-index:999;} #header::after{ display:block; content:""; width:100%; height:26px; background:url(/images/header/header_bg_btm.png) no-repeat center top; background-size:100% auto; position:absolute; bottom:-26px; left:0; z-index:9999;} #wrap-outer2nd #header::after{ display:none;} #header .inn {width:calc(100% - 70px); min-width:1200px; height:160px; margin:0 auto 0 auto; position:relative;} #header .logo {position: absolute; top:60px; left:0; width:280px; z-index:1;} #header .tel_blocks{ position:absolute; top:30px; right:0; color: #0075c2; display: flex; align-items: center; line-height: 1;} #header .tel_blocks span{ font-weight: bold; font-size: 15px} #header .tel_blocks em{ font-size: 13px;} #header .tel{ display: inline-block; margin: 0 17px; padding-bottom: 7px;} #header ul li {/*line-height:1em;*/} #header ul.navi {position:absolute; top:92px; right:0;} #header ul.navi li {float:left; margin:0 40px 0 0; font-size:15px; font-weight: bold; letter-spacing: .5px;} #header ul.navi li a {color:#3c3c3c; text-decoration:none; display:block; box-sizing:border-box; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; padding-bottom: 10px;} #header ul.navi li a:hover,#header ul.navi li a.active{ opacity: 1 !important; color: #706f70;} #header ul.navi li:last-child {margin-right:0;} #header ul.navi .active a { color: #ff6633; border-bottom: 3px solid #ff6633; padding-bottom: 2px;} #header ul.navi > li > a::after { position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #706f70; bottom: 7px; transform: scale(0, 1); transform-origin: right top; transition: transform 0.3s; } #header ul.navi li a:hover::after,#header ul.navi li a.active::after {transform: scale(1, 1); transform-origin: left top; } #wrap-outer2nd #header ul.navi > li.top > a.active::after{ display: none;} /*sub_menu*/ #header .sub .child {white-space: nowrap; background:rgba(1, 112, 185, .95); position: fixed; z-index: 99988; top: 125px; left:0; right:0; display:none; margin: 0 auto 0 auto; width:100%; overflow: hidden;} #header .sub .child .inner{ width: 100%; margin: 0 auto 0 auto; padding:28px 25px 10px 25px; box-sizing:border-box;} #header .sub .child .label_sale{color:#000; font-size:16px; text-align:left; position:relative; display: inline-block; vertical-align: middle; width: 100%; height: 24px; margin:0 30px 6px 0; -webkit-text-stroke-width:.3px !important;} #header .sub .child .label_sale .text_wrap{ display:inline-block; width:175px;} #header .sub .child .label_sale .txt_s{ display:inline-block;font-size:12px; padding-left:3px;} #header .sub .child .all_search_link a{display:inline-block; vertical-align: top; padding:3px 0 0; border-radius:30px; width:220px; text-align:left; color:#000; font-size:13px; text-decoration:none; text-shadow:none; font-weight:normal;} #header .sub .child .all_search_link a::after{ display:none;} #header .sub .child .type .all_search_link a{left:118px;} #header .sub .child ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: center; margin: 0 0 16px 0;} #header .sub .child ul li {position: relative; box-sizing: border-box; width: 23%; height: 68px; margin: 0 15px 10px 0; text-align: center; cursor: pointer;} #header .sub .child ul li a {font-size: 16px; font-weight: normal; line-height: 1.3; text-align: center; vertical-align: middle; color: #ffffff; position: relative; box-sizing: border-box; border-radius: 35px; 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: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden;} #header .sub .child ul li a::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_wh.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 15px; } #header .sub .child ul li a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #ffffff; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #header .sub .child ul li a:hover { color: #0075c2; border: none; } #header .sub .child ul li a:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #header .sub .child ul li a:hover::after{background:url(/images/icon/btn_indent_bl.png) no-repeat;} #header .sub .child ul li a span{display:inline-block; margin-left:5px; padding-top:1px;} #header .sub .child ul.no_image li a{padding:3px 0 0 10px; margin-bottom:20px;} #header #side_btn{ display:none; position:fixed; top:120px; right:0; z-index:99999;} #header #side_btn ul{ border: 1px solid #ffffff; background-color: #ffffff; border-radius: 30px 0 0 30px; overflow: hidden;} #header #side_btn li a{ display:flex; position: relative; width: 70px; color: #ffffff; font-weight: bold; font-size: 17px; writing-mode: vertical-rl; align-items: center; text-decoration: none; text-align: center; padding: 30px 0 30px 0; overflow: hidden; transition: .3s; z-index: 1; background-color: #e95388; } #header #side_btn li.contact{border-bottom: 1px solid #ffffff;} #header #side_btn li.price a{ background-color: #0075c2;} #header #side_btn li a::before{ content: ""; display: inline-block; margin-bottom: 18px;} #header #side_btn li.contact a::before{ background:url(/images/icon/btn_mail_wh_mini.png) no-repeat top center, url(/images/icon/btn_line_wh.png) no-repeat top 30px center; width: 25px; height: 53px; } #header #side_btn li.price a::before{ background:url(/images/icon/btn_business_wh_mini.png) no-repeat; width: 18px; height: 20px; } #header #side_btn li a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; background: #e83a60; } #header #side_btn li.price a::after{background: #0054bb;} #header #side_btn li a:hover{opacity: 1 !important;} #header #side_btn li a:hover::after { transform-origin: 0% 50%; transform: scaleX(1);} /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents .slider-for a{ border-radius: 100px 0 100px 0; overflow: hidden; display: inline-block;} #contents.no_width {width:100%; max-width:100%;} #contents.no_width .inn {width:1200px; height:100%; margin:0 auto 0 auto; padding:0; position:relative;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%; height: 100%; overflow-x: hidden;} #wrap_add01 .inn {width:1200px; min-height: 730px; margin:100px auto 0 auto; padding:170px 0 0 616px; position: relative; box-sizing: border-box;} #wrap_add01 .img{ display: inline-block; border-radius: 100px 0 100px 0; position: absolute; overflow: hidden; top:0; left: -326px;} #wrap_add01 h2.bg_font:after{content: "CAMPAIGN"; left:-16px; top:-90px;} #wrap_add01 h3{ font-size: 23px; font-weight: normal; color: #e95388; position: relative; margin-bottom: 60px;} #wrap_add01 h3 span{ font-size: 29px;} #wrap_add01 h3:after{ content: ""; width: 410px; height: 1px; background: #e95388; position: absolute; left:0; bottom:-10px;} #wrap_add01 a:hover{opacity: 1 !important;} #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: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin-top: 45px;} #wrap_add01 a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 20px; } #wrap_add01 a.btn-line-pink:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #e95388; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #wrap_add01 a.btn-line-pink:hover { color: #ffffff; border: none; } #wrap_add01 a.btn-line-pink:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #wrap_add01 a.btn-line-pink:hover::after{background:url(/images/icon/btn_indent_wh.png) no-repeat;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; height: 100%; overflow-x: hidden;} #wrap_add02 .inn {width:1200px; margin:110px auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap_add02 .text_area{ margin-bottom: 10px;} #wrap_add02 .text_area h2{ text-align: left; float: left; margin-right: 60px;} #wrap_add02 .text_area p{ float: left; margin-top: -5px;} #wrap_add02 .office_blocks{ min-height: 760px; position: relative; padding:80px 600px 80px 0; box-sizing: border-box; } #wrap_add02 .office_blocks + .office_blocks{ margin-top: 70px;} #wrap_add02 .office_blocks.right{ padding-right: 0; padding-left: 600px;} #wrap_add02 .office_blocks:before{ display: block; content: ""; background-color: #e5f1f9; width: 1400px; height: 100%; border-radius: 100px 0 100px 0; position: absolute; top:0; left:-100px; z-index: -1;} #wrap_add02 .office_blocks .img_blocks{ position: absolute; top:80px; right:-292px;} #wrap_add02 .office_blocks .img{ display: inline-block; border-radius: 20px; overflow: hidden;} #wrap_add02 .office_blocks.right .img_blocks{ right:auto; left:-292px;} #wrap_add02 .office_blocks .tag{ display:none; position: absolute; top:36px; left:-15px; width: 160px; height: 95px; border-radius: 20px; color: #ffffff; text-align: center; font-weight: bold; font-size: 18px; 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: 30px; 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.right .tag{left:auto; right:-15px;} #wrap_add02 .office_blocks .tag em{ display: block; font-size: 15px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #wrap_add02 .office_blocks .tag span{ font-size: 30px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} #wrap_add02 .office_blocks h3{ font-size: 50px; color: #0075c2; font-weight: bold; margin-bottom: 45px; padding-top: 26px;} #wrap_add02 .office_blocks h3 img{display: block; margin-bottom: 28px; margin-top: -26px;} #wrap_add02 .office_blocks p{ margin-bottom: 35px;} #wrap_add02 .office_blocks ul.point{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; margin:37px 0 37px 0;} #wrap_add02 .office_blocks ul.point li{color: #0075c2; border: 1px solid #0075c2; text-align: center; width: 190px; border-radius: 10px 0 10px 0; padding: 7px 0 7px 0; margin-bottom: 15px; } #wrap_add02 .office_blocks .btn_area{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; box-shadow: 0 0 20px rgba(0,117,194,0.15); border-radius: 37.5px;} #wrap_add02 .office_blocks .btn_area a{ display: block; position: relative; height: 75px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 22px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box;} #wrap_add02 .office_blocks .btn_area a.btn-blue{background-color: #0075c2; border-radius: 37.5px 0 0 37.5px; width: 40%; border-right: none;} #wrap_add02 .office_blocks .btn_area a.btn-pink{background-color: #e95388; border-radius: 0 37.5px 37.5px 0; width: 60%;} #wrap_add02 .office_blocks .btn_area strong{ color: #fffacd;} #wrap_add02 .office_blocks .btn_area a::before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px;} #wrap_add02 .office_blocks .btn_area a.btn-blue::before{ background:url(/images/icon/btn_document_wh.png) no-repeat; width: 20px; height: 26px; } #wrap_add02 .office_blocks .btn_area a.btn-pink::before{ background:url(/images/icon/btn_business_wh.png) no-repeat; width: 25px; height: 27px; } #wrap_add02 .office_blocks .btn_area 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; } #wrap_add02 .office_blocks .btn_area a.btn-blue::after{background: #0054bb; } #wrap_add02 .office_blocks .btn_area a.btn-pink::after{background: #e83a60; } #wrap_add02 .office_blocks .btn_area a:hover { color: #ffffff; opacity: 1 !important; } #wrap_add02 .office_blocks .btn_area a:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; height: 100%; overflow-x: hidden;} #wrap_add03 .inn {width:1200px; min-height: 730px; margin:110px auto 0 auto; padding:70px 0 0 600px; position: relative; box-sizing: border-box;} #wrap_add03 .img{ display: inline-block; border-radius: 100px 0 100px 0; position: absolute; overflow: hidden; top:0; left: -326px;} #wrap_add03 h2.bg_font{ font-size: 50px; letter-spacing: normal; line-height: 1.4; margin-bottom: 30px;} #wrap_add03 h2.bg_font:after{content: "RENTAL SPACE"; left:250px; top:-85px; text-align: right; line-height: 1.1;} #wrap_add03 h3{ font-size: 22px; font-weight: bold; color: #e95388; position: relative; margin-bottom: 40px;} #wrap_add03 h3 span{ font-size: 40px; font-weight: normal; font-family: 'Fjalla One', sans-serif; margin: 0 5px 0 5px; vertical-align: text-bottom;} #wrap_add03 ul.point{ display: flex; margin-top: 30px; flex-wrap: nowrap; flex-direction: row;} #wrap_add03 ul.point li{ font-size: 15px; color: #ffffff; text-align: center; width: 120px; height: 120px; border-radius: 50%; background-color: #0075c2; padding-top: 20px; box-sizing: border-box; margin-right: 16px;} #wrap_add03 ul.point li span{ display: flex; width: 35px; height: 35px; 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:hover{opacity: 1 !important;} #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: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin-top: 45px;} #wrap_add03 a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 20px; } #wrap_add03 a.btn-line-pink:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #e95388; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #wrap_add03 a.btn-line-pink:hover { color: #ffffff; border: none; } #wrap_add03 a.btn-line-pink:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #wrap_add03 a.btn-line-pink:hover::after{background:url(/images/icon/btn_indent_wh.png) no-repeat;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:100%; height: 100%; overflow-x: hidden;} #wrap_add04 .inn {width:1200px; min-height: 500px; margin:110px auto 110px auto; padding:80px 0 0 0; position: relative; box-sizing: border-box;} #wrap_add04 h2.normal{ text-align: left;} #wrap_add04 .news{ background-color: #ffffff; width:2000px; height: 500px; box-shadow: 0 0 40px rgba(122,122,122,0.05); position: absolute; top:0; left:240px; border-radius: 100px 0 0 0; padding: 80px 0 0 0; box-sizing: border-box;} #wrap_add04 ul.news_inn{ width: 960px; height: 330px; padding:0 30px 0 110px; box-sizing: border-box; overflow-y: scroll;} #wrap_add04 ul.news_inn p{ font-size: 17px;} #wrap_add04 ul.news_inn p + p{ margin-top: 45px;} #wrap_add04 ul.news_inn p em{display: block; font-family: 'Fjalla One', sans-serif; font-size: 23px; color: #0075c2; margin-bottom: 10px;} #wrap_add04 ul.news_inn p strong{ display: block; color: #e95388; font-weight: bold; text-decoration: underline;} #wrap_add04 ul.news_inn p span.bold{font-weight: bold;} #wrap_add04 ul.news_inn p + p{ margin-top: 20px;} #wrap_add04 ul.news_inn::-webkit-scrollbar { width: 6px; height: 6px; } #wrap_add04 ul.news_inn::-webkit-scrollbar-thumb { background:rgba(0,117,194,1); border-radius: 5px; } #wrap_add04 ul.news_inn::-webkit-scrollbar-track { background:rgba(0,117,194,0.2); border-radius: 5px; } /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05 {width:100%; } #wrap_add05 .inn {width:1200px; margin:0 auto 0 auto; padding:0;} #wrap_add05 ul.link_btn_block{ display: flex; justify-content: space-between; flex-direction: row; align-items: center;} #wrap_add05 ul.link_btn_block li a{ display: block; position: relative; background-color: #e5f1f9; width: 360px; height: 400px; border-radius: 100px 0 100px 0; text-align: center; font-size: 26px; font-weight: bold; color: #0071bc; box-sizing: border-box; padding-top: 118px; text-decoration: none; overflow: hidden; transition: .3s; z-index: 1; } #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: 80px; height: 60px; margin:0 auto 35px auto;} #wrap_add05 ul.link_btn_block li span.f_fjalla{ display: block; font-size: 15px; font-weight: normal; letter-spacing: 1.2px;} #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: 625px; background:url(/images/top/contact_bk.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; margin-top: 110px; color: #ffffff;} #wrap-outer2nd #wrap-navi + #contact_box{ margin-top: 0;} #contact_box .inn {width:1200px; margin:0 auto 0 auto; padding:150px 0 0 0;} #contact_box h2.normal{ text-align: left; color: #ffffff; margin-bottom: 35px;} #contact_box h2.normal span{ background: transparent; -webkit-text-fill-color: currentcolor;} #contact_box p{} #contact_box ul{ display: flex; flex-wrap: nowrap; align-items: center; margin-top: 90px;} #contact_box li.mail{} #contact_box li.mail a.btn-pink{display: block; position: relative; width: 320px; height: 85px; color: #ffffff; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; padding: 25px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #e95388; border-radius: 43px;} #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.mail a.btn-pink::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: #e83a60; } #contact_box li.mail a.btn-pink:hover { color: #ffffff; opacity: 1 !important; } #contact_box li.mail a.btn-pink:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} #contact_box li.tel{ display: flex; width: 650px; height: 85px; background-color: rgba(255,255,255,0.85); color: #0075c2; border-radius: 43px; margin-left: 25px; justify-content: center; align-items: center;} #contact_box li.tel a{ text-decoration: none; color: #0075c2; font-size: 30px; margin-right: 20px; padding:3px 0 0 0;} #contact_box li.tel a:hover{ opacity: 1 !important; cursor: auto;} #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 #contact_line {margin:110px 0 60px 0;} #contact_box li.line a.btn-green::before{ content: ""; display: inline-block; margin: 0 20px 2px 0; vertical-align: middle; background:url(/images/icon/f_btn_line_wh.png) no-repeat; width: 30px; height: 30px;} #contact_box li.line {margin-left:25px;} #contact_box li.line a.btn-green{display: block; position: relative; width: 303px; height: 85px; color: #ffffff; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; padding: 25px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #00c300; border-radius: 43px;} #contact_box li.line a.btn-green span{ position:relative; top:1px;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #footer {width:100%; min-height:310px; position:relative; background:#0075c2; z-index:998;} #footer::before{ display:block; content:""; width:100%; height:27px; background:url(/images/footer/footer_bg_top.png) no-repeat center bottom; background-size:100% auto; position:absolute; top:-26px; left:0;} #footer .inn {width:1200px; margin:0 auto 0 auto; padding:90px 0 95px 500px; box-sizing:border-box; position:relative;} #footer .inn .company_info{ position:absolute; top:85px; left:0; color:#ffffff;} #footer .inn .company_info .h{ margin:0 0 5px -26px;} #footer .inn .company_info .h img{ margin-left:9px;} #footer .inn .company_info p{ font-size: 15px; margin-bottom: 30px;} #footer .inn .company_info p span.company_name{ font-size:18px; font-weight:bold;} #footer .inn .company_info p a,#footer .inn .company_info p a:hover{ color:#ffffff; text-decoration:none; opacity:1 !important; cursor:text;} #footer .inn table.footer_navi {width:auto; min-height: 250px; margin:0; padding:2px 0 0 0;} #footer .inn table.footer_navi td {width:auto; padding:0 90px 0 0; box-sizing:border-box; vertical-align:top;} #footer .inn table.footer_navi td.sitemap{ padding-right: 80px;} #footer .inn table.footer_navi td.sitemap_tltno {padding-right:0; padding-top: 100px;} #footer .inn table.footer_navi td p.f_fjalla{ font-size: 28px; color: #ffffff; font-weight: normal; margin-bottom: 50px;} #footer .inn table.footer_navi td ul li {font-size:16px; margin-bottom:27px; letter-spacing: normal; line-height:1; white-space:nowrap;} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li a {color:#ffffff; text-decoration:none; opacity:1 !important;} #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer #footer-copyright {width:100%; margin:15px auto 0 auto; padding:25px 0 20px 0; text-align:center; color:#FFF; line-height:1; letter-spacing:1px; border-top:1px solid #065dad;} #footer #footer-copyright .copyright_wrap{ width:1200px; margin:auto; position: relative;} #footer #footer-copyright .copyright{ text-align:left; padding:45px 0 50px 0; font-size:11px;} #footer #footer-copyright ul.ban{ display: flex; position: absolute; top:27px; left: 500px; flex-wrap: wrap; align-items: center; flex-direction: row;} #footer #footer-copyright ul.ban li{ margin-right: 13px;} /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%; height: 100%; overflow-x: hidden;} #wrap-outer2nd .ttl .inn {width:1200px; min-height: 600px; margin:15px auto 100px auto; padding:0 0 0 616px; position: relative; box-sizing: border-box;} #wrap-outer2nd .ttl .img{ display: inline-block; border-radius: 0 100px 0 100px; position: absolute; overflow: hidden; top:0; left: -326px;} #wrap-outer2nd .ttl h2.bg_font{ font-size: 53px;} #wrap-outer2nd .ttl .sub_h{ font-size: 23px; font-weight: bold; color: #3c3c3c; position: relative; margin-bottom: 40px;} #wrap-outer2nd .ttl p + p{ margin-top: 30px;} #wrap-outer2nd .ttl.rentaloffice_ttl .inn{ min-height: 800px; padding-top: 104px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font{ margin-bottom: 100px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font:after{content: "NEXTA CHIBA"; left:420px; top:-90px;} #wrap-outer2nd .rentaloffice_ttl h2.bg_font img{ display: block; margin-bottom: 40px;} #wrap-outer2nd .ttl.features_ttl .inn{ min-height: 800px; padding-top: 260px;} #wrap-outer2nd .features_ttl h2.bg_font{ margin-bottom: 130px;} #wrap-outer2nd .features_ttl h2.bg_font:after{content: "FEATURES OF NEXTA"; left:180px; top:-266px; text-align: right;} #wrap-outer2nd .features_ttl p{letter-spacing: 0.5px;} #wrap-outer2nd .ttl.price_ttl .inn{ padding-top: 385px;} #wrap-outer2nd .price_ttl h2.bg_font:after{content: "PRICE & VACANCY"; left:180px; top:-274px; text-align: right;} #wrap-outer2nd .ttl.company_ttl .inn{ padding-top: 270px;} #wrap-outer2nd .company_ttl h2.bg_font:after{content: "COMPANY"; left:150px; top:-69px; text-align: right;} #wrap-outer2nd .ttl.faq_ttl .inn{ padding-top: 270px;} #wrap-outer2nd .faq_ttl h2.bg_font:after{content: "FAQ"; left:260px; top:-69px; text-align: right;} #wrap-outer2nd .ttl.voice_ttl .inn{ padding-top: 385px;} #wrap-outer2nd .voice_ttl h2.bg_font:after{content: "CUSTOMER'S VOICE"; left:20px; top:-274px; text-align: right; letter-spacing: -10px;} #wrap-outer2nd .ttl.contact_ttl .inn{ padding-top: 270px;} #wrap-outer2nd .contact_ttl h2.bg_font:after{content: "INQUIRY"; left:230px; top:-69px; text-align: right;} #wrap-outer2nd .ttl.doc_ttl .inn{ padding-top: 385px;} #wrap-outer2nd .doc_ttl h2.bg_font:after{content: "DOCUMENT REQUEST"; left:50px; top:-274px; text-align: right; letter-spacing: 0;} #wrap-outer2nd .ttl.privacy_ttl .inn{ padding-top: 270px;} #wrap-outer2nd .privacy_ttl h2.bg_font:after{content: "PRIVACY"; left:230px; top:-69px; text-align: right;} /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {overflow:hidden; height:52px; box-sizing:border-box; background:url(/images/common/contents_navi_line.gif) no-repeat left top;} #contents ul#contents_navi li {float:left; /*font-size:16px;*/ font-weight:bold; line-height:52px; text-align:center; background:url(/images/common/contents_navi_line.gif) no-repeat right top;} #contents ul#contents_navi li:nth-child(n+5) {width:120px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block;} #contents ul#contents_navi li.current a {background:url(/images/common/contents_navi_triangle.gif) no-repeat center bottom;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; height: 100%; margin:0 auto 50px auto; /*font-size:16px;*/ line-height:1.8; overflow: hidden;} #contents-inner-pages .inn{width:1200px; margin:0 auto 0 auto;} #contents.no_width #contents-inner-pages {width:100%;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages p.read {} #contents-inner-pages .common_h { font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 30px 0; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 20px 0; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:28px; margin:0 0 8px 0; } #contents-inner-pages .text_img td:first-of-type{ padding:0 20px 0 0; } .gray_back{ background-color:#f8f4f3; padding:1px 0 75px 0; margin-top:70px;} /* table typeA */ #contents-inner-pages table.common_table_type_a {} #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:17px 0 15px 0; text-align:center; font-weight:bold; line-height:1; box-sizing:border-box; line-height:1.4;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left; padding:0 0 0 20px;} #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 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 65px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {border-right:2px solid #FFF; text-align:left; border-bottom:2px solid #FFF; padding:17px 0 15px 0; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; padding:0 20px 0 20px; width:265px;} #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none; padding:13px 18px 11px 20px;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; min-height:30px; margin-top: -2px; padding-top: 2px; padding-left: 25px; letter-spacing: .6px;} #bread_navi li{ display:inline;color:#ffffff; font-size:12px; } #bread_navi li a{ display:inline-block; color:#ffffff; font-size:12px; 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 20px 0 20px;} /*================================== 会社概要 ==================================*/ #contents-inner-pages #company_info .photo{ text-align:center; margin: 45px auto 45px auto; font-size:0;} #contents-inner-pages #company_info .photo li{ display:inline-block; padding:6px; margin:0 22px 0 22px; border:1px solid #e6e6e6;} #contents-inner-pages #company_info .photo li p{ display:table; width:380px; height:380px; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle; /*font-size:16px;*/} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border-top:1px dotted #727171;} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {vertical-align:middle; padding:20px; border-bottom:1px dotted #727171; line-height:1.8; clear:both; /*font-size:16px;*/ color:#333333;} #contents-inner-pages table.mod-table th {width:240px; background-color:#e5f1f9; font-weight:bold; vertical-align:top;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:20px;} #contents-inner-pages table.mod-table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #contents-inner-pages table.mod-table .add_box .add,#contents-inner-pages table.mod-table .gmap{ display:table-cell; vertical-align:top;} #contents-inner-pages table.mod-table .add_box .add{ width:320px; min-height:245px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages table.mod-table a{ color: #e95388;} #contents-inner-pages #access .gmap {width:100%; height:550px;} #contents-inner-pages #company_info{} #contents-inner-pages #access{margin-top:100px;} #contents-inner-pages a.tel_link{ color:#333333; text-decoration:none; cursor:text; opacity:1 !important;} #contents-inner-pages a.tel_link:hover{ color:#333333; text-decoration:none;} #contents-inner-pages #access p.text-center{ text-align:center; margin-bottom:40px; margin-top: -30px;} /*================================== ニュースリリース ==================================*/ #contents-inner-pages #news{ margin-top: 95px;} #contents-inner-pages #news .news-list{ margin: 50px auto 0; max-width: 1000px;} #contents-inner-pages #news .news-list li + li{ margin-top:35px; color:#3b352e;} #contents-inner-pages #news .news-list li a{ text-decoration:none; color:#3b352e; opacity:1 !important;} #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{ display:inline-block; vertical-align:middle; width: 860px; padding-left: 20px; box-sizing: border-box;} #contents-inner-pages #news .news-list li a:hover span{ border-color:#c81717; color:#c81717;} #contents-inner-pages #news .news-list li a:hover p{ text-decoration:underline; color:#c81717;} /*================================== 物件情報 ==================================*/ #contents-inner-pages #js .inn > #contents_navi{ float:left; width:235px;} #contents-inner-pages #js .inn > .contents-right{ float:right; width:940px; } #contents-inner-pages #js h3{ font-size:20px; padding: 25px 0 24px 0;} #contents-inner-pages #js .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:19px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #js p + h4{ margin-top:50px;} #contents-inner-pages #js p > small{ opacity:.7;} #contents-inner-pages #js .inn.breadcrumb{ margin:-40px auto 40px auto; font-size:14px; 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 { margin-bottom:50px;} #contents-inner-pages #js .main_blocks td:first-child{ width:550px;} #contents-inner-pages #js .main_blocks td:first-child img{ width:100%; max-width:600px !important;} #contents-inner-pages #js .main_blocks td:last-child{ padding-left:25px;} #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 th, #contents-inner-pages #js table.mod-table td{ font-size: 14px; line-height:normal; padding: 11px 13px 10px 13px;} #contents-inner-pages #js table.mod-table th{ width: 60px;} #contents-inner-pages #js .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #js .inn > #contents_navi h4{ font-size: 14px; color: #ebc08b; font-weight: normal; border:none; border-bottom: 2px solid #a77941; background-color: #302c28; box-sizing: border-box; padding: 5px 10px 2px 14px; letter-spacing: .5px; margin:0px 0 0 0;} #contents-inner-pages #js .inn > #contents_navi h4{margin:20px 0 0 0;} #contents-inner-pages #js .inn > #contents_navi h4:first-of-type{margin:0;} #contents-inner-pages #js .inn > #contents_navi p{ position:relative; font-size:15px;} #contents-inner-pages #js .inn > #contents_navi p a{ display:block; background-color: #f8efe6; color:#48433c; text-decoration:none; padding:14px 25px 13px 13px; transition: .3s; opacity:1 !important;} #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: -4px; 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: -4px; background: #f8efe6; transition: .3s;} #contents-inner-pages #js .inn > #contents_navi p a:hover{ background-color:#e9d7c4;} #contents-inner-pages #js .inn > #contents_navi p:hover:after{ background: #e9d7c4;} /*================================== 物件情報　仕様イメージ ==================================*/ #contents-inner-pages #js #photo_img{ margin:23px 0 50px 0;} #contents-inner-pages #js #photo_img p{padding:0 15px 0 13px;} #contents-inner-pages #js #photo_img td{margin:0;border:0;} #contents-inner-pages #js #photo_img td:first-child{ padding:0 10px 0 0;} #contents-inner-pages #js #photo_img td:nth-child(2){ padding:0 7px 0 3px;} #contents-inner-pages #js #photo_img td:nth-child(3){ padding:0 3px 0 7px;} #contents-inner-pages #js #photo_img td:nth-child(4){ padding:0 0 0 10px;} #contents-inner-pages #js #photo_img #photos p{ padding:0; margin:0 0 20px 0; background-color:#eeeeee; padding:7px; width:100%; height:200px; overflow: hidden; position:relative; box-sizing: border-box; box-shadow:0 2px 0 rgb(0,0,0,.15); } #contents-inner-pages #js #photo_img #photos img { width:100% !important; height:auto !important; max-width:240px !important; /*min-height:100%;*/} #contents-inner-pages #js #photo_img #photos p div { position:absolute; bottom:0; left: 0; font-size:14px; background-color: #eeeeee; color: #333333; width: 100%; padding:5px 2px 4px 5px; line-height:1.5; opacity:.98; text-align:center; } #contents-inner-pages #js #photo_img > p{ padding:0;} /*================================== 物件情報　カテゴリ一覧 ==================================*/ #contents-inner-pages #js #list .category-list li{ margin-bottom:70px;} #contents-inner-pages #js #list .category-list h4{ margin-bottom:28px;} #contents-inner-pages #js #list .category-list h4 .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #js #list .category-list .text{ float:right; width:360px; font-size:15px;} #contents-inner-pages #js #list .category-list .img{ float:left; width:550px;} #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; opacity:1 !important; transition:.3s; font-size: 15px; margin-top:25px;} #contents-inner-pages #js #list .category-list .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== 物件情報　メイン ==================================*/ #contents-inner-pages #js #js-main-list{ width:1108px; margin:0 auto 0 auto;} #contents-inner-pages #js #js-main-list *{ box-sizing:border-box;} #contents-inner-pages #js #js-main-list > li{ float:left; width:540px; min-height:631px; margin-bottom:30px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #js #js-main-list > li:first-child,#contents-inner-pages #js #js-main-list > li:nth-child(2){ min-height:auto;} #contents-inner-pages #js #js-main-list > li:nth-child(even){ float:right;} #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; opacity:1 !important; transition:.3s; font-size: 15px; font-weight: bold; margin-top:25px;} #contents-inner-pages #js #js-main-list > li .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== 採用情報 ==================================*/ #contents-inner-pages #recruit{ margin-top:60px;} #contents-inner-pages #recruit .brown_btn{ display:block; width:400px; height:65px; /*font-size:16px;*/ text-align:center; border:1px solid #c81717; color:#c81717; text-decoration:none; padding-top:16px; box-sizing:border-box; transition:.3s; opacity:1 !important; margin:50px auto 0;} #contents-inner-pages #recruit .brown_btn:hover{ background-color:#c81717; color:#ffffff;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy p{ padding-left: 30px; padding-right: 30px;} #contents-inner-pages .privacy p + h3.normal{ margin-top: 50px;} #contents-inner-pages .privacy p a{ color: #e95388;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {} #contents-inner-pages .news table {margin-bottom:50px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; 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:20px; font-size:20px; font-weight:bold;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:150px auto 150px auto; opacity:.75; text-align:center;} #wrap-outer2nd .comming_soon h3{ font-size:36px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto;} /*================================== お問い合わせ ==================================*/ #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:160%;} #contents .contents-form {color:#000;} #contents .contents-form .item {width:235px; line-height:1; margin:0 20px 30px 0; padding:10px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center; float:left; font-size:22px;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0 0 30px 0; float:left; max-width:600px;} #contents .contents-form .lng {width:100%; margin-bottom:10px;} #contents .contents-form .vlng {width:100%; text-align:center;} #contents .contents-form .required {color:#FFF; font-size:12px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement{color:#666; font-weight:normal; font-size:14px; margin-bottom:10px;} #contents .contents-form .reaffirmation{color:#666; font-weight:normal; font-size:14px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list {margin-bottom:30px; display:inline-block;} #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 {text-align:center;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} #contents .contents-form table.basicTable {margin:0 auto 50px auto;} #contents .contents-form .contact_mail .inn{ width:1200px; text-align:center;} #contents .contents-form .contact_mail p.read{ text-align:center; margin-top: -15px; margin-bottom: 30px;} /* --- */ /*#scrollUp { bottom: 112px; right: 10px; height: 50px; width: 50px; background-size:50px; }*/ /* --- */ .menu-btn, .doc-btn { display:none; } /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact {} #contents-pages .contact .title_img {position:absolute;top:-32px; left:0px;} .contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} /*================================== TEL ==================================*/ #telephone.inquiry {margin:0 auto 110px auto; display:table; background-color: #ffffff; box-shadow: 0 0 40px rgb(122 122 122 / 5%); border-radius: 0 100px 0 100px; width:100%; padding:50px 0 50px 0; text-align:center;} #telephone.inquiry a.num { display:inline-block; font-family:'Fjalla One', sans-serif; font-size:55px; color:#e95388; text-decoration:none; margin-bottom: -10px;} #telephone.inquiry a.num em:before{ content:"tel."; display: inline-block; } #telephone.inquiry .open {font-size:18px; line-height:1; letter-spacing:1px; } #telephone.inquiry h3{ font-weight: bold; font-size: 32px; margin-top: 16px; margin-bottom: 24px; border-bottom: 1px dotted; padding-bottom: 38px; max-width: 845px;} #telephone.inquiry .inquiry_inn{ display: flex; justify-content: center; align-items: center;} #telephone.inquiry .text_area{ text-align: left; margin-left: 20px; margin-top: 12px;} #telephone.inquiry .text_area p{ margin-top: 10px;} #telephone.inquiry small{ font-size: 13px; opacity: .8; letter-spacing: 0;} #contents .bytel { border: 5px solid #ccc; margin: 0 auto; padding: 20px; position: relative; } #contents .bytel .name { font-size: 20px; font-weight: bold; } #contents .bytel .tel { background: rgba(0, 0, 0, 0) url("../images/contact/icon_tel.png") no-repeat scroll left center; color: #f60; font-family: /*"Century Gothic",Verdana,*/Arial,sans-serif; font-size: 60px; line-height: 1.2; padding-left: 76px; white-space: nowrap; } #contents .bytel .open { bottom:40px; /*font-size:16px;*/ position:absolute; left:20px; } /*-----------------------------------------contact form---------------------------------------*/ #contents .contents-form, #contents_1column .contents-form { text-align:center; font-size:18px;} /*#contents .contents-form .contact_mail{ padding-bottom:90px;}*/ #contents .contents-form .inn.doc{ width:1000px;} #contents .contents-form .doc > img{ margin:0 -2px 45px 0;} #contents .contents-form .doc .q_content{ text-align:left; background:url(/images/contact/people.png.jpg) no-repeat right bottom 60px; padding:39px 0 74px 0;} #contents .contents-form .doc .q_content ul{ padding-left:33px;} #contents .contents-form .doc .q_content ul li{ margin-bottom:10px;} #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;} #contents .contents-form .doc .pre_box{ border:1px solid #ed6d1f; box-sizing:border-box; padding:28px 25px 33px 280px; margin:0 auto 0 auto; position:relative;} #contents .contents-form .doc .pre_box p{ font-size:28px; line-height:52px; color:#ed6d1f;} #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 10px;} #contents .contents-form .doc .pre_box img{ position:absolute; top:-34px; left:45px; box-shadow:8px 8px 0 rgba(0,0,0,.07);} #contents .contents-form .doc .points{ padding:45px 52px 45px 48px; box-sizing:border-box; background:#fefcef; margin-top:76px; text-align:left;} #contents .contents-form .doc .points .points_desc{ float:left; width:600px;} #contents .contents-form .doc .points .points_desc ul{ padding-left:43px;} #contents .contents-form .doc .points .points_desc ul li{} #contents .contents-form .doc .points img{ display:block; float:right; margin-top:9px;} #contents .contents-form .doc .trial{ margin-top:51px; padding-bottom:90px;} #contents .contents-form .doc .trial a{ display:block; width:400px; margin:auto; background:url(/images/contact/right_s_arrow.png), url(/images/contact/trial_btn_bg.png); background-repeat:no-repeat, repeat; background-position:109px 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 .contents-form table.basicTable, #contents_1column .contents-form table.basicTable { border-top: 1px dotted #727171; color: #333333; margin: 15px 0 60px 0;} #contents .contents-form table.basicTable th, #contents .contents-form table.basicTable td, #contents_1column .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable td { /*width:15%;*/ padding:20px 25px 20px 25px; /*white-space:nowrap;*/ text-align:left; vertical-align:top; border-bottom: 1px dotted #727171; } #contents .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable th { width: 240px; background-color: #e5f1f9;} #contents .contents-form table.basicTable li, #contents_1column .contents-form table.basicTable li { display: inline-block; margin-right: 0px;} #contents .contents-form p, #contents_1column .contents-form p {} #contents .contents-form .red, #contents_1column .contents-form .red {color: #CC0000;} #contents .contents-form #btnTable, #contents_1column .contents-form #btnTable {/*width:630px;*/ margin:43px 0 0 0;} #contents .contents-form #btnTable input, #contents_1column .contents-form #btnTable input {border:none;} #contents .contents-form .contact_bt, #contents_1column .contents-form .contact_bt {text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input, #contents_1column .contents-form .contact_bt input {border:none;} #contents .contents-form .contact_bt2 .soushin, #contents_1column .contents-form .contact_bt2 .soushin {text-align:right;} #contents .contents-form .error_description, #contents .contents-form .description1, #contents_1column .contents-form .error_description, #contents_1column .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list, #contents_1column .contents-form .error_list {margin-bottom:30px;} #contents .contents-form .error_list .alert, #contents_1column .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; text-align:left;} #contents .contents-form td.btn input, #contents_1column .contents-form td.btn input {padding:0; border:none;} #contents .contents-form .bt td, #contents_1column .contents-form .bt td {background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} .contents-form .ex {color:#666; font-size:12px; padding-left:5px;} .contents-form .require {color:#C00; padding-left:5px; font-size:12px; font-weight:normal;} .contents-form input { margin-right:5px;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff;} .contents-form div.privacy p + p{ margin-top:20px;} .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal; } /*LINEお問い合わせ*/ #contents #contact_line { margin:110px 0 60px 0;} #contents #contact_line a::before{content: ""; display: inline-block; margin: 0 12px 2px 0; vertical-align: middle; background:url(/images/icon/contact_btn_line_wh.png) no-repeat; width: 35px; height: 33px;} #contents #contact_line a{display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0 10px 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 350px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background-color: #00c300; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:80px; letter-spacing:1px} /*================================== 販売中物件 ==================================*/ #contents-inner-pages #partner{ margin-top:100px;} #contents-inner-pages #partner table { border-top:1px solid #ccc; border-left:1px solid #ccc; } #contents-inner-pages #partner table td{ padding:10px 0px 8px 10px ; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } /*================================== スタッフ ==================================*/ #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: 100px;margin-top: -100px; } #contents-inner-pages .staff .staff_detail ul{ margin:32px 0 24px 0;} #contents-inner-pages .staff .staff_detail ul li.point_box{ width:908px; margin:0 0 50px 12px; position:relative; padding:25px 29px 24px 54px; box-sizing:border-box;} #contents-inner-pages .staff .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:36px; color:#2da7e0; font-weight:bold; margin-bottom:43px;} #contents-inner-pages .staff .staff_detail ul li.point_box .point_text{ float:left; width:477px;} #contents-inner-pages .staff .staff_detail ul li.point_box .point_img{ margin-left:28px;} #contents-inner-pages .staff .staff_detail .faq{ border:1px solid #ed6d1f; width:100%; padding:38px 60px 41px 60px; box-sizing:border-box; color:#ed6d1f; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} #contents-inner-pages .staff .staff_detail .faq ul li{ font-size:26px; font-weight:bold;} #contents-inner-pages .staff .staff_detail {margin-bottom:46px;} #contents-inner-pages .staff .staff_detail h3{margin-bottom:14px;} /*#contents-inner-pages .staff .staff_detail h3 img{width:144px;}*/ #contents-inner-pages .staff .staff_detail table{ padding:25px 29px 24px 29px; box-sizing:border-box; margin:0 0 50px 0;} #contents-inner-pages .staff .staff_detail > table td{ vertical-align: top;} #contents-inner-pages .staff .staff_detail > table:nth-of-type(odd){ background:#f3f9fb;} #contents-inner-pages .staff .staff_detail table h3{ text-align:left; } /*#contents-inner-pages .staff .staff_detail table h3 img{width:auto; height:28px;}*/ #contents-inner-pages .staff .staff_detail table h3 img.sp_none{display:inline-block;} #contents-inner-pages .staff .staff_detail table h3 img.pc_none{display:none;} #contents-inner-pages .staff .staff_detail table h3 span{ font-size:12px; margin:0 0 0 2em;color:#c3d4da;} #contents-inner-pages .staff .staff_detail table h3 + p{ margin:0 0 30px 0;} #contents-inner-pages .staff .staff_detail table table{ padding:0 20px 0 0; box-sizing:border-box; margin:0 0 50px 0;} #contents-inner-pages .staff .staff_detail table table td:nth-of-type(1){ width:80px; 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 tr td:nth-of-type(2) img{width:240px; max-width:inherit;} /*================================== レンタルショップ詳細ページ ==================================*/ /*　--　キャンペーン　--　*/ #contents-inner-pages .rentaloffice #campaign{width:100vw; min-height: 700px; margin: -35px calc(50% - 50vw) 110px calc(50% - 50vw); box-sizing: border-box; padding-top: 35px;} #contents-inner-pages .rentaloffice #campaign .campaign_bk{min-height: 650px; background-color: #e5f1f9; margin-bottom: 125px; } #contents-inner-pages .rentaloffice #campaign .inn{width:1200px; margin:0 auto 0 auto; padding:100px 0 0 0; position: relative; box-sizing: border-box;} #contents-inner-pages .rentaloffice #campaign .img{ display: inline-block; border-radius: 100px 0 100px 0; position: absolute; overflow: hidden; top:-35px; right: -300px;} #contents-inner-pages .rentaloffice #campaign h2.bg_font{ font-size: 50px; z-index: 2; line-height: normal;} #contents-inner-pages .rentaloffice #campaign h2.bg_font:after{content: "CAMPAIGN INFORMATION"; left:-300px; top:-108px; 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; line-height: 1; letter-spacing: -12px;} #contents-inner-pages .rentaloffice #campaign h3{ font-size: 23px; font-weight: normal; color: #e95388; position: relative; margin-bottom: 60px; z-index: 2; text-align: left; margin: -15px 0 60px 0;} #contents-inner-pages .rentaloffice #campaign h3 span{ font-size: 29px;} #contents-inner-pages .rentaloffice #campaign h3:after{ content: ""; width: 410px; height: 1px; background: #e95388; position: absolute; left:0; bottom:-10px;} #contents-inner-pages .rentaloffice #campaign p + p{ margin-top: 40px;} #contents-inner-pages .rentaloffice #campaign small{ opacity: .7;} /*　--　フォトギャラリー　--　*/ #contents-inner-pages .rentaloffice #photo_gallery{width:100vw; margin: 0 calc(50% - 50vw) 110px calc(50% - 50vw); } #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-slide {width: 700px; height: 500px; margin: 0 10px 0 10px;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo span.img{ border-radius: 20px; 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: 33px; height: 49px; z-index: 50; background:url(/images/rentaloffice/photo_navi_left.png) no-repeat; left: calc(50% - 430px); transition: .3s;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-next{ width: 33px; height: 49px; z-index: 50; background:url(/images/rentaloffice/photo_navi_right.png) no-repeat; right: calc(50% - 430px); transition: .3s;} #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-prev:hover, #contents-inner-pages .rentaloffice #photo_gallery .slider-photo .slick-next:hover{opacity: .7;} /*　--　特徴　--　*/ #contents-inner-pages .rentaloffice #features{ margin-bottom: 100px;} #contents-inner-pages .rentaloffice #features ul.point{ display: flex; flex-wrap: nowrap; flex-direction: row; margin: 0 -40px 0 -40px;} #contents-inner-pages .rentaloffice #features ul.point li{ font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; width: 200px; height: 200px; border-radius: 50%; background-color: #0075c2; padding-top: 35px; box-sizing: border-box; margin-right: 19px;} #contents-inner-pages .rentaloffice #features ul.point li span.icon{ display: flex; width: 60px; height: 60px; margin:0 auto 15px 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 #features ul.point li:last-child{ margin-right: 0;} /*　--　レンタルオフィスの仕様　--　*/ #contents-inner-pages .rentaloffice #spec{ margin-bottom: 100px;} #contents-inner-pages .rentaloffice #spec .spec_point{ display: flex; justify-content: space-between; flex-direction: row; margin-bottom: 50px;} #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: 100px 0 100px 0; overflow: hidden;} #contents-inner-pages .rentaloffice #spec .spec_point.p2 span.img,#contents-inner-pages .rentaloffice #spec .spec_point.p4 span.img{ border-radius: 0 100px 0 100px; } #contents-inner-pages .rentaloffice #spec .spec_point .text{ width: 590px; box-sizing: border-box;} #contents-inner-pages .rentaloffice #spec .spec_point.p1 .text,#contents-inner-pages .rentaloffice #spec .spec_point.p3 .text{ width: 530px;} #contents-inner-pages .rentaloffice #spec .spec_point.p2 .text,#contents-inner-pages .rentaloffice #spec .spec_point.p4 .text{ padding-left: 150px;} #contents-inner-pages .rentaloffice #spec .spec_point .text a{color: #e95388;} #contents-inner-pages .rentaloffice #spec .spec_point .text a:hover{ opacity: 1 !important; text-decoration: none;} #contents-inner-pages .rentaloffice #spec .spec_point h3{ font-size: 30px; font-weight: bold; color: #e95388; position: relative; z-index: 2; margin-bottom: 50px; text-align: left; padding-top: 150px;} #contents-inner-pages .rentaloffice #spec .spec_point h3:after{ z-index: -1; font-family: 'Fjalla One', sans-serif; font-size: 200px; font-weight: normal; color: rgba(233,83,136,0.1); position: absolute; top:0; letter-spacing: -5px;} #contents-inner-pages .rentaloffice #spec .spec_point.p1 h3:after{ content: "01"; right:0;} #contents-inner-pages .rentaloffice #spec .spec_point.p2 h3:after{ content: "02"; left:-150px;} #contents-inner-pages .rentaloffice #spec .spec_point.p3 h3:after{ content: "03"; right:0;} #contents-inner-pages .rentaloffice #spec .spec_point.p4 h3:after{ content: "04"; left:-150px;} /*#contents-inner-pages .rentaloffice #spec .spec_point.p3 h3{margin-bottom:87px; padding-top:113px;}*/ #contents-inner-pages .rentaloffice #spec .spec_point.p3 h3{margin-bottom:87px; padding-top:94px;} #contents-inner-pages .rentaloffice #spec .spec_point h3 .price {width: 100%; font-size:18px; margin-top:20px;} #contents-inner-pages .rentaloffice #spec .spec_point h3 .price span{font-size: 26px; font-family: 'Fjalla One', sans-serif; margin: 0 5px 0 5px; font-weight: normal; vertical-align: text-bottom;} #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: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin-top: 42px;} #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 20px; } #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #e95388; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink:hover { color: #ffffff; border: none; } #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #contents-inner-pages .rentaloffice #spec .spec_point a.btn-line-pink:hover::after{background:url(/images/icon/btn_indent_wh.png) no-repeat;} /*　--　設備／周辺環境　--　*/ #contents-inner-pages .rentaloffice #facility,#contents-inner-pages .rentaloffice #environment{ margin-bottom: 50px;} #contents-inner-pages .rentaloffice .rentaloffice_list{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;margin-right: -25px;} #contents-inner-pages .rentaloffice .rentaloffice_list li{ font-size: 20px; font-weight: bold; margin:0 25px 50px 0; text-align: center;} #contents-inner-pages .rentaloffice .rentaloffice_list li span.img{ display: block; border-radius: 20px; overflow: hidden; margin:0 auto 15px auto;} /*　--　価格・空室状況　--　*/ #contents-inner-pages .rentaloffice #price{ min-height: 660px; padding: 108px 680px 0 0; margin-bottom: 100px; 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:50vw; min-width: 600px; box-shadow: 0 0 40px rgba(122,122,122,0.05); position: absolute; top:0; left:600px; border-radius: 100px 0 0 0; padding: 80px 0 0 0; box-sizing: border-box; } #contents-inner-pages .rentaloffice #price .img_blocks .img{ /*margin-bottom: 80px;*/margin:0 auto 80px auto; width: 500px; text-align: right;} #contents-inner-pages .rentaloffice #price .img_blocks .tag{ position: absolute; top:110px; left:-30px; width: 160px; height: 95px; border-radius: 20px; color: #ffffff; text-align: center; font-weight: bold; font-size: 18px; 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: 30px; 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: 15px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #contents-inner-pages .rentaloffice #price .img_blocks .tag span{ font-size: 30px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} #contents-inner-pages .rentaloffice #price .fukidashi{ width: 332px; margin: 0 auto 25px auto; font-weight: bold; font-size: 17px; background:url(/images/rentaloffice/price_fukidashi_l.png) no-repeat left bottom,url(/images/rentaloffice/price_fukidashi_r.png) no-repeat right bottom;} #contents-inner-pages .rentaloffice #price h3{ font-size: 30px; font-weight: bold; color: #e95388; margin-bottom: 65px;} #contents-inner-pages .rentaloffice #price h3 span{ font-size: 55px; font-weight: normal; vertical-align: text-bottom;} #contents-inner-pages .rentaloffice #price a.btn-blue{display: block; position: relative; height: 75px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 22px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #0075c2; border-radius: 37.5px; width: 400px; 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.png) no-repeat; width: 25px; height: 27px; } #contents-inner-pages .rentaloffice #price a.btn-blue::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: #0054bb; } #contents-inner-pages .rentaloffice #price a.btn-blue:hover { color: #ffffff; opacity: 1 !important; } #contents-inner-pages .rentaloffice #price a.btn-blue:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} /*　--　所在地　--　*/ #contents-inner-pages .rentaloffice #location{ min-height: 680px; padding: 140px 0 0 740px; position: relative; box-sizing: border-box; text-align: left;} #contents-inner-pages .rentaloffice #location .rentaloffice_map{ background-color: #ffffff; width:50vw; min-width: 600px; min-height: 680px; box-shadow: 0 0 40px rgba(122,122,122,0.05); position: absolute; top:0; right:600px; border-radius: 0 100px 0 0; box-sizing: border-box; overflow: hidden; } #contents-inner-pages .rentaloffice #location .rentaloffice_map iframe{ width: 100%; height: 680px;} #contents-inner-pages .rentaloffice #location h2.normal{ margin-bottom: 75px; text-align: left;} #contents-inner-pages .rentaloffice #location h3{ font-weight: bold; font-size: 30px; color: #3c3c3c; margin-bottom: 30px; text-align: left;} #contents-inner-pages .rentaloffice #location h4{ padding: 0; margin: 35px 0 10px 0;} /*================================== 価格・空室状況 ==================================*/ #contents-inner-pages .price{ margin-bottom: -110px;} #contents-inner-pages .price #price_link{background:rgba(1, 112, 185, 1); width: 100vw; margin: 0 calc(50% - 50vw) 100px calc(50% - 50vw); padding: 80px 0 90px 0;} #contents-inner-pages .price #price_link ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: space-between; margin: 0 auto 0 auto; max-width: 1200px;} #contents-inner-pages .price #price_link li {position: relative; box-sizing: border-box; width: 382px; height: 90px; margin: 0; text-align: center; cursor: pointer;} #contents-inner-pages .price #price_link li a {font-size: 16px; 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: 90px; -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: 10px; } #contents-inner-pages .price #price_link li a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #ffffff; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #contents-inner-pages .price #price_link li a:hover { color: #0075c2; border: none; opacity: 1 !important; } #contents-inner-pages .price #price_link li a:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #contents-inner-pages .price #price_link li a:hover::after{background:url(/images/price/btn_indent_b_bl.png) no-repeat;} #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_link a:hover strong{color: #045ab3; font-weight: normal;} #contents-inner-pages .price #price_wrap { margin-bottom: 80px;} #contents-inner-pages .price #price_wrap h2.line{margin-top: 90px; margin-bottom: 60px;} #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 100px 0 100px; padding: 60px 60px 80px 60px; box-sizing: border-box; position: relative; } #contents-inner-pages .price #price_wrap .vacancy_blocks .tag{ position: absolute; top:100px; right:-25px; width: 160px; height: 95px; border-radius: 20px; color: #ffffff; text-align: center; font-weight: bold; font-size: 18px; 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: 30px; 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: 15px; margin: 11px 0 -3px 0; letter-spacing: 1.2px;} #contents-inner-pages .price #price_wrap .vacancy_blocks .tag span{ font-size: 30px; font-family: 'Fjalla One', sans-serif; font-weight: normal; margin: 0 3px 0 3px;} /*#contents-inner-pages .price #price_wrap .vacancy_blocks .img{ width: 660px; max-height: 660px; display: flex; justify-content: center; align-items: center; margin: 0 auto 50px auto;}*/ #contents-inner-pages .price #price_wrap .vacancy_blocks table{ margin: 0 auto 50px auto;} #contents-inner-pages .price table#price_table {border:2px solid #f0f0f0; border-collapse:separate; overflow: hidden; border-spacing: 0; border-radius: 15px; max-width: 900px; 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: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: 70px;} #contents-inner-pages .price #conditions ul.list{ padding: 0 30px 0 50px;} #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: 30px;} #contents-inner-pages .price #conditions p{ padding: 0 30px 0 30px;} #contents-inner-pages .price #download{ background-color: #e5f1f9; width: 100vw; margin: 0 calc(50% - 50vw) 110px calc(50% - 50vw);} #contents-inner-pages .price #download .download_inn{margin: 0 auto 0 auto; max-width: 1200px; text-align: center; padding: 80px 0 100px 0;} #contents-inner-pages .price #download h2{ color: #0071bc; font-size: 45px; font-weight: bold; line-height: 1.61; margin-bottom: 23px;} #contents-inner-pages .price #download h2 span{ display: block; font-size: 32px} #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: row; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: 50px; } #contents-inner-pages .price #download a{display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 17px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 37.5px; width: 450px; box-shadow: 0 0 20px rgba(0,117,194,0.15); font-size: 20px; 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;} #contents-inner-pages .price #download a strong{color: #fffacd;} #contents-inner-pages .price #download a::before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px;} #contents-inner-pages .price #download a.btn_individuals::before{ background:url(/images/price/icon_kojin.png) no-repeat; width: 37px; height: 44px; } #contents-inner-pages .price #download a.btn_corporations::before{ background:url(/images/price/icon_hojin.png) no-repeat; width: 37px; height: 44px; } #contents-inner-pages .price #download 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; } #contents-inner-pages .price #download a.btn_individuals::after{background: #e85b3f; } #contents-inner-pages .price #download a.btn_corporations::after{background: #e83a60; } #contents-inner-pages .price #download a:hover { color: #ffffff; opacity: 1 !important; } #contents-inner-pages .price #download a:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} /*================================== ネクスタの特徴 ==================================*/ /*　--　レンタルオフィスの強み　--　*/ #contents-inner-pages .features #spec{ margin-bottom: 100px;} #contents-inner-pages .features #spec .spec_point{ display: flex; justify-content: space-between; flex-direction: row; margin-bottom: 50px;} #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: 100px 0 100px 0; overflow: hidden;} #contents-inner-pages .features #spec .spec_point.p2 span.img,#contents-inner-pages .features #spec .spec_point.p4 span.img{ border-radius: 0 100px 0 100px; } #contents-inner-pages .features #spec .spec_point .text{ width: 590px; box-sizing: border-box;} #contents-inner-pages .features #spec .spec_point.p1 .text,#contents-inner-pages .features #spec .spec_point.p3 .text{ width: 530px;} #contents-inner-pages .features #spec .spec_point.p2 .text,#contents-inner-pages .features #spec .spec_point.p4 .text{ padding-left: 36px;} #contents-inner-pages .features #spec .spec_point .text a{color: #e95388;} #contents-inner-pages .features #spec .spec_point .text a:hover{ opacity: 1 !important; text-decoration: none;} #contents-inner-pages .features #spec .spec_point h3{ font-size: 30px; font-weight: bold; color: #e95388; position: relative; z-index: 2; margin-bottom: 50px; text-align: left; padding-top: 150px;} #contents-inner-pages .features #spec .spec_point.p1 h3,#contents-inner-pages .features #spec .spec_point.p3 h3,#contents-inner-pages .features #spec .spec_point.p4 h3{line-height: 1.61; padding-top: 90px;} #contents-inner-pages .features #spec .spec_point h3:after{ z-index: -1; font-family: 'Fjalla One', sans-serif; font-size: 200px; font-weight: normal; color: rgba(233,83,136,0.1); position: absolute; top:0; letter-spacing: -5px; line-height: 1;} #contents-inner-pages .features #spec .spec_point.p1 h3:after{ content: "01"; right:0;} #contents-inner-pages .features #spec .spec_point.p2 h3:after{ content: "02"; left:-36px;} #contents-inner-pages .features #spec .spec_point.p3 h3:after{ content: "03"; right:0;} #contents-inner-pages .features #spec .spec_point.p4 h3:after{ content: "04"; left:-36px;} #contents-inner-pages .features #spec .spec_point.p1 p,#contents-inner-pages .features #spec .spec_point.p3 p{ width: 450px; box-sizing: border-box;} #contents-inner-pages .features #spec .spec_point.p2 p,#contents-inner-pages .features #spec .spec_point.p4 p{ width: 505px; box-sizing: border-box;} /*　--　設備／周辺環境　--　*/ #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;margin-right: -25px;} #contents-inner-pages .features .features_list li{ font-size: 20px; font-weight: bold; margin:0 25px 50px 0; text-align: center;} #contents-inner-pages .features .features_list li span.img{ display: block; border-radius: 20px; overflow: hidden; margin:0 auto 15px auto;} /*================================== よくあるご質問 ==================================*/ #contents-inner-pages .faq .faq_wrap{ width:100%; margin:0 auto 50px auto;} #contents-inner-pages .faq .faq_wrap table{ text-align:left; margin-top:20px;} #contents-inner-pages .faq .faq_wrap dl + dl{ margin-top: 50px;} #contents-inner-pages .faq .faq_wrap dt{font-size: 23px; 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: 12px 25px 13px 24px; text-align: left !important; box-sizing: border-box; line-height: 1; 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: 50px; font-weight: normal; margin-right: 22px; margin-bottom: 5px; vertical-align: middle;} #contents-inner-pages .faq .faq_wrap dt:after{ display: inline-block; content: "▼"; font-size: 16px; position: absolute; right:30px; top:32px; } #contents-inner-pages .faq .faq_wrap dt.active:after{content: "▲"; } #contents-inner-pages .faq .faq_wrap dt:hover{ opacity: .7;} #contents-inner-pages .faq .faq_wrap dd{ display:none; position: relative; margin-top: 20px; padding: 15px 30px 0 73px;} #contents-inner-pages .faq .faq_wrap dd:before{ display: block; position: absolute; content: "A"; font-family: 'Fjalla One', sans-serif; font-size: 50px; font-weight: normal; color: #e95388; top:0; left:24px; line-height: 1;} #contents-inner-pages .faq .faq_wrap dd p + p{ margin-top: 30px;} #contents-inner-pages .faq .faq_wrap dd strong{ display: block; margin-bottom: 15px;} #contents-inner-pages .faq .faq_wrap dd span.txt_line{ display: block; margin-bottom: 15px; text-decoration: underline;} /*================================== お客様の声 ==================================*/ #contents-inner-pages .voice{} #contents-inner-pages .voice .voice_blocks{background-color: #ffffff; box-shadow: 0 0 40px rgba(122,122,122,0.05); border-radius: 0 100px 0 100px; padding: 60px 130px 80px 130px; box-sizing: border-box;} #contents-inner-pages .voice .voice_blocks + .voice_blocks{ margin-top: 50px;} #contents-inner-pages .voice .voice_blocks h3{ font-size: 23px; font-weight: bold; color: #0075c2; text-align: left; margin-bottom: 50px;} #contents-inner-pages .voice .voice_blocks h3:before{ display: inline-block; content: ""; background:url(/images/voice/icon_customer.png) no-repeat; width: 45px; height: 47px; margin-right: 22px; vertical-align: middle; margin-bottom: 3px;} #contents-inner-pages .voice .voice_blocks p{}