@charset "UTF-8";

body.page-about-company .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-company .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-company .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-about-company .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-about-company .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -36px;
bottom: -141px;
}
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -16rem;
bottom: -389rem;
}
body.page-about-company .site-main .breadcrumbs .image_1 img {
width: 493.68rem;
height: 117rem;
}
}
body.page-about-company .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-company .site-main .title_text {
font-size: 48rem;
margin-bottom: -8rem;
}
}
body.page-about-company .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-company .site-main .subtitle_text {
font-size: 22rem;
padding-left: 26rem;
}
}
body.page-about-company .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-company .site-main .subtitle_text::before {
top: 8rem;
width: 16rem;
height: 16rem;
}
}
body.page-about-company .site-main section.information {
padding-top: 62px;
padding-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information {
padding-top: 130rem;
padding-bottom: 10rem;
}
}
body.page-about-company .site-main section.information .information_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
body.page-about-company .site-main section.information .information_box_title .title_text { }
body.page-about-company .site-main section.information .information_box_title .subtitle_text { }
body.page-about-company .site-main section.information .information_table {
width: 100%;
max-width: 805px;
margin-top: 8px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information .information_table {
max-width: 100%;
margin-top: 113rem;
}
}
body.page-about-company .site-main section.information .information_table .table_row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information .information_table .table_row {
gap: 10rem;
justify-content: space-between;
}
}
body.page-about-company .site-main section.information .information_table .table_row .term {
width: 120px;
border-top: 1px solid #203964;
font-weight: normal;
padding-top: 18px;
margin-bottom: 55px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information .information_table .table_row .term {
width: 150rem;
border-top-width: 1rem;
padding-top: 13rem;
margin-bottom: 54rem;
}
}
body.page-about-company .site-main section.information .information_table .table_row .description {
width: 675px;
border-top: 1px solid #b4b4b4;
padding-top: 18px;
margin-bottom: 55px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information .information_table .table_row .description {
width: 430rem;
border-top-width: 1rem;
padding-top: 13rem;
margin-bottom: 54rem;
}
}
body.page-about-company .site-main section.information .information_table .table_row .description .text_1 {
letter-spacing: 0.035em;
}
body.page-about-company .site-main section.information .information_table .table_row .description .link_1 {
color: #0383b9;
}
body.page-about-company .site-main section.information .information_table .table_row .description .icon_1 {
display: inline-block;
width: 12px;
height: 12px;
left: -6px;
position: relative;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/about_company_icon_1.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.information .information_table .table_row .description .icon_1 {
width: 12rem;
height: 12rem;
left: -6rem;
}
}
body.page-about-company .site-main section.information .information_table .table_row .description .office_name { }
body.page-about-company .site-main section.information .information_table .table_row .description .permit_type { }
body.page-about-company .site-main section.access {
padding-top: 62px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access {
padding-top: 90rem;
}
}
body.page-about-company .site-main section.access .access_box_title {
margin-bottom: 60px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_box_title {
margin-bottom: 54rem;
}
}
body.page-about-company .site-main section.access .access_box_title .title_text { }
body.page-about-company .site-main section.access .access_box_title .subtitle_text { }
body.page-about-company .site-main section.access .access_map_item {
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: wrap;
gap: 50px;
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 1px solid #F2F2F2;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item {
gap: 50rem;
padding-bottom: 35rem;
margin-bottom: 60rem;
border-bottom: unset;
}
}
body.page-about-company .site-main section.access .access_map_item .map_container .map {
width: 650px;
height: 400px;
background: #f2f2f2;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item .map_container .map {
width: 600rem;
height: 369rem;
}
}
body.page-about-company .site-main section.access .access_map_item .address_info {
width: 100%;
max-width: 380px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item .address_info {
max-width: 100%;
}
}
body.page-about-company .site-main section.access .access_map_item .address_info .office_title {
font-size: 16px;
letter-spacing: 0.05em;
line-height: 26px;
margin-bottom: 115px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item .address_info .office_title {
font-size: 22rem;
line-height: 26rem;
margin-bottom: 23rem;
}
}
body.page-about-company .site-main section.access .access_map_item .address_info .office_subtitle {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
border-bottom: 1px solid #b4b4b4;
margin-bottom: 14px;
padding-bottom: 6px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item .address_info .office_subtitle {
font-size: 20rem;
margin-bottom: 14rem;
padding-bottom: 0rem;
}
}
body.page-about-company .site-main section.access .access_map_item .address_info .address_text {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.access .access_map_item .address_info .address_text {
font-size: 22rem;
line-height: 44rem;
}
}
body.page-about-company .site-main section.group {
padding-top: 18px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group {
padding-top: 18rem;
}
}
body.page-about-company .site-main section.group .group_box {
background: #f7f7f7;
padding: 92px 122px 70px 100px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box {
padding: 142rem 0 40rem 100rem;
}
}
body.page-about-company .site-main section.group .group_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: -1;
background: #f7f7f7;
}
body.page-about-company .site-main section.group .group_box .group_box_title {
margin-bottom: 50px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_box_title {
margin-bottom: 72rem;
}
}
body.page-about-company .site-main section.group .group_box .group_box_title .title_text { }
body.page-about-company .site-main section.group .group_box .group_box_title .subtitle_text { }
body.page-about-company .site-main section.group .group_box .group_content {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
body.page-about-company .site-main section.group .group_box .group_content .group_info_table {
width: 100%;
max-width: 610px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_info_table {
max-width: 610rem;
}
}
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row {
gap: 20rem;
}
}
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row .term {
width: 120px;
border-top: 1px solid #203964;
font-weight: normal;
padding-top: 18px;
margin-bottom: 25px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row .term {
width: 100rem;
border-top-width: 1rem;
padding-top: 18rem;
margin-bottom: 25rem;
}
}
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row .description {
width: 480px;
border-top: 1px solid #b4b4b4;
padding-top: 18px;
margin-bottom: 25px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_info_table .table_row .description {
width: 380rem;
padding-top: 18rem;
margin-bottom: 48rem;
}
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_logo {
position: absolute;
right: 0;
top: 148rem;
}
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.group .group_box .group_content .group_logo img {
width: 84rem;
height: 80rem;
}
}
body.page-about-company .site-main section.link {
padding-top: 100px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-about-company .site-main section.link {
padding-top: 154rem;
padding-bottom: 170rem;
}
}
body.page-about-company .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-company .site-main section.link .link_buttons_container {
gap: 40rem;
}
}
body.page-about-company .site-main section.link .link_buttons_container .link_button { }