@charset "UTF-8";
 img {
display: block;
} .page-proposal {   }
.page-proposal .fv {
width: 100vw;
height: clamp(400px, 100vw, 800px);
margin-bottom: 120px;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/renewal/proposal/main.jpg) no-repeat center/cover;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 576px) {
.page-proposal .fv {
margin-bottom: 80px;
}
}
.page-proposal .fv_ttl {
width: 90%;
max-width: 730px;
padding: 50px 10px 40px;
background: rgba(255, 255, 255, 0.9);
line-height: 1;
font-weight: bold;
text-align: center;
}
@media (max-width: 480px) {
.page-proposal .fv_ttl {
padding: 30px 10px 20px;
}
}
.page-proposal .fv_ttl-01 {
display: block;
width: fit-content;
padding-bottom: 18px;
margin: 0 auto 14px;
font-size: clamp(1.8rem, 4.5vw, 3.6rem);
letter-spacing: 0.1em;
border-bottom: 1px solid #000;
}
.page-proposal .fv_ttl-02 {
font-size: clamp(3.5rem, 8.75vw, 7rem);
letter-spacing: 0.1em;
color: #005c3f;
}
.page-proposal .fv_ttl-03 {
font-size: clamp(3rem, 7.5vw, 6rem);
letter-spacing: 0.1em;
}
.page-proposal .fv_ttl-04 {
font-size: clamp(1.8rem, 4.5vw, 3.6rem);
letter-spacing: 0.1em;
}
.page-proposal .sec01 .lead-txtArea {
margin-bottom: 80px;
}
.page-proposal .sec01 .lead-txt {
line-height: 1.75;
letter-spacing: 0.05em;
}
.page-proposal .sec01 .lead-txt + .lead-txt {
margin-top: 1.25em;
}
.page-proposal .sec01_content {
margin-bottom: 120px;
}
@media (max-width: 576px) {
.page-proposal .sec01_content {
margin-bottom: 80px;
}
}
.page-proposal .sec01_shopArea {
max-width: 705px;
margin: 0 auto 60px;
display: flex;
justify-content: space-between;
position: relative;
}
.page-proposal .sec01_shopImg {
width: 31%;
max-width: 215px;
}
.page-proposal .sec01_shopTtl {
width: 74%;
height: 30px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.05em;
color: #fff;
background: #005c3f;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -15px;
left: 13%;
z-index: 3;
}
@media (max-width: 480px) {
.page-proposal .sec01_shopTtl {
height: 26px;
font-size: 1.4rem;
bottom: -13px;
}
}
.page-proposal .sec01 .plate-txt {
width: 60%;
max-width: 384px;
height: 50px;
margin: 0 auto 80px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.05em;
color: #fff;
background: #fd9832;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.page-proposal .sec01 .plate-txt::before {
content: "";
width: 0;
height: 0;
border-width: 0 7px 24px;
border-style: solid;
border-color: transparent transparent #fd9832;
position: absolute;
bottom: calc(100% - 1px);
left: calc((100% - 14px) / 2);
}
@media (max-width: 480px) {
.page-proposal .sec01 .plate-txt {
height: 40px;
margin-bottom: 40px;
font-size: 1.6rem;
}
}
.page-proposal .sec02 {
margin-bottom: 120px;  }
@media (max-width: 576px) {
.page-proposal .sec02 {
margin-bottom: 80px;
}
}
.page-proposal .sec02_ttl {
padding: 40px 0 30px;
margin-bottom: 80px;
line-height: 1;
font-weight: bold;
text-align: center;
border-top: 3px solid #fd9832;
border-bottom: 3px solid #fd9832;
position: relative;
}
.page-proposal .sec02_ttl_img {
width: 230px;
padding: 0 100px;
background: #fff;
position: absolute;
top: -50px;
left: calc((100% - 230px) / 2);
z-index: 3;
}
@media (max-width: 576px) {
.page-proposal .sec02_ttl_img {
width: 130px;
padding: 0 50px;
left: calc((100% - 130px) / 2);
}
}
.page-proposal .sec02_ttl_en {
font-family: "Josefin Sans", sans-serif;
font-size: clamp(3.6rem, 10vw, 4.8rem);
letter-spacing: 0.1em;
color: #fd9832;
margin-bottom: 15px;
}
.page-proposal .sec02_ttl_ja {
font-size: clamp(1.8rem, 4.5vw, 1.8rem);
letter-spacing: 0.1em;
}
.page-proposal .sec02_yearWrap + .sec02_yearWrap {
margin-top: 80px;
}
.page-proposal .sec02_year {
height: 48px;
padding-top: 10px;
padding-left: 1em;
margin-bottom: 40px;
font-size: 2.1rem;
font-weight: bold;
letter-spacing: 0.1em;
border-left: 8px solid #fd9832;
border-bottom: 1px solid #ccc;
}
.page-proposal .sec02_year_num {
font-family: "Josefin Sans", sans-serif;
font-size: 3.6rem;
letter-spacing: 0.1em;
}
.page-proposal .sec02_name {
margin-bottom: 40px;
font-size: clamp(1.8rem, 4vw, 2rem);
font-weight: bold;
letter-spacing: 0.1em;
color: #fd9832;
}
.page-proposal .sec02_inner {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-proposal .sec02_inner:last-child {
margin-bottom: 0;
}
.page-proposal .sec02_card {
width: 48%;
max-width: 520px;
}
.page-proposal .sec02_card:nth-child(n+3) {
margin-top: 60px;
}
@media (max-width: 768px) {
.page-proposal .sec02_card {
width: 96%;
max-width: 100%;
margin: 0 auto;
}
.page-proposal .sec02_card:nth-child(n+2) {
margin-top: 60px;
}
}
.page-proposal .sec02_card_txt {
margin-bottom: 10px;
font-size: clamp(1.4rem, 1.6vw, 1.6rem);
font-weight: bold;
letter-spacing: 0.05em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.page-proposal .sec02_card_txt {
font-size: clamp(1.4rem, 3.2vw, 1.6rem);
}
}
.page-proposal .sec02_card_ttl {
margin-bottom: 20px;
font-size: clamp(1.6rem, 2vw, 2rem);
line-height: 1.5;
letter-spacing: 0.05em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
text-overflow: clip;
}
@media (max-width: 768px) {
.page-proposal .sec02_card_ttl {
font-size: clamp(1.6rem, 4vw, 2rem);
}
}
.page-proposal .sec02_card_img {
margin-bottom: 30px;
aspect-ratio: 52/35;
}
@media (max-width: 480px) {
.page-proposal .sec02_card_img {
margin-bottom: 20px;
}
}
.page-proposal .sec02_card_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-proposal .sec02_card_btn {
height: 48px;
letter-spacing: 0.1em;
color: #fd9832;
border: 1px solid #fd9832;
display: flex;
justify-content: center;
align-items: center;
}
.page-proposal .sec02_card_btn .fa-angle-right {
margin-right: 20px;
}
@media (max-width: 480px) {
.page-proposal .sec02_card_btn {
height: 36px;
font-size: 1.4rem;
}
.page-proposal .sec02_card_btn .fa-angle-right {
margin-right: 10px;
font-size: 1.6rem;
}
}
.page-proposal .sec02_card_btn:hover {
color: #fff;
background: #fd9832;
}
.page-proposal .sec03 {
padding: 80px 0;
margin-bottom: 150px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
@media (max-width: 576px) {
.page-proposal .sec03 {
padding: 60px 0 40px;
margin-bottom: 100px;
}
}
.page-proposal .sec03_ttl {
margin-bottom: 80px;
line-height: 1;
text-align: center;
}
@media (max-width: 576px) {
.page-proposal .sec03_ttl {
margin-bottom: 40px;
}
}
.page-proposal .sec03_ttl_ja {
margin-bottom: 10px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: clamp(2rem, 5vw, 3rem);
}
.page-proposal .sec03_ttl_en {
font-family: "Josefin Sans", sans-serif;
font-size: clamp(1.8rem, 4vw, 2.4rem);
color: #fd9832;
}
.page-proposal .sec03 .message {
width: 96%;
max-width: 900px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-proposal .sec03 .message + .message {
margin-top: 80px;
}
@media (max-width: 576px) {
.page-proposal .sec03 .message {
align-items: center;
}
}
.page-proposal .sec03 .message_img {
width: 33.3333333333%;
}
@media (max-width: 576px) {
.page-proposal .sec03 .message_img {
width: 40%;
}
}
.page-proposal .sec03 .message_txtBox {
width: 61.6666666667%;
padding-top: 40px;
}
@media (max-width: 1000px) {
.page-proposal .sec03 .message_txtBox {
padding-top: 3vw;
}
}
@media (max-width: 768px) {
.page-proposal .sec03 .message_txtBox {
padding-top: 10px;
}
}
@media (max-width: 576px) {
.page-proposal .sec03 .message_txtBox {
width: 55%;
}
}
.page-proposal .sec03 .message_job {
margin-bottom: 10px;
font-size: clamp(1.6rem, 3vw, 1.8rem);
line-height: 1.3;
letter-spacing: 0.1em;
word-break: keep-all;
}
.page-proposal .sec03 .message_name {
padding-bottom: 15px;
margin-bottom: 20px;
font-size: clamp(2rem, 4.667vw, 2.8rem);
letter-spacing: 0.1em;
position: relative;
}
.page-proposal .sec03 .message_name::after {
content: "";
display: block;
width: 50px;
height: 3px;
background: #fd9832;
position: absolute;
bottom: 0;
left: 0;
}
.page-proposal .sec03 .message_txt {
line-height: 1.75;
letter-spacing: 0.05em;
}
@media (max-width: 576px) {
.page-proposal .sec03 .message_txt-pc {
display: none;
}
}
.page-proposal .sec03 .message_txt-sp {
display: none;
}
@media (max-width: 576px) {
.page-proposal .sec03 .message_txt-sp {
display: block;
width: 100%;
margin-top: 20px;
}
}