@charset "UTF-8";

body.page-renovation .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-renovation .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-renovation .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-renovation .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -24px;
bottom: -104px;
}
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -17rem;
bottom: -174rem;
}
body.page-renovation .site-main .breadcrumbs .image_1 img {
width: 579.21rem;
height: 84.75rem;
}
}
body.page-renovation .site-main section.intro {
padding-top: 64px;
padding-bottom: 89px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.intro {
padding-top: 130rem;
padding-bottom: 78rem;
}
}
body.page-renovation .site-main section.intro .intro_box .text_1 {
width: 100%;
max-width: 720px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.intro .intro_box .text_1 {
max-width: 720rem;
}
}
body.page-renovation .site-main section.initiatives {
padding-top: 68px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.initiatives {
padding-top: 138rem;
}
}
body.page-renovation .site-main section.initiatives .initiatives_box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.initiatives .section_title_1 {
margin-right: 70px;
}
}
body.page-renovation .site-main section.initiatives .text_1 {
width: 100%;
max-width: 540px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.initiatives .text_1 {
max-width: 100%;
}
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.initiatives .text_1 {
margin-top: 6px;
}
}
body.page-renovation .site-main .section_title_2 {
position: relative;
margin-bottom: 28px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .section_title_2 {
margin-bottom: 28rem;
}
}
body.page-renovation .site-main .section_title_2 .section_title_background {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 54px;
letter-spacing: 0.08em;
line-height: 1;
text-align: right;
color: #000;
opacity: 0.1;
position: absolute;
right: -8px;
bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .section_title_2 .section_title_background {
font-size: 54rem;
right: -8rem;
bottom: 19rem;
}
}
body.page-renovation .site-main .measures_grid {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 58px 9px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .measures_grid {
gap: 96rem 9rem;
}
}
body.page-renovation .site-main .measures_grid .measure_item {
width: 100%;
max-width: 354px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .measures_grid .measure_item {
max-width: 100%;
}
}
body.page-renovation .site-main .measures_grid .measure_item .item_number {
font-family: garamond-premier-pro, serif;
font-weight: 300;
font-style: italic;
font-size: 70px;
letter-spacing: 0.03em;
text-align: left;
color: #203964;
opacity: 0.1;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .measures_grid .measure_item .item_number {
font-size: 80rem;
}
}
body.page-renovation .site-main .measures_grid .measure_item .item_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
color: #203964;
margin-top: -57px;
margin-left: 20px;
margin-bottom: 17px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .measures_grid .measure_item .item_title {
font-size: 28rem;
margin-top: -57rem;
margin-left: 30rem;
margin-bottom: 29rem;
}
}
body.page-renovation .site-main .measures_grid .measure_item .item_description {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
margin-left: 20px;
width: 100%;
max-width: 280px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main .measures_grid .measure_item .item_description {
font-size: 22rem;
line-height: 44rem;
margin-left: 0;
max-width: 100%;
}
}
body.page-renovation .site-main section.safety-measures {
padding-top: 84px;
padding-bottom: 120px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.safety-measures {
padding-top: 105rem;
padding-bottom: 150rem;
}
}
body.page-renovation .site-main section.safety-measures .section_title_container { }
body.page-renovation .site-main section.safety-measures .text_1 {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.safety-measures .text_1 {
margin-bottom: 80rem;
}
}
body.page-renovation .site-main section.security-measures {
padding-top: 110px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.security-measures {
padding-top: 137rem;
padding-bottom: 147rem;
}
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.security-measures .section_title_container .section_title_2 {
letter-spacing: 0;
}
}
body.page-renovation .site-main section.security-measures .section_title_container .section_title_background { }
body.page-renovation .site-main section.security-measures .text_1 {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.security-measures .text_1 {
margin-bottom: 80rem;
}
}
body.page-renovation .site-main section.consultation-support {
padding-top: 120px;
padding-bottom: 120px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support {
padding-top: 158rem;
padding-bottom: 120rem;
}
}
body.page-renovation .site-main section.consultation-support .consultation-support_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .image_container {
order: 2;
}
}
body.page-renovation .site-main section.consultation-support .consultation-support_flex .image_container .image_1 {
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .image_container .image_1 {
margin-bottom: 10rem;
}
}
body.page-renovation .site-main section.consultation-support .consultation-support_flex .image_container .placeholder_text { }
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container {
width: 100%;
max-width: 480px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container {
order: 1;
max-width: 100%;
margin-bottom: 60rem;
}
}
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .section_title_container_inline .section_title_2 {
margin-bottom: 67px;
margin-top: 20px;
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .section_title_container_inline .section_title_2 {
letter-spacing: 0;
}
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .section_title_container_inline .section_title_2 {
margin-bottom: 32rem;
margin-top: 20rem;
}
}
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .section_title_container_inline .section_title_background { }
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .text_1 {
width: 100%;
max-width: 420px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.consultation-support .consultation-support_flex .text_container .text_1 {
max-width: 100%;
}
}
body.page-renovation .site-main section.quality-control {
padding-top: 111px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.quality-control {
padding-top: 177rem;
padding-bottom: 127rem;
}
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.quality-control .section_title_container .section_title_2 {
letter-spacing: 0;
}
}
body.page-renovation .site-main section.quality-control .section_title_container .section_title_background { }
body.page-renovation .site-main section.quality-control .text_1 {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.quality-control .text_1 {
margin-bottom: 82rem;
}
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.quality-control .quality_flow_chart .image_1 {
overflow-x: scroll;
width: 650rem;
padding-right: 50rem;
padding-bottom: 20rem;
}
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.quality-control .quality_flow_chart .image_1 img {
max-width: unset;
width: 1080rem;
height: 378rem;
}
}
body.page-renovation .site-main section.quality-control .quality_flow_chart .flow_item.item_dark_blue { }
body.page-renovation .site-main section.quality-control .quality_flow_chart .arrow_right { }
body.page-renovation .site-main section.quality-control .quality_flow_chart .flow_item.item_white { }
body.page-renovation .site-main section.quality-control .quality_flow_chart .flow_item.item_light_blue { }
body.page-renovation .site-main section.human-resource {
padding-top: 114px;
padding-bottom: 116px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource {
padding-top: 180rem;
padding-bottom: 150rem;
}
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.human-resource .section_title_container .section_title_2 {
letter-spacing: 0;
}
}
body.page-renovation .site-main section.human-resource .section_title_container .section_title_background { }
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow {
overflow-x: scroll;
width: 650rem;
padding-right: 50rem;
padding-bottom: 20rem;
}
}
body.page-renovation .site-main section.human-resource .text_1 {
margin-bottom: 71px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .text_1 {
margin-bottom: 81rem;
}
}
body.page-renovation .site-main section.human-resource .image_1 {
margin-bottom: 20px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .image_1 {
margin-bottom: 20rem;
}
body.page-renovation .site-main section.human-resource .image_1 img {
max-width: unset;
width: 1604rem;
height: 134rem;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 16px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow_chart {
gap: 16rem;
width: 1604rem;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item {
width: 100%;
max-width: 258px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item {
max-width: 388rem;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .training_details li {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 16px;
line-height: 28px;
color: #5cb4db;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .training_details li {
font-size: 26rem;
line-height: 44rem;
margin-bottom: 5rem;
padding-left: 25rem;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .training_details li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 10px;
height: 10px;
background: #5cb4db;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .training_details li::before {
top: 12rem;
width: 19rem;
height: 19rem;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .text_2 {
width: 100%;
max-width: 240px;
}
@media screen and (max-width: 701px) {
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item .text_2 {
max-width: 370rem;
}
}
@media screen and (min-width: 700px) {
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item.item_dark_blue .training_details {
padding-right: 12px;
}
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item.item_dark_blue .training_details li {
color: #213964;
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item.item_dark_blue .training_details li small {
color: #213964;
}
body.page-renovation .site-main section.human-resource .training_flow_chart .training_item.item_dark_blue .training_details li::before {
background: #213964;
}