@charset "utf-8";



/* company-vision
------------------------------------------------------------*/

#company-vision {
position: relative;
overflow: hidden;
}
#company-vision:before {
content: "";
position: absolute;
pointer-events: none;
background-image: url("../images/company/company_vision_bg_map.webp");
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
width: 70%;
height: 100%;
top: 90px;
right: 0;
opacity: 0.2;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#company-vision:before {
width: 60%;
top: 100px;
right: 0;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#company-vision:before {
width: 50%;
top: 120px;
right: 0;
}
}

#company-vision .inner-common {
position: relative;
z-index: 1;
}

#company-vision .lead {
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5;
padding-top: 1rem;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#company-vision .lead {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#company-vision .lead {
font-size: 1.875rem;
}
}

.company-vision-cont {
display: flex;
flex-direction: column;
gap: 2em;
margin: 3em 0 0 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-vision-cont {
gap: 2.5em;
margin: 4em 0 0 0;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.company-vision-cont {
flex-direction: row;
align-items: center;
gap: 5%;
margin: 5em 0 0 0;
}
}

.company-vision-text {
order: 2;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.company-vision-text {
width: 52%;
order: 1;
}
}

@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.company-vision-text p + p {
padding-top: 1.5em;
}
}

.company-vision-message {
color: #B9913B;
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-vision-message {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.company-vision-message {
font-size: 1.875rem;
}
}

.company-vision-img {
width: 100%;
order: 1;
position: relative;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-vision-img {
width: 80%;
margin: 0 auto;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.company-vision-img {
width: 43%;
margin: 0;
order: 2;
}
}

.company-vision-img:before {
content: "";
width: 60%;
height: 60%;
position: absolute;
top: -12px;
right: -12px;
border-top: solid 1px #B9913B;
border-right: solid 1px #B9913B;
z-index: 1;
}

.company-vision-img img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
position: relative;
z-index: 2;
}

/* End company-vision */


/* company-profile
------------------------------------------------------------*/

.company-profile-list {
max-width: 900px;
margin: 3em auto 0;
border-top: solid 1px #D8D5CF;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-profile-list {
margin: 3.5em auto 0;
}
}

.company-profile-list > div {
border-bottom: solid 1px #D8D5CF;
padding: 1.2em 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-profile-list > div {
display: flex;
padding: 1.5em 0;
}
}

.company-profile-list dt {
color: #1E2942;
font-weight: 600;
letter-spacing: 0.03em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-profile-list dt {
width: 30%;
padding: 0 2em 0 1em;
}
}

.company-profile-list dd {
margin: 0.5em 0 0 0;
line-height: 1.7;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.company-profile-list dd {
width: 70%;
margin: 0;
padding: 0 1em 0 2em;
border-left: solid 1px rgba(185,145,59,0.35);
}
}

/* End company-profile */


/* privacy-policy
------------------------------------------------------------*/

.privacy-policy-intro {
max-width: 900px;
margin: 0 auto;
color: #1E2942;
font-size: 1rem;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.privacy-policy-intro {
font-size: 1.0625rem;
}
}

.privacy-policy-cont {
max-width: 900px;
margin: 3em auto 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.privacy-policy-cont {
margin: 4em auto 0;
}
}

.privacy-policy-section {
padding: 2em 0;
border-top: solid 1px #D8D5CF;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.privacy-policy-section {
padding: 2.5em 1em;
}
}

.privacy-policy-section h2 {
color: #1E2942;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
font-size: 1.125rem;
font-weight: 600;
margin: 0 0 1.2em 0;
padding: 0 0 0 1em;
position: relative;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.privacy-policy-section h2 {
font-size: 1.25rem;
}
}

.privacy-policy-section h2:before {
content: "";
width: 3px;
height: 100%;
background: #B9913B;
position: absolute;
top: 0;
left: 0;
}

.privacy-policy-section ul {
margin: 1.2em 0 0 0;
}

.privacy-policy-contact {
background: #F7F3EC;
margin: 1.5em 0 0 0;
padding: 1.5em;
border-left: solid 2px #B9913B;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.privacy-policy-contact {
padding: 2em;
}
}

.privacy-policy-contact p {
line-height: 1.5;
}

.privacy-policy-contact p + p {
padding-top: 0.5em;
}

.privacy-policy-date {
padding: 1.5em 0 0 0;
border-top: solid 1px #D8D5CF;
text-align: right;
}

.privacy-policy-date p {
color: #8A8782;
font-size: 0.8125rem;
}

/* End privacy-policy */


/* not
------------------------------------------------------------*/

#not {
text-align: center;
}

#not h2 {
color: #1E2942;
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-size: 1.625rem;
font-weight: 500;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#not h2 {
font-size: 2rem;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#not h2 {
font-size: 2.25rem;
}
}

#not p {
margin: 1.5em 0 0 0;
}

#not .btn-wrap {
margin: 2.5em 0 0 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#not .btn-wrap {
margin: 3em 0 0 0;
}
}

#not .btn-not {
background: #1E2942;
color: #FFF;
}

/* End not */