@charset "UTF-8";
 @media screen and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc {
display: none !important;
}
} p.cat {
width: 91px;
background: #555;
padding: 5px 0;
}
p.cat.information {
background: #005aaa !important;
}
p.cat.member-info {
background: #1d0087 !important;
}
hr.cat.information {
border-top-color: #005aaa !important;
}
hr.cat.member-info {
border-top-color: #1d0087 !important;
}
div.cat.information {
border-left-color: #005aaa !important;
}
div.cat.member-info {
border-left-color: #1d0087 !important;
}
.site-title .title {
background-image: url(//www.nrc.or.jp/wp/wp-content/uploads/logo-title.png);
background-size: contain;
background-repeat: no-repeat;
color: rgba(0, 0, 0, 0);
text-indent: -9999px;
}
@media screen and (max-width: 767px) {
.site-title .title .f36 {
font-size: 2.25rem;
}
}
@media screen and (max-width: 767px) {
.site-title > div {
width: 80vw;
margin-top: 4px;
}
}
@media screen and (min-width: 768px) {
.header .site-title {
flex-basis: 57% !important;
}
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #000 !important;
}
@media screen and (min-width: 768px) {
.navbar-expand-md .navbar-nav > li .dropdown-toggle::after {
display: none !important;
}
}
body.home section.slider {
position: relative;
height: calc(100vh - 188px);
background-color: #004898;
}
body.home section.slider #cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100vh - 188px);
z-index: 1;
background-color: #0b213e;
}
body.home section.slider #cover > div {
position: relative;
width: 100%;
height: calc(100vh - 188px);
overflow: hidden;
transition: 1.5s ease 0.4s;
opacity: 0.01;
}
body.home section.slider #video .wrapper {
height: 100%;
height: calc(100vh - 188px);
position: relative;
width: 100%;
}
body.home section.slider #video #myVideo {
background: url(//www.nrc.or.jp/wp/wp-content/uploads/movie_bg.jpg) no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
left: 0;
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
position: absolute;
top: 0;
z-index: 1;
}
body.home section.slider::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/home-logo-bg-2.png) center bottom/cover no-repeat scroll;
z-index: 4;
opacity: 1;
transition: 1s ease;
}
body.home section.slider::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/home-header-dot.png);
z-index: 2;
transition: 1s ease;
}
body.home section.slider.play::before {
opacity: 0.3;
transition: 2s ease;
}
body.home section.slider.play::after {
opacity: 0.4;
}
body.home section.slider.play #cover > div {
opacity: 1;
}
body.home .news .news-list .news-list-item .more {
color: #005aaa !important;
}
body.home .about {
padding-bottom: calc(48px + 32vw) !important;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/about-bg.jpg) no-repeat bottom center/contain, #98b8de;
max-height: 598px;
height: 100%;
}
@media screen and (min-width: 992px) {
body.home .about {
padding-bottom: calc(48px + 40vw) !important;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/about-bg.jpg) no-repeat bottom center/cover, #98b8de;
max-height: 598px;
height: 100%;
}
}
@media screen and (max-width: 991px) {
body.home .about {
padding-bottom: calc(380px) !important;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/about-bg.jpg) no-repeat bottom center/contain, #98b8de;
max-height: 598px;
height: 100%;
}
}
@media screen and (max-width: 767px) {
body.home .about {
background: url(//www.nrc.or.jp/wp/wp-content/uploads/about-bg-sp.jpg) no-repeat bottom center/contain, #98b8de;
padding-bottom: 88vw !important;
max-height: inherit;
}
}
body.home .greeting .box {
background: url(//www.nrc.or.jp/wp/wp-content/uploads/person.jpg) no-repeat bottom right -6px, white !important;
padding-bottom: 88px !important;
background-size: 89% !important;
}
@media screen and (max-width: 767px) {
body.home .greeting .box {
background-position: bottom -26% center !important;
padding-bottom: 370px !important;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/person-sp.jpg) no-repeat bottom center, white !important;
background-size: 320px !important;
}
}
body.home .greeting .box .text {
width: calc(100% - 450px) !important;
}
@media screen and (max-width: 767px) {
body.home .greeting .box .text {
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
body.home .outline table {
line-height: 2;
}
}
body.home .outline ul {
list-style: none;
}
body.home .outline ul li {
margin-bottom: 30px;
width: 40%;
}
@media screen and (max-width: 767px) {
body.home .outline ul li {
width: 100%;
margin-bottom: 0;
}
}
body.home .outline ul li:last-of-type {
margin-bottom: 0px;
}
body.home .outline ul li:nth-last-of-type(2) {
margin-bottom: 0px;
}
body.home section.service .box {
background: #fff;
padding: 56px 46px 36px;
}
@media screen and (max-width: 767px) {
body.home section.service .box {
padding: 32px 16px;
}
}
body.home section.service .box .banner {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin: 0 -24px;
}
body.home section.service .box .banner::after {
content: "";
display: block;
width: 50%;
}
@media screen and (max-width: 767px) {
body.home section.service .box .banner {
margin: 0;
}
}
body.home section.service .box .banner a {
margin: 0 12px 20px;
}
@media screen and (max-width: 767px) {
body.home section.service .box .banner a {
margin-left: 0;
margin-right: 0;
margin-bottom: 32px;
}
}
body.home section.service .box .banner a:last-of-type {
margin-bottom: 0;
}
body.home section.service .box .banner a.banner-0 {
margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
body.home section.service .box .banner a.banner-0 {
margin-bottom: 32px;
}
}
.home-service-slider .slick-dots {
bottom: 5px;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots {
bottom: -30px;
}
}
@media screen and (min-width: 768px) {
.home-service-slider .slick-dots {
width: 37%;
}
}
.home-service-slider .slick-dots li {
margin: 0 2px;
}
.home-service-slider .slick-dots li button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li button:before {
color: #fff;
}
}
.home-service-slider .slick-dots li.slick-active button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li.slick-active button:before {
color: #fff;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.site-logo {
display: none;
}
.page-service section.lead-text {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.page-service section.menu {
padding-top: 96px;
padding-bottom: 48px;
background: #cb0000;
}
@media screen and (max-width: 575px) {
.page-service section.menu {
padding-bottom: 28px;
}
}
.page-service section.menu ul {
list-style: none;
}
.page-service section.menu ul li {
border: 1px solid #fff;
max-width: 21%;
width: 100%;
text-align: center;
padding: 11px;
}
@media screen and (max-width: 575px) {
.page-service section.menu ul li {
max-width: unset;
width: 45%;
margin-bottom: 20px;
}
}
.page-service section.service {
background: #cb0000;
padding-bottom: 48px;
}
body.page-service-1 section.header {
padding-top: 94px;
padding-bottom: 140px;
padding-left: 15px;
padding-right: 15px;
background: url(//www.nrc.or.jp/wp/wp-content/uploads/service-1-1.jpg) no-repeat center bottom/cover;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header {
background-image: url(//www.nrc.or.jp/wp/wp-content/uploads/service-1-1-sp.jpg);
background-position: bottom right;
padding-bottom: 70px;
}
}
body.page-service-1 section.header .box-1 {
width: 100%;
max-width: 850px;
margin: 0 auto;
}
body.page-service-1 section.header .box-1 .box-1-1 {
width: 100%;
max-width: 600px;
}
body.page-service-1 section.header .box-1 .box-1-1 .hr-1 {
border-top: 8px solid #005bab;
width: 187px;
margin-left: 0;
margin-top: 0;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 .hr-1 {
border-top: 4px solid #005bab;
width: 93px;
}
}
body.page-service-1 section.header .box-1 .box-1-1 .lead-1 {
font-weight: bold;
font-size: 24px;
color: #005bab;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 .lead-1 {
font-size: 18px;
}
}
body.page-service-1 section.header .box-1 .box-1-1 .lead-2 {
font-weight: bold;
font-size: 40px;
color: #005bab;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 .lead-2 {
font-size: 28px;
}
}
body.page-service-1 section.header .box-1 .box-1-1 .lead-3 {
font-size: 18px;
line-height: calc(40 / 18);
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 .lead-3 {
font-size: 16px;
line-height: calc(70 / 32);
}
}
body.page-service-1 section.header .box-1 .box-1-1 .lead-4 {
font-size: 14px;
line-height: calc(24 / 14);
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 .lead-4 {
font-size: 12px;
}
}
body.page-service-1 section.header .box-1 .box-1-1 h2 {
font-size: 48px;
color: #005bab;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.header .box-1 .box-1-1 h2 {
font-size: 30px;
margin-bottom: 20px;
}
}
body.page-service-1 section.menu {
padding-top: 30px;
padding-bottom: 54px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.menu {
padding-top: 15px;
padding-bottom: 40px;
}
}
body.page-service-1 section.menu .box-1 ul {
display: flex;
justify-content: center;
list-style: none;
font-size: 20px;
flex-wrap: wrap;
}
body.page-service-1 section.menu .box-1 ul li {
border-bottom: 4px solid #005bab;
width: 104px;
margin: 6px 27px;
color: #005bab;
text-align: center;
padding-bottom: 6px;
}
body.page-service-1 section.main-content {
background: #005bab;
width: 100%;
padding-top: 64px;
padding-bottom: 64px;
padding-left: 10px;
padding-right: 10px;
}
body.page-service-1 section.main-content .box-0 {
background-color: #fff;
width: 1080px;
max-width: 100%;
margin: 0 auto;
padding: 80px 64px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content .box-0 {
padding: 40px 15px;
}
}
body.page-service-1 section.main-content section.feature h2 {
margin-left: -64px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.feature h2 {
margin-left: -15px;
}
}
body.page-service-1 section.main-content section.feature .lead-1 {
font-size: 24px;
color: #005bab;
font-weight: bold;
margin-bottom: 26px;
line-height: calc(32 / 24);
}
body.page-service-1 section.main-content section.feature .box-1 {
display: flex;
justify-content: center;
margin: 0 -20px;
flex-wrap: wrap;
}
body.page-service-1 section.main-content section.feature .box-1 .box-1-1 {
border: 6px solid #005bab;
text-align: center;
width: 290px;
padding-top: 30px;
padding-bottom: 20px;
margin: 0 20px 24px;
}
body.page-service-1 section.main-content section.feature .box-1 .box-1-1 .lead-2 {
font-size: 32px;
font-weight: bold;
color: #005bab;
margin-bottom: 19px;
}
body.page-service-1 section.main-content section.feature .box-1 .box-1-1 .lead-3 {
font-size: 16px;
text-align: center;
line-height: calc(26 / 16);
}
body.page-service-1 section.main-content section.feature .box-2 {
background: #d7daec;
width: 100%;
padding: 16px 3px 8px;
margin-bottom: 104px;
}
body.page-service-1 section.main-content section.feature .box-2 .lead-4 {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #005bab;
margin-bottom: 14px;
}
body.page-service-1 section.main-content section.feature .box-2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.page-service-1 section.main-content section.feature .box-2 ul li {
width: 95px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #005bab;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 5px 8px;
}
body.page-service-1 section.main-content section.spec h2 {
margin-left: -64px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.spec h2 {
margin-left: -15px;
}
}
body.page-service-1 section.main-content section.spec .lead-1 {
font-size: 24px;
color: #005bab;
font-weight: bold;
margin-bottom: 26px;
line-height: calc(32 / 24);
}
body.page-service-1 section.main-content section.spec .box-1 {
display: flex;
justify-content: center;
margin: 0 -20px;
flex-wrap: wrap;
margin-bottom: 124px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 {
width: 100%;
max-width: 464px;
margin: 0 10px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 {
margin: 0 20px;
}
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-2 h3 {
font-size: 32px;
text-align: center;
font-weight: bold;
color: #fff;
background: #005bab;
height: 80px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15px 15px 0 0;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 {
background: #def1fb;
padding: 26px 32px 26px 32px;
margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 {
padding: 20px 15px;
}
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .lead-2 {
font-size: 16px;
line-height: calc(24 / 14);
margin-bottom: 16px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 h4 {
font-size: 16px;
color: #fff;
text-align: center;
background: #005bab;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
font-weight: normal;
margin-bottom: 12px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .lead-3 {
font-size: 16px;
line-height: calc(24 / 16);
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 hr {
border-color: #005bab;
margin: 10px 0;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .mb20 {
margin-bottom: 10px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .mb24 {
margin-bottom: 24px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .mb29 {
margin-bottom: 29px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .mb68 {
margin-bottom: 68px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .lead-4 {
font-size: 16px;
line-height: calc(24 / 16);
color: #005bab;
font-weight: bold;
margin-bottom: 24px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 {
display: flex;
justify-content: space-between;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 .box-4-1 {
margin-right: 5px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 .box-4-2 img {
border: 1px solid #000;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 > div {
text-align: center;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 > div img {
margin-bottom: 8px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .box-4 > div .mt-14 {
margin-top: -14px;
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .box-1-3 .lead-5 {
text-align: center;
font-size: 14px;
line-height: calc(20 / 14);
}
body.page-service-1 section.main-content section.spec .box-1 .box-1-1 .lead-6 {
font-size: 14px;
text-align: right;
}
body.page-service-1 section.main-content section.table h3 {
text-align: center;
font-size: 32px;
color: #005bab;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.table h3 {
font-size: 18px;
}
}
body.page-service-1 section.main-content section.table .box-1 {
margin-bottom: 144px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.table .box-1 {
overflow-x: scroll;
}
body.page-service-1 section.main-content section.table .box-1 img {
width: 700px;
display: block;
max-width: unset;
}
}
body.page-service-1 section.main-content section.method h3 {
text-align: center;
font-size: 32px;
color: #005bab;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method h3 {
font-size: 18px;
}
}
body.page-service-1 section.main-content section.method .box-1 {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method .box-1 {
flex-direction: column;
align-items: center;
}
}
body.page-service-1 section.main-content section.method .box-1:first-of-type {
margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method .box-1:first-of-type {
margin-bottom: 40px;
}
}
body.page-service-1 section.main-content section.method .box-1 .box-1-1 {
height: 160px;
width: 160px;
display: flex;
justify-content: center;
align-items: center;
border: 1.5px solid #005bab;
color: #005bab;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method .box-1 .box-1-1 {
margin-bottom: 18px;
height: 70px;
width: 100%;
}
}
body.page-service-1 section.main-content section.method .box-1 .box-1-2 {
width: calc(100% - 190px);
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method .box-1 .box-1-2 {
width: 100%;
}
}
body.page-service-1 section.main-content section.method .box-1 .box-1-2 .lead-1 {
font-size: 16px;
line-height: calc(24 / 16);
margin-bottom: 14px;
}
body.page-service-1 section.main-content section.method .box-1 .box-1-2 .box-2 {
font-size: 18px;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 991px) {
body.page-service-1 section.main-content section.method .box-1 .box-1-2 .box-2 {
flex-direction: column;
}
}
body.page-service-1 section.main-content section.method .box-1 .box-1-2 .box-2 p {
display: flex;
justify-content: center;
align-items: center;
background: #005bab;
border-radius: 8px;
height: 40px;
max-width: 350px;
width: 100%;
color: #fff;
margin-bottom: 0;
}
body.page-service-1 section.main-content section.method .box-1 .box-1-2 .box-2 span {
font-size: 26px;
font-weight: bold;
}
body.page-service-1 section.main-content section.method .box-1 .box-1-3 {
width: calc(100% - 190px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.main-content section.method .box-1 .box-1-3 {
justify-content: center;
width: 100%;
}
}
body.page-service-1 section.banner {
margin-top: 139px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner {
margin-top: 100px;
}
}
body.page-service-1 section.banner .banner_box .banner_box_1 {
background: #f2f2f2;
padding-top: 36px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner .banner_box .banner_box_1 {
padding-top: 25px;
padding-bottom: 25px;
}
}
body.page-service-1 section.banner .banner_box .banner_box_1 .text_1 {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #005bab;
line-height: 1.375;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner .banner_box .banner_box_1 .text_1 {
font-size: 16px;
margin-bottom: 21px;
}
}
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
max-width: 824px;
}
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1::after {
content: "";
display: block;
width: 50%;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 {
margin: 0;
}
}
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 a {
margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 a {
margin-left: 0;
margin-right: 0;
margin-bottom: 32px;
}
}
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 a:last-of-type {
margin-bottom: 0;
}
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 a.banner-0 {
margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
body.page-service-1 section.banner .banner_box .banner_box_1 .banner_box_1_1 a.banner-0 {
margin-bottom: 32px;
}
}
body.page-service-1 h2[id]::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
}
body.page-service-1 h3[id]::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
}
body.page-service-2 section.header,
body.page-service-3 section.header,
body.page-service-4 section.header {
padding-top: 94px;
padding-bottom: 64px;
padding-left: 15px;
padding-right: 15px;
}
body.page-service-2 section.header .box-1,
body.page-service-3 section.header .box-1,
body.page-service-4 section.header .box-1 {
max-width: 950px;
width: 100%;
margin: 0 auto;
}
body.page-service-2 section.header .box-1 > span,
body.page-service-3 section.header .box-1 > span,
body.page-service-4 section.header .box-1 > span {
font-size: 24px;
color: #005bab;
font-weight: 900;
vertical-align: -5px;
}
body.page-service-2 section.header .box-1 .lead-1,
body.page-service-3 section.header .box-1 .lead-1,
body.page-service-4 section.header .box-1 .lead-1 {
font-size: 20px;
color: #fff;
font-weight: bold;
background: #888888;
display: inline-block;
padding: 4px 10px 4px 18px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.header .box-1 .lead-1,
body.page-service-3 section.header .box-1 .lead-1,
body.page-service-4 section.header .box-1 .lead-1 {
font-size: 10px;
}
}
body.page-service-2 section.header .box-1 .lead-1::before,
body.page-service-3 section.header .box-1 .lead-1::before,
body.page-service-4 section.header .box-1 .lead-1::before {
position: absolute;
content: "";
left: 0px;
top: -3px;
width: 0;
height: 0;
border: none;
border-left: solid 13px #fff;
border-bottom: solid 39px transparent;
z-index: 2;
}
body.page-service-2 section.header .box-1 h1,
body.page-service-3 section.header .box-1 h1,
body.page-service-4 section.header .box-1 h1 {
font-size: 64px;
color: #005bab;
font-weight: 900;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.header .box-1 h1,
body.page-service-3 section.header .box-1 h1,
body.page-service-4 section.header .box-1 h1 {
font-size: 32px;
}
}
body.page-service-2 section.header .box-1 .box-1-1,
body.page-service-3 section.header .box-1 .box-1-1,
body.page-service-4 section.header .box-1 .box-1-1 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-1,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-1,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-1 {
width: calc(100% - 416px);
}
@media screen and (max-width: 767px) {
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-1,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-1,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-1 {
width: 100%;
margin-bottom: 30px;
}
}
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-1 p,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-1 p,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-1 p {
font-size: 16px;
line-height: 2;
}
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-1.w-full,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-1.w-full,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-1.w-full {
width: 100%;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-2,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-2,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-2 {
width: 100%;
text-align: center;
}
}
body.page-service-2 section.header .box-1 .box-1-1 .box-1-1-2 img,
body.page-service-3 section.header .box-1 .box-1-1 .box-1-1-2 img,
body.page-service-4 section.header .box-1 .box-1-1 .box-1-1-2 img {
margin-top: 7px;
}
body.page-service-2 section.menu,
body.page-service-3 section.menu,
body.page-service-4 section.menu {
background: #f2f2f2;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.menu,
body.page-service-3 section.menu,
body.page-service-4 section.menu {
padding-top: 40px;
padding-bottom: 40px;
}
}
body.page-service-2 section.menu ul,
body.page-service-3 section.menu ul,
body.page-service-4 section.menu ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.menu ul,
body.page-service-3 section.menu ul,
body.page-service-4 section.menu ul {
justify-content: space-between;
}
}
body.page-service-2 section.menu ul li,
body.page-service-3 section.menu ul li,
body.page-service-4 section.menu ul li {
width: 128px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #005bab;
background: #fff;
margin: 4px 15px;
color: #005bab;
font-size: 18px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.menu ul li,
body.page-service-3 section.menu ul li,
body.page-service-4 section.menu ul li {
width: 159px;
height: 32px;
font-size: 16px;
margin: 12px 4px;
}
}
body.page-service-2 section.images .box-1,
body.page-service-3 section.images .box-1,
body.page-service-4 section.images .box-1 {
display: flex;
flex-wrap: wrap;
}
body.page-service-2 section.images .box-1 > div,
body.page-service-3 section.images .box-1 > div,
body.page-service-4 section.images .box-1 > div {
width: 50%;
position: relative;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.images .box-1 > div,
body.page-service-3 section.images .box-1 > div,
body.page-service-4 section.images .box-1 > div {
width: 100%;
}
}
body.page-service-2 section.images .box-1 > div img,
body.page-service-3 section.images .box-1 > div img,
body.page-service-4 section.images .box-1 > div img {
width: 100%;
}
body.page-service-2 section.images .box-1 > div .lead-1,
body.page-service-3 section.images .box-1 > div .lead-1,
body.page-service-4 section.images .box-1 > div .lead-1 {
position: absolute;
}
body.page-service-2 section.images .box-1 > div .lead-1.right,
body.page-service-3 section.images .box-1 > div .lead-1.right,
body.page-service-4 section.images .box-1 > div .lead-1.right {
bottom: 10px;
right: 15px;
}
body.page-service-2 section.images .box-1 > div .lead-1.left,
body.page-service-3 section.images .box-1 > div .lead-1.left,
body.page-service-4 section.images .box-1 > div .lead-1.left {
bottom: 10px;
left: 15px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.images .box-1 > div .lead-1.left,
body.page-service-3 section.images .box-1 > div .lead-1.left,
body.page-service-4 section.images .box-1 > div .lead-1.left {
right: 15px;
left: unset;
}
}
body.page-service-2 section.feature,
body.page-service-3 section.feature,
body.page-service-4 section.feature {
background: #005bab;
padding: 96px 10px 48px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.feature,
body.page-service-3 section.feature,
body.page-service-4 section.feature {
padding: 36px 15px;
}
}
body.page-service-2 section.feature h2,
body.page-service-3 section.feature h2,
body.page-service-4 section.feature h2 {
margin-bottom: 32px;
text-align: center;
}
body.page-service-2 section.feature .box-1,
body.page-service-3 section.feature .box-1,
body.page-service-4 section.feature .box-1 {
max-width: 1080px;
width: 100%;
margin: 0 auto;
background: #fff;
padding: 48px 64px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.feature .box-1,
body.page-service-3 section.feature .box-1,
body.page-service-4 section.feature .box-1 {
padding: 36px 15px;
}
}
body.page-service-2 section.feature .box-1 .box-1-1,
body.page-service-3 section.feature .box-1 .box-1-1,
body.page-service-4 section.feature .box-1 .box-1-1 {
background: #005bab;
padding: 16px;
margin-bottom: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
body.page-service-2 section.feature .box-1 .box-1-1:last-of-type,
body.page-service-3 section.feature .box-1 .box-1-1:last-of-type,
body.page-service-4 section.feature .box-1 .box-1-1:last-of-type {
margin-bottom: 0;
}
body.page-service-2 section.feature .box-1 .box-1-1 .box-1-1-1,
body.page-service-3 section.feature .box-1 .box-1-1 .box-1-1-1,
body.page-service-4 section.feature .box-1 .box-1-1 .box-1-1-1 {
width: 192px;
height: 48px;
color: #fff;
border: 1px solid #fff;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.feature .box-1 .box-1-1 .box-1-1-1,
body.page-service-3 section.feature .box-1 .box-1-1 .box-1-1-1,
body.page-service-4 section.feature .box-1 .box-1-1 .box-1-1-1 {
margin: 0 auto 15px;
}
}
body.page-service-2 section.feature .box-1 .box-1-1 .box-1-1-2,
body.page-service-3 section.feature .box-1 .box-1-1 .box-1-1-2,
body.page-service-4 section.feature .box-1 .box-1-1 .box-1-1-2 {
width: calc(100% - 192px);
}
@media screen and (max-width: 767px) {
body.page-service-2 section.feature .box-1 .box-1-1 .box-1-1-2,
body.page-service-3 section.feature .box-1 .box-1-1 .box-1-1-2,
body.page-service-4 section.feature .box-1 .box-1-1 .box-1-1-2 {
width: 100%;
}
}
body.page-service-2 section.feature .box-1 .box-1-1 .box-1-1-2 p,
body.page-service-3 section.feature .box-1 .box-1-1 .box-1-1-2 p,
body.page-service-4 section.feature .box-1 .box-1-1 .box-1-1-2 p {
font-size: 16px;
color: #fff;
margin-left: 14px;
line-height: calc(24 / 16);
margin-bottom: 0;
}
body.page-service-2 section.spec,
body.page-service-3 section.spec,
body.page-service-4 section.spec {
padding-top: 96px;
padding-bottom: 69px;
padding-left: 15px;
padding-right: 15px;
}
body.page-service-2 section.spec h2,
body.page-service-3 section.spec h2,
body.page-service-4 section.spec h2 {
margin-bottom: 48px;
text-align: center;
}
body.page-service-2 section.spec .box-1,
body.page-service-3 section.spec .box-1,
body.page-service-4 section.spec .box-1 {
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.spec .box-1,
body.page-service-3 section.spec .box-1,
body.page-service-4 section.spec .box-1 {
overflow-x: scroll;
}
}
body.page-service-2 section.spec table,
body.page-service-3 section.spec table,
body.page-service-4 section.spec table {
width: 952px;
margin: 0 auto;
}
body.page-service-2 section.spec table tr th,
body.page-service-3 section.spec table tr th,
body.page-service-4 section.spec table tr th {
background: #dbdcdc;
border: 1px solid #000;
text-align: center;
font-weight: normal;
font-size: 16px;
padding: 15px 0;
}
body.page-service-2 section.spec table tr th:nth-of-type(1),
body.page-service-3 section.spec table tr th:nth-of-type(1),
body.page-service-4 section.spec table tr th:nth-of-type(1) {
width: 175px;
}
body.page-service-2 section.spec table tr th:nth-of-type(2),
body.page-service-3 section.spec table tr th:nth-of-type(2),
body.page-service-4 section.spec table tr th:nth-of-type(2) {
width: 175px;
}
body.page-service-2 section.spec table tr th:nth-of-type(3),
body.page-service-3 section.spec table tr th:nth-of-type(3),
body.page-service-4 section.spec table tr th:nth-of-type(3) {
width: 112px;
}
body.page-service-2 section.spec table tr th:nth-of-type(4),
body.page-service-3 section.spec table tr th:nth-of-type(4),
body.page-service-4 section.spec table tr th:nth-of-type(4) {
width: 488px;
}
body.page-service-2 section.spec table tr th small,
body.page-service-3 section.spec table tr th small,
body.page-service-4 section.spec table tr th small {
font-size: 12px;
}
body.page-service-2 section.spec table tr td,
body.page-service-3 section.spec table tr td,
body.page-service-4 section.spec table tr td {
border: 1px solid #000;
font-size: 14px;
line-height: calc(20 / 14);
padding: 13px;
}
body.page-service-2 section.spec .lead-1,
body.page-service-3 section.spec .lead-1,
body.page-service-4 section.spec .lead-1 {
width: 952px;
margin: 8px auto 0;
font-size: 14px;
line-height: calc(20 / 14);
}
body.page-service-2 section.process,
body.page-service-3 section.process,
body.page-service-4 section.process {
padding-top: 96px;
padding-bottom: 48px;
background: #cccccc;
}
body.page-service-2 section.process h2,
body.page-service-3 section.process h2,
body.page-service-4 section.process h2 {
margin-bottom: 32px;
text-align: center;
}
body.page-service-2 section.process .box-1,
body.page-service-3 section.process .box-1,
body.page-service-4 section.process .box-1 {
max-width: 1080px;
width: 100%;
margin: 0 auto;
background: #fff;
padding: 48px 64px;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.process .box-1,
body.page-service-3 section.process .box-1,
body.page-service-4 section.process .box-1 {
padding: 36px 15px;
}
}
body.page-service-2 section.process .box-1 ul,
body.page-service-3 section.process .box-1 ul,
body.page-service-4 section.process .box-1 ul {
list-style: none;
}
body.page-service-2 section.process .box-1 ul li,
body.page-service-3 section.process .box-1 ul li,
body.page-service-4 section.process .box-1 ul li {
max-width: 632px;
width: 100%;
height: 80px;
background: #005bab;
margin: 0 auto 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #fff;
position: relative;
}
body.page-service-2 section.process .box-1 ul li:last-of-type,
body.page-service-3 section.process .box-1 ul li:last-of-type,
body.page-service-4 section.process .box-1 ul li:last-of-type {
margin-bottom: 0;
}
body.page-service-2 section.process .box-1 ul li:last-of-type::after,
body.page-service-3 section.process .box-1 ul li:last-of-type::after,
body.page-service-4 section.process .box-1 ul li:last-of-type::after {
content: none;
}
body.page-service-2 section.process .box-1 ul li::after,
body.page-service-3 section.process .box-1 ul li::after,
body.page-service-4 section.process .box-1 ul li::after {
content: "";
background: url(https://www.nrc.or.jp/wp/wp-content/uploads/service-2-13.svg) no-repeat;
width: 24px;
height: 16px;
position: absolute;
bottom: -22px;
left: calc(50% - 12px);
}
body.page-service-2 section.works,
body.page-service-3 section.works,
body.page-service-4 section.works {
padding-top: 96px;
padding-bottom: 96px;
padding-left: 15px;
padding-right: 15px;
}
body.page-service-2 section.works h2,
body.page-service-3 section.works h2,
body.page-service-4 section.works h2 {
margin-bottom: 48px;
text-align: center;
}
body.page-service-2 section.works .box-1,
body.page-service-3 section.works .box-1,
body.page-service-4 section.works .box-1 {
max-width: 1080px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.works .box-1,
body.page-service-3 section.works .box-1,
body.page-service-4 section.works .box-1 {
flex-wrap: wrap;
}
}
body.page-service-2 section.works .box-1-1,
body.page-service-2 section.works .box-1-2 > div,
body.page-service-3 section.works .box-1-1,
body.page-service-3 section.works .box-1-2 > div,
body.page-service-4 section.works .box-1-1,
body.page-service-4 section.works .box-1-2 > div {
position: relative;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.works .box-1-1,
body.page-service-2 section.works .box-1-2 > div,
body.page-service-3 section.works .box-1-1,
body.page-service-3 section.works .box-1-2 > div,
body.page-service-4 section.works .box-1-1,
body.page-service-4 section.works .box-1-2 > div {
margin-bottom: 20px;
width: 100%;
}
body.page-service-2 section.works .box-1-1 img,
body.page-service-2 section.works .box-1-2 > div img,
body.page-service-3 section.works .box-1-1 img,
body.page-service-3 section.works .box-1-2 > div img,
body.page-service-4 section.works .box-1-1 img,
body.page-service-4 section.works .box-1-2 > div img {
width: 100%;
}
}
body.page-service-2 section.works .box-1-1 .lead-1,
body.page-service-2 section.works .box-1-2 > div .lead-1,
body.page-service-3 section.works .box-1-1 .lead-1,
body.page-service-3 section.works .box-1-2 > div .lead-1,
body.page-service-4 section.works .box-1-1 .lead-1,
body.page-service-4 section.works .box-1-2 > div .lead-1 {
position: absolute;
left: 8px;
bottom: 1px;
display: inline-block;
background: #000;
color: #fff;
font-size: 14px;
padding: 3px 7px;
}
@media screen and (min-width: 768px) {
body.page-service-2 section.works .box-1-1,
body.page-service-3 section.works .box-1-1,
body.page-service-4 section.works .box-1-1 {
margin-right: 10px;
}
}
body.page-service-2 section.works .box-1-2,
body.page-service-3 section.works .box-1-2,
body.page-service-4 section.works .box-1-2 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.works .box-1-2,
body.page-service-3 section.works .box-1-2,
body.page-service-4 section.works .box-1-2 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
body.page-service-2 section.works .box-1-2-2,
body.page-service-3 section.works .box-1-2-2,
body.page-service-4 section.works .box-1-2-2 {
margin-bottom: 0 !important;
}
}
body.page-service-2 section.works .lead-2,
body.page-service-3 section.works .lead-2,
body.page-service-4 section.works .lead-2 {
max-width: 1080px;
width: 100%;
margin: 12px auto 0;
}
body.page-service-2 section.works-1,
body.page-service-3 section.works-1,
body.page-service-4 section.works-1 {
padding-top: 96px;
padding-bottom: 96px;
padding-left: 15px;
padding-right: 15px;
}
body.page-service-2 section.works-1 h2,
body.page-service-3 section.works-1 h2,
body.page-service-4 section.works-1 h2 {
margin-bottom: 48px;
text-align: center;
}
body.page-service-2 section.works-1 .box-1,
body.page-service-3 section.works-1 .box-1,
body.page-service-4 section.works-1 .box-1 {
max-width: 1080px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
body.page-service-2 section.works-1 .box-1 .box-1-1 img,
body.page-service-3 section.works-1 .box-1 .box-1-1 img,
body.page-service-4 section.works-1 .box-1 .box-1-1 img {
width: 100%;
}
body.page-service-2 section.works-1 .box-1 .box-1-2,
body.page-service-3 section.works-1 .box-1 .box-1-2,
body.page-service-4 section.works-1 .box-1 .box-1-2 {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
body.page-service-2 section.works-1 .box-1 .box-1-2 > div,
body.page-service-3 section.works-1 .box-1 .box-1-2 > div,
body.page-service-4 section.works-1 .box-1 .box-1-2 > div {
width: 49%;
}
@media screen and (max-width: 767px) {
body.page-service-2 section.works-1 .box-1 .box-1-2 > div,
body.page-service-3 section.works-1 .box-1 .box-1-2 > div,
body.page-service-4 section.works-1 .box-1 .box-1-2 > div {
width: 100%;
}
}
body.page-service-2 section.works-1 .box-1 .box-1-2 > div > img,
body.page-service-3 section.works-1 .box-1 .box-1-2 > div > img,
body.page-service-4 section.works-1 .box-1 .box-1-2 > div > img {
width: 100%;
}
body.page-service-2 section.works-1 .lead-1,
body.page-service-3 section.works-1 .lead-1,
body.page-service-4 section.works-1 .lead-1 {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 1079px) {
body.page-service-2 section.guarantee,
body.page-service-3 section.guarantee,
body.page-service-4 section.guarantee {
padding-left: 15px;
padding-right: 15px;
}
}
body.page-service-2 section.guarantee .box-1,
body.page-service-3 section.guarantee .box-1,
body.page-service-4 section.guarantee .box-1 {
border: 8px solid #005bab;
padding: 56px 64px;
max-width: 1080px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 991px) {
body.page-service-2 section.guarantee .box-1,
body.page-service-3 section.guarantee .box-1,
body.page-service-4 section.guarantee .box-1 {
padding: 24px;
}
}
body.page-service-2 section.guarantee .box-1 .box-1-1,
body.page-service-3 section.guarantee .box-1 .box-1-1,
body.page-service-4 section.guarantee .box-1 .box-1-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-1,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-1,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-1 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
}
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 {
width: calc(100% - 405px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 991px) {
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 {
align-items: start;
width: 100%;
}
}
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1 {
width: calc(100% - 180px);
}
@media screen and (max-width: 767px) {
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1 {
width: 100%;
}
}
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1 .lead-1,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1 .lead-1,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-1 .lead-1 {
font-size: 16px;
line-height: calc(24 / 16);
}
@media screen and (max-width: 767px) {
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-2,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-2,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-2 {
text-align: center;
width: 100%;
margin-bottom: 13px;
}
}
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2 {
font-size: 14px;
line-height: calc(20 / 14);
}
body.page-service-2 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2 span,
body.page-service-3 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2 span,
body.page-service-4 section.guarantee .box-1 .box-1-1 .box-1-1-2 .box-1-1-2-3 .lead-2 span {
color: #005bab;
}
body.page-service-2 h2[id]::before,
body.page-service-3 h2[id]::before,
body.page-service-4 h2[id]::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
}
body.page-service-2 h3[id]::before,
body.page-service-3 h3[id]::before,
body.page-service-4 h3[id]::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
}
body.page-service-2 section[id]::before,
body.page-service-3 section[id]::before,
body.page-service-4 section[id]::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
} .page-recruit .login {
padding-top: 96px;
padding-bottom: 96px;
background: #f2f2f2;
}
@media screen and (max-width: 767px) {
.page-recruit .login {
padding-top: 72px;
padding-bottom: 72px;
}
}
.page-recruit .login .box {
max-width: 800px;
width: 100%;
background: white;
padding: 40px;
}
.page-recruit .login .box hr {
margin-top: 0;
max-width: 320px;
width: 100%;
}
.page-recruit .login .box #loginform {
max-width: 310px;
margin: 0 auto;
}
.page-recruit .login .box #loginform p {
margin-bottom: 0;
}
.page-recruit .login .box #loginform .login-username {
padding-top: 32px;
padding-bottom: 32px;
}
.page-recruit .login .box #loginform .login-password {
padding-bottom: 32px;
}
.page-recruit .login .box #loginform .login-username label,
.page-recruit .login .box #loginform .login-password label {
padding-right: 32px;
}
.page-recruit .login .box #loginform .input {
max-width: 307px;
}
.page-recruit .login .box #loginform .login-submit {
text-align: center;
}
.page-recruit .login .box #loginform .login-submit #wp-submit {
font-size: 1rem;
background: #005aaa;
border: #005aaa;
border-radius: 0;
}
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 88px;
padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
margin: 0 auto;
justify-content: space-between;
width: 356px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
width: 100%;
max-width: 27%;
font-size: 16.5px;
font-weight: bold;
text-align: center;
list-style: none;
background: #e6e6e6;
border-radius: 7px;
margin: 0 9px 15px;
color: #005bab !important;
}
@media screen and (min-width: 768px) {
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
max-width: 345px;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
font-size: 20px;
width: 160px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li:hover,
body.tax-works-category section.category-menu .box-1 ul li:hover,
body.single-works section.category-menu .box-1 ul li:hover {
background: #005bab !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li a,
body.tax-works-category section.category-menu .box-1 ul li a,
body.single-works section.category-menu .box-1 ul li a {
width: 100%;
height: 100%;
display: block;
padding: 22px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul li a,
body.tax-works-category section.category-menu .box-1 ul li a,
body.single-works section.category-menu .box-1 ul li a {
padding: 22px 0;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu #fadeLayer,
body.tax-works-category section.category-menu #fadeLayer,
body.single-works section.category-menu #fadeLayer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
}
body.post-type-archive-works section.category-menu a.over,
body.tax-works-category section.category-menu a.over,
body.single-works section.category-menu a.over {
max-width: 200px;
width: 100%;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 16px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
body.post-type-archive-works section.category-menu a.over span,
body.tax-works-category section.category-menu a.over span,
body.single-works section.category-menu a.over span {
margin-right: 15px;
}
body.post-type-archive-works section.category-menu .works-title,
body.tax-works-category section.category-menu .works-title,
body.single-works section.category-menu .works-title {
font-size: 24px;
text-align: center;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title,
body.tax-works-category section.category-menu .category-title,
body.single-works section.category-menu .category-title {
font-size: 24px;
text-align: center;
position: relative;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title::before,
body.tax-works-category section.category-menu .category-title::before,
body.single-works section.category-menu .category-title::before {
content: "";
position: absolute;
width: 80px;
border-top: 1px solid #005bab;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
body.post-type-archive-works section.category-menu .category-title.NRCスレートスプレー工法,
body.tax-works-category section.category-menu .category-title.NRCスレートスプレー工法,
body.single-works section.category-menu .category-title.NRCスレートスプレー工法 {
color: #005bab;
}
body.post-type-archive-works section.category-menu .category-title.NRC駐車場スプレー工法,
body.tax-works-category section.category-menu .category-title.NRC駐車場スプレー工法,
body.single-works section.category-menu .category-title.NRC駐車場スプレー工法 {
color: #005bab;
}
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
padding-left: 15px;
padding-right: 15px;
background-color: #ccdeee;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
background-size: 200%;
}
}
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 40px;
}
}
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #005bab;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 24px;
margin-bottom: 30px;
}
}
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.nrc.or.jp/wp/wp-content/themes/images/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
background-image: url(//www.nrc.or.jp/wp/wp-content/themes/images/works-5.svg);
height: 9px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list,
body.tax-works-category section.works-list .box-1 .works-list,
body.single-works section.works-list .box-1 .works-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}
body.post-type-archive-works section.works-list .box-1 .works-list::after,
body.tax-works-category section.works-list .box-1 .works-list::after,
body.single-works section.works-list .box-1 .works-list::after {
content: "";
width: 32%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 32%;
border: 1px solid #005bab;
border-radius: 10px;
padding: 16px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: start;
margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 100%;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail {
margin-bottom: 14px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail img {
width: 100%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 22px;
margin-bottom: auto;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 20px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item time,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item time,
body.single-works section.works-list .box-1 .works-list .works-list-item time {
font-size: 14px;
width: 100%;
display: inline-block;
margin-bottom: 8px;
margin-top: 12px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category,
body.single-works section.works-list .box-1 .works-list .works-list-item .category {
font-size: 12px;
color: #fff;
background: #005bab;
padding: 5px 5px 6px;
line-height: 1;
display: inline-block;
margin-right: 8px;
margin-bottom: 6px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category:last-of-type,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category:last-of-type,
body.single-works section.works-list .box-1 .works-list .works-list-item .category:last-of-type {
margin-bottom: 24px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .lead,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .lead,
body.single-works section.works-list .box-1 .works-list .works-list-item .lead {
font-size: 14px;
line-height: 1.5;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
display: block;
background: #e6e6e6;
width: 100%;
text-align: center;
padding: 16px;
border-radius: 8px;
color: #005bab;
margin-top: auto;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail:hover {
background: #005bab;
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
background: #ccdeee;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
padding-top: 40px;
padding-bottom: 80px;
background-size: 200%;
}
}
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-left: 0;
padding-right: 0;
padding-top: 40px;
padding-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #005bab;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 24px;
margin-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.nrc.or.jp/wp/wp-content/themes/images/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
height: 10px;
background: url(//www.nrc.or.jp/wp/wp-content/themes/images/works-4.svg) no-repeat center/contain;
}
}
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
border: 1px solid #005bab;
border-radius: 15px;
background: #fff;
padding: 64px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
padding: 15px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: 630px;
}
@media (max-width: 1210px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 250px) * 0.663);
}
}
@media (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 106px) * 0.663);
}
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav .slick-track,
body.tax-works-category section.works-single .box-1-1 .slider-nav .slick-track,
body.single-works section.works-single .box-1-1 .slider-nav .slick-track {
left: 0 !important;
width: 100% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img,
body.tax-works-category section.works-single .box-1-1 .slider-nav img,
body.single-works section.works-single .box-1-1 .slider-nav img {
width: 18.4% !important;
margin-right: 2% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img:last-of-type,
body.tax-works-category section.works-single .box-1-1 .slider-nav img:last-of-type,
body.single-works section.works-single .box-1-1 .slider-nav img:last-of-type {
margin-right: 0% !important;
}
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 20px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 16px;
line-height: 1.6;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
color: #fff;
background: #005bab;
font-size: 16px;
line-height: 1;
text-align: center;
padding: 10px 25px;
display: inline-block;
margin-bottom: 23px;
margin-right: 12px;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-coat,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-coat,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-coat {
background: #005bab;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-terapin,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-terapin,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-terapin {
background: #005bab;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-rubbing,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-rubbing,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-rubbing {
background: #005bab;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-loopnine,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-loopnine,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-loopnine {
background: #005bab;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
font-size: 14px;
padding: 5px 10px;
margin-bottom: 12px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
border-bottom: 1px solid #c5c5c5;
font-size: 16px;
line-height: 2;
width: 100%;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
font-size: 14px;
margin-bottom: 24px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info tr,
body.tax-works-category section.works-single .box-1-1 table.info tr,
body.single-works section.works-single .box-1-1 table.info tr {
border-top: 1px solid #c5c5c5;
}
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
font-weight: normal;
text-align: center;
width: 110px;
vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
display: block;
width: 100%;
text-align: left;
padding: 12px 0 0 0;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
vertical-align: text-bottom;
padding: 15px 30px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
display: block;
width: 100%;
text-align: left;
padding: 0 0 12px 0;
}
}
body.post-type-archive-works section.works-single .box-1 .button,
body.tax-works-category section.works-single .box-1 .button,
body.single-works section.works-single .box-1 .button {
display: block;
max-width: 322px;
width: 100%;
margin: 0 auto;
text-align: center;
font-weight: normal;
padding: 24px 0;
border-radius: 5px;
background: #e6e6e6;
color: #005bab;
}
body.post-type-archive-works section.works-single .box-1 .button:hover,
body.tax-works-category section.works-single .box-1 .button:hover,
body.single-works section.works-single .box-1 .button:hover {
background: #005bab;
color: #fff;
}
.pagenation {
padding-top: 56px;
padding-bottom: 64px;
}
.pagenation li {
width: 32px;
height: 32px;
line-height: 1;
font-size: 16px;
background: #fff;
border: 1px solid #005bab;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.pagenation li .current {
width: 100%;
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
color: #fff;
background: #005bab;
padding: unset;
}
.pagenation li a {
color: #005bab !important;
}
form.wpcf7-form[data-status=sent] .wpcf7-response-output {
display: block !important;
}
.cookie_table {
border-width: 0.5px !important;
width: 100%;
margin-bottom: 96px;
margin-top: -56px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-template-areas: "box_1 box_3 box_5 box_7" "box_2 box_4 box_6 box_8";
}
@media screen and (max-width: 767px) {
.cookie_table {
margin-top: -26px;
margin-bottom: 48px;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-template-areas: "box_1 box_2" "box_3 box_4" "box_5 box_6" "box_7 box_8";
}
}
.cookie_table .box_1 {
grid-area: box_1;
}
.cookie_table .box_2 {
grid-area: box_2;
}
.cookie_table .box_3 {
grid-area: box_3;
}
.cookie_table .box_4 {
grid-area: box_4;
}
.cookie_table .box_5 {
grid-area: box_5;
}
.cookie_table .box_6 {
grid-area: box_6;
}
.cookie_table .box_7 {
grid-area: box_7;
}
.cookie_table .box_8 {
grid-area: box_8;
}
.cookie_table dt {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
background: #cbdeee;
font-weight: normal;
border-width: 0.5px !important;
}
.cookie_table dd {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
border-width: 0.5px !important;
}
@media screen and (min-width: 768px) {
#navbar.navbar-expand-md .navbar-nav .has-megamenu {
position: unset !important;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu > .dropdown-menu {
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 100vw;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu {
background: rgba(0, 0, 0, 0.85) !important;
padding-bottom: 65px;
padding-top: 47px;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu .text_1 {
margin-top: 45px;
font-size: 16px;
color: #fff;
text-align: center;
margin-bottom: 32px;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu .mega_menu_box_1 {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu .mega_menu_box_1 a {
margin-left: 10px;
margin-right: 10px;
}
}