@charset "UTF-8";

body.home .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_TOPページ.jpg) no-repeat top center;
height: 10730px;
}
@media screen and (max-width: 701px) {
body.home .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_TOPページ_SP.jpg) no-repeat top 11px center;
height: 9178px;
}
}
body.home .site-main .section_title {
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.home .site-main .section_title {
font-size: 48rem;
margin-bottom: -8rem;
}
}
body.home .site-main .section_subtitle {
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.home .site-main .section_subtitle {
font-size: 22rem;
padding-left: 26rem;
}
}
body.home .site-main .section_subtitle::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 10px;
height: 10px;
background: #203964;
border-radius: 50%;
}
@media screen and (max-width: 701px) {
body.home .site-main .section_subtitle::before {
top: 8rem;
width: 16rem;
height: 16rem;
}
}
body.home .site-main section.mv.mv_top {
padding-top: 166px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.mv.mv_top {
padding-top: 166rem;
}
}
body.home .site-main section.mv.mv_top .mv_box_1 .text_1 {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.2em;
text-align: center;
color: #000;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.mv.mv_top .mv_box_1 .text_1 {
font-size: 20rem;
margin-bottom: 41rem;
}
}
body.home .site-main section.mv.mv_top .mv_box_1 .text_2 {
font-family: garamond-premier-pro, serif;
font-weight: 600;
font-size: 100px;
text-align: center;
color: #000;
}
@media screen and (max-width: 701px) {
body.home .site-main section.mv.mv_top .mv_box_1 .text_2 {
font-size: 100rem;
line-height: 110rem;
}
}
body.home .site-main section.mv.mv_top .mv_image {
margin-top: -71px;
z-index: -1;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 701px) {
body.home .site-main section.mv.mv_top .mv_image {
margin-top: -54rem;
}
}
body.home .site-main section.mv.mv_top .mv_image .image_wrapper {
transition-duration: 0.8s;
width: calc(100vw - 15px);
}
@media screen and (max-width: 701px) {
body.home .site-main section.mv.mv_top .mv_image .image_wrapper {
width: calc(100vw);
height: 657rem;
}
}
body.home .site-main section.news {
position: relative;
z-index: 2;
}
@media screen and (min-width: 700px) {
body.home .site-main section.news {
margin-top: -60px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.news {
padding-top: 81rem;
}
}
body.home .site-main section.news .news_box {
height: 60px;
background: #FFF;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding-left: 42px;
padding-right: 35px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box {
justify-content: space-between;
height: unset;
padding-left: unset;
padding-right: unset;
align-items: flex-start;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.news .news_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100vw;
background: #fff;
z-index: -1;
}
}
body.home .site-main section.news .news_box .section_title {
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
color: #203964;
margin-right: 88px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .section_title {
padding-top: 8rem;
font-size: 40rem;
margin-right: unset;
}
}
body.home .site-main section.news .news_box .section_title::before {
content: "";
position: absolute;
right: -47px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 1px;
height: 40px;
background: #d3d3d3;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .section_title::before {
right: -47rem;
top: calc(50% + 0rem);
width: 1rem;
height: 25rem;
}
}
body.home .site-main section.news .news_box .news_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
body.home .site-main section.news .news_box .news_item .news_link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 700px) {
body.home .site-main section.news .news_box .news_item .news_link {
margin-right: auto;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .news_item .news_link {
width: 423rem;
justify-content: flex-start;
padding-top: 14rem;
}
}
body.home .site-main section.news .news_box .news_item .date {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-right: 39px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .news_item .date {
font-size: 24rem;
margin-right: 42rem;
}
}
body.home .site-main section.news .news_box .news_item .category {
width: 120px;
height: 30px;
border-radius: 15px;
background: #203964;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
margin-right: 30px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .news_item .category {
width: 120rem;
height: 30rem;
border-radius: 15rem;
font-size: 20rem;
margin-right: unset;
}
}
body.home .site-main section.news .news_box .news_item .title {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
width: 470px;
margin-right: 18px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .news_item .title {
font-size: 24rem;
width: unset;
margin-right: unset;
margin-top: 21rem;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.news .news_box .more_link:hover .view_more_link::before {
right: -36px;
}
}
body.home .site-main section.news .news_box .view_more_link {
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .view_more_link {
position: absolute;
font-size: 19rem;
right: 29rem;
bottom: -58rem;
}
}
body.home .site-main section.news .news_box .view_more_link::before {
content: "";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -2px);
right: -26px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.news .news_box .view_more_link::before {
top: calc(50% + -2rem);
right: -26rem;
width: 20rem;
height: 10rem;
}
}
body.home .site-main section.business {
padding-top: 155px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business {
padding-top: 213rem;
}
}
body.home .site-main section.business .section_header .title_group {
margin-bottom: 55px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .section_header .title_group {
margin-bottom: 55rem;
}
}
body.home .site-main section.business .section_header .title_group .section_title { }
body.home .site-main section.business .section_header .title_group .section_subtitle { }
body.home .site-main section.business .section_header .section_header_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 65px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .section_header .section_header_1 {
margin-bottom: 98rem;
}
}
body.home .site-main section.business .section_header .section_header_1 .business_catchphrase {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
line-height: 60px;
text-align: left;
color: #000;
margin-right: 72px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .section_header .section_header_1 .business_catchphrase {
font-size: 48rem;
line-height: 76rem;
margin-right: unset;
}
}
body.home .site-main section.business .section_header .section_header_1 .section_description {
margin-top: 9px;
font-family: "Noto Sans JP";
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .section_header .section_header_1 .section_description {
margin-top: 22rem;
font-size: 22rem;
line-height: 44rem;
}
}
body.home .site-main section.business .business_content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 20px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content {
gap: 99rem;
}
}
body.home .site-main section.business .business_content .business_item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
text-decoration: none;
}
@media screen and (min-width: 700px) {
body.home .site-main section.business .business_content .business_item:hover .image_container::before {
height: 100%;
}
body.home .site-main section.business .business_content .business_item:hover .image_container img {
transform: scale(1.1);
}
body.home .site-main section.business .business_content .business_item:hover .text_container .view_more_link::before {
right: -2px;
}
}
body.home .site-main section.business .business_content .business_item .image_container {
position: relative;
left: -100px;
width: 720px;
height: 360px;
overflow: hidden;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .image_container {
left: -50rem;
width: 650rem;
height: 325rem;
}
}
body.home .site-main section.business .business_content .business_item .image_container::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0%;
background: #203964;
opacity: 0.5;
transition: all 0.3s ease;
z-index: 2;
}
body.home .site-main section.business .business_content .business_item .image_container img {
transform: scale(1);
transition: all 0.3s ease;
width: 100%;
height: 100%;
object-fit: cover;
}
body.home .site-main section.business .business_content .business_item .text_container {
width: 360px;
padding-top: 76px;
padding-right: 30px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container {
width: 600rem;
padding-top: 60rem;
padding-right: unset;
}
}
body.home .site-main section.business .business_content .business_item .text_container .item_title {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
color: #000;
padding-left: 25px;
margin-bottom: 20px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .item_title {
font-size: 28rem;
padding-left: 28rem;
margin-bottom: 15rem;
}
}
body.home .site-main section.business .business_content .business_item .text_container .item_title .icon {
position: absolute;
left: 0;
top: -5px;
width: 15px;
height: 28px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_icon_1.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .item_title .icon {
top: -2rem;
width: 15rem;
height: 28rem;
}
}
body.home .site-main section.business .business_content .business_item .text_container .item_title .icon.second {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_icon_2.png) no-repeat center/contain;
}
body.home .site-main section.business .business_content .business_item .text_container .item_category {
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-bottom: 31px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .item_category {
font-size: 20rem;
margin-bottom: 24rem;
}
}
body.home .site-main section.business .business_content .business_item .text_container .item_description {
font-family: "Noto Sans JP";
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
margin-bottom: 51px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .item_description {
font-size: 22rem;
line-height: 44rem;
margin-bottom: 40rem;
}
}
body.home .site-main section.business .business_content .business_item .text_container .view_more_link {
font-family: "Noto Sans JP";
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
color: #203964;
display: block;
text-align: right;
padding-right: 35px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .view_more_link {
text-align: left;
font-size: 18rem;
padding-right: 35rem;
width: 161rem;
}
}
body.home .site-main section.business .business_content .business_item .text_container .view_more_link::before {
content: "";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -2px);
right: 8px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.business .business_content .business_item .text_container .view_more_link::before {
top: calc(50% + -2rem);
right: 8rem;
width: 20rem;
height: 10rem;
}
}
body.home .site-main section.performance {
padding-top: 163px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance {
padding-top: 159rem;
padding-bottom: 100rem;
}
}
body.home .site-main section.performance .section_header .title_group {
margin-bottom: 68px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .section_header .title_group {
margin-bottom: 51rem;
}
}
body.home .site-main section.performance .section_header .title_group .section_title { }
body.home .site-main section.performance .section_header .title_group .section_subtitle { }
body.home .site-main section.performance .performance_grid {
width: 1280px;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 1px;
}
@media screen and (min-width: 700px) {
body.home .site-main section.performance .performance_grid {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .performance_grid {
margin-bottom: 20rem;
flex-direction: column;
justify-content: center;
align-self: flex-start;
width: 100%;
gap: 1rem;
}
}
body.home .site-main section.performance .performance_grid .performance-item {
width: 600rem;
max-width: 426px;
margin-bottom: 54px;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .performance_grid .performance-item {
max-width: 600rem;
margin-bottom: 70rem;
}
}
body.home .site-main section.performance .performance_grid .performance-item .performance-item_image {
margin-bottom: 31px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .performance_grid .performance-item .performance-item_image {
margin-bottom: 39rem;
}
}
body.home .site-main section.performance .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.home .site-main section.performance .performance_grid .performance-item .performance-item_image::before {
left: calc(50% + 0rem);
bottom: -30rem;
width: 1rem;
height: 30rem;
}
}
body.home .site-main section.performance .performance_grid .performance-item .performance-item_image img {
width: 426px;
height: 300px;
object-fit: cover;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .performance_grid .performance-item .performance-item_image img {
width: 600rem;
height: 423.33rem;
}
}
body.home .site-main section.performance .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.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-category {
font-size: 20rem;
margin-bottom: 14rem;
}
}
body.home .site-main section.performance .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.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-title {
font-size: 24rem;
line-height: 36rem;
margin-bottom: 46rem;
}
}
body.home .site-main section.performance .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.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-meta {
gap: 20rem;
}
}
body.home .site-main section.performance .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: 326px;
height: 1px;
background: #ddd;
}
@media screen and (max-width: 701px) {
body.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-meta::before {
top: -19rem;
width: 500rem;
}
}
body.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-meta .works_area,
body.home .site-main section.performance .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.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-meta .works_area,
body.home .site-main section.performance .performance_grid .performance-item .performance-item_content .item-meta .works_years {
font-size: 20rem;
line-height: 38rem;
}
}
body.home .site-main section.performance .view_more_button {
margin: 0 auto; }
body.home .site-main section.about {
padding-top: 70px;
padding-bottom: 170px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about {
padding-top: 58rem;
padding-bottom: 170rem;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.about.hover .about_flex_container .image_container::before {
background: #0383b9;
opacity: 0.8;
width: 100vw;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
body.home .site-main section.about.hover .about_flex_container .image_container::after {
opacity: 0;
}
body.home .site-main section.about.hover .about_flex_container .text_container * {
color: #fff !important;
}
body.home .site-main section.about.hover .about_flex_container .text_container .section_subtitle::before {
background: #fff;
}
body.home .site-main section.about.hover .about_flex_container .text_container span {
color: #fff !important;
transition: color 0.3s ease !important;
}
body.home .site-main section.about.hover .about_flex_container .text_container .view_more_link::before {
right: -2px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_2.png) no-repeat center/contain;
}
}
body.home .site-main section.about .about_flex_container {
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
}
@media screen and (min-width: 700px) {
body.home .site-main section.about .about_flex_container {
height: 880px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container {
justify-content: flex-start;
}
}
body.home .site-main section.about .about_flex_container .image_container {
width: 1280px;
height: 880px;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_about.jpg) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .image_container {
width: 1280rem;
height: 880rem;
left: calc(50% + 0rem);
top: 0rem;
}
}
body.home .site-main section.about .about_flex_container .image_container::before {
content: "";
position: absolute;
right: 1180px;
top: 0;
height: 100%;
width: 100vw;
background: #fff;
z-index: 1;
transition: opacity 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .image_container::before {
right: 1180rem;
top: 0rem;
}
}
body.home .site-main section.about .about_flex_container .image_container::after {
content: "";
position: absolute;
left: 580px;
top: 0;
height: 100%;
width: 100vw;
background: #fff;
z-index: 1;
transition: opacity 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .image_container::after {
left: 580rem;
top: 0rem;
}
}
body.home .site-main section.about .about_flex_container .text_container {
width: 100%;
max-width: 480px;
display: flex;
flex-direction: column;
align-self: flex-start;
justify-content: flex-start;
padding-top: 250px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container {
max-width: 600rem;
padding-top: 0;
}
}
body.home .site-main section.about .about_flex_container .text_container .title_group {
margin-bottom: 64px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container .title_group {
margin-bottom: 64rem;
}
}
body.home .site-main section.about .about_flex_container .text_container .title_group .section_title { }
body.home .site-main section.about .about_flex_container .text_container .title_group .section_subtitle { }
body.home .site-main section.about .about_flex_container .text_container .about_catchphrase {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
line-height: 60px;
text-align: left;
color: #000;
margin-bottom: 43px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container .about_catchphrase {
font-size: 48rem;
line-height: 76rem;
margin-bottom: -42rem;
}
}
body.home .site-main section.about .about_flex_container .text_container .about_description {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
text-align: left;
color: #000;
margin-bottom: 49px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container .about_description {
font-size: 22rem;
line-height: 44rem;
margin-top: 28rem;
margin-bottom: 60rem;
}
}
body.home .site-main section.about .about_flex_container .text_container .view_more_link {
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
color: #203964;
display: block;
text-align: right;
padding-right: 35px;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container .view_more_link {
text-align: left;
font-size: 18rem;
padding-right: 35rem;
width: 161rem;
}
}
body.home .site-main section.about .about_flex_container .text_container .view_more_link::before {
content: "";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -2px);
right: 8px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.about .about_flex_container .text_container .view_more_link::before {
top: calc(50% + -2rem);
right: 8rem;
width: 20rem;
height: 10rem;
}
}
body.home .site-main section.voice {
padding-top: 142px;
padding-bottom: 150px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice {
padding-top: 142rem;
padding-bottom: 150rem;
}
}
body.home .site-main section.voice .voice_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 30px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_box {
margin-bottom: 30rem;
}
}
body.home .site-main section.voice .section_header .title_group {
margin-bottom: 68px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .section_header .title_group {
margin-bottom: 68rem;
}
}
body.home .site-main section.voice .section_header .title_group .section_title { }
body.home .site-main section.voice .section_header .title_group .section_subtitle { }
@media screen and (min-width: 700px) {
body.home .site-main section.voice .section_header .voice_category .category_list {
margin-top: -4px;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item {
margin-bottom: 25px;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item a {
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
text-align: left;
color: #203964;
line-height: 1;
position: relative;
padding-left: 42px;
text-decoration: none;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item a::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + 0px);
width: 30px;
height: 1px;
background: #203964;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item.active a {
color: #0383B9;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item.active a::before {
background: #0383B9;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .section_header .voice_category .category_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 42rem 15rem;
align-items: flex-start;
margin-bottom: 105rem;
position: relative;
z-index: 1;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item {
width: 190rem;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item a {
width: 100%;
height: 61rem;
display: flex;
align-items: center;
justify-content: center;
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 22rem;
letter-spacing: 0.1em;
text-align: center;
color: #203964;
position: relative;
text-decoration: none;
}
body.home .site-main section.voice .section_header .voice_category .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;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item a:hover {
transition: all 0.3s ease;
color: #fff;
}
body.home .site-main section.voice .section_header .voice_category .category_list .category_item a:hover::before {
height: 61rem;
}
}
body.home .site-main section.voice .voice_grid {
width: 100%;
max-width: 790px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 70px 70px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid {
max-width: 790rem;
gap: 70rem 70rem;
}
}
body.home .site-main section.voice .voice_grid .voice-item {
width: 100%;
max-width: 360px;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item {
max-width: 600rem;
}
}
body.home .site-main section.voice .voice_grid .voice-item a {
display: block;
width: 100%;
height: 100%;
min-height: 429px;
padding-bottom: 18px;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item a {
min-height: unset;
padding-bottom: 18rem;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.voice .voice_grid .voice-item:hover .voice-item_image::before {
height: 100%;
}
body.home .site-main section.voice .voice_grid .voice-item:hover img {
opacity: 0.5;
}
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_image {
margin-bottom: 38px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 360px;
height: 270px;
overflow: hidden;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item .voice-item_image {
margin-bottom: 47rem;
width: 600rem;
height: 450rem;
}
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_image::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 0%;
width: 100%;
transition: all 0.3s ease;
background: #fff;
opacity: 0.5;
z-index: 1;
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_image img {
transition: all 0.3s ease;
opacity: 1;
width: 100%;
height: 100%;
object-fit: contain;
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content {
position: relative;
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .date {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
text-align: left;
color: #707070;
margin-bottom: 13px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .date {
font-size: 22rem;
margin-bottom: 13rem;
}
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .title {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: left;
color: #000;
margin-bottom: 29px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .title {
font-size: 22rem;
line-height: 32rem;
margin-bottom: 29rem;
width: 100%;
max-width: 409rem;
}
}
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .category {
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
text-align: left;
color: #203964;
}
@media screen and (max-width: 701px) {
body.home .site-main section.voice .voice_grid .voice-item .voice-item_content .category {
font-size: 20rem;
position: absolute;
top: 0;
left: 110rem;
}
}
body.home .site-main section.voice .view_more_button {
margin-left: auto;
background: #f7f7f7; }
body.home .site-main section.sustainability {
padding-top: 100px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability {
width: 700rem;
height: 1152rem;
padding-top: unset;
padding-bottom: unset;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_sustainability_1_sp.jpg) no-repeat center/cover;
}
}
body.home .site-main section.sustainability .sustainability_flex_container {
width: 1180px;
height: 640px;
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
text-decoration: none;
}
@media screen and (min-width: 700px) {
body.home .site-main section.sustainability .sustainability_flex_container {
padding: 90px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container {
align-items: flex-end;
width: 600rem;
height: 1152rem;
padding-bottom: 146rem;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.sustainability .sustainability_flex_container:hover::before {
opacity: 1;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .title_group .section_title {
color: #fff;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .title_group .section_subtitle {
color: #fff;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .title_group .section_subtitle::before {
background: #fff;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .sustainability_description span {
color: #fff !important;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .view_more_link {
color: #fff !important;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .text_container .view_more_link::before {
right: -2px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_2.png) no-repeat center/contain;
}
body.home .site-main section.sustainability .sustainability_flex_container:hover .image_container_vertical span {
color: #fff !important;
}
body.home .site-main section.sustainability .sustainability_flex_container::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: -1;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_sustainability_1.jpg) no-repeat center/contain;
transition: all 0.3s ease;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container {
padding-top: 101px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container {
padding-top: 101rem;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .title_group {
margin-bottom: 60px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .title_group {
margin-bottom: 20rem;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .title_group .section_title {
color: #fff;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .title_group .section_subtitle {
color: #fff;
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .title_group .section_subtitle:before {
background: #fff;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .sustainability_description {
width: 100%;
max-width: 500px;
margin-bottom: 19px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .sustainability_description {
max-width: 100%;
margin-bottom: 19rem;
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .sustainability_description span {
color: #fff;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .view_more_link {
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
color: #203964;
display: inline-block;
padding-right: 35px;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .view_more_link {
color: #fff;
font-size: 18rem;
padding-right: 35rem;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .text_container .view_more_link::before {
content: "";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -2px);
right: 8px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .text_container .view_more_link::before {
top: calc(50% + -2rem);
right: 8rem;
width: 20rem;
height: 10rem;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_2.png) no-repeat center/contain;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .image_container_vertical {
padding-top: 30px;
}
@media screen and (min-width: 700px) {
body.home .site-main section.sustainability .sustainability_flex_container .image_container_vertical {
position: absolute;
left: 905px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .image_container_vertical {
position: absolute;
top: 81rem;
left: 468rem;
padding-top: unset;
}
}
body.home .site-main section.sustainability .sustainability_flex_container .image_container_vertical .vertical_text {
writing-mode: vertical-rl;
text-orientation: mixed;
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 32px;
line-height: 61px;
text-align: left;
color: #000;
letter-spacing: 0.3em;
}
@media screen and (max-width: 701px) {
body.home .site-main section.sustainability .sustainability_flex_container .image_container_vertical .vertical_text {
font-size: 32rem;
line-height: 61rem;
}
}
body.home .site-main section.recruit {
background: #f7f7f7;
position: relative;
overflow: hidden;
}
body.home .site-main section.recruit .text_1 {
position: absolute;
top: -18rem;
right: 0;
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 120rem;
letter-spacing: 0.1em;
line-height: 130rem;
text-align: right;
color: #fff;
}
body.home .site-main section.recruit .recruit_flex_container {
display: flex;
position: relative;
}
@media screen and (min-width: 700px) {
body.home .site-main section.recruit .recruit_flex_container {
height: 570px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container {
height: 1060rem;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container {
padding-top: 111px;
}
@media screen and (min-width: 700px) {
body.home .site-main section.recruit .recruit_flex_container .text_container {
padding-left: 50px;
width: 540px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container {
padding-top: 140rem;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .title_group {
margin-bottom: 67px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .title_group {
margin-bottom: 73rem;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .title_group .section_title { }
body.home .site-main section.recruit .recruit_flex_container .text_container .title_group .section_subtitle { }
body.home .site-main section.recruit .recruit_flex_container .text_container .recruit_catchphrase {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 32px;
letter-spacing: 0.2em;
line-height: 1;
text-align: left;
color: #000;
margin-bottom: 24px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .recruit_catchphrase {
font-size: 48rem;
margin-bottom: 32rem;
letter-spacing: 0;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .recruit_description {
width: 100%;
margin-bottom: 46px;
}
@media screen and (min-width: 700px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .recruit_description {
max-width: 280px;
}
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .recruit_description {
margin-bottom: 60rem;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .view_more_link {
font-family: "Noto Sans JP";
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
color: #203964;
display: inline-block;
padding-right: 35px;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .view_more_link {
padding-right: 30rem;
font-size: 18rem;
margin-bottom: 96rem;
}
}
@media screen and (min-width: 700px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .view_more_link:hover::before {
right: -2px;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .view_more_link::before {
content: "";
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% + -2px);
right: 8px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_1.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .text_container .view_more_link::before {
top: calc(50% + -2rem);
right: 8rem;
width: 20rem;
height: 10rem;
}
}
body.home .site-main section.recruit .recruit_flex_container .text_container .image_1 {
width: 650rem;
}
body.home .site-main section.recruit .recruit_flex_container .image_container {
position: absolute;
left: 540px;
top: 0;
width: 50vw;
height: 100%;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_recruit.jpg) no-repeat center/cover;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_flex_container .image_container {
left: 540rem;
top: 0rem;
}
}
body.home .site-main section.recruit .recruit_background_text {
position: absolute;
bottom: -33px;
left: 0;
z-index: 3;
width: 100vw;
white-space: nowrap;
pointer-events: none;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_background_text {
bottom: -33rem;
left: 0rem;
}
}
body.home .site-main section.recruit .recruit_background_text span {
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 140px;
line-height: 1;
letter-spacing: 0.1em;
color: #fff;
display: inline-block;
white-space: nowrap;
animation-duration: 60s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: recruit-text-pc;
}
@media screen and (max-width: 701px) {
body.home .site-main section.recruit .recruit_background_text span {
font-size: 140rem;
}
}
@keyframes recruit-text-pc {
0% {
transform: translate(0);
}
to {
transform: translate(-4130px);
}
}
@keyframes recruit-text-sp {
0% {
transform: translate(0);
}
to {
transform: translate(-2075px);
}
}
body.home .site-main section.groupinfo {
padding-top: 150px;
padding-bottom: 83px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo {
padding-top: 160rem;
padding-bottom: 83rem;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container {
padding-left: 60px;
padding-right: 81px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container {
flex-direction: column;
align-items: flex-start;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container::before {
content: "";
position: absolute;
right: -64px;
top: 0;
width: 2px;
height: 94px;
background: #f0f0f0;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container::before {
right: -64rem;
top: 0rem;
width: 2rem;
height: 94rem;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .title_group {
margin-right: 99px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .title_group {
margin-right: unset;
margin-bottom: 95rem;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .title_group .section_title { }
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .title_group .section_subtitle { }
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .groupinfo_description {
width: 100%;
max-width: 520px;
}
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container .text_container .groupinfo_description {
max-width: 100%;
}
}
body.home .site-main section.groupinfo .groupinfo_flex_container .logo_container { }
@media screen and (max-width: 701px) {
body.home .site-main section.groupinfo .groupinfo_flex_container .logo_container {
width: 154.24rem;
height: 145.71rem;
position: absolute;
right: 0;
top: -20rem;
}
}
body.home section.sentaku {
padding-top: 84px;
padding-bottom: 170px;
}
@media screen and (max-width: 701px) {
body.home section.sentaku {
padding-top: 51rem;
padding-bottom: 130rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 {
width: 960px;
height: 200px;
background: #e2e4e5;
margin: 0 auto;
position: relative;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 41px 80px 50px 70px;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 {
width: 580rem;
height: 541rem;
left: 5rem;
padding: 97rem 0 0 0;
flex-direction: column;
justify-content: flex-start;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1::before {
content: "";
position: absolute;
left: -10px;
top: -10px;
width: 100%;
height: 100%;
border: 1px solid #203964;
pointer-events: none;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1::before {
left: -10rem;
top: -10rem;
border-width: 1rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1::after {
content: "";
position: absolute;
left: 10px;
top: 10px;
width: 100%;
height: 100%;
border: 1px solid #203964;
pointer-events: none;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1::after {
left: 10rem;
top: 10rem;
border-width: 1rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 11px;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 {
margin-bottom: 11rem;
flex-direction: column;
justify-content: flex-start;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 .text_1 {
width: 142px;
height: 30px;
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
color: #203964;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 700px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 .text_1 {
margin-right: 20px;
background: #fff;
}
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 .text_1 {
width: 200rem;
height: 42rem;
background: transparent;
border: 1px solid #1f3963;
font-weight: bold;
font-size: 20rem;
letter-spacing: 0.1em;
color: #203964;
margin-bottom: 38rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 .text_2 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.12em;
line-height: 54px;
text-align: left;
color: #203964;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_1 .text_2 {
font-size: 32rem;
letter-spacing: 0.12em;
text-align: center;
line-height: 1;
margin-bottom: 18rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_2 .text_3 {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.2em;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_1 .sentaku_box_1_1_2 .text_3 {
font-size: 24rem;
letter-spacing: 0.1em;
line-height: 38rem;
text-align: center;
margin-bottom: 47rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_2 .link_1 {
width: 180px;
height: 40px;
background: #203964;
display: flex;
justify-content: flex-start;
align-items: center;
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
text-align: center;
color: #fff;
padding-left: 20px;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_2 .link_1 {
width: 320rem;
height: 70rem;
font-size: 24rem;
padding-left: 20rem;
}
}
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_2 .link_1::before {
content: "";
position: absolute;
right: 21px;
top: 14px;
width: 20px;
height: 10px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/top_arrow_2.png) no-repeat center/contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_2 .link_1::before {
right: 42rem;
top: 21rem;
width: 32rem;
height: 16rem;
}
}
@media screen and (min-width: 700px) {
body.home section.sentaku .sentaku_box .sentaku_box_1 .sentaku_box_1_2 .link_1:hover::before {
right: 11px;
}
}