@charset "UTF-8";

body.page-building-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-building-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-building-renovation .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-building-renovation .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-building-renovation .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -20px;
bottom: -140px;
}
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -17rem;
bottom: -201rem;
}
body.page-building-renovation .site-main .breadcrumbs .image_1 img {
width: 442rem;
}
}
body.page-building-renovation .site-main section.intro {
padding-top: 68px;
padding-bottom: 111px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.intro {
padding-top: 130rem;
padding-bottom: 99rem;
}
}
body.page-building-renovation .site-main section.office-building {
padding-top: 88px;
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.office-building {
padding-top: 136rem;
margin-bottom: 150rem;
}
}
body.page-building-renovation .site-main section.office-building .office-building_box .text_1 {
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.office-building .office-building_box .text_1 {
margin-bottom: 49rem;
}
}
body.page-building-renovation .site-main section.commercial-facility {
padding-top: 87px;
padding-bottom: 99px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.commercial-facility {
padding-top: 137rem;
padding-bottom: 150rem;
}
}
body.page-building-renovation .site-main section.commercial-facility .commercial-facility_box .text_1 {
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.commercial-facility .commercial-facility_box .text_1 {
margin-bottom: 46rem;
}
}
body.page-building-renovation .site-main section.factory-warehouse {
padding-top: 88px;
padding-bottom: 99px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.factory-warehouse {
padding-top: 136rem;
padding-bottom: 150rem;
}
}
body.page-building-renovation .site-main section.factory-warehouse .factory-warehouse_box .text_1 {
margin-bottom: 66px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.factory-warehouse .factory-warehouse_box .text_1 {
margin-bottom: 48rem;
}
}
body.page-building-renovation .site-main section.case-study {
padding-top: 87px;
padding-bottom: 120px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study {
padding-top: 137rem;
padding-bottom: 170rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box {
position: relative;
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_title_area {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_title_area {
margin-bottom: 167rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .content_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.12em;
line-height: 60px;
position: relative;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .content_title {
font-size: 28rem;
line-height: 60rem;
margin-bottom: 25rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .content_title::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 105px;
height: 2px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .content_title::before {
width: 122rem;
height: 2rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 {
margin-bottom: 61px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 {
margin-bottom: 78rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .image_1 {
position: absolute;
top: 14px;
right: 0;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .image_1 {
width: 468rem;
height: 560rem;
top: 240rem;
right: -50rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .text_area {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .text_area .catch_phrase {
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: 11px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .text_area .catch_phrase {
font-size: 24rem;
padding: 18rem 8rem 17rem 20rem;
margin-bottom: 22rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .text_area .background_text {
font-family: garamond-premier-pro, serif;
font-weight: 600;
font-size: 82px;
text-align: left;
color: #e2e4e5;
margin-top: 16px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_1 .text_area .background_text {
font-size: 100rem;
line-height: 100rem;
margin-top: 52rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 {
margin-bottom: 62px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 {
margin-bottom: 102rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 {
margin-bottom: 56rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1 {
width: 154px;
height: 71px;
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 28px;
text-align: center;
background: #f7f7f7;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1 {
width: 580rem;
height: 71rem;
font-size: 26rem;
line-height: 1;
margin-left: 10rem;
margin-right: 10rem;
margin-bottom: 24rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1::before {
content: "";
position: absolute;
left: -10px;
top: 0;
width: 1px;
height: 100%;
background: #000;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1::before {
left: -10rem;
width: 1rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1::after {
content: "";
position: absolute;
right: -10px;
top: 0;
width: 1px;
height: 100%;
background: #000;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1::after {
right: -10rem;
width: 1rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1.second_term {
width: 154px;
height: 123px;
background: #203964;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .term_1.second_term {
width: 580rem;
height: 71rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 {
margin-left: 32px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 {
margin-left: 0;
width: 100%;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 .item_1 {
position: relative;
top: -3px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 .item_1 {
top: -3rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 .item_1.second_item li::before {
top: 8px;
width: 8px;
height: 8px;
border: 1px solid #203964;
border-radius: 50%;
background: transparent;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 .item_1.second_item li::before {
top: 13rem;
width: 18rem;
height: 18rem;
border-width: 1rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 li {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 li {
font-size: 22rem;
line-height: 44rem;
padding-left: 24rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 li::before {
content: "";
position: absolute;
left: -13px;
top: 11px;
width: 8px;
height: 1px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .list_1 .desc_1 li::before {
left: 2rem;
top: 20rem;
width: 12rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .line_1 {
border-top: 1px solid #E2E4E5;
margin: 17px 0;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_2 .line_1 {
border-top-width: 1rem;
margin: 17rem 0;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 {
padding-left: 100px;
padding-right: 100px;
margin-bottom: 90px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 {
width: 650rem;
padding-left: 0;
padding-right: 50rem;
margin-bottom: 120rem;
overflow-y: scroll;
padding-left: 20rem;
margin-left: -20rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .award_info {
margin-left: auto;
width: 222px;
border-bottom: 1px solid #203964;
padding-bottom: 10px;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .award_info {
width: 306rem;
border-bottom-width: 1rem;
padding-bottom: 10rem;
margin-bottom: 30rem;
font-size: 18rem;
line-height: 32rem;
margin-left: 780rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after {
margin-bottom: 30rem;
width: 1089rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .img_box {
position: relative;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .img_box img {
width: 495rem;
height: 668rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .img_box .label {
font-family: garamond-premier-pro, serif;
font-weight: 600;
font-size: 42px;
text-align: left;
color: #b4b4b4;
position: absolute;
left: -19px;
top: -30px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .img_box .label {
font-size: 52rem;
left: -22rem;
top: -36rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .img_box .label.after {
color: #203964;
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .arrow_icon {
position: relative;
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .arrow_icon::before {
content: "";
position: absolute;
left: -12px;
top: 261px;
width: 21px;
height: 18px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/building_renovation_arrow_icon.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_3 .before_after .arrow_icon::before {
left: -14rem;
top: 323rem;
width: 25rem;
height: 24rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
flex-direction: column;
background: #f7f7f7;
position: relative;
height: 205px;
padding: 0px 50px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 {
height: auto;
padding: 79rem 50rem;
align-items: center;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .title_1 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.12em;
line-height: 1;
margin-bottom: 3px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .title_1 {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
font-size: 32rem;
margin-bottom: 38rem;
text-align: center;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .title_1 .product_name {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.12em;
line-height: 60px;
color: #fff;
background: #203964;
padding: 11px 11px 11px 20px;
position: relative;
left: 8px;
top: -5px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .title_1 .product_name {
font-size: 18rem;
line-height: normal;
padding: 11rem 11rem 11rem 20rem;
left: 0;
top: 0;
display: inline-block;
margin-top: 22rem;
}
}
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .content_area .image_1 {
position: absolute;
top: 0;
right: 68px;
}
@media screen and (max-width: 701px) {
body.page-building-renovation .site-main section.case-study .case-study_box .case-study_box_content .exterior_box .exterior_box_4 .content_area .image_1 {
position: static;
display: block;
margin: 51rem auto 0;
}
}