@charset "UTF-8";
 html {
overflow-y: scroll;
}
fieldset, img {
border: none;
vertical-align: top;
}
ul, ol {
list-style-type: none;
}
address, caption, cite, code, dfn, em, var {
font-style: normal;
}
caption, th {
text-align: left;
}
a {
outline: none;
} h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
margin: 0;
padding: 0;
} q:before, q:after {
content: '';
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
color: #231815;
}
@media (max-width: 899px) {
:root {
text-size-adjust: 100%;
}
}
body {
color: #231815;
line-height: 1.5;
font-family: source-han-sans-japanese, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 13px;
font-weight: 400;
}
@media (max-width: 899px) {
body {
text-size-adjust: 100%;
font-size: 24px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
body {
font-size: 14px;
}
}
@media (max-width: 899px) {
#colorbox, #colorbox * {
max-height: none;
}
#gnavi, #gnavi * {
max-height: none;
}
img {
max-height: none;
max-width: 100%;
}
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
button, fieldset, form, input, label, legend, select, textarea {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
a {
text-decoration: none;
transition: opacity 0.8s;
color: #231815;
}
@media (min-width: 900px) {
a:hover {
color: #231815;
opacity: 0.9;
}
a:visited {
color: #231815;
}
a:active {
text-decoration: none;
}
}
[type=text], [type=email], [type=password], [type=number], [type=tel], textarea, select {
padding: 5px;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 0px;
}
select {
max-width: 100%;
height: 2.5em;
padding-right: 8%;
appearance: none;
border-radius: 0px;
border: 1px solid #ddd;
background: #fff url(//nicehome.co.jp/wp-content/themes/img/common/arrow.svg) 96% center no-repeat;
background-size: 12px;
}
select::-ms-expand {
display: none;
}
[type=text], [type=email], [type=password], [type=number], textarea {
appearance: none;
}
[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, textarea:focus {
background: #fff;
border: 1px solid #aaa;
}
input[type=checkbox] {
display: none;
}
[type=checkbox] + label:before {
content: "";
display: inline-block;
margin-right: 5px;
height: 14px;
width: 14px;
background: #f9f9f9;
border: 1px solid #3589B7;
vertical-align: middle;
}
[type=checkbox]:checked + label:before {
content: "\2713";
font-size: 18px;
font-weight: bold;
line-height: 14px;
text-indent: -3px;
color: #000;
}
input[type=radio] {
vertical-align: middle;
}
input[type=radio] + label {
margin-left: 5px;
}
:placeholder-shown {
color: #BABABA;
} ::-webkit-input-placeholder {
color: #BABABA;
} :-moz-placeholder {
color: #BABABA;
opacity: 1;
} ::-moz-placeholder {
color: #BABABA;
opacity: 1;
} :-ms-input-placeholder {
color: #BABABA;
} * {
box-sizing: border-box;
}
img {
vertical-align: bottom;
} .sp {
display: none;
}
@media (max-width: 899px) {
.sp {
display: inherit;
}
}
@media (max-width: 899px) {
.pc {
display: none;
}
} .inner {
position: relative;
margin: 0px auto;
}
.grid_2cell {
display: table;
}
.grid_2cell .cell {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl {
display: table;
}
ul.ul_table > li > dl > dt,
ul.ul_table > li > dl > dd {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl > dt {
width: 120px;
padding-right: 4px;
}
a.std_icn1 {
position: relative;
}
a.std_icn1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin-right: 0.4em;
background: url(//nicehome.co.jp/wp-content/themes/img/common/arr.svg) 0 0 no-repeat;
background-size: contain;
} .list_qaa [type=checkbox] + label:before {
display: none;
} .clearfix:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
} #loading {
position: absolute;
left: 50%;
top: 40%;
margin-left: -14px;
} body {
-webkit-text-size-adjust: 100% !important;
border: 0;
margin: 0;
padding: 0;
font-family: 'Raleway', 'Noto Sans JP', sans-serif;
} body {
background: #fff;
overflow-x: hidden;
}
body.lock {
height: 100vh;
overflow: hidden;
padding: 0px !important;
}
.wrap {
position: relative;
width: 1000px;
margin: 0px auto;
}
@media (max-width: 899px) {
.wrap {
width: auto;
margin: 0px 40px;
}
}
@media (max-width: 899px) and (max-width: 420px) {
.wrap {
margin: 0px 20px;
}
}
.linkbox {
cursor: pointer;
}
@media (min-width: 900px) {
.linkbox {
transition: opacity 0.8s;
}
.linkbox:hover {
opacity: 0.7;
}
}
.sp {
display: none;
}
@media (max-width: 899px) {
.sp {
display: inherit;
}
}
@media (max-width: 899px) {
.pc {
display: none;
}
}
.clear {
clear: both;
}  #map_canvas {
height: 350px !important;
background-color: #000;
}  .clearfix:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}
#soon {
height: 100vh;
position: relative;
background: url(//nicehome.co.jp/wp-content/themes/img/index/main01.jpg) center no-repeat;
background-size: cover;
}
#soon p {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: ten-mincho, serif;
font-weight: 400;
font-size: 60px;
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
} .none {
display: none;
opacity: 0;
}
#wrap_main {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100vh;
}
@media (min-width: 900px) {
#wrap_main {
background: url(//nicehome.co.jp/wp-content/themes/nicehome/img/00_bg_main.jpg) no-repeat center top/cover;
background-attachment: fixed;
padding-bottom: 0px; box-sizing: border-box; }
}
@media (max-width: 899px) {
body:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url(//nicehome.co.jp/wp-content/themes/nicehome/img/00_bg_main.jpg) center no-repeat;
background-size: cover;
}
}
#video {
position: fixed;
min-width: 100%;
min-height: 100vh;
z-index: 1;
left: 50%;
transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
#overlay {
width: 100%;
height: 100vh;
position: fixed;
background: url(//nicehome.co.jp/wp-content/themes/nicehome/img/dot_video.png);
}
@media only screen and (max-width: 767px) {
#video, #overlay {
display: none;
}
} body {
font-family: 'Roboto', 'Noto Serif JP', serif;
font-size: 1.0em;
font-weight: 500;
color: #231815;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@media (max-width: 899px) {
.for_pc {
display: none;
}
}
@media (min-width: 900px) {
.for_sp {
display: none;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
header, #c_copy, #main_cont {
position: relative;
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
img.fit100 {
max-width: 100%;
}
p.p_big {
font-size: 1.1em;
line-height: 1.9em;
}
span.small01 {
font-size: 0.5em;
color: #999;
}
span.small02 {
font-size: 0.75em;
color: #666;
}
.small03 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.8em;
color: #555;
line-height: 1.8em;
margin-bottom: 0.5em;
}
span.blk_bg {
display: inline-block;
background-color: #aaa;
color: #fff;
padding: 2px 8px 4px 8px;
margin-right: 0.5em;
}
header {
margin-top: 15px;
}
header .sitelogo {
float: left;
}
@media (min-width: 900px) {
header div.gnavi {
float: right;
}
}
div.gnavi {
font-family: 'Raleway', 'Noto Serif JP', serif;
font-size: 1.2em;
}
@media (min-width: 900px) {
div.gnavi {
margin-top: 25px;
}
div.gnavi ul.gnavi_in {
display: block;
margin: 0 0 0 auto;
}
div.gnavi ul.gnavi_in li {
list-style-type: none; display: inline-block; margin-left: 1.5em;
color: #000;
_display: inline; }
}
@media (max-width: 899px) {
div.gnavi {
text-align: center;
clear: both;
}
div.gnavi ul.gnavi_in {
margin: 0;
padding-top: 50px;
}
div.gnavi ul.gnavi_in li {
clear: both;
display: block;
color: #000;
}
}
div#gnavi_foot {
text-align: center;
margin-bottom: 60px;
}
div#gnavi_foot div.gnavi {
text-align: center;
}
div#gnavi_foot div.gnavi ul.gnavi_in {
margin-left: auto;
margin-right: auto;
}
#c_copy {
font-family: 'Raleway', 'ten-mincho-text', serif;
font-weight: 400;
text-align: center;
color: #FFF;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
padding-top: 120px;
padding-bottom: 10px;
}
#c_copy h2, #c_copy h3, #c_copy h4 {
font-weight: 400;
}
#c_copy h2 {
font-family: 'toppan-bunkyu-mincho-pr6n', serif;
font-size: 8em;
line-height: 1.5em;
}
#c_copy h3 {
font-size: 2.2em;
line-height: 1.9em;
}
#c_copy p {
font-size: 1.5em;
line-height: 1.9em;
}
table tr th {
border: solid 1px #231815;
background-color: #231815;
color: #FFF;
font-weight: normal;
padding: 4px;
text-align: center;
}
table tr td {
border: solid 1px #231815;
font-weight: normal;
padding: 5px;
text-align: center;
}
table.tb01 td {
border-top: none;
border-left: none;
border-right: none;
text-align: left;
padding: 8px 4px;
}
table.tb01 td:first-child {
min-width: 7.0em;
}
table.tb02 {
width: calc(50% - 10px);
margin: 0 10px 10px 0;
float: left;
}
@media (max-width: 899px) {
table.tb02 {
width: 100%;
margin: 0 0 10px 0;
}
}
table.tb03 {
width: 100%;
text-align: left;
margin: 0 0 25px 0;
}
table.tb03 tr th {
border: none;
background: none;
color: #231815;
font-weight: 600;
padding: 4px;
text-align: left;
}
table.tb03 tr td {
border: none;
padding: 2px 5px;
text-align: left;
}
table.tb04 tr:last-child td {
padding-top: 2.0em;
padding-bottom: 1.0em;
border-bottom: none;
}
table.tb05 {
margin: 0 auto 10px auto;
float: none;
}
#main_cont {
z-index: 2;
}
#main_cont h2, #main_cont h3, #main_cont h4, #main_cont h5 {
font-family: 'toppan-bunkyu-mincho-pr6n', serif;
font-weight: 600;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.6em;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: solid 1px #777;
}
#main_cont h2 span.eng, #main_cont h3 span.eng, #main_cont h4 span.eng, #main_cont h5 span.eng {
font-family: 'toppan-bunkyu-mincho-pr6n', serif;
display: block;
margin-top: -1.0em;
font-size: 0.5em;
color: #888;
letter-spacing: 0.05em;
}
#main_cont .no_border {
border: none;
margin-bottom: 0;
}
#main_cont h2 {
font-size: 2.0em;
}
#main_cont h3 {
font-size: 1.5em;
}
#main_cont h4 {
font-family: 'ten-mincho-text', serif;
font-size: 1.8em;
font-weight: 400;
letter-spacing: 0;
border-bottom: none;
}
#main_cont .square {
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
min-width: 100px;
padding: 5px 14px 5px 14px;
border: solid 2px #231815;
}
#main_cont .section {
margin-bottom: 60px;
}
#main_cont .block_01 {
display: block;
clear: both;
margin-bottom: 40px;
}
#main_cont .block_02 {
width: calc(50% - 80px);
margin: 0 40px 10px 40px;
float: left;
font-size: 0.95em;
}
@media (max-width: 899px) {
#main_cont .block_02 {
width: 100%;
margin: 0 0 10px 0;
}
}
#main_cont .block_03 {
width: calc(50% - 1px);
padding: 0 25px 10px 25px;
float: left;
}
#main_cont .block_03 img.ac_icon {
margin-bottom: 15px;
}
#main_cont .block_03 h4 {
font-size: 22px;
margin-bottom: 12px;
}
#main_cont .block_03 p {
font-size: 14px;
margin-bottom: 25px;
}
@media (max-width: 899px) {
#main_cont .block_03 {
width: 100%;
padding: 0 0 25px 0;
}
}
#main_cont .block_03_left {
border-right: solid 1px #231815;
}
@media (max-width: 899px) {
#main_cont .block_03_left {
border-right: none;
}
}
#main_cont section.center {
text-align: center;
}
#main_cont div.main_cont_inner {
background-color: #FFF;
margin: 0;
padding: 40px 40px;
}
#main_cont div.main_cont_inner img.mainimg {
max-width: 100%;
margin-bottom: 30px;
}
#main_cont div.main_cont_inner img.mainimg02 {
max-width: 100%;
}
#main_cont div.main_cont_inner img.blockmap {
margin-bottom: 50px;
}
#main_cont div.main_cont_inner p.copy {
text-align: center;
font-size: 1.05em;
line-height: 2.0em;
margin-bottom: 1.0em;
}
#main_cont .blockmap_div {
position: relative;
}
#main_cont .blockmap_div .blockmap_copy {
position: absolute;
text-align: left;
padding-top: 30px;
}
#main_cont .blockmap_div .blockmap_copy h6 {
font-size: 1.6em;
font-weight: normal;
margin-bottom: 18px;
}
#main_cont .blockmap_div .blockmap_copy p {
font-size: 1.15em;
line-height: 1.8em;
}
#main_cont .float_right01 {
float: right;
}
#main_cont .float_left01 {
float: left;
}
#main_cont .align_left {
text-align: left;
}
#main_cont .img_div img {
display: block;
margin-bottom: 7px;
}
@media (min-width: 900px) {
#main_cont .img_div {
width: 320px;
}
}
#main_cont #foot_info {
text-align: center;
}
#main_cont #foot_info .square {
font-family: 'Noto Sans JP', sans-serif;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
letter-spacing: 0;
font-size: 1.1em;
font-weight: 700;
}
#main_cont #foot_info img.sitelogo_foot {
display: block;
max-width: 100%;
clear: both;
margin: 0 auto 30px auto;
}
#main_cont #foot_info h4.sitename {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.25em;
margin-bottom: 0;
}
#main_cont #foot_info p {
font-family: 'Noto Sans JP', sans-serif;
}
@media (max-width: 899px) {
#main_cont div.main_cont_inner {
padding: 20px 3%;
}
}
#copyright {
background-color: #231815;
color: #FFF;
font-family: 'Raleway', 'Noto Sans JP', serif;
font-size: 0.8em;
padding: 10px 0 12px 0;
text-align: center;
}
@media (max-width:768px) {
#copyright{
padding-bottom: 80px !important;
}
}
#tocontact {
display: block;
position: fixed;
width: 64px;
height: 169px;
top: 30%;
right: -65px;
color: #fff;
z-index: 999999;
-webkit-transition: all .2s linear;
transition: all .2s linear;
background-color: #19a573;
}
#tocontact .tocontact-inner {
width: 100%;
height: 100%;
background: url(//nicehome.co.jp/wp-content/themes/nicehome/images/icon/contact.png) no-repeat;
}
@media screen and (max-width: 768px) {
#tocontact {
display: none;
}
}
a.tocontact_action:hover {
opacity: 1;
}
a.tocontact_action:hover #tocontact {
background-color: #221815;
-webkit-transition-duration: .2s;
transition-duration: .2s;
z-index: 999999;
}
#totop {
position          : fixed;
right             : 35px;
bottom: -82px;
color             : #fff;
width             : 82px;
height            : 82px;
z-index           : 9999;
-webkit-transition: all 0.4s linear;
transition        : all 0.4s linear;
}
#totop a {
width  : 82px;
height : 82px;
display: block;
}
@media screen and (min-width: 769px) {
.nopc {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.nosp {
display: none !important;
}
}
.sp-foot {
position: fixed;
display: -webkit-box;
display: flex;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 100000;
}
.sp-foot-child {
width: 50%;
padding: 20px 0;
color: #fff;
text-align: center;
}
.sp-foot-child a {
font-family: "Noto Serif JP", serif;
color: #fff;
font-size: 18px;
position: relative;
padding-left: 40px;
padding-top: 6px;
}
.sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: 0;
}
.foot-mail a img {
top: 5px;
}
.foot-tel a img {
top: 0px;
}
.foot-tel {
background: #19a573;
}
.foot-mail {
background: #221815;
}
.border {
border: 5px #fff solid;
border-radius: 5px;
margin: 40px 0 60px;
}
@media (max-width: 899px) {
.border {
border: 3px #fff solid;
border-radius: 0px;
margin: 30px 0;
}
}