/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#242025; font-size:10px; font-weight: normal; line-height: 2.31; position: absolute; top:8px;right:150px;} h2 {margin:0 auto 60px auto; color:#363a3b; font-size:32px; font-weight:100; line-height:1; } #wrap-outer2nd h2.normal{ font-size: 50px; color: #363a3b; font-weight: bold; line-height: 1.6em; } #wrap-outer2nd h2.normal span{display: block; font-size: 30px; font-weight: 500; color: #363a3b; position: relative; line-height: 1; z-index: 0; padding-bottom: 10px; margin-bottom: 35px; margin-left: 3px;} #wrap-outer2nd h2.normal span:before{ display: block; content: ""; width: 10px; height: 10px; background: #565959; border-radius: 50%; position: absolute; top:0; bottom:0; left:160px; margin: auto; z-index: -1; opacity: .5;} #wrap-outer2nd h2.normal span:after{ display: block; content: ""; width: 2000%; height: 1px; background: #565959; position: absolute; top:0; bottom:0; left:170px; margin: auto; z-index: -1; opacity: .5;} h3 {color:#2c2721; font-size:24px; font-weight:bold; line-height:1; margin:0; padding:0;} #wrap-outer2nd h3{ margin: 0 auto 30px auto; line-height: 1; text-align: left; background: rgb(71,226,255); background: linear-gradient(90deg, rgba(71,226,255,1) 0%, rgba(56,212,255,1) 100%); color: #ffffff; padding:25px 35px 25px 35px;} #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%;} .sp{display: none;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:120%; border:none;} select{font-size:118%; border:none;} 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 , .send{display: block; position: relative; height: 90px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding-top: 30px; overflow: hidden; transition: .3s; z-index: 1; border:none; box-sizing: border-box; width: 430px; font-size: 24px; margin: 35px auto 0 auto !important; cursor:pointer; background-color:#ff337a; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px;} .send{padding:0; margin: 0!important; float:right; width:350px;} input.btn_mail, input.btn_top, input.btn_line{ padding-top: 0;} .btn_mail:hover,.btn_top:hover, .send:hover{ color: #fff; opacity: 0.7 !important; border-radius: 50px; } .btn_line:hover{ color: #fff; opacity: 1 !important; background: #575b5c; border-radius: 50px; } .btn_top {width:50%; margin-top:60px;} .btn_line {width:50%; background:#00adb8; font-size:22px;} .btn_back {display: block; position: relative; height: 90px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding-top: 30px; overflow: hidden; transition: .3s; z-index: 1; border:none; box-sizing: border-box; width: 250px; font-size: 24px; margin: 0 !important; cursor:pointer; background-color:#363a3b; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float: left;} input.btn_back{ padding: 0;} .btn_back:hover{ color: #fff; opacity: 0.7 !important; border-radius: 50px; } .btn_end {display: block; position: relative; height: 90px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding-top: 30px; overflow: hidden; transition: .3s; z-index: 1; border:none; box-sizing: border-box; width: 350px; font-size: 24px; margin: 0 !important; cursor:pointer; background-color:#ff337a; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float: right;} input.btn_end{ padding: 0;} .btn_end:hover{ color: #fff; opacity: 0.7 !important; border-radius: 50px; } .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:150px; 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 {} .pushy-open-right .pushy { width: 100%; border: none; background: rgb(223,248,255); background: linear-gradient(90deg, rgba(223,248,255,1) 0%, rgba(209,248,255,1) 100%);} .pushy-content{ width: 1200px; margin: 0 auto 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; height: 100%; box-sizing: border-box;} .pushy-content .right{ text-align: center;} .pushy-content .right p{ margin-top: 50px; font-weight: 500;} .pushy-content .right .btn_normal{ width: 300px; margin: 50px auto 0 auto;} .pushy-content .left{width: 500px; margin-left: 50px;} .pushy-content .left ul.link{border: none; border-bottom: 1px #8ec9d7 dotted; border-top: 1px #8ec9d7 dotted; padding: 14px 0 22px 0;} .pushy-content .left ul.link > li{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap;padding-bottom: 24px; margin-bottom: 20px; border-bottom:1px #8ec9d7 dotted;} .pushy-content .left ul.link > li > a{width: 200px; font-size:34px; font-weight: 600; color: #363a3b; letter-spacing: 0.06em;} .pushy-content .left ul.link > li .sub{ padding-left: 50px; margin-top: 8px; border: none;} .pushy-content .left ul.link > li .sub > li{} .pushy-content .left ul.link > li .sub > li > a{font-size: 18px; font-weight: 500; color: #575b5c; padding: 8px 0 8px 0;} .pushy-content .left ul.link > li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1200px; overflow: hidden;} #wrap-outer2nd {width:100%; min-width:1200px; overflow: hidden;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap,#wrap-outer2nd #wrap{width:100%; min-width:1200px; overflow: hidden;} #wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; overflow: hidden;} #contents .inn{ max-width: 1350px; width: 94%; min-width: 1160px; margin: auto;} #mouse-stalker { pointer-events: none; position: fixed; top: -7.5px; left: -7.5px; width: 0px; height: 0px; background: #363a3b; border-radius: 50%; transform: translate(0, 0); transition: transform 0.2s; transition-timing-function: ease-out; z-index: 999999; /*mix-blend-mode: difference;*/ &.is_active { top: -45px; left: -45px; width: 90px; height: 90px; transition: 0.2s; background:url("../images/top/hover_indent.png") no-repeat center center,#ffffff; opacity: .6; } } /*--- header ------------------------------------------------------------------------------------*/ header { margin: 0 70px 0 70px; padding-top: 40px; position: relative;} header .inn{display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;} header .inn > nav{ margin-right:150px; } header nav > ul.navi{display: flex; justify-content: flex-end; flex-wrap: nowrap; align-items: center; float: left;} header nav > ul.navi li{ font-size: 19px; font-weight: 600; color: #575b5c; letter-spacing: 0.06em;} header nav > ul.navi li a{ color: inherit;} header nav > ul.navi li + li{ margin-left: 40px;} header nav .menu-btn{float: left; display : block; background: rgb(71,226,255); background: linear-gradient(90deg, rgba(71,226,255,1) 0%, rgba(56,212,255,1) 100%); position: fixed; z-index : 999999; right: 70px; top: 40px; width: 90px; height: 90px; cursor: pointer; border-radius: 50%; text-align: center; transition: .3s;} header nav .menu-btn span { display : block; position: absolute; border-radius: 2px; width: 30px; height:2px; left:30px; background: #ffffff; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} header nav .menu-btn span:nth-child(1) { top: 35px; } header nav .menu-btn span:nth-child(2) { top: 48px; } header nav .menu-btn.active { background: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} header nav .menu-btn.active span{ background: #363a3b;} header nav .menu-btn.active span:nth-child(1),header nav .menu-btn.active span:nth-child(2){ left: 28px; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;} header nav .menu-btn.active span:nth-child(1){top: 40px; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px);} header nav .menu-btn.active span:nth-child(2){top: 59px; -webkit-transform: translateY(-16px) rotate(90deg); -ms-transform: translateY(-16px) rotate(90deg); -o-transform: translateY(-16px) rotate(90deg); transform: translateY(-16px) rotate(90deg);} header.scroll-up{ } /*--- 工事中 ----------------------------------------------------------------------------------*/ .kojichu{ background: linear-gradient(90deg, #f1faff, #c2e9fb, #a1c4fd, #fcfefe); background-size: 1400% 1400%; -webkit-animation: KojichuAnimation 50s ease infinite; -moz-animation: KojichuAnimation 50s ease infinite; animation: KojichuAnimation 50s ease infinite; } @-webkit-keyframes KojichuAnimation { 0%{background-position:0% 52%} 50%{background-position:100% 49%} 100%{background-position:0% 52%} } @-moz-keyframes KojichuAnimation { 0%{background-position:0% 52%} 50%{background-position:100% 49%} 100%{background-position:0% 52%} } @keyframes KojichuAnimation { 0%{background-position:0% 52%} 50%{background-position:100% 49%} 100%{background-position:0% 52%} } .kojichu #coming_soon{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;margin: 180px 0 200px 0;} .kojichu #coming_soon h2{font-weight: 500; font-size: 133px; margin-bottom: 50px;} .kojichu #coming_soon .logo{ display: block; margin: 0 auto 70px auto;} .kojichu #coming_soon p{ margin-bottom: 80px; line-height: 2em;} .js-block .char { display: inline-block; min-width: 0.25em; animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both; opacity: 0;} .visuallyHidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .js-block{ opacity: 0; transition: .3s;} .js-block.js-initialized{ opacity: 1;} .js-text-top span {opacity: 0;} .js-text-top.js-text--up span { animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both; } @keyframes translateX { 0% { transform: translateX(50%); } 100% { transform: translateX(0); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .js-text--3.js-text--up span { animation: text_anime_on 1s ease-out forwards; } @keyframes text_anime_on { 0% {opacity: 0;} 100% {opacity: 1;} } /*--- contents/main ----------------------------------------------------------------------------------*/ #main_image{ margin-bottom: 256px; position: relative;} #main_image .inn{ position: relative; min-height: 1000px;} #main_image .inn:after{ display: block; clear: both; content: "";} #main_image .swiper_block {overflow: hidden; margin: 0 auto; position: absolute; left: -617px; top:68px;} #main_image .swiper_block .swiper { width: 1112px; height: 930px; border-radius: 50px; overflow: hidden;} #main_image .swiper_block .swiper-slide { overflow: hidden; } #main_image .swiper_block .swiper-slide img { height: auto; width: 100%; border-radius: 50px; overflow: hidden; } #main_image .txt{ margin: 200px 0 0 0; width: 770px; float: right; position: relative; z-index: 2;} #main_image .txt h2{font-weight: 500; font-size: 100px; margin-bottom:0; color: #363a3b; line-height: 1.2em;} #main_image .txt h2 span{ display: inline-block; white-space:nowrap;} #main_image .txt p,#main_image .txt h2 .js-text--3{font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; font-size: 18px; font-weight: 600; color: #363a3b; margin-left: 2px; line-height: 1.8em; margin-top: 30px;} #main_image .scrolldown{position: absolute; margin-top: -140px; right:70px; animation:mousemove 1.6s ease-in-out infinite;} #main_image .scrolldown a{ display: block; width: 105px; height: 105px; display: flex; border: 1px solid #272c2d; border-radius: 50%; justify-content: center; align-items: center;} @keyframes mousemove{ 0%{top:770px;} 50%{top:775px;} 100%{top:770px;}} /*--- ボタン --------------------------------------------------------------------------------*/ a{text-decoration: none;} .btn_small{display: block; font-size: 16px; font-weight: 400; color: #007741; background: transparent; border-bottom: 1px solid #007741; width: 150px; height: 45px; box-sizing: border-box; padding: 6.5px 0 0 0; position: relative; z-index: 1; transition: .3s; text-align: center;} .btn_small:after{ display: inline-block; vertical-align: middle; content: ""; background: url(../images/top/indent_s_gr.png) no-repeat; background-size: 6px auto; width: 6px; height: 10px; margin-left: 15px; margin-bottom: 1px;} .btn_small::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #007741; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; border-radius: 50px; } .btn_small:hover { color: #fff; opacity: 1 !important; border-radius: 50px; } .btn_small:hover::after{ background: url(../images/top/indent_s_wh.png) no-repeat; background-size: 6px auto;} .btn_small:hover::before { transform-origin: 50% 100%; transform: scaleY(1); } .btn_normal{display: block; font-size: 20px; font-weight: 400; color: #ffffff; background: #363a3b; width: 430px; height: 85px; box-sizing: border-box; position: relative; z-index: 1; transition: .3s; text-align: center; margin-top: 75px;} .btn_normal a{ display: block; color: inherit; padding: 23px 0 0 0; height: 100%; box-sizing: border-box;} .btn_normal span{display: inline-block; font-weight: 700; margin-right: 3px;} .btn_normal:hover { color: #fff; opacity: 1 !important; background: #575b5c; border-radius: 50px; } .btn_normal.black{ background-color: #242025; border: none; color: #ffffff;} .btn_normal.black:hover { color: #fff; opacity: 1 !important; background: #007741; border-radius: 50px; } /*--- wrap_add00 --------------------------------------------------------------------------------*/ .tit_s{ font-size: 30px; font-weight: 500; color: #363a3b; position: relative; line-height: 1; z-index: 0; padding-bottom: 10px; margin-bottom: 75px;} .tit_s:before{ display: block; content: ""; width: 10px; height: 10px; background: #565959; border-radius: 50%; position: absolute; top:0; bottom:0; left:160px; margin: auto; z-index: -1; opacity: .5;} .tit_s:after{ display: block; content: ""; width: 2000%; height: 1px; background: #565959; position: absolute; top:0; bottom:0; left:170px; margin: auto; z-index: -1; opacity: .5;} h2.title{ font-size: 65px; color: #363a3b; font-weight: bold; line-height: 1.6em; margin-left: -8px;} h2.title > span.title_in{ display: inline-block;} h2.title > span.title_in span{opacity: 0;} h2.title > span.title_in.appeartext span{ animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both; } #wrap_add00.concept { position: relative; margin-bottom: 200px; padding-bottom: 50px;} #wrap_add00.concept .inn{position: relative; z-index: 1;} #wrap_add00.concept .txt{ width:800px;} #wrap_add00.concept .txt p{ font-weight: 500;} #wrap_add00.concept .txt p + p{ margin-top: 40px;} #wrap_add00.concept .bg_img{width: 940px;position:absolute;right: -1350px;top: -100px;left: 0;margin: auto;} #wrap_add00.concept .bg_img span{ display: block;} #wrap_add00.concept .bg{} #wrap_add00.concept .bg > .bg_txt_a{font-size: 135px; font-weight: 500; color: rgba(56,182,224,0.05); position: absolute; z-index: 0; top:130px; left:0; display: flex; align-items: center; overflow:hidden; width: 100%; height: 120px; white-space:nowrap;} #wrap_add00.concept .bg > .bg_txt_b{font-size: 135px; font-weight: 500; color: rgba(56,182,224,0.05); position: absolute; z-index: 0; top:280px; left:0; display: flex; align-items: center; overflow:hidden; width: 100%; height: 120px; white-space:nowrap;} #wrap_add00.concept .bg > .bg_txt_a ul{animation: flowing02 80s linear infinite; transform:translateX(-50%); margin: 0; padding: 0;} #wrap_add00.concept .bg > .bg_txt_b ul{animation: flowing 80s linear infinite; transform:translateX(0); margin: 0; padding: 0;} #wrap_add00.concept .bg > .bg_txt_a li,#wrap_add00.concept .bg > .bg_txt_b li{display: inline-block; padding-right: 10px;} @keyframes flowing { 100% { transform:translateX(-50%); } } @keyframes flowing02 { 100% { transform:translateX(50%); } } /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01.service{ position: relative; padding-top: 200px; margin-bottom: 250px;} #wrap_add01 .inn{position: relative;} .service .tit_s span{font-family: 'Jost',sans-serif; font-size: 150px; color: #ffffff; position: absolute; font-weight: 800; opacity:.25; left:120px; top:-55px; } .service h2 + p{ font-weight: 500; line-height: 2.2em; width:650px;} .service .img_blocks img{width: 330px; border-radius: 30px; overflow: hidden;} .service .img_blocks > div{position: absolute;} #wrap_add01 .img_blocks .img01{top:-30px; right:80px;} #wrap_add01 .img_blocks .img02{top:310px; right:-105px;} #wrap_add01 .img_blocks .img03{top:410px; right:300px;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02.service{ position: relative; padding-top: 200px; margin-bottom: 250px;} #wrap_add02 .inn{position: relative; padding-left: 620px; box-sizing: border-box;} #wrap_add02 .img_blocks .img01{ top:-30px; left:60px;} #wrap_add02 .img_blocks .img02{top:410px; left:190px;} #wrap_add02 .img_blocks .img03{top:310px; left:-200px;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03.service{ position: relative; padding-top: 200px; margin-bottom: 250px;} #wrap_add03 .inn{position: relative;} #wrap_add03 .img_blocks .img01{ top:-5px; right:-20px;} #wrap_add03 .img_blocks .img02{top:360px; right:-175px;} #wrap_add03 .img_blocks .img03{top:510px; right:250px;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04{ padding-top: 200px; min-height: 800px; box-sizing: border-box; } #wrap_add04 .inn{ position: relative;} #wrap_add04 h2 + p{ font-weight: 500; line-height: 2.2em; width:350px;} #wrap_add04 .btn_normal{ width: 300px;} #wrap_add04 .txt{ position: absolute; top:0; left:0;} #wrap_add04 .works-slider{margin-left:calc(50% - 135px); margin-top: 125px;} #wrap_add04 .works-slider .works-one{ width: 350px !important; height: 430px; margin: 0 15px 0 15px;} #wrap_add04 .works-slider .slick-slide img{ border-radius: 30px; overflow: hidden;} #wrap_add04 .works-slider .slick-dots{bottom: -90px; text-align: right; padding-right: 50px; box-sizing: border-box;} #wrap_add04 .works-slider .slick-dots li{width: 50px; height: 3px; margin:0 3px 0 3px;} /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05{ padding-top: 385px; min-height: 1700px;} #wrap_add05 .inn{ position: relative; box-sizing: border-box; padding-left: 660px; z-index: 1;} #wrap_add05 .img_block{ position: absolute; top:0; left: -400px; z-index: 1;} #wrap_add05 .img_block img{ border-radius: 50px; overflow: hidden;} #wrap_add05 .tit_s{ color: #ffffff; margin-bottom: 40px;} #wrap_add05 h2.title{ font-size: 60px; color: #ffffff; margin-left: -5px; margin-bottom: 100px;} #wrap_add05 .link{ display: flex; width: 750px; justify-content: space-between; flex-wrap: wrap;} #wrap_add05 .link li{ margin-bottom: 100px;} #wrap_add05 .link a{font-size: 26px; font-weight: 700; color: #ffffff;} #wrap_add05 .link img{ display: block; border-radius: 30px; overflow: hidden; margin-bottom: 25px;} #wrap_add05 .link span{ display: block; border-bottom: 1px solid #ffffff; padding-bottom: 30px;} #wrap_add05 .bg_circle{position: absolute; z-index: -1; background: #15b8ff; width: 1750px; height: 1677px; top:-170px; left:50%; margin-left: -875px; border-radius: 50%;} /*--- wrap_add06 --------------------------------------------------------------------------------*/ #wrap_add06{ margin-bottom: 250px;} #wrap_add06 .inn{ position: relative;} #wrap_add06 .inn:after{ display: block; clear: both; content: "";} #wrap_add06 ul.list{width: 950px; float: right; margin-top: -150px;} #wrap_add06 ul.list li{display: block; width: 100%; min-height: 90px; font-size: 16px; font-weight: 400; color: #363a3b; box-sizing: border-box; background: rgb(242,248,252); background: linear-gradient(90deg, rgba(242,248,252,1) 0%, rgba(231,242,251,1) 100%); position: relative; padding: 30px 30px 30px 250px;} #wrap_add06 ul.list li + li{ margin-top: 25px;} #wrap_add06 ul.list li .day{font-family: 'Jost',sans-serif; font-size: 16.5px; display: inline-block; position: absolute; left: 85px; } #wrap_add06 ul.list li .bold{ font-weight: 700;} #wrap_add06 ul.list li a{ text-decoration: underline; color: #33ccff;} #wrap_add06 ul.list li p + p{ margin-top: 10px;} /*--- wrap_add07 --------------------------------------------------------------------------------*/ #wrap_add07{ margin-bottom: 250px;} #wrap_add07 .inn{ position: relative;} #wrap_add07 h2.title{ margin-top: -20px;} #wrap_add07 h2 + p{ font-weight: 500; line-height: 2.2em; margin-top: -10px;} #wrap_add07 .box{ display: flex; margin-top: 80px;} #wrap_add07 .tel{width: 680px;height: 105px;background: rgb(242,248,250);background: linear-gradient(90deg, rgba(242,248,250,1) 0%, rgba(231,240,249,1) 100%);margin-right: 50px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;} #wrap_add07 .tel a{font-size: 40px;font-weight: 400;font-family: 'Jost',sans-serif;color: #363a3b; cursor:text;} #wrap_add07 .tel a:hover{ opacity: 1 !important;} #wrap_add07 .tel a:before{content: "Tel."; font-size: 28px; vertical-align: baseline;} #wrap_add07 .tel p{font-size: 13px;font-weight: 400;color: #363a3b;line-height: 1.8em;margin-left: 35px;margin-top: -5px;} #wrap_add07 .tel p > .bold{font-size: 16px; font-weight: 700; display: block;} #wrap_add07 .mail.btn_normal{ margin: 0; height: 105px;} #wrap_add07 .mail.btn_normal a{ padding-top: 32px;} /*--- footer ------------------------------------------------------------------------------------*/ #footer {width:100%;} #footer > .inn{ position: relative; padding: 0 100px; margin-bottom: 85px;} #footer > .inn:before{ display: block; content: ""; width: 10px; height: 10px; background: #565959; border-radius: 50%; position: absolute; top:0; left:420px; margin: auto; z-index: -1; opacity: .5;} #footer > .inn:after{ display: block; content: ""; width: 2000%; height: 1px; background: #565959; position: absolute; top:5px; left:430px; margin: auto; z-index: -1; opacity: .5;} #footer .foot_wrap{ display: flex; justify-content: space-between; align-items: center;} #footer .shop{display: flex; justify-content: space-between; align-items: center; margin-top: -30px;} #footer .shop .foot_logo{display: block; margin:0 100px 0 0;} #footer .shop p{font-size: 14px; color: #4e5253; margin-top: 95px;} #footer .f_menu{margin-top: 75px;} #footer .f_menu ul{display: flex;} #footer .f_menu li{ font-size: 19px; font-weight: 600; color: #575b5c; letter-spacing: 0.06em;} #footer .f_menu li + li{ margin-left: 45px;} #footer .f_menu li > a{color: inherit;} #footer .copyright{background: rgb(243,249,250); background: linear-gradient(90deg, rgba(243,249,250,1) 0%, rgba(226,238,249,1) 100%); text-align: center; font-size: 13px; color: #575b5c; font-weight: 500; display: flex; height: 200px; align-items: center; justify-content: center;} #footer .copyright > .inn{letter-spacing: 0.16em;} /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%; height: 100%; overflow-x: hidden; position: relative; margin-top: 35px; margin-bottom: 100px; z-index: 1;} #wrap-outer2nd .ttl .inn{ position: relative; min-height: 650px;} #wrap-outer2nd .ttl .inn:after{ display: block; clear: both; content: "";} #wrap-outer2nd .ttl .img {overflow: hidden; margin: 0 auto; position: absolute; left: -700px; top: 0; height: 650px; width: 1160px;} #wrap-outer2nd .ttl .img img { height: 100%; width: 100%; border-radius: 50px; overflow: hidden; object-fit: cover; } #wrap-outer2nd .ttl .txt{ display: inline-block; width: 660px; margin: 220px 0 0 0; float: right; position: relative; z-index: 2;} #wrap-outer2nd .ttl .txt h2{font-weight: 500; font-size: 120px; margin-bottom: 18px; color: #363a3b; line-height: 1.2em;} #wrap-outer2nd .ttl .txt h2 span{ display: inline-block;} #wrap-outer2nd .ttl .txt p{font-size: 20px; font-weight: 600; color: #363a3b; margin-left: 2px;} #wrap-outer2nd .ttl .inn.form_ttl{min-height: 200px;} #wrap-outer2nd .ttl .inn.form_ttl .img{height: 200px;} /*================================== 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:30px auto 200px 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 .ttl + div:not(.company){ margin-bottom: 100px;} #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 #main_1col.company_block table.mod-table{margin-top: -120px; margin-left: 30%; width: 70% !important;} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:transparent; font-size: 16px;} #contents-inner-pages table.mod-table + table.mod-table{ margin-top: 50px;} #contents-inner-pages table.mod-table tr:nth-child(odd){ background: rgb(242,248,252); background: linear-gradient(90deg, rgba(242,248,252,.3) 0%, rgba(231,242,251,.3) 100%);} #contents-inner-pages table.mod-table tr:nth-child(even){ background: rgb(242,248,252); background: linear-gradient(90deg, rgba(242,248,252,1) 0%, rgba(231,242,251,1) 100%);} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {vertical-align:middle; padding:30px 20px 30px 20px; line-height:1.8; clear:both; /*font-size:16px;*/ color:#333333;} #contents-inner-pages table.mod-table td span{font-weight: bold;} #contents-inner-pages table.mod-table th {width:180px; font-weight:bold; vertical-align:top;} #contents-inner-pages table.mod-table a{ text-decoration: underline; color: #33ccff;} #contents-inner-pages table.mod-table ul.list li{ list-style: circle; margin-left: 25px;} #contents-inner-pages table.mod-table ul.list li + li{ margin-top: 8px;} #contents-inner-pages table.mod-table p span.bold{ display: block; margin-bottom: 2px;} #contents-inner-pages table.mod-table p + p{ margin-top: 30px;} #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 #company_info .im3{ display: block; margin-top: -150px;} #contents-inner-pages #history{ margin-top: 200px;} /*================================== スタッフ紹介 ==================================*/ #contents-inner-pages #main_1col.block{margin-top: 160px} #contents-inner-pages #main_1col.block section .txt + h3{ margin-top: 80px;} #contents-inner-pages #main_1col.block section + section{ padding-top: 150px;} #contents-inner-pages.staff .staff_detail{ display: flex; justify-content: space-between; flex-direction: row-reverse;} #contents-inner-pages.staff .staff_detail .img{width: 350px; } #contents-inner-pages.staff .staff_detail .img img{ display: block; margin-bottom: 15px; width: 350px; height: 350px; border-radius: 30px; overflow: hidden;} #contents-inner-pages.staff .staff_detail .img p{ margin-top: 15px; text-align: center; font-size: 30px; letter-spacing: 0.1em; font-weight: 300;} #contents-inner-pages.staff .staff_detail .img p span{ display: block; font-size: 16px; letter-spacing: 0.03em; font-weight: 400; margin-bottom: -5px;} #contents-inner-pages.staff .staff_detail .txt{ width:800px; } #contents-inner-pages.staff .staff_detail .txt p + p{ margin-top: 15px;} #contents-inner-pages.staff .staff_detail h3{ background: transparent; border-bottom: 2px solid rgb(56,212,255,1); color: rgb(56,212,255,1);padding:0 0 18px 0; font-size: 22px;} #contents-inner-pages.staff .staff_detail * + h3{ margin-top: 50px;} #contents-inner-pages.staff .staff_detail table.mod-table th,#contents-inner-pages.staff .staff_detail table.mod-table td{padding: 15px 20px 15px 20px; font-size: 15px;} #contents-inner-pages.staff .staff_detail table.mod-table th{ width: 130px;} #contents-inner-pages.staff .staff_detail.type2{ display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;} #contents-inner-pages.staff .staff_detail.type2 .box{width: 280px;} #contents-inner-pages.staff .staff_detail.type2 .box img{ display: block; margin-bottom: 15px; width: 280px; height: 280px; border-radius: 25px; overflow: hidden;} #contents-inner-pages.staff .staff_detail.type2 .txt{width: auto; border-bottom: none; color: #363a3b; font-weight: 300; font-size: 30px; letter-spacing: 0.06em; text-align: center;} #contents-inner-pages.staff .staff_detail.type2 .txt span{display: block; font-size: 15px; font-weight: 500; position: relative; line-height: 1; z-index: 0; letter-spacing: 0.16em;} /*#contents-inner-pages.staff .staff_detail.type2{ flex-direction: row; background: rgb(242,248,252); background: linear-gradient(90deg, rgba(242,248,252,1) 0%, rgba(231,242,251,1) 100%); padding: 45px 55px 45px 55px;} #contents-inner-pages.staff .staff_detail.type2 + .staff_detail.type2{ margin-top: 50px;} #contents-inner-pages.staff .staff_detail.type2 .img{width: 280px; } #contents-inner-pages.staff .staff_detail.type2 .img img{ display: block; margin-bottom: 15px; width: 280px; height: 280px; border-radius: 25px; overflow: hidden;} #contents-inner-pages.staff .staff_detail.type2 .txt{ width:755px; padding-top: 10px; } #contents-inner-pages.staff .staff_detail.type2 h3{ border-bottom: none; color: #363a3b; font-weight: 300; font-size: 30px; letter-spacing: 0.06em;} #contents-inner-pages.staff .staff_detail.type2 h3 span{font-size: 15px; font-weight: 500; position: relative; line-height: 1; z-index: 0; display: inline-block; margin-left: 30px; vertical-align: middle; margin-bottom: 3px; letter-spacing: 0.16em;} #contents-inner-pages.staff .staff_detail.type2 table.mod-table{border-top: 1px dotted rgba(0,0,0,0.2);} #contents-inner-pages.staff .staff_detail.type2 table.mod-table tr{ border-bottom: 1px dotted rgba(0,0,0,0.2); background: transparent;} #contents-inner-pages.staff .staff_detail.type2 table.mod-table th,#contents-inner-pages.staff .staff_detail.type2 table.mod-table td{padding: 10px 20px 10px 20px;}*/ /*================================== ニュースリリース ==================================*/ #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_block{ margin-top: 160px;} #contents-inner-pages #recruit_info .inn{ position: relative;} #contents-inner-pages #recruit_info .txt p{ width:690px;} #contents-inner-pages #recruit_info .txt p + p{ margin-top: 35px;} #contents-inner-pages #recruit_info h3{ margin: 100px 0 50px 0;} #contents-inner-pages #recruit_info .btn_normal{ margin: 50px auto 0 auto; background-color: #ff337a;} #contents-inner-pages #recruit_info .img_blocks img{width: 330px; border-radius: 30px; overflow: hidden;} #contents-inner-pages #recruit_info .img_blocks > div{position: absolute;} #contents-inner-pages #recruit_info .img_blocks .img01{top:-60px; right:0;} #contents-inner-pages #recruit_info .img_blocks .img02{top:250px; right:50px;} #contents-inner-pages #recruit_info .img_blocks .img03{top:630px; right:-80px;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy p{} #contents-inner-pages .privacy p + h3.normal{ margin-top: 60px;} #contents-inner-pages .privacy p a{ color: inherit;} /*================================== 新着情報 ==================================*/ #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 {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 { background-color: transparent !important; position: relative; padding: 0 0 5px 27px; cursor: pointer; transition: .3s; line-height: 1; margin-bottom: 8px;} #contents .contents-form label:hover{opacity: .7;} #contents .contents-form input[type="radio"] {display: none;} #contents .contents-form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:0; left:0; background-color: #daeaf3; width: 20px; height: 20px; border-radius: 50%;} #contents .contents-form input[type="radio"]:checked + label{color: #33ccff;} #contents .contents-form input[type="radio"]:checked + label:hover{opacity: 1;} #contents .contents-form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:4px; left:4px; background-color: #33ccff; width: 12px; height: 12px; border-radius: 50%;} #contents .contents-form select{ width: 100px;} #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;} #contents .contents-form .contact_mail p.read{ 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;} #wrap-outer2nd .contents-form h2.normal span:before {left:250px;} #wrap-outer2nd .contents-form h2.normal span:after {left:260px;} #wrap-outer2nd .contents-form.entry h2.normal span:before {left:100px;} #wrap-outer2nd .contents-form.entry h2.normal span:after {left:110px;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} /*================================== TEL ==================================*/ #telephone.inquiry {margin: 0 auto 160px auto; display: table; background: rgb(242,248,250); background: linear-gradient(90deg, rgba(242,248,250,1) 0%, rgba(231,240,249,1) 100%); width: 100%; padding: 50px 0 65px 0; text-align: center;} #telephone.inquiry a.num { display:block; font-family:'Jost',sans-serif; font-size:55px; color:#242025; text-decoration:none; margin-bottom: -10px; letter-spacing: 0.06em; cursor: text;} #telephone.inquiry a.num:hover{ opacity: 1 !important;} #telephone.inquiry a.num em:before{ content:"Tel."; display: inline-block; font-size:45px;} #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: 50px; 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 { 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 #dae5e5 solid; 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 #dae5e5 solid; } #contents .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable th { width: 240px; } #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-top:20px; 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 left center; padding:0 0 0 50px; color:#e64545; text-align:left; background-size: 30px auto;} #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 .contents-form .g-recaptcha{margin-top:-24px;} .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:#ff337a; 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; } /*================================== 販売中物件 ==================================*/ #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;} /*end*/ } /*画面幅縮小の調整*/ @media print, screen and (max-width: 1500px) and (min-width: 561px) { #wrap_add05 .inn{ padding-left: 35%;} #wrap_add05 .link{ width: 100%;} #wrap_add05 .link li { margin-bottom: 80px; width: 46%;} #wrap_add05 .link a{font-size: 22px;} #wrap_add05 .link img{ width: 100%;} #wrap_add05 .link span{padding-bottom: 24px;} #wrap_add05 .img_block{left: -26%; top: 276px; width: 57%;} #wrap_add05 .img_block img{width: 100%; margin-bottom: 20px;} #wrap_add06 ul.list{width: 70%;} #footer > .inn{padding: 0 50px;} #footer > .inn:before{left: 370px;} #footer > .inn:after{left: 380px;} #footer .shop{ padding-right: 30px;} #footer .shop .foot_logo{margin: 0 50px 0 0;} #footer .f_menu li + li{ margin-left: 30px;} } @media print, screen and (max-width: 1400px) and (min-width: 561px) { #main_image .inn {min-height: 768px;} #main_image .txt {width: 53%; margin: 220px 0 0 0;} #main_image .txt h2 { font-size: 90px;} #main_image .txt p { font-size: 16px;} #main_image .swiper_block {left: -280px;} #main_image .swiper_block .swiper {width: 780px;height: 700px;} #main_image .swiper_block .swiper-slide img { object-fit: cover; } #main_image .scrolldown {right: 50px; margin-top: -100px;} #main_image .scrolldown a {width: 85px;height: 85px;} } @media print, screen and (max-width: 1350px) and (min-width: 561px) { h2.title{font-size: 50px;} #wrap_add00.concept .bg_img{width: 850px; right:-1000px; top: -50px;} #wrap_add00.concept .txt{ width:600px;} #wrap_add01 .img_blocks .img01 {right: 150px;} #wrap_add01 .img_blocks .img02 {right: 0;} #wrap_add01 .img_blocks .img03 { top: 530px; right: 250px;} #wrap_add02 .img_blocks .img01 {left: 120px;} #wrap_add02 .img_blocks .img02 {top: 550px;} #wrap_add02 .img_blocks .img03 { left: 0;} #wrap_add02 p { width:500px;} #wrap_add03 .img_blocks .img01 {right: 80px;} #wrap_add03 .img_blocks .img02 {right: 0;} #wrap_add03 .img_blocks .img03 {top: 600px;} #wrap_add05 .link {width: 95%;} .pushy-content .right{ text-align: center; margin-right: 50px;} .pushy-content .left ul.link {padding: 11px 0 14px 0;} .pushy-content .left ul.link > li {padding-bottom: 20px;margin-bottom: 15px;} }