@charset "utf-8";

/*
------------------------------------------------------------------------------------------------
	mansion-senior.css
------------------------------------------------------------------------------------------------
	mansion-senior for PC	 @media only screen and (min-width: 769px)
------------------------------------------------
------------------------------------------------------------------------------------------------
	mansion-senior for SP	 @media only screen and (max-width: 768px)
------------------------------------------------
------------------------------------------------------------------------------------------------
	- EX. Clear
------------------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------------------------
	mansion-senior for PC	 @media only screen and (min-width: 769px)
------------------------------------------------------------------------------------------------
*/
@media print, screen and (min-width: 769px) {
/* override */
#site-container {
min-width: 1280px;
}
#mainBody > .container[data-sidebar="false"] > .contents {
width: auto;
}
#mainBody > .container {
width: auto;
margin: 10px 0 0 0;
}
/* mansion-senior-heading1 */
.mansion-senior-heading1 {
background-color: #fbf6eb;
}
.mansion-senior-heading1-inner {
margin: 0 auto;
display: flex;
gap: 3.9em;
padding-top: max(calc((70 / 1920) * 100vw), 62px);
padding-bottom: max(calc((70 / 1920) * 100vw), 67px);
padding-inline: max(calc((40 / 1920) * 100vw), 39px);
max-width: 1700px;
width: 100%;
}
.mansion-senior-heading1-detail {
margin-top: 2.5em;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mansion-senior-heading1-head {
display: grid;
grid-template-columns: 1fr 110px;
width: 81.7%;
}
.mansion-senior-heading1-area {
grid-column: 1;
grid-row: 1;
}
.mansion-senior-heading1-area-label {
padding: 0.1em 0.8em;
background-color: #fff;
color: #13308f;
border: solid 1px #13308f;
font-size: 2rem;
}
.mansion-senior-heading1-title{
margin-top: 0.75em;
grid-column: 1;
grid-row: 2;
font-size: 4.2rem;
line-height: 1.4;
word-break: keep-all;
overflow-wrap: break-word;
}
.mansion-senior-heading1-lead {
margin-top: 0.3em;
grid-column: 1 / 3;
grid-row: 3;
color: #13308f;
font-size: 2.4rem;
font-weight: bold;
}
.mansion-senior-heading1-badge {
display: flex;
align-items: center;
justify-content: center;
grid-column: 2;
grid-row: 1 / 3;
width: 110px;
height: 110px;
background-color: #13308f;
color: #fff;
border-radius: 50%;
}
.mansion-senior-heading1-badge-label {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #fff;
color: #fff;
text-align: center;
font-size: 2rem;
}
.mansion-senior-heading1-column {
display: flex;
gap: 0 10px;
}
.mansion-senior-heading1-column-figure {
border-radius: 8px;
overflow: hidden;
}
.mansion-senior-heading1-figure {
display: flex;
align-items: center;
}
.mansion-senior-heading1-figure_inner {
border-radius: 20px;
overflow: hidden;
}

/* mansion-senior-anchor */
.mansion-senior-anchor-navi {
padding: 1.1em 0;
background-color: #13308f;
}
.mansion-senior-anchor-navi-list {
display: flex;
gap: 0 2.4em;
justify-content: center;
}
a.mansion-senior-anchor-navi-link {
position: relative;
color: #fff;
font-size: 2rem;
}
a.mansion-senior-anchor-navi-link:hover > .mansion-senior-anchor-navi-label {
text-decoration: underline;
}
.mansion-senior-anchor-navi .mansion-senior-anchor-navi-list > li > a::before {
content: "";
position: absolute;
top: 50%;
width: 13px;
height: 8px;
margin-top: -4px;
background: url(/mansion/senior/img/index_ic02.png) no-repeat;
}
.mansion-senior-anchor-navi-label {
padding-left: 20px;
}

/* mansion-senior-heading2 */
.mansion-senior-heading2 {
margin-top: 6em;
display: flex;
flex-direction: column;
align-items: center;
}
.mansion-senior-heading2-title {
padding-bottom: 5px;
font-size: 3.6rem;
position: relative;
}
.mansion-senior-heading2-title::before {
content: '';
background-color: #a7b1c3;
width: 4em;
height: 2px;
position: absolute;
bottom: 0;
left: calc(50% - 2em);
}

/* mansion-senior-figure */
.mansion-senior-figure-wrap {
margin: 1.7em 0 0;
padding: 0 40px;
display: flex;
justify-content: center;
}
.mansion-senior-figure {
text-align: center;
}
.mansion-senior-figure-wrap > .mansion-senior-figure > .mansion-senior-figure-frame > img {
max-width: 100%;
height: auto;
vertical-align: top;
}

/* mansion-senior-card */
.mansion-senior-card-wrap {
margin: 3.2em auto 0;
padding: 0 40px;
width: 1280px;
display: flex;
gap: 2.3em 2.4em ;
flex-wrap: wrap;
}
.mansion-senior-card-wrap >* {
width: calc(((100% - (72px)) / 3) - .1px);
}
.mansion-senior-card {
display: block;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 0px 15px -5px #777777;
}
.mansion-senior-card-type {
display: block;
height: 100%;
}
.mansion-senior-card-type:hover .mansion-senior-card-image {
opacity: 0.8;
}
.mansion-senior-card-type:hover > .mansion-senior-card-body {
background-color: #edeff3;
}
.mansion-senior-card-type:hover .mansion-senior-card-title::before {
left: 3px;
}
.mansion-senior-card-image {
position: relative;
aspect-ratio: 720 / 480;
transition-property: all;
transition-duration: 0.3s;
}
.mansion-senior-card-image img {
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: center center;
}
.mansion-senior-card-body {
padding: 1.3em 1.7em 1.8em;
height: 100%;
transition-property: all;
transition-duration: 0.3s;
}
.mansion-senior-card-prefecture {
font-size: 1.6rem;
text-align: center;
color: #333;
}
.mansion-senior-card-title {
position: relative;
color: #13308f;
font-size: 2rem;
font-weight: bold;
margin-top: 0.3em;
padding-left: 17px;
}
.mansion-senior-card-title::before {
content: "";
position: absolute;
top: 9px;
left: 0px;
width: 7px;
height: 12px;
background: url(/mansion/senior/img/index_ic03.png) no-repeat right 0 bottom 0/contain;
transition-property: all;
transition-duration: 0.3s;
}
.mansion-senior-card-lead {
font-size: 1.6rem;
margin-top: 1em;
color: #333;
}
.mansion-senior-card-number {
position: absolute;
top: 0;
left: 0;
background-color: #13308f;
width: 40px;
height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 0 0 8px 0;
}
.mansion-senior-card-number-label {
color: #fff;
font-size: 2rem;
font-weight: bold;
line-height: 1;
margin-top: 0.3em;
}
.mansion-senior-card-notext {
margin: 1em auto 0;
padding: 0 40px;
width: 1280px;
}

/* mansion-senior-inquiry */
.mansion-senior-inquiry-wrap{
margin: 4.6em 0 0;
background-color: #13308f;
}
.mansion-senior-inquiry {
margin: 0 auto;
padding: 2.5em 40px 2.1em;
width: 1280px;
display: flex;
flex-direction: column;
align-items: center;
}
.mansion-senior-inquiry-title {
color: #fff;
font-size: 2.6rem;
font-weight: bold;
}
.mansion-senior-inquiry-detail {
margin-top: 1em;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 0 36px;
}
.mansion-senior-inquiry-description {
display: flex;
flex-direction: column;
align-items: center;
}
.mansion-senior-inquiry-description-message {
position: relative;
padding: 0.4em 1.1em 0.2em;
background-color: #e0efff;
font-size: 2rem;
font-weight: bold;
border-radius: 5px;
}
.mansion-senior-inquiry-description-message::before {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -11px;
width: 23px;
height: 13px;
background: url(/mansion/senior/img/index_im18.png) no-repeat right 0 bottom 0/contain;
}
.mansion-senior-inquiry-description-note {
margin-top: 1.8em;
color: #fff;
font-size: 1.6rem;
}
.mansion-senior-inquiry-number > a {
margin-left: calc(1.1em + 11px);
color: #fff;
font-size: 5.8rem;
font-weight: bold;
display: inline-block !important;
outline: none;
text-decoration: none;
cursor: default;
pointer-events: none;
}
.mansion-senior-inquiry-number {
position: relative;
font-family: Arial, Helvetica, "sans-serif";
}
.mansion-senior-inquiry-number::before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -19px;
width: 64px;
height: 37px;
background: url(/mansion/senior/img/index_ic01.svg) no-repeat right 0 bottom 0/contain;
}
/* mansion-senior-feature */
.mansion-senior-feature-wrap {
background-color: #edeff3;
}
.mansion-senior-feature-wrap .mansion-senior-heading2 {
margin-top: 0;
}
.mansion-senior-feature {
margin: 0 auto;
padding: 5.9em 40px 4.6em;
width: 1280px;
}
.mansion-senior-lead {
margin-top: 1.4em;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
.mansion-senior-highlight {
padding: 0 0.1em;
background: linear-gradient(transparent 50%, #beddff 50%);
}
.mansion-senior-feature-heading3 {
margin: 3.3em auto 0;
display: flex;
justify-content: center;
}
.mansion-senior-feature-heading3-title {
position: relative;
display: inline-block;
padding: 0 1em;
color: #13308f;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
}
.mansion-senior-feature-heading3-title::before,
.mansion-senior-feature-heading3-title::after {
content: "";
position: absolute;
top: 50%;
width: 1.2em;
height: 1.7em;
border-top: 2px solid #13308f;
}
.mansion-senior-feature-heading3-title::before {
right: 0;
transform: translateX(58%) translateY(-20%) rotate(-48deg);
}
.mansion-senior-feature-heading3-title::after {
left: 0;
transform: translateX(-58%) translateY(-20%) rotate(48deg);
}
/* mansion-senior-feature-card */
.mansion-senior-feature-card-wrap {
margin-top: 1.5em;
display: flex;
flex-wrap: wrap;
gap: 0 2.4em;
}
.mansion-senior-feature-card-wrap >* {
width: calc(((100% - (72px)) / 3) - .1px);
}
.mansion-senior-feature-card {
display: flex;
align-items: center;
gap: 0 0.6em;
padding: 1.7em 1.8em 1.8em;
background-color: #fff;
border-radius: 9px;
}
.mansion-senior-feature-card-image {
width: 120px;
}
.mansion-senior-feature-card-body {
margin: 0 auto;
}
.mansion-senior-feature-card-description {
text-align: center;
font-weight: bold;
font-size: 1.6rem;
}
.mansion-senior-list-wrap {
margin-top: 1.2em;
}
.mansion-senior-note-list > li {
position: relative;
list-style: none;
padding-left: calc(1em + 10px);
font-size: 1.6rem;
}
.mansion-senior-note-list-mark {
position: absolute;
top: 0;
left: 0;
}
/* ----- mansion-senior-faq-layout ----- */
.mansion-senior-faq-layout {
margin: 1.8em auto 0;
padding: 0 40px 0;
width: 1280px;
}
.mansion-senior-faq-layout > .faq_item {
margin-top: 1.3em;
}
.mansion-senior-faq-layout > *:first-child,
.mansion-senior-faq-layout > .faq_item > .faq_answer .faq_icon:first-child + * {
margin-top: 0 !important;
}
.mansion-senior-faq-layout .faq_question,
.mansion-senior-faq-layout .faq_answer {
position: relative;
}
.mansion-senior-faq-layout .faq_question {
background-color: #edeff3;
border-radius: 9px;
transition-property: background-color, border-color, color;
transition-duration: 0.2s;
}
.mansion-senior-faq-layout .faq_question:hover > .faq_title {
text-decoration: underline;
}
.mansion-senior-faq-layout .faq_question::before,
.mansion-senior-faq-layout .faq_question::after {
position: absolute;
top: 50%;
right: 27px;
width: 21px;
height: 1px;
margin-top: 1px;
background-color: #4e76c5;
content: "";
-webkit-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
}
.mansion-senior-faq-layout .faq_question::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mansion-senior-faq-layout .faq_question.is-active::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.mansion-senior-faq-layout .faq_question .faq_icon {
position: relative;
display: inline-block;
flex-shrink: 0;
text-indent: -100vw;
white-space: nowrap;
overflow: hidden;
background: no-repeat center /contain;
top: -2px;
width: 22px;
height: 24px;
background-image: url(/mansion/senior/img/index_ic04.png);
}
.mansion-senior-faq-layout > .faq_item > .faq_question {
padding: 23px 60px 19px 24px;
display: flex;
align-items: flex-start;
}
.mansion-senior-faq-layout .faq_title {
margin-left: 1.1em;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
}
.mansion-senior-faq-layout .faq_answer .faq_icon {
position: relative;
display: inline-block;
flex-shrink: 0;
text-indent: -100vw;
white-space: nowrap;
overflow: hidden;
background: no-repeat center /contain;
top: 1px;
width: 21px;
height: 21px;
background-image: url(/mansion/senior/img/index_ic05.png);
}
.mansion-senior-faq-layout > .faq_item > .faq_answer {
padding: 1.7em;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-head {
display: flex;
align-items: flex-start;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-body {
margin-left: 2.9em;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-body > .paragraph-v01 {
font-size: 1.6rem;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer .faq_main-answer {
margin-left: 1.1em;
font-size: 1.8rem;
line-height: 1.4;
}
/* ----- mansion-senior-table-layout ----- */
.mansion-senior-table-wrap {
margin-top: 2.3em;
}
[class*="table-layout"] {
margin-top: 0;
}
.mansion-senior-table-layout .table_inner {
width: 100%;
border: solid 1px #a7b1c3;
}
.mansion-senior-table-layout th,
.mansion-senior-table-layout td {
padding: 1.4rem 1rem 0.8rem;
vertical-align: middle;
text-align: center;
}
.mansion-senior-table-layout th > *:first-child,
.mansion-senior-table-layout td > *:first-child {
margin-top: 0 !important;
}
.mansion-senior-table-layout th {
font-size: 1.6rem;
font-weight: bold;
border-top: solid 1px #a7b1c3;
border-left: solid 1px #a7b1c3;
}
.mansion-senior-table-layout td {
font-size: 1.6rem;
border-top: solid 1px #a7b1c3;
border-left: solid 1px #a7b1c3;
}
.mansion-senior-table-layout .mansion-senior-table-highlight {
background-color: #f3f6fc;
}
}

/*
------------------------------------------------------------------------------------------------
	mansion-senior @media screen and (min-width: 768px) and (max-width: 1280px)
------------------------------------------------------------------------------------------------
*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
#globalNav {
display: none !important;
}
.mansion-senior-heading1-head {
width: 100%;
}
.mansion-senior-heading1-detail {
margin-top: 0;
justify-content: normal;
gap: 1.2em 0;
}
.mansion-senior-heading1-inner {
gap: 2.4em;
}
.mansion-senior-heading1-title {
margin-top: 0.5em;
}
.mansion-senior-heading1-figure_inner {
width: 583px;
}
.mansion-senior-heading1-badge {
margin-top: 1.9em;
}
}

/*
------------------------------------------------------------------------------------------------
	mansion-senior for SP	 @media only screen and (max-width: 768px)
------------------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 768px) {
/* override */
#mainBody > .container[data-sidebar="false"] > .contents {
width: auto;
}
#mainBody > .container {
width: auto;
margin: 0;
}
#mainBody > .container > .contents {
padding: 0;
}
/* mansion-senior-heading1 */
.mansion-senior-heading1 {
background-color: #fbf6eb;
}
.mansion-senior-heading1-inner {
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2em;
padding: 12px 15px 15px;
}
.mansion-senior-heading1-detail {
display: flex;
flex-direction: column-reverse;
}
.mansion-senior-heading1-head {
margin-top: 0.8em;
display: grid;
grid-template-columns: 1fr 110px;
}
.mansion-senior-heading1-area {
grid-column: 1;
grid-row: 1;
}
.mansion-senior-heading1-area-label {
padding: 0.1em 0.8em;
background-color: #fff;
color: #13308f;
border: solid 1px #13308f;
font-size: 1rem;
}
.mansion-senior-heading1-title{
margin-top: 0.4em;
grid-column: 1;
grid-row: 2;
font-size: 2.4rem;
line-height: 1.4;
word-break: keep-all;
overflow-wrap: break-word;
}
.mansion-senior-heading1-lead {
margin-top: 0.7em;
grid-column: 1 / 3;
grid-row: 3;
color: #13308f;
font-size: 1.5rem;
font-weight: bold;
}
.mansion-senior-heading1-badge {
margin: 6px 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
grid-column: 2;
grid-row: 1 / 3;
width: 75px;
height: 75px;
background-color: #13308f;
color: #fff;
border-radius: 50%;
}
.mansion-senior-heading1-badge-label {
display: flex;
align-items: center;
justify-content: center;
width: 69px;
height: 69px;
border-radius: 50%;
border: 1.5px solid #fff;
color: #fff;
text-align: center;
font-size: 1.4rem;
}
.mansion-senior-heading1-column {
display: flex;
gap: 0 4px;
}
.mansion-senior-heading1-column-figure {
border-radius: 4px;
overflow: hidden;
}
.mansion-senior-heading1-figure {
border-radius: 10px;
overflow: hidden;
}

/* mansion-senior-anchor */
.mansion-senior-anchor-navi {
padding: 1.1em 15px;
background-color: #13308f;
}
.mansion-senior-anchor-navi-list {
display: flex;
flex-direction: column;
gap: 1.4em 0;
}
a.mansion-senior-anchor-navi-link {
position: relative;
color: #fff;
font-size: 1.4rem;
}
.mansion-senior-anchor-navi .mansion-senior-anchor-navi-list > li > a::before {
content: "";
position: absolute;
top: 50%;
width: 13px;
height: 8px;
margin-top: -4px;
background: url(/mansion/senior/img/index_ic02.png) no-repeat;
}
.mansion-senior-anchor-navi-label {
padding-left: 24px;
}

/* mansion-senior-heading2 */
.mansion-senior-heading2 {
margin-top: 2.7em;
display: flex;
flex-direction: column;
align-items: center;
}
.mansion-senior-heading2-title {
padding-bottom: 7px;
font-size: 2.1rem;
position: relative;
}
.mansion-senior-heading2-title::before {
content: '';
background-color: #a7b1c3;
width: 4.4em;
height: 2px;
position: absolute;
bottom: 0;
left: calc(50% - 2.2em);
}

/* mansion-senior-figure */
.mansion-senior-figure-wrap {
margin: 1.2em 0 0;
padding: 0 15px;
display: flex;
justify-content: center;
}
.mansion-senior-figure {
text-align: center;
}
.mansion-senior-figure-wrap > .mansion-senior-figure > .mansion-senior-figure-frame > img {
max-width: 100%;
height: auto;
vertical-align: top;
}

/* mansion-senior-card */
.mansion-senior-card-wrap {
margin-top: 2em;
padding: 0 15px;
display: flex;
gap: 0.9em;
flex-direction: column;
}
.mansion-senior-card-type {
padding: 1em 0.8em 0.8em;
display: flex;
}
.mansion-senior-card {
display: block;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 0px 15px -5px #777777;
}
.mansion-senior-card-image {
position: relative;
aspect-ratio: 720 / 480;
border-radius: 6px;
width: 120px;
overflow: hidden;
}
.mansion-senior-card-image img {
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: center center;
}
.mansion-senior-card-body {
margin: 0.3em 0.4em 0 1em;
}
.mansion-senior-card-prefecture {
color: #333;
}
.mansion-senior-card-title {
position: relative;
color: #13308f;
font-size: 1.5rem;
font-weight: bold;
margin-top: 0.8em;
padding-left: 14px;
}
.mansion-senior-card-title::before {
content: "";
position: absolute;
top: 2px;
left: 0px;
width: 7px;
height: 12px;
background: url(/mansion/senior/img/index_ic03.png) no-repeat right 0 bottom 0/contain;
}
.mansion-senior-card-lead {
margin-top: 0.6em;
color: #333;
line-height: 1.6;
}
.mansion-senior-card-number {
position: absolute;
top: 0;
left: 0;
background-color: #13308f;
width: 30px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 0 0 8px 0;
}
.mansion-senior-card-number-label {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
margin-top: 0.2em;
}
.mansion-senior-card-notext {
margin: 1em 0 0;
padding: 0 15px;
}

/* mansion-senior-inquiry */
.mansion-senior-inquiry-wrap{
margin: 2.5em 0 0;
background-color: #13308f;
}
.mansion-senior-inquiry {
margin: 0 auto;
padding: 1.7em 15px 0.6em;
display: flex;
flex-direction: column;
align-items: center;
}
.mansion-senior-inquiry-title {
color: #fff;
font-size: 1.7rem;
font-weight: bold;
}
.mansion-senior-inquiry-detail {
margin-top: 1em;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.8em 0;
}
.mansion-senior-inquiry-description {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.mansion-senior-inquiry-description-message {
position: relative;
padding: 0.8em 0.9em 0.6em;
background-color: #e0efff;
font-size: 1.5rem;
font-weight: bold;
border-radius: 5px;
text-align: center;
width: 100%;
}
.mansion-senior-inquiry-description-message::before {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -9px;
width: 15px;
height: 9px;
background: url(/mansion/senior/img/index_im18.png) no-repeat right 0 bottom 0/contain;
}
.mansion-senior-inquiry-description-note {
margin-top: 1.7em;
color: #fff;
}
.mansion-senior-inquiry-number > a {
margin-left: calc(1.1em + 10px);
color: #fff;
font-size: 3.9rem;
font-weight: bold;
}
.mansion-senior-inquiry-number {
position: relative;
font-family: Arial, Helvetica, "sans-serif";
}
.mansion-senior-inquiry-number::before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
width: 44px;
height: 25px;
background: url(/mansion/senior/img/index_ic01.svg) no-repeat right 0 bottom 0/contain;
}
/* mansion-senior-feature */
.mansion-senior-feature-wrap {
background-color: #edeff3;
}
.mansion-senior-feature-wrap .mansion-senior-heading2 {
margin-top: 0;
}
.mansion-senior-feature {
margin: 0 auto;
padding: 2.9em 15px 1.3em;
}
.mansion-senior-lead {
margin-top: 1.2em;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.6;
}
.mansion-senior-highlight {
padding: 0 0.1em;
background: linear-gradient(transparent 50%, #beddff 50%);
}
.mansion-senior-feature-heading3 {
margin: 2.3em auto 0;
display: flex;
justify-content: center;
}
.mansion-senior-feature-heading3-title {
position: relative;
display: inline-block;
padding: 0 1em;
color: #13308f;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.mansion-senior-feature-heading3-title::before,
.mansion-senior-feature-heading3-title::after {
content: "";
position: absolute;
top: 50%;
width: 1.2em;
height: 1.7em;
border-top: 2px solid #13308f;
}
.mansion-senior-feature-heading3-title::before {
right: 0;
transform: translateX(58%) translateY(-20%) rotate(-48deg);
}
.mansion-senior-feature-heading3-title::after {
left: 0;
transform: translateX(-58%) translateY(-20%) rotate(48deg);
}
/* mansion-senior-feature-card */
.mansion-senior-feature-card-wrap {
margin-top: 1.3em;
display: flex;
flex-direction: column;
gap: 1em 0;
}
.mansion-senior-feature-card {
display: flex;
align-items: center;
gap: 0 0.8em;
padding: 0.7em 0.7em 0.9em;
background-color: #fff;
border-radius: 9px;
box-shadow: 0px 0px 15px -5px #777777;
}
.mansion-senior-feature-card-image {
width: 70px;
}
.mansion-senior-feature-card-body {
margin: 0 auto;
}
.mansion-senior-feature-card-description {
text-align: center;
font-weight: bold;
line-height: 1.6;
}
.mansion-senior-list-wrap {
margin-top: 0.7em;
}
.mansion-senior-note-list > li {
position: relative;
list-style: none;
padding-left: calc(1em + 4px);
}
.mansion-senior-note-list-mark {
position: absolute;
top: 0;
left: 0;
}
/* ----- mansion-senior-faq-layout ----- */
.mansion-senior-faq-layout {
margin: 1.2em auto 0;
padding: 0 15px 0;
}
.mansion-senior-faq-layout > .faq_item {
margin-top: 0.6em;
}
.mansion-senior-faq-layout > *:first-child,
.mansion-senior-faq-layout > .faq_item > .faq_answer .faq_icon:first-child + * {
margin-top: 0 !important;
}
.mansion-senior-faq-layout .faq_question,
.mansion-senior-faq-layout .faq_answer {
position: relative;
}
.mansion-senior-faq-layout .faq_question {
background-color: #edeff3;
border-radius: 9px;
transition-property: background-color, border-color, color;
transition-duration: 0.2s;
}
.mansion-senior-faq-layout .faq_question::before,
.mansion-senior-faq-layout .faq_question::after {
position: absolute;
top: 50%;
right: 16px;
width: 16px;
height: 1px;
margin-top: 1px;
background-color: #4e76c5;
content: "";
-webkit-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
}
.mansion-senior-faq-layout .faq_question::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mansion-senior-faq-layout .faq_question.is-active::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.mansion-senior-faq-layout .faq_question .faq_icon {
position: relative;
display: inline-block;
flex-shrink: 0;
text-indent: -100vw;
white-space: nowrap;
overflow: hidden;
background: no-repeat center /contain;
top: 1px;
width: 15px;
height: 17px;
background-image: url(/mansion/senior/img/index_ic04.png);
}
.mansion-senior-faq-layout > .faq_item > .faq_question {
padding: 12px 49px 9px 13px;
display: flex;
align-items: flex-start;
}
.mansion-senior-faq-layout .faq_title {
margin-left: 0.6em;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.4;
}
.mansion-senior-faq-layout .faq_answer .faq_icon {
position: relative;
display: inline-block;
flex-shrink: 0;
text-indent: -100vw;
white-space: nowrap;
overflow: hidden;
background: no-repeat center /contain;
top: 1px;
width: 15px;
height: 15px;
background-image: url(/mansion/senior/img/index_ic05.png);
}
.mansion-senior-faq-layout > .faq_item > .faq_answer {
padding: 0.9em 0.9em 0;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-head {
display: flex;
align-items: flex-start;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-body {
margin-left: 1.8em;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer > .faq_answer-body > .paragraph-v01 {
margin-top: 0.4em;
line-height: 1.6;
}
.mansion-senior-faq-layout > .faq_item > .faq_answer .faq_main-answer {
margin-left: 0.7em;
font-size: 1.5rem;
line-height: 1.4;
}
/* ----- mansion-senior-table-layout ----- */
.mansion-senior-table-wrap {
margin-top: 1.9em;
}
.mansion-senior-table-layout {
margin-top: 0;
overflow-x: auto;
padding-bottom: 13px;
}
.mansion-senior-table-layout::-webkit-scrollbar {
height: 9px;
}
.mansion-senior-table-layout::-webkit-scrollbar-track {
border-radius: 9px;
background-color: #ddd;
}
.mansion-senior-table-layout::-webkit-scrollbar-thumb {
border-radius: 9px;
background-color: #666;
}
.mansion-senior-table-layout th,
.mansion-senior-table-layout td {
padding: 1.4rem 1rem 0.8rem;
vertical-align: middle;
text-align: center;
}
.mansion-senior-table-layout th > *:first-child,
.mansion-senior-table-layout td > *:first-child {
margin-top: 0 !important;
}
.mansion-senior-table-layout th {
font-size: 1.4rem;
font-weight: bold;
border-top: solid 1px #a7b1c3;
border-left: solid 1px #a7b1c3;
}
.mansion-senior-table-layout td {
font-size: 1.4rem;
border-top: solid 1px #a7b1c3;
border-left: solid 1px #a7b1c3;
}
.mansion-senior-table-layout .table_inner {
min-width: 950px;
width: 100%;
border: solid 1px #a7b1c3;
}
.mansion-senior-table-layout .mansion-senior-table-highlight {
background-color: #f3f6fc;
}
}