@charset "UTF-8";

body.page-about-history .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_沿革 - ロゴver.jpg) no-repeat top 0px center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-about-history .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-history .inner {
position: relative;
}
body.page-about-history .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-history .title_text {
font-size: 48rem;
margin-bottom: -8rem;
}
}
body.page-about-history .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-history .subtitle_text {
font-size: 22rem;
padding-left: 26rem;
}
}
body.page-about-history .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-history .subtitle_text::before {
top: 8rem;
width: 16rem;
height: 16rem;
}
}
body.page-about-history .site-main section.mv.history_mv {
position: relative;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_history_bg.jpg) repeat center/160px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.mv.history_mv {
background-size: 160rem;
}
}
body.page-about-history .site-main section.mv.history_mv .mv_box .mv_box_1 .mv_box_1_1 .text_1 { }
body.page-about-history .site-main section.mv.history_mv .mv_box .mv_box_1 .mv_box_1_1 .text_2 { }
body.page-about-history .site-main section.mv.history_mv .mv_box_background {
position: absolute;
top: 0;
left: 532px;
width: 100%;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.mv.history_mv .mv_box_background {
top: 0rem;
left: unset;
right: 0;
width: 309.21rem;
height: 416.5rem;
}
body.page-about-history .site-main section.mv.history_mv .mv_box_background img {
width: 309.21rem;
height: 416.5rem;
}
}
body.page-about-history .site-main .breadcrumbs {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_history_bg.jpg) repeat center/160px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main .breadcrumbs {
background-size: 160rem;
}
}
body.page-about-history .site-main .breadcrumbs .breadcrumbs_box_1 {
border-top: 1px solid #B4B4B4;
width: 420px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main .breadcrumbs .breadcrumbs_box_1 {
width: 300rem;
}
}
body.page-about-history .site-main section.journey {
padding-top: 63px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_history_bg.jpg) repeat center/160px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey {
padding-top: 130rem;
background-size: 160rem;
}
}
body.page-about-history .site-main section.journey .journey_box_title .title_text { }
body.page-about-history .site-main section.journey .journey_box_title .subtitle_text { }
body.page-about-history .site-main section.journey .timeline_container {
position: relative;
z-index: 2;
padding-top: 77px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container {
padding-top: 40rem;
}
}
body.page-about-history .site-main section.journey .timeline_container::before {
content: "";
position: absolute;
left: 0;
top: 130px;
width: 1px;
height: calc(100% - 163px);
border-left: 1px dashed #b4b4b4;
z-index: 1;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container::before {
left: 0rem;
top: 130rem;
width: 1rem;
height: calc(100% - 170rem);
border-left-width: 1rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-left: 89px;
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item {
padding-left: 49rem;
padding-top: 73rem;
padding-bottom: 73rem;
flex-direction: column;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item.next {
padding-top: 20px;
padding-bottom: 20px;
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
padding-left: 30px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item.next {
padding-top: 20rem;
padding-bottom: 20rem;
font-size: 22rem;
padding-left: 50rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item.next .year_month::before {
left: -34px;
top: 6px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item.next .year_month::before {
left: -54rem;
top: 6rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 200vw;
height: 100%;
background: #fff;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item::before {
left: calc(50% + 0rem);
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type)::before {
background: #203964;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type) .year_month .year {
color: #fff;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type) .event_details .event_detail::before {
background: #fff;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type) .event_details .event_detail .month {
color: #fff;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type) .event_details .event_detail .event_title {
color: #fff;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:nth-of-type(even):not(:last-of-type) .event_details .event_detail .event_description {
color: #fff;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item:first-of-type::before {
background: transparent;
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 204px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month {
width: 100%;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month::before {
content: "";
position: absolute;
left: -94px;
top: 26px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #b4b4b4;
z-index: 2;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month::before {
left: -54rem;
top: 26rem;
width: 10rem;
height: 10rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month .year {
font-family: garamond-premier-pro, serif;
font-weight: 300;
font-style: italic;
font-size: 82px;
letter-spacing: 0.03em;
line-height: 1;
width: 150px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .year_month .year {
font-size: 80rem;
width: 150rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details {
padding-top: 7px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details {
padding-top: 21rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail {
position: relative;
padding-left: 99px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding-top: 7px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail {
padding-left: 94rem;
margin-right: -5rem;
padding-top: 36rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail:not(:first-of-type) {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail:not(:first-of-type) {
margin-top: 44rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail::before {
left: 0rem;
top: 0rem;
width: 100%;
height: 1px;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .month {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
width: 40px;
height: 100%;
position: absolute;
left: 26px;
top: 6px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .month {
font-size: 28rem;
width: 100rem;
left: 0;
top: 36rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .event_title {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
margin-bottom: 11px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .event_title {
font-size: 28rem;
margin-bottom: 11rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .event_description {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
line-height: 16px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .event_description {
width: 450rem;
font-size: 22rem;
line-height: 44rem;
padding-left: 6rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_1 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_1 {
width: 550rem;
margin-top: 55rem;
margin-left: -92rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_2 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_2 {
width: 550rem;
margin-top: 55rem;
margin-left: -92rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_3 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_3 {
margin-top: 55rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_4 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_4 {
width: 550rem;
margin-top: 55rem;
margin-left: -92rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_5 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_5 {
margin-top: 55rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_6 {
margin-top: 32px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_6 {
margin-top: 55rem;
}
}
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_7 {
margin-top: 17px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.journey .timeline_container .timeline_item .event_details .event_detail .image_7 {
margin-top: 55rem;
}
}
body.page-about-history .site-main section.journey .to_next_era { }
body.page-about-history .site-main section.link {
padding-top: 78px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-about-history .site-main section.link {
padding-top: 128rem;
padding-bottom: 170rem;
}
}
body.page-about-history .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-history .site-main section.link .link_buttons_container {
gap: 40rem;
}
}
body.page-about-history .site-main section.link .link_buttons_container .link_button { }