@charset "UTF-8";

body.page-performance .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-performance .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-performance .site-main .breadcrumbs {
position: relative;
}
@media screen and (min-width: 700px) {
body.page-performance .site-main .breadcrumbs .image_1 {
width: 1280px;
margin: 0 auto;
position: relative;
}
body.page-performance .site-main .breadcrumbs .image_1 img {
z-index: -1;
position: absolute;
right: -14px;
bottom: -107px;
}
}
@media screen and (max-width: 701px) {
body.page-performance .site-main .breadcrumbs .image_1 {
z-index: -1;
position: absolute;
right: -16rem;
bottom: -169rem;
}
body.page-performance .site-main .breadcrumbs .image_1 img {
width: 639.97rem;
height: 92.62rem;
}
}
body.page-performance .site-main section#intro.intro {
padding-top: 65px;
padding-bottom: 88px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section#intro.intro {
padding-top: 132rem;
padding-bottom: 68rem;
}
}
body.page-performance .site-main section#intro.intro .intro_box .text_1 {
width: 100%;
max-width: 700px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section#intro.intro .intro_box .text_1 {
max-width: 700rem;
}
}
body.page-performance .site-main section.performance-archive .category-nav {
margin-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .category-nav {
margin-bottom: 70rem;
}
}
body.page-performance .site-main section.performance-archive .category-nav .category_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a {
width: 358px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #213964;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a {
width: 190rem;
height: 60rem;
font-size: 22rem;
}
}
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #203964;
z-index: -1;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a::before {
height: 1rem;
}
}
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a:hover {
transition: all 0.3s ease;
color: #fff;
}
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a:hover::before {
height: 80px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .category-nav .category_list .category_item a:hover::before {
height: 61rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls {
background: #f7f7f7;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 40px;
padding: 0 50px 60px 50px;
}
@media screen and (min-width: 700px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls {
height: 202px;
}
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 514rem;
gap: 40rem;
padding: 57rem 50rem 50rem 50rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .filter-label {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
margin-bottom: 16px;
position: relative;
padding-left: 18px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .filter-label {
font-size: 22rem;
margin-bottom: 15rem;
padding-left: 38rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .filter-label::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 10px;
height: 10px;
background: #0283BA;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .filter-label::before {
top: 4rem;
width: 22rem;
height: 22rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .select_box {
position: relative;
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .select_box::after {
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
right: 31px;
width: 12px;
height: 9px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
pointer-events: none;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group .select_box::after {
top: calc(50% + -4rem);
right: 34rem;
width: 16rem;
height: 12rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group select {
appearance: none;
width: 300px;
height: 60px;
background: #fff;
border-radius: 0;
border: none;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
padding-left: 26px;
cursor: pointer;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls .filter-group select {
width: 500rem;
height: 80rem;
font-size: 22rem;
padding-left: 26rem;
}
}
body.page-performance .site-main section.performance-archive .search-form .filter-controls .search-submit {
width: 300px;
height: 60px;
background: #dbedf5;
border-radius: 0;
border: none;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
color: #0283ba;
cursor: pointer;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-form .filter-controls .search-submit {
width: 500rem;
height: 80rem;
font-size: 22rem;
}
}
body.page-performance .site-main section.performance-archive .search-results-count {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
padding-top: 64px;
padding-bottom: 70px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-results-count {
font-size: 22rem;
padding-top: 77rem;
padding-bottom: 85rem;
}
}
body.page-performance .site-main section.performance-archive .search-results-count span {
font-family: shippori-mincho, serif;
font-weight: normal;
font-size: 40px;
letter-spacing: 0.03em;
text-align: left;
color: #203964;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .search-results-count span {
font-size: 48rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item {
width: 100%;
max-width: 480px;
margin-bottom: 86px;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item {
max-width: 600rem;
margin-bottom: 71rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image {
margin-bottom: 31px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image {
margin-bottom: 39rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -20px;
width: 1px;
height: 20px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image::before {
left: calc(50% + 0rem);
bottom: -30rem;
width: 1rem;
height: 30rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image img {
width: 480px;
height: 338px;
object-fit: cover;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_image img {
width: 600rem;
height: 423rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-category {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
color: #203964;
margin-bottom: 14px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-category {
font-size: 20rem;
margin-bottom: 14rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-title {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: center;
color: #000;
margin-bottom: 19px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-title {
font-size: 24rem;
line-height: 36rem;
margin-bottom: 46rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta {
display: flex;
justify-content: center;
gap: 15px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta {
gap: 20rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: -7px;
width: 400px;
height: 1px;
background: #ddd;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta::before {
top: -19rem;
width: 500rem;
}
}
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta .works_area,
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta .works_years {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 38px;
text-align: center;
color: #a3a3a3;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta .works_area,
body.page-performance .site-main section.performance-archive .performance-grid .performance-item .performance-item_content .item-meta .works_years {
font-size: 20rem;
line-height: 38rem;
}
}
body.page-performance .site-main section.performance-archive .pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination {
gap: 40rem;
margin-bottom: 177rem;
padding-top: 19rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .prev.page-numbers {
position: relative;
margin-left: -50px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .prev.page-numbers {
margin-left: -50rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .prev.page-numbers::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_3.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .prev.page-numbers::before {
top: calc(50% + 0rem);
left: calc(50% + 0rem);
width: 20rem;
height: 10rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .page-numbers {
position: relative;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #203964;
transition: all 0.3s ease;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .page-numbers {
width: 30rem;
height: 30rem;
font-size: 20rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .page-numbers.current {
background: #b4b4b4;
color: #fff;
}
body.page-performance .site-main section.performance-archive .pagination .page-numbers::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 0px;
height: 0px;
background: #203964;
z-index: -1;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .page-numbers::before {
top: calc(50% + 0rem);
left: calc(50% + 0rem);
width: 0rem;
height: 0rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .page-numbers:hover:not(.dots):not(.prev):not(.next):not(.current) {
color: #fff;
}
body.page-performance .site-main section.performance-archive .pagination .page-numbers:hover:not(.dots):not(.prev):not(.next):not(.current)::before {
width: 30px;
height: 30px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .page-numbers:hover:not(.dots):not(.prev):not(.next):not(.current)::before {
width: 30rem;
height: 30rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .next.page-numbers {
position: relative;
margin-right: -50px;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .next.page-numbers {
margin-right: -50rem;
}
}
body.page-performance .site-main section.performance-archive .pagination .next.page-numbers::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/voice_icon_4.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-performance .site-main section.performance-archive .pagination .next.page-numbers::before {
top: calc(50% + 0rem);
left: calc(50% + 0rem);
width: 20rem;
height: 10rem;
}
}