#ja {
overflow-x: auto;
}
#en {
overflow-x: auto;
}
.justify {  -moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
text-align:justify;
word-break:break-all;
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
line-break: strict;
}
#grve-content.grve-left-sidebar #grve-sidebar,
#grve-content.grve-right-sidebar #grve-sidebar {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
h1,h2,h3,h4,h5,h6 {
text-wrap: balance;
}
.grve-breadcrumbs ul li {
font-size: 10px !important;
}
.room_slider {
width: 100%;
max-height: 480px;
overflow: hidden;
}
.room_slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 480px) {
.room_slider {
width: 100%;
height: 160px;
overflow: hidden;
}
}
.cell_div {
text-align: right;
}
.thead-item {
text-align: center !important;
font-weight: 700;
}
.gswpts_tables_container {
margin: 0 !important;
position: relative;
padding: 0 !important;
}
.cky-notice .cky-title {
font-size: 12px !important;
line-height: 22px !important;
}
.cky-notice-group .cky-notice-des * {
font-size: 12px !important;
line-height: 22px !important;
}
.cky-btn {
font-size: 12px !important;
line-height: 22px !important;
}
.hidden {
color: transparent;
} #grve-feature-section .grve-wrapper {
mix-blend-mode: color-dodge;
}
#grve-page-title .grve-wrapper {
mix-blend-mode: color-dodge;
}
#grve-feature-section .grve-title {
text-align: center;
font-size: 28px;
text-transform: uppercase;
line-height: 38px;
}
.grve-navigation-4.grve-default .grve-carousel-buttons div,
.grve-navigation-4.grve-dark .grve-carousel-buttons div {
color: #fff;
}
.grve-carousel-navigation .grve-carousel-buttons div i {
font-size: .5em;
}
@media (max-width: 480px) {
body,
p,
li {
font-size: 13px !important;
line-height: 23px !important;
}
}
@media (max-width: 480px) {
.list-bulding li {
font-size: 10px !important;
line-height: 20px !important;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.widget_polylang {
width: 25%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.widget_polylang {
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
.grve-menu-wrapper {
margin-bottom: 3em !important;
}
.type10 {
font-size: 10px;
line-height: 20px;
}
.igsv-table {
font-size: 95%;
}
.igsv-table th {
padding: 1em;
font-weight: 700;
text-align: center;
background-color: #f0f0f0;
border-right: none;
white-space: nowrap;
}
.igsv-table tr:nth-child(2n + 1) {
background-color: rgba(0, 0, 0, 0.025);
}
.igsv-table td {
vertical-align: middle;
text-align: right;
padding: 5px 10px 5px 10px;
white-space: pre-line;
border-right: none;
}
div p.caption {
position: absolute;
right: 0;
bottom: 30px;
color: #fff;
font-size: 10px;
display: inline-block;
padding: 0.2em 1.2em;
background-color: rgba(144, 136, 119, 0.7);
z-index: 2;
}
@media screen and (min-width: 768px) {
.widthTypeA02Wrap {
max-width: 800px;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (min-width:768px) {
.widthTypeA03Wrap {
max-width: 900px;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
}
@media screen and (max-width:480px) {
.widthTypeA03Wrap {
text-align: left;
}
.widthTypeA03Wrap p br {
display: none;
}
.widthTypeA03Wrap span br {
display: initial !important;
}
}
@media only screen and (max-width: 480px) {
#grve-top-bar .grve-top-bar-section p {
font-size: 12px !important;
letter-spacing: 0;
}
}
#grve-hidden-menu ul.grve-menu li a {
font-size: 13px;
}
.bgglay {
border-radius: 10px;
background: #f3f0ed;
padding: 1em;
overflow: hidden;
}
.bgglay .grve-element {
margin-bottom: 15px !important;
}
section.tbl {
margin-bottom: 30px;
}
.tblBlock01 {
margin: 0 auto;
padding: 0;
max-width: 1200px;
}
.tblBlock01 dl {
display: flex;
flex-wrap: wrap;
position: relative;
border-bottom: #ccc dotted 1px;
margin: 0;
}
.tblBlock01 dt {
margin: 0;
padding: 10px;
}
.tblBlock01 dd {
margin: 0;
padding: 10px;
}
.tblBlock01 p {
margin: 0;
padding: 0;
}
.tblBlock01 ol,
.tblBlock01 ul {
padding: 0;
}
.tblBlock01 ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.tblBlock01 ul li {
display: inline-block;
margin-right: -0.1em;
}
.tblBlock01 ul li::after {
content: " / ";
margin: 0 0.2em;
}
.tblBlock01 ul li:last-child::after {
content: none;
}
.tblBlock01 ul li:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
section.tbl {
margin: 0;
padding: 0;
position: static;
margin-top: 0;
margin-bottom: 30px;
}
.tblBlock01 {
padding: 0;
}
.tblBlock01 dl {
padding: 0;
margin-bottom: 10px;
}
.tblBlock01 dt {
padding: 0 0 5px;
}
.tblBlock01 dd {
padding: 0 0 10px;
}
.tblBlock01 dl dt {
position: static;
font-weight: 500;
width: 100%;
margin: 0;
}
.tblBlock01 p {
margin: 0;
}
.tblBlock01 p br {
display: none;
}
.tblBlock01 ol,
.tblBlock01 ul {
padding: 0;
}
}
section.detail {
position: relative;
}
.detailBlock01 {
margin: 0 auto;
padding: 0;
max-width: 900px;
}
.detailBlock01 dl {
margin: 0 0 1rem;
padding: 0 0 1rem 20rem;
position: relative;
border-bottom: #ccc dotted 1px;
}
.detailBlock01 dl dt {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.detailBlock01 dl dd {
margin: 0;
padding: 0;
}
.detailBlock01 p {
margin: 0;
padding: 0;
}
.detailBlock01 ol,
.detailBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
.detailBlock01 ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.detailBlock01 ul li {
display: inline-block;
margin-right: -0.1em;
}
.detailBlock01 ul li::after {
content: " / ";
margin: 0 0.2em;
}
.detailBlock01 ul li:last-child::after {
content: none;
}
.detailBlock01 ul li:last-child {
margin-right: 0;
}
section.facilities {
position: relative;
}
.facilitiesBlock01 {
margin: 0 auto;
padding: 0;
max-width: 900px;
}
.facilitiesBlock01 dl {
margin: 0 0 20px;
padding: 0 0 1rem 20rem;
position: relative;
border-bottom: #ccc dotted 1px;
}
.facilitiesBlock01 dl dt {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.facilitiesBlock01 dl dd {
margin: 0;
padding: 0;
}
.facilitiesBlock01 p {
margin: 0;
padding: 0;
}
.facilitiesBlock01 ol,
.facilitiesBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
.facilitiesBlock01 ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.facilitiesBlock01 ul li {
display: inline-block;
margin-right: -0.1em;
}
.facilitiesBlock01 ul li::after {
content: " / ";
margin: 0 0.2em;
}
.facilitiesBlock01 ul li:last-child::after {
content: none;
}
.facilitiesBlock01 ul li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 480px) {
.facilitiesBlock01 dl dt {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.facilitiesBlock01 dl {
margin: 0 0 20px;
padding: 0 0 20px 0;
position: relative;
border-bottom: #ccc dotted 1px;
}
.facilitiesBlock01 dt {
font-weight: 700;
}
}
section.contract {
position: relative;
}
.contractBlock01 {
margin: 0 auto;
padding: 0;
}
.contractBlock01 dl {
margin: 0 0 20px;
padding: 0 0 1rem 20rem;
position: relative;
border-bottom: #ccc dotted 1px;
}
.contractBlock01 dl dt {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.contractBlock01 dl dd {
margin: 0;
padding: 0;
}
.contractBlock01 p {
margin: 0;
padding: 0;
}
.contractBlock01 ol,
.contractBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
.contractBlock01 ol li {
list-style: decimal;
}
.contractBlock01 ul li {
list-style: inherit;
list-style-type: initial;
}
section.company {
position: relative;
max-width: 800px;
}
.companyBlock01 {
margin: 0 auto;
padding: 0;
max-width: 800px;
}
section.outline {
position: relative;
}
.outlineBlock01 {
margin: 0 auto;
padding: 0;
}
.outlineBlock01 dl {
margin: 0 0 20px;
padding: 0 0 1rem 16rem;
position: relative;
border-bottom: #ccc dotted 1px;
}
.outlineBlock01 dl dt {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.outlineBlock01 dl dd {
margin: 0;
padding: 0;
}
.outlineBlock01 dd {
flex-direction: column;
}
.outlineBlock01 p {
margin: 0;
padding: 0;
}
.outlineBlock01 ol,
.outlineBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
.outlineBlock01 ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.outlineBlock01 ul li {
display: inline-block;
margin-right: -0.1em;
}
.outlineBlock01 ul li::after {
content: "／";
margin: 0 0.2em;
}
.outlineBlock01 ul li:last-child::after {
content: none;
}
.outlineBlock01 ul li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 480px) {
.outlineBlock01 dl dt {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.outlineBlock01 dl {
margin: 0 0 20px;
padding: 0 0 20px 0;
position: relative;
border-bottom: #ccc dotted 1px;
}
.outlineBlock01 dt {
font-weight: 700;
}
}
@media (max-width: 767px) {
section.detail {
margin: 0;
padding: 0;
position: static;
margin-top: 0;
}
.detailBlock01 {
padding: 0;
}
.detailBlock01 dl {
padding: 0 0 20px;
}
.detailBlock01 dl dt {
position: static;
font-weight: 700;
margin: 0 0 5px;
}
.detailBlock01 p {
margin: 0;
}
.detailBlock01 p br {
display: none;
}
.detailBlock01 ol,
.detailBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
section.facilities {
margin: 0;
padding: 0;
position: static;
margin-top: 0;
}
.facilitiesBlock01 {
padding: 0;
}
.facilitiesBlock01 dl {
padding: 0 0 20px;
}
.facilitiesBlock01 dl dt {
position: static;
font-weight: 700;
margin: 0 0 5px;
}
.facilitiesBlock01 p {
margin: 0;
}
.facilitiesBlock01 p br {
display: none;
}
.facilitiesBlock01 ol,
.facilitiesBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
section.contract {
margin: 0;
padding: 0;
position: static;
margin-top: 0;
}
.contractBlock01 {
padding: 0;
}
.contractBlock01 dl {
padding: 0 0 20px;
}
.contractBlock01 dl dt {
position: static;
font-weight: 700;
margin: 0 0 5px;
}
.contractBlock01 p {
margin: 0;
}
.contractBlock01 p br {
display: none;
}
.contractBlock01 ol,
.contractBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
section.outline {
margin: 0;
padding: 0;
position: static;
margin-top: 0;
}
.outlineBlock01 {
padding: 0;
}
.outlineBlock01 dl {
padding: 0 0 20px;
}
.outlineBlock01 dl dt {
position: static;
font-weight: 700;
margin: 0 0 5px;
}
.outlineBlock01 p {
margin: 0;
}
.outlineBlock01 p br {
display: none;
}
.outlineBlock01 ol,
.outlineBlock01 ul {
margin-bottom: 0 !important;
padding: 0;
}
}
.grve-modal-wrapper {
max-width: 800px !important;
}
.tellink {
font-size: 30px;
}
.under {
background: linear-gradient(transparent 70%, yellow 70%);
}
.type11 {
font-size: 11px;
line-height: 1.7;
font-weight: 400;
}
.type12 {
font-size: 12px;
line-height: 1.7;
font-weight: 400;
}
.type13 {
font-size: 13px;
line-height: 1.7;
font-weight: 400;
}
.type20 {
font-size: 20px;
font-weight: 400;
}
#grve-top-bar ul.grve-left-side {
float: left;
text-align: center;
width: 100%;
font-size: 16px;
}
#sf-form-page h2 {
font-size: 15px !important;
}
table.detail td {
padding: 10px 10px;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
border-color: #fff;
}
table.detail th {
width: 120px;
padding: 10px 10px;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
border-color: #fff;
}
table.detail {
width: 100%;
margin-bottom: 50px;
border-color: #fff;
}
table.detail tr:nth-child(odd) {
background-color: #f5f5f5;
border-color: #fff;
}
table.detail tr {
border-color: #fff;
}
.list-bulding {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
margin-left: 0;
}
.list-bulding li.list-bulding-title span {
bottom: 50%;
margin-bottom: -5px;
line-height: 100%;
text-transform: uppercase;
font-weight: bold;
}
.list-bulding li.list-bulding-title {
color: #fff;
background-color: #3e4040;
}
.list-bulding li i {
position: absolute;
margin: auto;
top: 20%;
left: 0;
right: 0;
bottom: 0;
font-size: 30px;
}
.list-bulding li span {
position: absolute;
margin: 0 auto;
bottom: 10%;
left: 0;
right: 0;
}
.list-bulding li {
width: calc(100% / 8 - 5px);
height: auto;
font-size: 12px;
border: 1px solid #d1d1d1;
background-color: #fff;
text-align: center;
background-position: center 15px;
background-repeat: no-repeat;
background-size: 65px auto;
margin-bottom: 10px;
margin-right: 5px;
position: relative;
box-sizing: border-box;
list-style: none;
}
@media (max-width: 768px) {
.list-bulding li {
width: calc(100% / 4 - 4px);
}
.list-bulding li:nth-child(6n) {
margin-right: 5px;
}
.list-bulding li:nth-child(4n) {
margin-right: 0;
}
}
.room-facility ul {
margin-left: 0;
}
.list-bulding li::before {
content: "";
display: block;
padding-top: 80%;
}
table.tableTypeA02 tr:nth-child(odd) {
background-color: #f5f5f5;
}
.tableTypeA02 {
width: 100%;
border: none !important;
}
.tableTypeA02 th {
width: 120px;
padding: 10px;
text-align: left;
vertical-align: middle;
border: none !important;
}
.tableTypeA02 td {
text-align: left;
vertical-align: middle;
padding: 10px 10px;
border: none !important;
}
.tableTypeA02._small td {
padding: 10px;
}
@media screen and (max-width: 768px) {
.tableTypeA02Wrap {
overflow-x: scroll;
}
.tableTypeA02Wrap .tableTypeA02 {
min-width: 375px;
}
}
table.price {
border-color: #fff;
margin-bottom: 50px;
border-collapse: collapse;
border-spacing: 0;
margin-left: 0;
}
table.price th {
width: 30%;
text-align: left;
background-color: #f2f2f2;
border-color: #fff;
}
table.price th span {
font-size: 0.76923rem;
display: block;
}
table.price td {
box-sizing: border-box;
padding: 25px 0 25px 0;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #e4e4e4;
background-color: #f7f7f7;
border-color: #fff;
}
table.price td .pliceList {
float: left;
width: 100%;
}
table.price td .pliceList li {
list-style: none;
}
table.price td .pliceList li dl {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 10px;
}
table.price td .pliceList li dl dt {
width: 30%;
text-align: left;
border-color: #fff;
}
table.price td .pliceList li dl dd {
width: calc(100% - 40%);
text-align: right;
border-color: #fff;
}
table.price td .attention {
width: 100%;
border: 1px solid #e4e4e4;
background-color: #f2f2f2;
padding: 10px;
box-sizing: border-box;
margin-top: 10px;
clear: both;
font-size: 9px;
text-align: left;
}
table.price tr {
border-color: #fff;
}
.list-bulding i {
font-family: "icon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bnrarticle {
height: 1px;
overflow: hidden;
width: 2px;
text-align: center;
}
.simulator {
margin: 0 0 35px;
}
.simulator ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 0;
}
.simulator ul li {
margin: 0 0 9px;
padding: 0;
}
.simulator ul li.input {
padding: 0;
}
.simulator ul li.result {
background: #fcfcf7;
text-align: center;
margin: 0 0 15px;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.simulator ul li.result.proceed {
background: #ffffee;
}
.simulator ul li.result .before {
line-height: 82px;
}
.simulator ul li.result .after {
display: none;
padding: 19px 0 17px;
}
.simulator ul li.result .after .price {
font-size: 1.3em;
font-weight: 700;
color: #ee3030;
line-height: 26px;
}
.simulator ul li.result .after .includes {
line-height: 20px;
font-size: 0.7em;
}
.simulator ul li .submit {
color: #fff;
border: none;
margin-bottom: 6px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.simulator ul li .submit:hover {
opacity: 0.8;
}
.simulator .input_invalid {
background: #fee;
border-color: #f99;
}
.simulator .msg_invalid {
font-size: 0.8em;
color: #f33;
}
.calculator {
display: flex;
flex-wrap: wrap;
}
.calculator .months {
width: 33.33%;
padding: 0 1em 0 1em;
}
.calculator .days {
width: 33.33%;
padding: 0 1em 0 1em;
}
.calculator .calculate {
width: 33.33%;
padding: 0 1em 0 1em;
}
.calculator input {
height: 54px;
}
.plan .plan_table {
font-weight: 700;
}
.plan_table .yen_per_day {
font-weight: 700;
}
.plan_table .yen_per_month {
font-weight: 400;
font-size: 0.8em;
}
.plan_table .feeheader {
background-color: #fff;
}
.plan_table dl,
.plan_table dt,
.plan_table dd {
border-style: none;
text-align: left !important;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
}
.plan_table dt {
padding: 1em;
font-weight: 700;
text-align: left;
width: 33.33%;
}
.plan_table .sttl {
padding: 1em;
font-weight: 500;
text-align: left;
width: 100% !important;
background-color: rgba(0, 0, 0, 0.025);
}
.plan_table ul {
margin: 0;
}
.plan_table .priceBlock {
margin: 15px;
background-color: #fff;
margin: 0 auto;
padding: 0;
max-width: 900px;
}
.plan_table .price {
padding: 1em;
width: 20%;
}
.plan_table .plan {
padding: 1em;
width: 20%;
}
.plan_table .price_management {
padding: 1em;
width: 20%;
}
.plan_table .price_cleaning {
width: 20%;
padding: 1em;
}
.plan_table .priceBlock dl {
display: flex;
flex-wrap: wrap;
justify-content: left;
text-align: left;
border-bottom: 1px solid #ccc;
margin-bottom: 0;
}
.priceBlock dl:last-child {
border-bottom: none;
}
.priceBlock dt {
padding: 10px 0;
}
.priceBlock dd {
font-size: 13px;
padding: 10px 0;
}
.plan_table th,
.plan_table tr,
.plan_table td,
.plan_table table {
border-style: none;
margin-bottom: 0;
}
.plan_table td {
text-align: left;
}
#summary .administration {
padding-top: 1em;
}
.plan_table tr:nth-child(2n + 1) {
background-color: rgba(0, 0, 0, 0.025);
}
.plan_table th {
padding: 1em;
font-weight: 700;
text-align: center;
background-color: #f0f0f0;
width: 20%;
}
.cp {
color: #ee3f3f;
}
.yen_per_day_cp {
font-weight: 700;
color: #ee3f3f;
}
.yen_per_month_cp {
font-weight: 400;
padding: 0;
font-size: 0.8em;
color: #ee3f3f;
}
.cp_table th {
font-weight: 400;
font-size: 1em;
}
.cp_table td {
font-weight: 400;
font-size: 0.9em;
}
@media screen and (max-width: 768px) {
.table-wrapper {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.plan_table {
width: 800px;
}
.igsv-table th {
white-space: nowrap;
}
.igsv-table td {
white-space: nowrap;
}
}
.non {
display: none;
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
display: block;
margin: 0 0 1em 0 !important;
width: 100%;
}
.text_input {
min-height: 52px !important;
margin-bottom: 0 !important;
}
.row {
border-color: #fff !important;
}
#outline table,
#development table,
#place table {
border-spacing: 0;
width: 100%;
}
table {
display: table;
border-collapse: separate;
-webkit-border-horizontal-spacing: 2px;
-webkit-border-vertical-spacing: 2px;
border-top-color: gray;
border: 0;
}
#outline table th,
#development table th,
#place table th {
border: 0;
text-align: left;
white-space: nowrap;
padding-right: 2em;
min-width: 10em;
}
#outline table th,
#outline table td,
#development table th,
#development table td,
#place table th,
#place table td {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 1em 0;
vertical-align: top;
text-align: left;
}
#outline table ul,
#development table ul,
#place table ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
#outline table ul li,
#development table ul li,
#place table ul li {
display: inline-block;
margin-right: -0.4em;
}
#outline table ul li::after,
#development table ul li::after,
#place table ul li::after {
content: "／";
margin: 0 0.5em;
}
#outline table ul li:last-child::after,
#development table ul li:last-child::after,
#place table ul li:last-child::after {
content: none;
}
#outline table ul li:last-child,
#development table ul li:last-child,
#place table ul li:last-child {
margin-right: 0;
}