@charset "UTF-8";

body.page-about-who-we-are .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-about-who-we-are .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-about-who-we-are .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-about-who-we-are .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-about-who-we-are .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -16px;
bottom: -105px;
}
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -10rem;
bottom: -276rem;
}
body.page-about-who-we-are .site-main .breadcrumbs .image_1 img {
width: 659.32rem;
height: 93.53rem;
}
}
body.page-about-who-we-are .site-main .title_text {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 32px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-bottom: 7px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main .title_text {
font-size: 48rem;
margin-bottom: -8rem;
}
}
body.page-about-who-we-are .site-main .subtitle_text {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
position: relative;
padding-left: 18px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main .subtitle_text {
font-size: 22rem;
padding-left: 26rem;
}
}
body.page-about-who-we-are .site-main .subtitle_text::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 10px;
height: 10px;
background: #203964;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main .subtitle_text::before {
top: 8rem;
width: 16rem;
height: 16rem;
}
}
body.page-about-who-we-are .site-main section.message {
padding-top: 62px;
padding-bottom: 60px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message {
padding-top: 130rem;
padding-bottom: 166rem;
}
}
body.page-about-who-we-are .site-main section.message .message_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_title {
order: 1;
margin-bottom: 35rem;
}
}
body.page-about-who-we-are .site-main section.message .message_box .message_box_title .title_text { }
body.page-about-who-we-are .site-main section.message .message_box .message_box_title .subtitle_text { }
body.page-about-who-we-are .site-main section.message .message_box .message_box_title .title_bg { }
body.page-about-who-we-are .site-main section.message .message_box .message_box_content {
margin-left: 67px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_content {
margin-left: unset;
order: 3;
}
}
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area {
width: 100%;
max-width: 380px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area {
max-width: unset;
}
}
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .text_1 {
margin-bottom: 26px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .text_1 {
margin-bottom: 41rem;
}
}
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .signature {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .signature {
font-size: 22rem;
}
}
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .signature .name {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
margin-left: 18px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .message_box_content .text_area .signature .name {
font-size: 32rem;
margin-left: 28rem;
}
}
@media screen and (min-width: 700px) {
body.page-about-who-we-are .site-main section.message .message_box .image_area {
position: relative;
top: 8px;
}
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.message .message_box .image_area {
order: 2;
margin-bottom: 30rem;
}
}
body.page-about-who-we-are .site-main section.vision {
padding-top: 233px;
padding-bottom: 202px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision {
padding-top: 163rem;
padding-bottom: 202rem;
}
}
body.page-about-who-we-are .site-main section.vision::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 2983px;
height: 904px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_who_we_are_vision_bg.svg) no-repeat center/contain;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision::before {
left: calc(50% + 0rem);
width: 889rem;
height: 984rem;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_who_we_are_vision_bg_sp.svg) no-repeat center/contain;
}
}
body.page-about-who-we-are .site-main section.vision .vision_box {
position: relative;
}
body.page-about-who-we-are .site-main section.vision .vision_box .vision_main_text {
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 120px;
letter-spacing: 0.1em;
line-height: 120px;
text-align: center;
color: #fff;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 41px;
width: 100%;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision .vision_box .vision_main_text {
font-size: 124rem;
line-height: 100rem;
left: calc(50% + 0rem);
top: 91rem;
}
}
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content {
position: relative;
z-index: 1;
text-align: center;
}
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .title_text {
text-align: center; }
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .subtitle_text {
text-align: center;
display: inline-block;
margin-bottom: 62px; }
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .subtitle_text {
margin-bottom: 87rem;
}
}
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .main_catchphrase {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
letter-spacing: 0.1em;
text-align: center;
color: #203964;
margin-bottom: 32px;
padding-left: 28px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .main_catchphrase {
font-size: 36rem;
margin-bottom: 57rem;
padding-left: unset;
}
}
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .text_1 {
text-align: center;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 32px;
padding-left: 24px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.vision .vision_box .vision_content .text_1 {
font-size: 22rem;
line-height: 44rem;
padding-left: unset;
}
}
body.page-about-who-we-are .site-main section.organization {
padding-top: 100px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.organization {
padding-top: 130rem;
padding-bottom: 82rem;
}
}
body.page-about-who-we-are .site-main section.organization .organization_box_title {
margin-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.organization .organization_box_title {
margin-bottom: 72rem;
}
}
body.page-about-who-we-are .site-main section.organization .organization_box_title .title_text { }
body.page-about-who-we-are .site-main section.organization .organization_box_title .subtitle_text { }
body.page-about-who-we-are .site-main section.organization .organization_chart_container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.organization .organization_chart_container .image_1 {
overflow-x: scroll;
width: 650rem;
padding-right: 50rem;
padding-bottom: 20rem;
}
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.organization .organization_chart_container img {
width: 1375.09rem;
height: 837.76rem;
max-width: unset;
}
}
body.page-about-who-we-are .site-main section.link {
padding-top: 78px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.link {
padding-top: 128rem;
padding-bottom: 170rem;
}
}
body.page-about-who-we-are .site-main section.link .link_buttons_container {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 30px;
}
@media screen and (max-width: 701px) {
body.page-about-who-we-are .site-main section.link .link_buttons_container {
gap: 40rem;
}
}
body.page-about-who-we-are .site-main section.link .link_buttons_container .link_button { }