@charset "UTF-8";

.works-area{background: #ececec;margin: 3% auto;}
.top-text-area {border-bottom:2px solid #d9a3a3;padding-bottom:2%;margin-bottom:2%;}
.works-about{max-width: 1200px;margin: 0 auto;width: 90%;}
.top-text-area h2{letter-spacing: .1em;font-weight: 500;font-size: clamp(13px,2.5vw,18px);}
.page-link{color: #E58F8F;font-weight: 600;}
.page-link:hover span {text-decoration:underline;}
.conpany-name{margin-top: 1%;font-size: clamp(14px,2.5vw,20px);font-weight: 700;}
.gaiyou {display:flex;gap:2%;align-items:flex-start;}
.g-t {white-space:nowrap;font-size: clamp(13px,2.5vw,18px);font-weight: 500;color:#E58F8F;letter-spacing: .1em;}
.g-d {flex:1;font-size: clamp(14px,2vw,20%);margin-bottom: 2%;font-weight: 600;}
.works-about .list{align-items: center;}
.screens {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:3% auto;margin-bottom: 4%;}
.screen {height:800px;overflow-y:auto;margin-top: 2%;}
.screen img {width:100%;height:auto;display:block;}
.s-a{font-weight: 500;}

/*consept*/
.concept-area {width:100%;margin: 8% auto;max-width: 1200px;}
.concept-head {display:flex;margin-bottom:3%;}
.concept-title {width:20%;color:#E58F8F;font-size:clamp(14px,2.5vw,20px);letter-spacing:0.06em;font-weight:600;}
.concept-copy-wrap {width:80%;}
.concept-copy {font-size:clamp(18px,2.5vw,24px);font-weight:700;line-height:1.6;margin:0 0 2% 0;}
.concept-text {font-size:1rem;line-height:1.8;margin:0;}
.concept-table {width:100%;}
.concept-row {display:flex;border-bottom:1px solid #d8d8d8;padding:3% 0;}
.concept-label {width:30%;font-size:1rem;line-height:1.8;font-weight: 500;}
.concept-data {width:70%;font-size:1rem;line-height:1.8;font-weight: 500;}
.pdf{margin-top: 4%;}
@media (max-width:1024px){
.screens {grid-template-columns:repeat(2,1fr);}
.screen {height:600px;}
}

@media (max-width:768px){
.screens {grid-template-columns:1fr;}
.screen {height:500px;}
}

@media (max-width:480px){
.screen {height:auto;}
}

@media screen and (max-width:767px){
.concept-area{width:90%;padding:8% 0 0;margin:0 auto;}
.concept-head{display:block;margin-bottom:8%;}
.concept-title{width:100%;font-size:16px;margin-bottom:4%;}
.concept-copy-wrap{width:100%;}
.concept-copy{font-size:20px;line-height:1.6;margin-bottom:4%;}
.concept-text{font-size:14px;line-height:1.9;}
.concept-table{width:100%;}
.concept-row{display:block;padding:5% 0;}
.concept-label{width:100%;font-size:14px;line-height:1.6;margin-bottom:2%;}
.concept-data{width:100%;font-size:14px;line-height:1.8;}
.pdf{margin-top:8%;}
}

.process-area {width:100%;margin: 6% auto;max-width: 1200px;}
.process-head {margin-bottom:2%;}
.process-title {color:#E58F8F;font-size:clamp(14px,2.5vw,20px);letter-spacing:0.06em;font-weight:600;}
.process-content {display:flex;gap:5%;margin-top: 3%;}
.process-left {width:30%;}
.process-sub {font-size:0.9rem;margin-left: 12%;}
.process-left img {width:100%;height:auto;display:block;}
.process-right {width:65%;}
.process-row {display:flex;border-bottom:1px solid #d8d8d8;padding:2% 0;}
.process-label {width:20%;font-size:1rem;font-weight: 500;}
.process-text {width:80%;font-size:clamp(13px,2.5vw,18px);line-height:1.8;font-weight: 500;}

@media screen and (max-width:768px){
.process-content {flex-direction:column;}
.process-left {width:100%;}
.process-right {width:100%;}
.process-row {flex-direction:column;gap:1%;padding: 5% 0;}
.process-label {width:100%;font-size: 14px;margin-bottom: 1%;}
.process-text {width:100%;}
.process-left img{margin-bottom: 6%;}
}

.point-area {width:100%;margin:0 auto 5%;max-width: 1200px;}
.point-title {color:#E58F8F;font-size:clamp(14px,2.5vw,20px);letter-spacing:0.06em;font-weight:600;margin:6% auto 1%;}
.point-row {display:flex;border-bottom:1px solid #d8d8d8;padding:2% 0;}
.point-label {width:20%;font-size:1rem;font-weight:500;}
.point-text {width:80%;font-size:1rem;line-height:1.8;font-weight:500;}

@media screen and (max-width:767px){
.point-row{display:block;padding:5% 0;}
.point-label{width:100%;font-size:14px;margin-bottom:2%;}
.point-text{width:100%;font-size:14px;line-height:1.8;}
}

.other-design{margin-top: 8%;}
.other-design .catchcopy{color:#E58F8F;font-size:clamp(14px,2.5vw,18px);letter-spacing:0.06em;font-weight:600;margin-bottom: 3%;}
.other-design .more-text{margin-top: 3%;font-size:1rem;line-height:1.8;font-weight: 500;}

.review-area{width: 100%;margin: 0 auto;max-width: 1200px;}
.review-title{color:#E58F8F;font-size:clamp(14px,2.5vw,20px);letter-spacing:0.06em;font-weight:600;margin-top:4%;margin-bottom: 1%;}
.review-area .description{line-height: 1.8;font-weight: 500;margin-bottom: 4%;}

@media screen and (max-width:767px){
.review-area{width:90%;margin:0 auto;}
.review-title{font-size:16px;margin-top:8%;margin-bottom:3%;}
.review-area .description{font-size:14px;line-height:1.9;margin-bottom:8%;}
}

.process-content.process-center{display:block;width:100%;}
.process-content.process-center .process-left{display:none;}
.process-content.process-center .process-right{width:100%;max-width:none;margin:0;}
.process-content.process-center .process-row{display:flex;width:100%;border-bottom:1px solid #d8d8d8;padding:2% 0;}
.process-content.process-center .process-label{width:20%;}
.process-content.process-center .process-text{width:80%;}
.process-left.graphic img{width:auto;max-height:400px;height:auto;display:block;margin:0 auto;}.top-img.graphic img,.more-img.graphic img{width:80%;max-width:600px;height:auto;display:block;margin:0 auto;}