@charset "utf-8";
   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap rel=stylesheet");
:root {
--color-font: #0F324D;
--header-color-primary: #1A5079;
--ff01: 'Noto Sans JP', sans-serif;
--ff02: "Shippori Mincho", serif;
--ff03: "Oswald", sans-serif;
}  h1.title.bottom-loop {
text-align: center;
}
p.time.cat-news.first {
border-radius: 5px;
}
.postlist li:first-child {
border-top: none;
}
.postlist li {
border-bottom: 1px dashed #ccc;
}
.max_w1100 {
width: 90%;
}
footer#footer {
background: #1A5079;
padding: 1vw 0;
}
div#copyright {
background: #1A5079;
margin: 0;
} #header a.head_btn.mail_btn:hover {
background: red;
}
#header a.head_btn.mail_btn:hover {
background: #1A5079;
opacity: 0.7;
} .linkBtn, .post .linkBtn {
background: #1A5079;
}
.linkBtn:hover, .post .linkBtn:hover {
background: #1A5079;
opacity: 0.7;
} .page-id-21 .comon_footer {
display: none;
} .flexbox {
flex-wrap: wrap;
} body.single-post h1.title.first span {
font-size: clamp(18px, 1.6vw, 30px);
} body.page-id-21 .linkBtn, .post .linkBtn {
padding: 0.5em 2.5em 0.5em 2.5em;
}
body.page-id-21 .post .subimitarea .linkBtn input[type="submit"] {
padding: 20px 0;
} #front_top_content, #front_bottom_content {
background: transparent;
} .post h3 {
border-bottom: none;
padding: 0;
margin: 0;
} .post h2 {
margin: 0;
} .post h2::after {
display: none;
}
.max_contents {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2)* -1);
margin-right: calc(((100vw - 100%) / 2)* -1);
}
.mxauto {
margin: 0 auto;
}
.bg_img {
background-size: cover;
background-position: top;
background-repeat: no-repeat;
} @media print, screen and (max-width: 768px) {
.sppt0 {
padding-top: 0rem !important;
}
.spmb0 {
margin-bottom: 0rem !important;
}
.spmb5 {
margin-bottom: 5rem !important;
}
.sp_flex_mb {
margin-bottom: 5vw;
}
.sp_w90 {
width: 90%;
margin: 0 auto;
}
} .btn-item03 a {
position: relative;
display: block;   color: #1A5079; font-size: 16px; font-weight: 500; width: 100%; padding: 15px 0; margin: 0 auto;
border-bottom: 2px solid #1A5079;  text-decoration: none; transition: 0.3s;
font-family: var(--ff02);
font-family: var(--ff02);
text-align: left;
}
.btn-item03 a::before {
display: block;
content: '';
position: absolute;
width: 10px;
height: 10px;
border-right: 1px solid #1A5079;
border-bottom: 1px solid #1A5079;
transform: rotate(45deg);
top: 0px;
bottom: 0;
margin: auto;
right: 10px;
transition: .3s;
}
.btn-item03 a:hover::before {
top: 20px;
}
.btn-item a {
position: relative;
display: block;
text-align: center;
background: #ffffff; color: #1A5079;  font-weight: 500;  padding: 15px 0; margin: 0 auto;
font-family: var(--ff02);
border: 2px solid; text-decoration: none; transition: 0.3s;
font-size: clamp(16px, 1.1vw, 20px);
width: clamp(250px, 19vw, 350px);
}
.btn-item a::before {
content: "";
width: 10px;
height: 10px;
border-top: 2px solid #1A5079;
border-right: 2px solid #1A5079;
transform: rotate(45deg);
position: absolute;
right: 15px;
top: 38%;
transition: 0.2s;
}
.btn-item a:hover::before {
right: 10px;
} h1.title.bottom-loop {
font-size: clamp(36px, 3.2vw, 60px);
font-family: var(--ff02);
color: #1A5079;
}
h1.title.bottom-loop span span {
display: block;
font-size: clamp(16px, 1vw, 18px);
font-weight: 700;
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
background: #DBE5ED;
}
.post .time a, .post2b .time a, .post4b .time a, .postlist .time a {
color: #1A5079;
} .bg_img.bg_footer::before {
position: absolute;
content: "";
top: 0%;
left: 0;
width: 100%;
height: 95%;
background-image: url(//onely-life.com/wp-content/uploads/bg_footer.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.bg_img.bg_footer {
position: relative;
border-radius: 30px 30px 0 0;
}
#footer .footnav ul>li::before, #footer .footnav ul>li::after {
display: none;
}
a#scrollUp {
background: #1A5079;
}
.btn-item.footer a::after {
content: "\f095";
color: #1A5079;
position: absolute;
left: 30px;
top: 30%;
transform: scale(1.5);
transition: 0.2s;
font-family: 'FontAwesome';
font-size: 1em;
}
.btn-item.footer.mail a::after {
content: "\f0e0";
}
.btn-item.footer a {
margin-bottom: 2rem;
}
.btn-item.footer a::after {
content: "\f095";
color: #1A5079;
position: absolute;
left: 30px;
top: 30%;
transform: scale(1.5);
transition: 0.2s;
font-family: 'FontAwesome';
font-size: 1em;
}
p.footer {
font-weight: 400;
}
.max_w1800 {
width: 90%;
}
.contact_container {
background: #fff;
border-radius: 30px 30px 00;
padding: 8rem 0;
position: relative;
} .table-item tr td {
font-size: 16px;
font-weight: 500;
padding: 25px 3%; line-height: 2;
color: #0F324D;
}
.table-item td.cell_01 {
width: 25%;
text-align: center;
border-bottom: 2px solid #1A5079;
font-weight: 700;
}
.table-item td.cell_02 {
border-bottom: 2px solid #9f9f9f;
}
.table-item table, .table-item table th, .table-item table td {
border-width: 0px;
}
@media print, screen and (max-width: 768px) {
.table-item tr.head td.cell_02 {
border-top: none;
}
.table-item td.cell_01 {
border-bottom: 2px solid #9f9f9f78;
font-weight: 500;
}
.table-item tr td {
display: block;
width: 100% !important;
}
.table-item td.cell_02 {
text-align: center;
border-bottom: 2px solid #0F324D;
}
} .page-id-201 div#content.wide {
padding-top: 0;
}
p.name {
font-size: 16px;
font-family: var(--ff02);
font-weight: 700;
padding-top: 2rem;
}
.bg_img.bg_company01 {
background-image: url(//onely-life.com/wp-content/uploads/company_bg.png);
padding: 12rem 0;
}
.company_container {
background: #ffffffd9;
padding: 5rem 0;
} .page-id-222 div#content.wide {
padding: 0;
}
.relative {
position: relative;
}
p.heading {
background: #fff;
color: #1A5079;
font-family: var(--ff02);
display: inline-block;
padding: 0 1rem;
font-size: clamp(20px, 1.6vw, 30px);
}
.bg_img.bg_resort03 {
background-image: url(//onely-life.com/wp-content/uploads/resort03_bg.png);
position: relative;
padding: 5rem 0;
}
.bg_img.bg_resort03::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2BA0F84d;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.bg_img.bg_resort01 {
background: #F7F7F7;
padding: 5rem 0;
}
h2.lower_title.ex02 {
border-bottom: 0;
} .bg_img.bg_alliance02 {
background-color: #F7F7F7;
padding: 5rem 0;
}
.card03 {
width: 32%;
margin-bottom: 2rem;
}
p.card_title {
font-family: var(--ff02);
font-weight: 700;
padding-top: 1rem;
font-size: clamp(18px, 1.2vw, 22px);
}
.original-marker {
list-style-type: none;
}
li { background-image: url(//onely-life.com/wp-content/themes/mrp-child/check.png);
background-repeat: no-repeat;
background-size: 1em;
background-position: left center;
}
li.topic {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
color: #1A5079;
}
span.number {
margin-right: 2rem;
font-weight: 700;
font-family: var(--ff03);
color: #1A5079;
font-size: clamp(26px, 1.9vw, 36px);
}
.aliance img {
width: 47vw;
min-width: 335px;
}
p.introduce {
font-weight: 700;
font-family: var(--ff02);
font-size: clamp(20px, 1.6vw, 30px);
}
span.box {
color: #fff;
background: #1A5079;
padding: 0 1rem;
}
h3.aliance {
background: #1A5079;
display: inline-block;
color: #fff;
font-family: var(--ff02);
font-weight: 700;
padding: 1rem 4rem;
font-size: clamp(18px, 1.6vw, 30px);
} .page-id-199 div#content.wide {
padding-bottom: 0;
}
.page-id-166 div#content.wide {
padding-top: 0;
}
a.association {
font-size: 16px;
padding-top: 1rem;
display: inline-block;
color: #0F324D;
font-weight: 500;
transition: .3s;
display: flex;
align-items: center;
}
a.association:hover {
opacity: 0.7;
}
span.limk_icon {
padding-left: 1rem;
line-height: 1.3;
}
span.limk_icon img {
line-height: 1;
}
h2.lower_title.ex {
border-bottom: 0;
position: relative;
}
h2.lower_title.ex::before {
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 3px;
background: #1A5079;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.bg_img.bg_housing-business {
background: #F7F7F7;
padding: 1rem 0 5rem 0;
}
.btn-item03 {
width: 24%;
margin-bottom: 1rem;
}
.flexbox.gap {
gap: 1.3%;
} h1.title.first span span.ja {
font-family: var(--ff02);
font-weight: 500;
font-size: clamp(26px, 2.6vw, 50px);
}
h1.title.first span span.en {
font-family: var(--ff02);
font-weight: 700;
position: relative;
font-size: clamp(14px, 1.2vw, 23px);
}
span.en::before {
position: absolute;
content: "";
width: 2em;
background: #fff;
height: 2px;
top: 50%;
transform: translateY(-50%);
right: -3em;
}
.bg_img.bg_service01 {
padding: 10rem 0;
background: #F7F7F7;
}
.page-id-164 div#content.wide {
padding-top: 0;
}
.no_wrap {
flex-wrap: nowrap;
}
h2.lower_title {
font-weight: 700;
font-family: var(--ff02);
color: #1A5079;
border-bottom: 2px solid;
padding-bottom: 1rem;
font-size: clamp(19px, 1.6vw, 30px);
}
h2.lower_title span {
font-size: 18px;
display: block;
}
.btn-item.margin0 a {
margin: 0;
}
.max_width {
max-width: 528px;
}
.nowrap {
flex-wrap: nowrap !important;
}
.gap3 {
gap: 1%;
}
.w50.pl {
position: relative;
padding-top: 2%;
padding-bottom: 2%;
}
.w50.pr {
position: relative;
padding-top: 2%;
padding-bottom: 2%;
}
.w50.pl::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 71%;
height: 100%;
background-image: url(//onely-life.com/wp-content/uploads/service_bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
z-index: -10;
}
.w50.pr::before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 71%;
height: 100%;
background-image: url(//onely-life.com/wp-content/uploads/service_bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
z-index: -10;
}
header#header {
background: #1A5079;
} li.breadcrumb-item span.en {
display: none;
}
span.ja {
display: block;
}
#thumbImg::before, header#h1Header::before {
background: #1A5079;
opacity: .53;
}
h1.title, .post h1, header#h1Header h1.title {
width: 100%;
max-width: 1100px;
left: 50%;
text-align: left;
top: 50%;
transform: translate(-50%, -50%);
} .w50.sp_w90.max_width {
padding: 2rem;
}
.category-news h1.title.first.cat-loop span {
position: relative;
font-size: clamp(26px, 2.6vw, 50px);
font-weight: 500;
font-family: var(--ff02);
}
.category-housingbusiness_category h1.title.first.cat-loop span {
position: relative;
font-size: 50px;
font-weight: 500;
font-family: var(--ff02);
}
.category-works h1.title.first.cat-loop span {
position: relative;
font-size: clamp(26px, 2.6vw, 50px);
font-weight: 500;
font-family: var(--ff02);
}
ul#sitemap_list span.en {
display: none;
}
.pt20 {
padding-top: 20rem !important;
}
.bg_img.bg_top04::before {
position: absolute;
content: "";
left: 0;
width: 100%;
height: 80%;
background-image: url(//onely-life.com/wp-content/uploads/top_company_bg-1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
filter: blur(14px);
}
.bg_img.bg_top04 {
position: relative;
}
.max_w1520 {
max-width: 1520px;
width: 90%;
}
.bg_img.bg_company {
background-image: url(//onely-life.com/wp-content/uploads/top_company.png);
position: relative;
padding: 10rem 0;
}
h2.top_title.ex {
color: #fff;
}
p.phrase.fff {
color: #fff;
font-weight: 500;
position: relative;
line-height: 1.5;
}
p.fff {
color: #fff;
position: relative;
}
.btn-item.ex a {
margin: 0;
background: transparent;
color: #fff;
margin-bottom: 1rem;
}
.btn-item.ex a::before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.bg_img.bg_company::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #023053A6;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.img_04 {
background-image: url(//onely-life.com/wp-content/uploads/business04.png);
}
h2.top_title {
font-family: var(--ff02);
color: #1A5079;
font-size: clamp(36px, 3.2vw, 60px);
}
h2.top_title span {
display: block;
font-weight: 700;
font-size: clamp(16px, 1vw, 18px);
}
.img_02 {
background-image: url(//onely-life.com/wp-content/uploads/business02.png);
}
.img_03 {
background-image: url(//onely-life.com/wp-content/uploads/business03.png);
}
.card-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
a.card03 {
padding: 8vw 0;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
position: relative;
transition: .3s;
flex: 1;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.img_01 {
background-image: url(//onely-life.com/wp-content/uploads/business01.png);
}
h3.top_subtitle {
font-size: 46px;
color: #fff;
font-weight: 500;
font-family: var(--ff02);
font-size: 24px;
font-size: clamp(20px, 2.4vw, 46px);
}
a.card03::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
background: #0C3E8599;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
transition: .3s;
}
a.card03:hover::before {
opacity: 0.7;
}
.w48 {
width: 48%;
}
p.phrase {
color: #1A5079;
line-height: 2;
font-weight: 700;
font-family: var(--ff02);
font-size: clamp(23px, 1.6vw, 30px);
}
body p {
line-height: 2;
font-weight: 500;
font-size: clamp(16px, 1vw, 18px);
} @media (min-width: 769px) and (max-width: 1240px) {
.btn-item03 {
width: 48%;
}
.flexbox.gap.mb5.spmb10 {
justify-content: space-between;
}
}
@media print, screen and (min-width: 1024px) {
#header a.head_btn.mail_btn::before {
display: none;
}
#header a.head_btn.mail_btn {
font-weight: 700;
font-family: var(--ff02);
font-size: clamp(16px, 1vw, 18px);
}
#header .logo img {
width: 100%;
max-width: 390px;
max-height: 110px;
}
.sticky-header #header>.inner {
background: #1A5079;
}
nav#mainNav ul li ul.sub-menu li a:hover {
background: #1A5079;
color: #fff;
}
nav#mainNav ul li a b, nav#mainNav ul li a span {
color: #fff;
font-weight: 700;
font-family: var(--ff02);
font-size: clamp(16px, 1vw, 18px);
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b {
color: #fff;
border-bottom: 4px solid;
}
body.home header#header {
position: fixed;
background: transparent;
}
nav#mainNav ul li a:active, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-ancestor a, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li.current-menu-parent a {
background: transparent;
}
#header .logo {
padding: 0;
}
}
@media print, screen and (max-width: 1024px) {}
@media print, screen and (min-width: 1100px) {
nav#mainNav ul li ul.sub-menu li.current-menu-item a {
background: #1A5079;
color: #fff;
}
nav#mainNav ul li ul.sub-menu li a {
color: #1E547E;
font-size: 16px;
font-family: var(--ff02);
font-weight: 700;
}
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
.w50.sp_w90.max_width {
padding: 0;
}
.bg_img.bg_company01 {
padding: 5rem 0;
}
.sp_txt_r {
text-align: left !important;
}
.sppt0 {
padding-top: 0 !important;
}
.flow:last-child::before {
display: none;
}
p.flow_item span {
position: relative;
margin-right: 3rem;
}
p.flow_item span::before {
position: absolute;
content: "";
width: 10px;
background: #1A5079;
height: 10px;
top: 50%;
transform: translateY(-50%);
left: 0;
border-radius: 50%;
}
.flow {
margin-bottom: 1rem;
position: relative;
}
.flow::before {
position: absolute;
content: "";
height: 25px;
bottom: -17px;
left: 3px;
border-left: 2px dashed #1A5079;
}
p.flow {
margin-bottom: 10rem;
}
p.flow span {
position: relative;
margin-right: 1rem;
}
p.flow span::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: red;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
border-radius: 50%;
}
.card03 {
width: 100%;
}
h3.aliance {
padding: 1rem;
}
.btn-item03 {
width: 100%;
}
span.en::before {
width: 30px;
right: -3em;
}
.bg_img.bg_service01 {
padding: 5rem 0;
}
footer#footer {
padding: 5vw 0;
}
a.card03 {
padding: 20vw 0;
width: 100%;
margin-bottom: 0;
}
h1.title, .post h1, header#h1Header h1.title {
width: 95%;
}
.sppt10 {
padding-top: 10rem !important;
}
.contact_container {
padding: 5rem 0;
}
.bg_img.bg_footer::before {
background-size: contain;
}
.w48 {
width: 100%;
}
.card-list {
display: block;
}
}