@charset "UTF-8";

body.page-repair-design .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_修繕設計について.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_修繕設計について_SP.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-repair-design .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-repair-design .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-repair-design .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -27px;
bottom: -140px;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -5rem;
bottom: -190rem;
}
body.page-repair-design .site-main .breadcrumbs .image_1 img {
width: 335.53rem;
height: 115.58rem;
}
}
body.page-repair-design .site-main section.intro {
padding-top: 68px;
padding-bottom: 85px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.intro {
padding-top: 129rem;
padding-bottom: 100rem;
}
}
body.page-repair-design .site-main section.intro .intro_box .text_1 { }
body.page-repair-design .site-main section.long-term-repair-proposal {
padding-top: 88px;
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal {
padding-top: 138rem;
margin-bottom: 238rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .section_title_1 { }
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .text_1 {
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .text_1 {
margin-bottom: 77rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .proposal_point_box {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .proposal_point_box {
margin-bottom: 67rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .proposal_point_box .text_2 {
position: relative;
z-index: 1;
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1;
text-align: left;
color: #fff;
background: #203964;
padding: 18px 8px 17px 20px;
margin-bottom: 21px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .proposal_point_box .text_2 {
font-size: 24rem;
padding: 10rem 8rem 11rem 20rem;
margin-bottom: 21rem;
line-height: 1.6;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box {
border: 10px solid #f7f7f7;
height: 962px;
margin-top: -137px;
padding-top: 160px;
padding-left: 60px;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box {
margin-top: unset;
position: relative;
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: -198rem;
width: 700rem;
height: 10rem;
background: #f7f7f7;
z-index: -1;
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -88rem;
width: 700rem;
height: 10rem;
background: #f7f7f7;
z-index: -1;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_scroll {
width: 700rem;
overflow-y: scroll;
margin-left: -50rem;
padding-left: 50rem;
padding-bottom: 20rem;
margin-bottom: 86rem;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item {
position: relative;
width: 1132rem;
height: 420rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .comparison_title {
width: 180px;
height: 50px;
background: #707070;
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 13px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .comparison_title {
width: 202rem;
height: 57rem;
font-size: 22rem;
margin-bottom: 16rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .comparison_title.blue {
background: #203964;
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .comparison_description {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 42px;
text-align: left;
color: #000;
margin-bottom: 296px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .comparison_description {
font-size: 22rem;
line-height: 36rem;
width: 600rem;
margin-bottom: 296rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .graph_info_text .main_text .large_num { }
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_1 {
position: absolute;
top: 147px;
right: 60px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_1 {
top: 27rem;
right: 60rem;
width: 327rem;
height: 70rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_2 {
position: absolute;
top: 284px;
right: 0;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_2 {
margin-left: -25rem;
top: 180rem;
right: unset;
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_2 img {
width: 1156rem;
height: auto;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_3 {
position: absolute;
top: 548px;
right: 60px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_3 {
top: 27rem;
right: 60rem;
width: 327rem;
height: 70rem;
}
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_4 {
position: absolute;
top: 686px;
right: 0;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_4 {
margin-left: -25rem;
top: 180rem;
right: unset;
}
body.page-repair-design .site-main section.long-term-repair-proposal .long-term-repair-proposal_box .comparison_box .comparison_item .image_4 img {
width: 1156rem;
height: auto;
}
}
body.page-repair-design .site-main section.workers-image {
margin-bottom: 101px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.workers-image {
margin-bottom: 100rem;
}
}
body.page-repair-design .site-main section.workers-image .image_1 { }
body.page-repair-design .site-main section.repair-design-process {
padding-top: 88px;
padding-bottom: 20px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process {
padding-top: 138rem;
padding-bottom: 20rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .section_title_1 { }
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .text_1 {
margin-bottom: 65px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .text_1 {
margin-bottom: 79rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box {
position: relative;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box {
padding-top: 247rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 52px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item {
margin-bottom: 52rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle {
width: 200px;
height: 200px;
background: #5cb4db;
border-radius: 50%;
position: relative;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle {
position: absolute;
top: 0;
left: 0;
width: 159rem;
height: 159rem;
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step2 {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step3 {
left: unset;
right: 0;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step_blue {
background: #0383b9;
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step_dark_blue {
background: #203964;
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step_dark_blue .step_number {
margin-bottom: 31px;
margin-top: 26px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle.step_dark_blue .step_number {
margin-bottom: 31rem;
margin-top: 26rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle::before {
content: "";
position: absolute;
width: 180px;
height: 180px;
background: transparent;
border: 1px solid #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle::before {
width: 143rem;
height: 143rem;
border-width: 1rem;
top: calc(50% + 0rem);
left: calc(50% + 0rem);
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle::after {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -24px);
left: calc(50% + 0px);
width: 70px;
height: 1px;
background: #fff;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle::after {
top: calc(50% + -24rem);
left: calc(50% + 0rem);
width: 60rem;
height: 1rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle .step_number {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.08em;
line-height: 1;
text-align: center;
color: #fff;
margin-bottom: 35px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle .step_number {
font-size: 18rem;
margin-bottom: 35rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle .step_name {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 18px;
line-height: 30px;
text-align: center;
color: #fff;
margin-bottom: 20px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_label_circle .step_name {
font-size: 22rem;
line-height: 30rem;
margin-bottom: 20rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_arrow {
position: relative;
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_arrow::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 69px;
width: 14px;
height: 12px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/repair_design_step_arrow.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_arrow::before {
left: calc(50% + 100rem);
top: -58rem;
width: 14rem;
height: 12rem;
transform: rotate(30deg);
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details {
margin-left: 31px;
width: 100%;
max-width: 800px;
border-bottom: 1px solid #e2e4e5;
padding-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details {
margin-left: 0;
max-width: 800rem;
border-bottom-width: 1rem;
padding-bottom: 57rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 19px;
line-height: 1;
text-align: left;
color: #5cb4db;
margin-bottom: 15px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title {
font-size: 32rem;
margin-bottom: 20rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title .text_1 {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: left;
color: inherit;
margin-left: 20px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title .text_1 {
font-size: 32rem;
line-height: 28rem;
margin-left: 20rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title .text_1::before {
content: "";
position: absolute;
left: -11px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 1px;
height: 24px;
background: #e2e4e5;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .step_title .text_1::before {
left: -11rem;
top: calc(50% + 0rem);
width: 1rem;
height: 24rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item {
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
padding-left: 20px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item {
font-size: 22rem;
line-height: 44rem;
padding-left: 31rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item.sub_item {
padding-left: 23px;
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item.sub_item {
padding-left: 30rem;
margin-bottom: 10rem;
margin-top: -9rem;
}
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item .icon_1 {
position: relative;
}
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item .icon_1::before {
content: "";
position: absolute;
left: -20px;
top: 0;
width: 14px;
height: 14px;
background: #5cb4db;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.repair-design-process .repair-design-process_box .process_steps_box .step_item .step_details .detail_list .detail_item .icon_1::before {
left: -31rem;
top: 4rem;
width: 21rem;
height: 21rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis {
padding-top: 17px;
padding-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis {
padding-top: 28rem;
padding-bottom: 50rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .section_title_2 {
margin-bottom: 27px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .section_title_2 {
margin-bottom: 27rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .text_content .text_1 {
margin-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .text_content .text_1 {
margin-bottom: 60rem;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .text_content .image_1 {
margin-bottom: 85rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content {
width: 600px;
height: 450px;
background: #f7f7f7;
padding: 43px 60px 45px 60px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content {
width: 600rem;
height: 590rem;
padding: 48rem 40rem 45rem 40rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content::before {
content: "";
position: absolute;
left: 40px;
top: 0;
width: 1px;
height: 65px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content::before {
left: 40rem;
top: 0rem;
height: 78rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content .image_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: left;
color: #203964;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content .image_title {
font-size: 28rem;
line-height: 28rem;
margin-bottom: 18rem;
padding-left: 32rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content .text_3 {
margin-bottom: 16px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content .text_3 {
margin-bottom: 46rem;
}
}
body.page-repair-design .site-main section.infrared-diagnosis .infrared-diagnosis_box .infrared-diagnosis_content .image_content .image_2 { }
body.page-repair-design .site-main section.resident-voices {
padding-top: 50px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices {
padding-top: 50rem;
padding-bottom: 170rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box {
width: 1080px;
height: 280px;
border: 10px solid #e5f2f8;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 60px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box {
width: 600rem;
height: 762rem;
border-width: 10rem;
padding: 54rem 0 0 0;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .section_title {
margin-bottom: 35rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .section_title .section_title_1 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
line-height: 60px;
text-align: center;
color: #0383b9;
margin-bottom: 5px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .section_title .section_title_1 {
font-size: 36rem;
line-height: 60rem;
margin-bottom: 5rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .section_title .sub_title {
font-family: garamond-premier-pro, serif;
font-weight: 600;
font-size: 24px;
text-align: left;
color: #0383b9;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .section_title .sub_title {
text-align: center;
font-size: 24rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 20px 0 34px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item {
margin: 40rem 0 50rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item .resident_name {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 45px;
background: #f7f7f7;
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 20px;
line-height: 1;
text-align: center;
color: #0383b9;
margin-right: 28px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item .resident_name {
width: 100rem;
height: 164rem;
font-size: 22rem;
margin-right: 28rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item .voice_text {
width: 460px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .voices_list .voice_item .voice_text {
width: 360rem;
}
}
body.page-repair-design .site-main section.resident-voices .resident-voices_box .liine_1 {
width: 100%;
max-width: 580px;
border-top: 1px solid #b4b4b4;
position: relative;
top: -5px;
}
@media screen and (max-width: 701px) {
body.page-repair-design .site-main section.resident-voices .resident-voices_box .liine_1 {
max-width: 580rem;
border-top-width: 1rem;
top: -5rem;
}
}