@charset "UTF-8";
 .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .fadeUp {
-webkit-animation-name: fadeUpAnime;
animation-name: fadeUpAnime;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
@-webkit-keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .fadeUpTrigger {
opacity: 0;
} .blur {
-webkit-animation-name: blurAnime;
animation-name: blurAnime;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes blurAnime {
from {
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transform: scale(1.02);
transform: scale(1.02);
opacity: 0;
}
to {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes blurAnime {
from {
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transform: scale(1.02);
transform: scale(1.02);
opacity: 0;
}
to {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
} .blurTrigger {
opacity: 0;
} .delay-time03 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay-time05 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-time07 {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.delay-time1 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay-time15 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay-time2 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.delay-time25 {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html,
input,
textarea,
select,
button {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 16px;
}
html {
color: #000;
background: #fff;
font-size: 16px;
line-height: 1.6;
word-break: break-all;
}
body {
background: #fff;
margin: 0;
font-size: 0.9375rem;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
border: 0;
margin: 0;
vertical-align: top;
max-width: 100%;
}
p {
margin: 0;
padding: 0;
overflow-wrap: break-word;
word-wrap: break-word;
}
a {
color: inherit;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
input,
select,
textarea,
button,
figure {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
textarea {
resize: vertical;
}
::-webkit-input-placeholder {
color: #333333;
}
:-ms-input-placeholder {
color: #333333;
}
::-ms-input-placeholder {
color: #333333;
}
::-moz-placeholder {
color: #333333;
}
::placeholder {
color: #333333;
}
button {
border: none;
cursor: pointer;
}
label {
cursor: pointer;
}
table {
border-collapse: collapse;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 14px;
font-weight: 500;
margin: 0;
padding: 0;
}
main {
display: block;
}
#wrapper {
position: relative;
overflow: hidden;
}
dl, dt, dd {
padding: 0;
margin: 0;
}
@font-face {
src: url(//view-eng.co.jp/wp-content/themes/viewsekkei/font/NotoSans-Regular.woff) format("woff");
font-family: "Noto Sans";
font-weight: 400;
font-display: swap;
}
@font-face {
src: url(//view-eng.co.jp/wp-content/themes/viewsekkei/font/NotoSans-Bold.woff) format("woff");
font-family: "Noto Sans";
font-weight: 700;
font-display: swap;
}
@font-face {
src: url(//view-eng.co.jp/wp-content/themes/viewsekkei/font/YuMincho.ttc) format("tryetype");
font-family: "YuMincho";
font-display: swap;
}
.c-svg {
display: inline-block;
fill: currentColor;
vertical-align: top;
}   html {
font-size: 16px;
} .l-main {
padding-top: 3.9375rem;
} .l-page-topVisual {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.l-page-topVisual__inner {
height: 12.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.l-page-topVisual__inner::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #17ACA0;
opacity: 0.23;
position: absolute;
top: 0;
}
.l-page-topSection__inner {
padding-top: 3.125rem;
}
.l-page-topSection__txt {
font-size: 0.9375rem;
font-weight: bold;
text-align: center;
} *[class*=l-inner-] {
margin: 0 auto;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-right: 1.5625rem;
padding-left: 1.5625rem;
}
.l-inner-max {
max-width: 93.75rem;
}
.l-inner-lg {
max-width: 75rem;
}
.l-inner-md {
max-width: 61.25rem;
} .c-header {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
}  .c-heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 20;
}
.c-heading__ja {
font-size: 1.375rem;
font-weight: bold;
line-height: 1.35;
letter-spacing: 0.2em;
padding-top: 0.25rem;
}
.c-heading__ja_white {
color: #fff;
}
.c-heading__en {
color: #17ACA0;
font-size: 0.625rem;
letter-spacing: 0.1em;
}
.c-heading__icon_news {
width: 1.385625rem;
}
.c-heading__icon_service {
width: 1.25875rem;
}
.c-heading__icon_results {
width: 1.114375rem;
}
.c-heading__icon_contact {
width: 1.96rem;
}
.c-heading__icon_privacy-policy {
width: 0.9375rem;
}
.c-heading__icon_company {
width: 0.9375rem;
}
.c-heading__icon_business {
width: 0.9375rem;
}
.c-heading__icon_attempt {
width: 0.9375rem;
}
.c-heading__icon_recruit {
width: 0.9375rem;
}
.c-heading-section {
color: #17ACA0;
font-size: 1.25rem;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.2em;
text-align: center;
position: relative;
padding-bottom: 0.75rem;
}
.c-heading-section::after {
content: "";
display: inline-block;
width: 3.125rem;
height: 0.1875rem;
background-color: #17ACA0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.c-heading-green {
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
}
.c-heading-bgGreen {
background-color: #D5EDEB;
border-radius: 0.1875rem;
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
padding: 0.625rem;
}
.c-heading-bgGreen_lg {
line-height: 1.35;
} .c-tag {
border: 1px solid #17ACA0;
background-color: #17ACA0;
color: #fff;
font-size: 0.75rem;
text-align: center;
line-height: 1.5;
padding: 0 0.9375rem;
}
.c-tag-new {
color: #17ACA0;
font-size: 0.75rem;
line-height: 1;
border: 1px solid #17ACA0;
min-width: 2.625rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.15625rem;
}
.c-tag-new_red {
border: 1px solid #FF0000;
background-color: #fff;
color: #FF0000;
}
.c-tag-label {
font-size: 0.75rem;
line-height: 1;
min-width: 2.625rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.21875rem;
}
.c-tag-label_red {
background-color: #CB2E1A;
color: #fff;
}
.c-tag-label_gray {
background-color: #D6D6D6;
color: #222222;
} .l-recruit__outer {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/bg_recruit.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.l-recruit__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.l-recruit__img {
width: 49%;
position: relative;
}
.l-recruit__img img {
width: 14.125rem;
position: absolute;
right: 0;
bottom: -0.3125rem;
}
.l-recruit__cont {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.l-recruit .cont__inner {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/bg_recruit-txt.png);
background-repeat: no-repeat;
background-size: 10.75rem;
background-position: right top;
color: #fff;
padding: 1rem 0.625rem 0.9375rem 1.25rem;
}
.l-recruit .cont .heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #fff;
padding-bottom: 0.125rem;
margin-right: 0.8125rem;
}
.l-recruit .cont .heading__ja {
font-size: 1.0625rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
}
.l-recruit .cont .heading__en {
font-size: 0.625rem;
line-height: 1;
letter-spacing: 0.1em;
}
.l-recruit .cont__message {
font-weight: bold;
padding-top: 0.75rem;
}
.l-recruit .cont__txt {
letter-spacing: -0.06em;
padding-top: 0.5rem;
padding-right: 0.75rem;
}
.l-recruit .cont__read-more-wrap {
padding-right: 1rem;
padding-top: 0.5rem;
}
.l-recruit .cont__read-more {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
padding-right: 2.5625rem;
}
.l-recruit .cont__read-more::before, .l-recruit .cont__read-more::after {
content: "";
display: inline-block;
position: absolute;
background-color: #fff;
right: 0;
}
.l-recruit .cont__read-more::before {
width: 2.0625rem;
height: 2px;
bottom: 0.3125rem;
}
.l-recruit .cont__read-more::after {
width: 0.8125rem;
height: 2px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
bottom: 0.5625rem;
} .l-contact__outer {
background-color: #504C4C;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/bg_contact-txt.png);
background-repeat: no-repeat;
background-size: 17.625rem;
background-position: left -0.625rem bottom -0.625rem;
}
.l-contact__inner {
padding-top: 3.375rem;
padding-bottom: 3.125rem;
}
.l-contact__txt {
color: #fff;
font-size: 0.9375rem;
font-weight: bold;
text-align: center;
line-height: 1.666;
padding-top: 1rem;
}
.l-contact__btns-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -1.25rem;
padding-top: 2.0625rem;
}
.l-contact .btn {
min-height: 6.4375rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem;
}
.l-contact .btn__icon {
display: block;
background-repeat: no-repeat;
background-size: contain;
}
.l-contact .btn__icon_mail {
width: 1.58875rem;
height: 1.246875rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_mail.png);
}
.l-contact .btn__icon_tel {
width: 1.33625rem;
height: 1.3125rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_tel.png);
}
.l-contact .btn__main {
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
}
.l-contact .btn__txt {
font-size: 0.875rem;
letter-spacing: 0.05em;
}
.l-contact .mail-btn .btn__txt {
padding-top: 0.3125rem;
}
.l-contact .mail-btn .btn__main {
padding-top: 0.3125rem;
padding-right: 1.375rem;
}
.l-contact .mail-btn .btn__main span {
letter-spacing: 0.05em;
position: relative;
}
.l-contact .mail-btn .btn__main span::after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_arrow-circle-right.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -1.4375rem;
}
.l-contact .tel-btn .btn__main {
letter-spacing: 0.2em;
} .c-footer__inner {
padding-top: 3.125rem;
padding-bottom: 1.0625rem;
}
.c-footer .logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-footer .logo__img {
 width: 3.5rem;
 margin-right: 0.5625rem;
}
.c-footer .logo__txt {
font-size: 1.375rem;
font-weight: bold;
}
.c-footer__item-wrap {
margin-top: -0.8125rem;
padding-top: 0.9375rem;
}
.c-footer__item {
margin-top: 0.8125rem;
}
.c-footer .item__ttl {
color: #17ACA0;
font-size: 1.0625rem;
font-weight: bold;
letter-spacing: 0.2em;
}
.c-footer .item__address {
font-style: normal;
font-size: 0.875rem;
line-height: 1.5;
letter-spacing: 0.2em;
padding-top: 0.625rem;
}
.c-footer .item__open {
display: block;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.2em;
}
.c-footer__map {
padding-top: 1.5625rem;
}
.c-footer .map__embed {
padding-top: 9.625rem;
overflow: hidden;
position: relative;
}
.c-footer .map__embed iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.c-footer__menu {
padding-top: 1.0625rem;
}
.c-footer .menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-footer .menu__list {
line-height: 1.9091;
}
.c-footer .menu__list li ul li {
position: relative;
padding-left: 2em;
}
.c-footer .menu__list li ul li::before {
content: "";
display: inline-block;
width: 0.5rem;
height: 1px;
background-color: #17ACA0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0.75rem;
}
.c-footer__copy-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
text-align: center;
letter-spacing: 0.2em;
padding-top: 2.5rem;
} .c-triangle-mask-green::after {
content: "";
display: block;
border-style: solid;
border-width: 12.5rem 56.25rem 12.5rem 0;
border-color: transparent rgba(23, 172, 160, 0.05) transparent transparent;
position: absolute;
right: -1.55625rem;
}
.c-triangle-mask-gray::after {
content: "";
display: block;
border-style: solid;
border-width: 12.5rem 0 12.5rem 56.25rem;
border-color: transparent transparent transparent rgba(247, 247, 247, 0.6);
position: absolute;
left: -1.5625rem;
} .c-txt {
color: #222222;
} .c-list__item {
color: #222222;
line-height: 2;
position: relative;
padding-left: 0.625rem;
}
.c-list__item::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background-color: #17ACA0;
border-radius: 50%;
position: absolute;
top: 0.5625rem;
left: 0;
}
.c-list__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
} .c-pagination-archive {  }
.c-pagination-archive .page-numbers {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-pagination-archive .page-numbers li {
padding: 0 0.4375rem;
}
.c-pagination-archive .page-numbers li span,
.c-pagination-archive .page-numbers li a {
width: 3.125rem;
height: 3.125rem;
border: 0.5px solid #17ACA0;
border-radius: 0.1875rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-pagination-archive .page-numbers li .current {
border: none;
background-color: rgba(23, 172, 160, 0.2);
}
.c-pagination-archive .page-numbers li .next,
.c-pagination-archive .page-numbers li .prev {
background-color: #17ACA0;
position: relative;
}
.c-pagination-archive .page-numbers li .next::before, .c-pagination-archive .page-numbers li .next::after, .c-pagination-archive .page-numbers li .next::before, .c-pagination-archive .page-numbers li .next::after,
.c-pagination-archive .page-numbers li .prev::before,
.c-pagination-archive .page-numbers li .prev::after,
.c-pagination-archive .page-numbers li .prev::before,
.c-pagination-archive .page-numbers li .prev::after {
content: "";
display: inline-block;
position: absolute;
}
.c-pagination-archive .page-numbers li .next::before,
.c-pagination-archive .page-numbers li .prev::before {
width: 0.625rem;
height: 0.0625rem;
background-color: #fff;
border-radius: 0.375rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-pagination-archive .page-numbers li .next::after,
.c-pagination-archive .page-numbers li .prev::after {
width: 0.3125rem;
height: 0.3125rem;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
top: 50%;
}
.c-pagination-archive .page-numbers li .next::after {
right: 1.25rem;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.c-pagination-archive .page-numbers li .prev::after {
left: 1.25rem;
-webkit-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
}
.c-pagination-archive .page-numbers li .dots {
width: auto;
border: none;
}
.c-pagination-archive .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.c-pagination-archive .screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.c-pagination-single__inner {
margin-top: -1.25rem;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 4.375rem;
}
.c-pagination-single__col {
margin-top: 1.25rem;
}
.c-pagination-single__col_left, .c-pagination-single__col_right {
width: 50%;
}
.c-pagination-single__col_left {
position: relative;
}
.c-pagination-single__col_left::after {
content: "";
display: inline-block;
width: 1px;
height: 3.125rem;
background-color: #C7C7C7;
position: absolute;
top: 0.625rem;
right: 0;
}
.c-pagination-single__col_center {
width: 100%;
position: absolute;
bottom: 0;
}
.c-pagination-single__link {
display: block;
position: relative;
}
.c-pagination-single__link::after {
content: "";
display: inline-block;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #17ACA0;
border-right: 2px solid #17ACA0;
position: absolute;
top: 0.9375rem;
}
.c-pagination-single__link_prev::after {
left: 0.625rem;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.c-pagination-single__link_next::after {
right: 0.625rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-pagination-single__link .badge {
color: #17ACA0;
font-size: 0.8125rem;
font-weight: bold;
}
.c-pagination-single__link .ttl {
color: #333333;
font-size: 0.875rem;
line-height: 1.875;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.c-pagination-single__link_prev {
padding: 0.625rem 0.625rem 0.625rem 1.875rem;
}
.c-pagination-single__link_next {
padding: 0.625rem 1.875rem 0.625rem 0.625rem;
}
.c-pagination-single__link_next .badge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-pagination-single__link_next .ttl {
text-align: right;
}
.c-pagination-single__return-btn {
display: inline-block;
width: 100%;
border: 1px solid #17ACA0;
border-radius: 0.3125rem;
text-align: center;
color: #17ACA0;
font-size: 0.875rem;
padding: 0.75rem;
} .c-table {
width: 100%;
border-collapse: collapse;
}
.c-table th,
.c-table td {
color: #222222;
}
.c-table th {
color: #17ACA0;
font-size: 0.9375rem;
letter-spacing: 0.2em;
}
.c-table__txtBold {
font-weight: bold;
} .c-form__row {
border-top: 1px solid #CCCCCC;
padding: 1.25rem 0;
}
.c-form__row:first-child {
border-top: none;
}
.c-form__head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-form__head label {
color: #333333;
font-size: 0.875rem;
font-weight: bold;
padding-left: 0.625rem;
}
.c-form__body {
padding-top: 0.625rem;
}
.c-form__input input,
.c-form__input textarea {
width: 100%;
border: 1px solid #CCCCCC;
border-radius: 0.3125rem;
padding: 0.3125rem 1.25rem;
}
.c-form__input ::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.7;
}
.c-form__input ::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.7;
}
.c-form__input :-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.7;
}
.c-form__input ::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.7;
}
.c-form__input ::placeholder {
font-size: 0.875rem;
line-height: 1.7;
}
.c-form__input input {
width: 100%;
min-height: 2.875rem;
}
.c-form__input textarea {
height: 9.8125rem;
}
.c-form__exampleTxt {
display: block;
color: #333333;
font-size: 0.875rem;
line-height: 1.7;
padding-top: 0.25rem;
}
.c-form__checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-form__checkbox label {
margin-right: 1.25rem;
}
.c-form__checkbox label:last-child {
margin-right: 0;
}
.c-form__checkbox label input[type=radio] + span {
display: inline-block;
cursor: pointer;
color: #333333;
font-size: 0.875rem;
letter-spacing: 0.2em;
position: relative;
padding-left: 2rem;
}
.c-form__checkbox label input[type=radio] + span::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: #F7F7F7;
border: 2px solid #C7C7C7;
border-radius: 0.3125rem;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-form__checkbox label input[type=radio]:checked + span::before {
background-color: #66CEC6;
border: 2px solid #66CEC6;
}
.c-form__checkbox label input[type=radio]:checked + span::after {
content: "";
width: 0.4375rem;
height: 0.9375rem;
border: solid 2px transparent;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0.125rem;
left: 0.375rem;
}
.c-form .checkbox + .c-form__input {
padding-top: 0.9375rem;
}
.c-form .policyCheck {
background-color: #FFFFEF;
border: 1px solid #CCCCCC;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem;
margin-top: 1.875rem;
}
.c-form .policyCheck__txt {
font-size: 0.875rem;
}
.c-form .policyCheck__radioBtn input[type=checkbox] {
-moz-opacity: 0;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
}
.c-form .policyCheck__radioBtn input[type=checkbox] + label {
position: relative;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.c-form .policyCheck__radioBtn input[type=checkbox] + label::before {
content: "";
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1.25rem;
height: 1.25rem;
background-color: #F7F7F7;
border: 2px solid #C7C7C7;
border-radius: 0.3125rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.c-form .policyCheck__radioBtn input[type=checkbox]:checked + label::before {
background-color: #66CEC6;
border: 2px solid #66CEC6;
}
.c-form .policyCheck__radioBtn input[type=checkbox]:checked + label::after {
content: "";
width: 0.4375rem;
height: 0.9375rem;
border: solid 2px transparent;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0.125rem;
left: 0.375rem;
}
.c-form .policyCheck__radioBtn label {
display: block;
font-size: 0.875rem;
font-weight: bold;
padding-left: 1.5625rem;
margin-top: 0.5rem;
}
.c-form__btn-wrap {
padding-top: 3.125rem;
}
.c-form__btn {
display: inline-block;
width: 100%;
background-color: #17ACA0;
border: 1px solid #17ACA0;
color: #fff;
font-size: 0.9375rem;
font-weight: bold;
text-align: center;
border-radius: 1.75rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding: 0.96875rem 1.25rem;
cursor: pointer;
}
.c-form__btn_disabled01[type=submit][disabled], .c-form__btn_disabled02[type=submit][disabled] {
background: #fff;
color: #999;
border-color: #999;
cursor: default;
}
.c-form .wpcf7-spinner {
display: none !important;
} .p-home-company .cont__read-more, .p-home-attempt .cont__read-more, .p-home-service .item__read-more, .p-home-news .item__read-more {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
padding-right: 2.5625rem;
}
.p-home-company .cont__read-more::before, .p-home-attempt .cont__read-more::before, .p-home-service .item__read-more::before, .p-home-news .item__read-more::before, .p-home-company .cont__read-more::after, .p-home-attempt .cont__read-more::after, .p-home-service .item__read-more::after, .p-home-news .item__read-more::after {
content: "";
display: inline-block;
position: absolute;
background-color: #17ACA0;
right: 0;
}
.p-home-company .cont__read-more::before, .p-home-attempt .cont__read-more::before, .p-home-service .item__read-more::before, .p-home-news .item__read-more::before {
width: 2.0625rem;
height: 2px;
bottom: 0.3125rem;
}
.p-home-company .cont__read-more::after, .p-home-attempt .cont__read-more::after, .p-home-service .item__read-more::after, .p-home-news .item__read-more::after {
width: 0.8125rem;
height: 2px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
bottom: 0.5625rem;
}
.p-home-mv__outer {
width: 100%;
height: 16.5625rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/mv_sp.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.p-home-mv__inner {
height: 100%;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_view-txt.png);
background-repeat: no-repeat;
background-size: 21.625rem;
background-position: center -1.0625rem;
}
.p-home-mv__copy {
font-family: "YuMincho";
font-size: 1.375rem;
font-weight: bold;
color: #fff;
padding-top: 3.75rem;
}
.p-home-mv__copy .row {
display: block;
}
.p-home-mv .mvTxtAnime span {
opacity: 0;
}
.p-home-mv .mvTxtAnime.js-active span {
-webkit-animation: glow_anime_on 1s ease-out forwards;
animation: glow_anime_on 1s ease-out forwards;
}
@-webkit-keyframes glow_anime_on {
0% {
opacity: 0;
text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}
50% {
opacity: 1;
text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
100% {
opacity: 1;
text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}
}
@keyframes glow_anime_on {
0% {
opacity: 0;
text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}
50% {
opacity: 1;
text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
100% {
opacity: 1;
text-shadow: 0 0 0 #fff, 0 0 0 #fff;
}
}
.p-home-news__outer {
height: 100%;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_news-txt.png);
background-repeat: no-repeat;
background-size: 9.5rem;
background-position: right top -0.4375rem;
}
.p-home-news__inner {
padding-top: 3.125rem;
padding-bottom: 2.8125rem;
}
.p-home-news__cont {
padding-top: 0.5rem;
}
.p-home-news .item__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.4375rem 0;
border-bottom: 1px solid #D6D5D5;
}
.p-home-news .item__data-wrap {
width: 8.6875rem;
}
.p-home-news .item__time {
font-size: 0.875rem;
padding-right: 0.9375rem;
}
.p-home-news .item__tag {
margin-top: 0.3125rem;
}
.p-home-news .item__ttl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.p-home-news .item__read-more-wrap {
padding-top: 0.5625rem;
}
.p-home-service__outer {
height: 100%;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_service.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.p-home-service__outer::after {
content: "";
display: block;
width: 12.75rem;
height: 3.75rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_service-txt.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
}
.p-home-service__inner {
padding-top: 3.3125rem;
padding-bottom: 3.125rem;
}
.p-home-service__item-wrap {
margin-top: -1rem;
padding-top: 1.25rem;
}
.p-home-service__item {
margin-top: 1rem;
}
.p-home-service .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
background-color: #fff;
padding: 4rem 1.25rem 0.625rem;
position: relative;
}
.p-home-service .item__img-wrap {
width: 7.25rem;
padding-top: 7.25rem;
position: relative;
margin-right: 1rem;
margin-bottom: 0;
}
.p-home-service .item__img-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-home-service .item__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-home-service .item__ttl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0.625rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.p-home-service .item__ttl::after {
content: "";
display: inline-block;
width: 1.428125rem;
height: 2px;
background-color: #17ACA0;
position: absolute;
bottom: -0.3125rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.p-home-service .item .ttl__ja {
font-size: 1.0625rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
}
.p-home-service .item .ttl__en {
color: #17ACA0;
font-size: 0.625rem;
}
.p-home-service .item__read-more-wrap_01 {
padding-top: 1.5625rem;
}
.p-home-service .item__read-more-wrap_02 {
padding-top: 0.5rem;
}
.p-home-service .item__read-more-wrap_03 {
padding-top: 0.8125rem;
}
.p-home-results__outer {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(215, 245, 243, 0.22)), to(rgba(23, 172, 160, 0.22)));
background: linear-gradient(to bottom, rgba(215, 245, 243, 0.22), rgba(23, 172, 160, 0.22));
position: relative;
}
.p-home-results__outer::after {
content: "";
display: block;
width: 12.75rem;
height: 3.75rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_works-txt.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: -0.3125rem;
}
.p-home-results__inner {
padding-top: 3.25rem;
padding-bottom: 3.125rem;
}
.p-home-results__txt {
font-size: 0.9375rem;
font-weight: bold;
text-align: center;
line-height: 1.666;
padding-top: 1rem;
}
.p-home-results__item-wrap {
margin-top: -0.9375rem;
padding-top: 1.125rem;
}
.p-home-results__item {
margin-top: 0.9375rem;
}
.p-home-results .item {
display: block;
}
.p-home-results .item__img-wrap {
padding-top: 9.375rem;
margin-bottom: 0;
position: relative;
}
.p-home-results .item__img-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-home-results .item__body {
background-color: #fff;
padding: 0.375rem 1.25rem 0.40625rem;
}
.p-home-results .item__ttl {
font-size: 0.8125rem;
}
.p-home-results__btn-wrap {
padding-top: 1.875rem;
}
.p-home-results__btn {
display: inline-block;
width: 100%;
max-width: 100%;
padding: 0.75rem 0.625rem;
background-color: #17ACA0;
border: 1px solid #17ACA0;
color: #FFFFFF;
text-align: center;
}
.p-home-attempt__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-home-attempt__bg {
width: 49%;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/attempt01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.p-home-attempt__cont {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-home-attempt .cont__inner {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_attempt-txt.png);
background-repeat: no-repeat;
background-size: 12rem;
background-position: right top;
background-color: #17ACA0;
color: #fff;
padding: 1rem 0.75rem 0.9375rem 1.25rem;
}
.p-home-attempt .cont .heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #fff;
padding-bottom: 0.125rem;
margin-right: 0.8125rem;
}
.p-home-attempt .cont .heading__ja {
font-size: 1.0625rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
}
.p-home-attempt .cont .heading__en {
font-size: 0.625rem;
line-height: 1;
letter-spacing: 0.1em;
}
.p-home-attempt .cont__message {
font-weight: bold;
padding-top: 0.75rem;
}
.p-home-attempt .cont__txt {
padding-top: 0.5rem;
padding-right: 0.625rem;
}
.p-home-attempt .cont__read-more-wrap {
padding-right: 0.8125rem;
padding-top: 0.3125rem;
}
.p-home-attempt .cont__read-more::before, .p-home-attempt .cont__read-more::after {
background-color: #fff;
}
.p-home-company__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-home-company__bg {
width: 49%;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/company01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-company__cont {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-home-company .cont__inner {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/bg_company-txt.png);
background-repeat: no-repeat;
background-size: 13.875rem;
background-position: left -0.3125rem top;
padding: 1.0625rem 1.25rem 0.9375rem 1.5625rem;
}
.p-home-company .cont .heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #000;
padding-bottom: 0.125rem;
}
.p-home-company .cont .heading__ja {
font-size: 1.0625rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.2em;
}
.p-home-company .cont .heading__en {
color: #17ACA0;
font-size: 0.625rem;
line-height: 1;
letter-spacing: 0.1em;
}
.p-home-company .cont__message {
font-weight: bold;
padding-top: 0.75rem;
}
.p-home-company .cont__txt {
padding-top: 0.5rem;
padding-right: 1.25rem;
}
.p-home-company .cont__read-more-wrap {
padding-top: 0.3125rem;
}
.p-home-banner {
width: 100%;
position: fixed;
bottom: 0;
z-index: 1100;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-banner.js-active {
visibility: visible;
opacity: 1;
}
.p-home-banner__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-home-banner__link {
background-color: #17ACA0;
color: #fff;
width: 50%;
height: 3.75rem;
border-right: 1px solid #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-home-banner__link:last-child {
border-right: none;
}
.p-home-banner__icon_recruit {
width: 2.56375rem;
}
.p-home-banner__icon_contact {
width: 2.52625rem;
}
.p-home-banner__txt {
font-size: 0.75rem;
font-weight: bold;
line-height: 1.666;
letter-spacing: 0.2em;
}
.p-works-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/works/top.jpg);
}
.p-works-sec01__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-works-sec01 .tab__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -0.625rem;
}
.p-works-sec01 .tab__item {
width: 49%;
border: 1px solid #17ACA0;
text-align: center;
margin-top: 0.625rem;
}
.p-works-sec01 .tab__link {
display: block;
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
padding: 0.625rem 1.875rem;
}
.p-works-sec01 .tab__link::after {
content: "";
display: inline-block;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #17ACA0;
border-right: 2px solid #17ACA0;
position: absolute;
top: 50%;
right: 0.75rem;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.p-works-sec01 .tab__link.current {
background-color: #17ACA0;
color: #fff;
}
.p-works-sec01 .tab__link.current::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.p-works-sec01__item-wrap {
margin-top: -1.875rem;
padding-top: 1.875rem;
}
.p-works-sec01__item {
margin-top: 1.875rem;
}
.p-works-sec01 .item__img-wrap {
padding-top: 12.5rem;
margin-bottom: 0;
position: relative;
}
.p-works-sec01 .item__img-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-works-sec01 .item__body {
padding: 0.9375rem 0;
}
.p-works-sec01 .item .tag__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -0.625rem;
margin-left: -0.625rem;
}
.p-works-sec01 .item .tag__item {
margin-top: 0.625rem;
margin-left: 0.625rem;
}
.p-works-sec01 .item__time {
display: block;
font-size: 0.9375rem;
padding-top: 0.5625rem;
}
.p-works-sec01 .item__ttl {
color: #333333;
font-size: 0.9375rem;
line-height: 1.70666;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
padding-top: 0.125rem;
}
.p-works-sec01__pagination {
padding-top: 3.875rem;
}
.p-works-sec01__itemNumView {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.25rem;
}
.p-works-detail-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/works/top.jpg);
}
.p-works-detail-sec01__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-works-detail-sec01 .cont .tag__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -0.625rem;
margin-left: -0.625rem;
}
.p-works-detail-sec01 .cont .tag__item {
margin-top: 0.625rem;
margin-left: 0.625rem;
}
.p-works-detail-sec01 .cont__time {
display: block;
font-size: 0.9375rem;
line-height: 2;
letter-spacing: 0.1em;
padding-top: 0.625rem;
}
.p-works-detail-sec01 .cont__ttl {
font-size: 1.125rem;
font-weight: bold;
letter-spacing: 0.2em;
border-bottom: 2px solid #17ACA0;
padding-bottom: 0.625rem;
}
.p-works-detail-sec01 .cont__slider {
padding-top: 1.875rem;
}
.p-works-detail-sec01 .cont .works-slider__img-wrap {
padding-top: 15.625rem;
position: relative;
}
.p-works-detail-sec01 .cont .works-slider__img-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-works-detail-sec01 .cont .works-slider__caption {
background-color: #EAEAEA;
padding: 0.625rem;
}
.p-works-detail-sec01 .cont .works-slider__arw {
position: absolute;
z-index: 1;
top: 28%;
cursor: pointer;
width: 2.5rem;
height: 3.125rem;
background-color: rgba(23, 172, 160, 0.8);
}
.p-works-detail-sec01 .cont .works-slider__arw.prev::before, .p-works-detail-sec01 .cont .works-slider__arw.next::before {
content: "";
display: inline-block;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
}
.p-works-detail-sec01 .cont .works-slider__arw.prev {
border-top-right-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem;
left: 0;
}
.p-works-detail-sec01 .cont .works-slider__arw.prev::before {
top: 50%;
-webkit-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
left: 1.125rem;
}
.p-works-detail-sec01 .cont .works-slider__arw.next {
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem;
right: 0;
}
.p-works-detail-sec01 .cont .works-slider__arw.next::before {
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
right: 1.125rem;
}
.p-works-detail-sec01 .cont .works-slider__dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.25rem;
}
.p-works-detail-sec01 .cont .works-slider__dots li {
opacity: 0.5;
position: relative;
width: 20%;
padding-top: 15%;
cursor: pointer;
}
.p-works-detail-sec01 .cont .works-slider__dots li:last-child {
margin-right: 0;
}
.p-works-detail-sec01 .cont .works-slider__dots li img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-works-detail-sec01 .cont .works-slider__dots .slick-active {
opacity: 1;
border: 1px solid #17ACA0;
}
.p-works-detail-sec01 .cont__output {
border-bottom: 1px solid #707070;
padding-top: 1.875rem;
padding-bottom: 3.125rem;
}
.p-works-detail-sec01 .cont__output p + p {
padding-top: 1.25rem;
}
.p-works-detail-sec01 .cont__pagination {
padding-top: 2.6875rem;
}
.p-news-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/news/top.jpg);
}
.p-news-sec01__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-news-sec01 .item__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.4375rem 0;
border-bottom: 1px solid #D6D5D5;
}
.p-news-sec01 .item__data-wrap {
width: 8.6875rem;
}
.p-news-sec01 .item__time {
font-size: 0.875rem;
padding-right: 0.9375rem;
}
.p-news-sec01 .item__ttl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.p-news-sec01 .cont__pagination {
padding-top: 3.125rem;
}
.p-news-sec01 .cont__itemNumView {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.25rem;
}
.p-news-detail-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/news/top.jpg);
}
.p-news-detail-sec01__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-news-detail-sec01 .cont .tag__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -0.625rem;
margin-left: -0.625rem;
}
.p-news-detail-sec01 .cont .tag__item {
margin-top: 0.625rem;
margin-left: 0.625rem;
}
.p-news-detail-sec01 .cont__time {
display: block;
font-size: 0.9375rem;
line-height: 2;
letter-spacing: 0.1em;
padding-top: 0.625rem;
}
.p-news-detail-sec01 .cont__ttl {
color: #333333;
font-size: 1.125rem;
font-weight: bold;
letter-spacing: 0.2em;
border-bottom: 2px solid #17ACA0;
padding-bottom: 0.625rem;
}
.p-news-detail-sec01 .cont__output {
border-bottom: 1px solid #707070;
padding-bottom: 3.125rem;
}
.p-news-detail-sec01 .cont__output img {
padding-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h1,
.p-news-detail-sec01 .cont__output h2,
.p-news-detail-sec01 .cont__output h3,
.p-news-detail-sec01 .cont__output h4,
.p-news-detail-sec01 .cont__output h5,
.p-news-detail-sec01 .cont__output h6 {
color: #17ACA0;
font-weight: bold;
letter-spacing: 0.1em;
}
.p-news-detail-sec01 .cont__output h1 {
font-size: 1.125rem;
line-height: 1.25;
border-left: 10px solid #17ACA0;
padding-left: 0.75rem;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h2 {
font-size: 1rem;
background-color: rgba(23, 172, 160, 0.2);
border-left: 10px solid #17ACA0;
border-radius: 0.1875rem;
padding: 0.46875rem 0.75rem 0.46875rem;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h3 {
font-size: 1rem;
border-top: 2px solid #17ACA0;
border-bottom: 2px solid #17ACA0;
padding: 0.46875rem 0;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h4 {
font-size: 0.9375rem;
line-height: 1.75;
background-color: rgba(23, 172, 160, 0.2);
border-radius: 0.1875rem;
padding: 0.46875rem 0.75rem 0.46875rem;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h5 {
font-size: 0.9375rem;
line-height: 1.75;
border-bottom: 2px solid #17ACA0;
padding: 0 0 0.46875rem;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output h6 {
font-size: 0.9375rem;
line-height: 1.75;
margin-top: 1.875rem;
}
.p-news-detail-sec01 .cont__output p {
padding-top: 1.0625rem;
}
.p-news-detail-sec01 .cont__output p + p {
padding-top: 1.25rem;
}
.p-news-detail-sec01 .cont__pagination {
padding-top: 2.6875rem;
}
.page-contact .l-contact {
display: none;
}
.p-contact-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/contact/top.jpg);
}
.p-contact-sec01__inner {
padding-top: 3.125rem;
}
.p-contact-sec01 .cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.p-contact-sec01 .cont__icon img {
width: 1.9075rem;
}
.p-contact-sec01 .cont__txt {
color: #17ACA0;
font-weight: bold;
line-height: 2;
letter-spacing: 0.1em;
padding-top: 0.625rem;
}
.p-contact-sec01 .cont__time {
letter-spacing: 0.05em;
padding-top: 0.1875rem;
}
.p-contact-sec01 .cont__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.25rem;
}
.p-contact-sec01 .cont__num {
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.p-contact-sec01 .cont__num span {
color: #17ACA0;
}
.p-contact-sec02__inner {
padding-top: 3.125rem;
}
.p-contact-sec02 .cont {
background-color: #F7F7F7;
padding: 0.9375rem 0.625rem;
}
.p-contact-sec02 .item__main {
color: #17ACA0;
font-weight: bold;
letter-spacing: 0.05em;
}
.p-contact-sec02 .item__txt-wrap {
padding-top: 0.625rem;
}
.p-contact-sec02 .item__txt {
letter-spacing: 0.05em;
}
.p-contact-sec02 .item__txt_icon {
position: relative;
padding-left: 0.5625rem;
}
.p-contact-sec02 .item__txt_icon::before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background-color: #000;
position: absolute;
top: 0.375rem;
left: 0;
}
.p-contact-sec02 .item__txt a {
text-decoration: underline;
}
.p-contact-sec02 .item_02 {
padding-top: 0.5rem;
}
.p-contact-tab .tab__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
padding: 0.5625rem 0;
margin-top: 3.125rem;
}
.p-contact-tab .tab__item {
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-contact-tab .tab__link {
display: inline-block;
font-weight: bold;
font-size: 0.9375rem;
letter-spacing: 0.1em;
position: relative;
padding-left: 1.875rem;
}
.p-contact-tab .tab__link::before {
content: "";
display: inline-block;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
border: 2px solid #E3E3E3;
background-color: #F7F7F7;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.p-contact-tab .js-active.tab__item .tab__link::after {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
border-radius: 50%;
background-color: #17ACA0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0.21875rem;
}
.p-contact-form__inner {
padding-top: 1.875rem;
padding-bottom: 6.25rem;
}
.p-contact-form__item {
display: none;
opacity: 0;
}
.p-contact-form__item.js-visible {
display: block;
-webkit-animation-name: displayAnime;
animation-name: displayAnime;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes displayAnime {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes displayAnime {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.p-contact-form p .txt {
font-weight: bold;
letter-spacing: 0.05em;
padding-left: 0.5rem;
}
.p-contact-thanks-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/contact/top.jpg);
}
.p-contact-thanks-sec01__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-contact-thanks-sec01 .cont__txt {
letter-spacing: 0.05em;
}
.p-contact-thanks-sec01 .cont__txt + .cont__txt {
padding-top: 1.25rem;
}
.p-privacy-policy-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/privacy-policy/top.jpg);
}
.p-privacy-policy-sec01__inner {
padding-top: 2.5rem;
padding-bottom: 6.25rem;
padding-bottom: 6.25rem;
}
.p-privacy-policy-sec01__item-wrap {
margin-top: -2.375rem;
}
.p-privacy-policy-sec01__item {
margin-top: 2.375rem;
}
.p-privacy-policy-sec01 .item__ttl {
color: #17ACA0;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.2em;
}
.p-privacy-policy-sec01 .item__txt {
color: #222222;
display: block;
padding-top: 0.625rem;
}
.p-privacy-policy-sec01 .item__txt + .item__txt {
padding-top: 1.875rem;
}
.p-privacy-policy-sec01 .item__list {
padding-top: 0.5rem;
}
.p-privacy-policy-sec01 .item__list li {
position: relative;
padding-left: 1em;
}
.p-privacy-policy-sec01 .item__list li::before {
content: "・";
display: inline-block;
position: absolute;
left: 0;
}
.p-privacy-policy-sec01 .item03__list-wrap {
padding-top: 1.0625rem;
}
.p-privacy-policy-sec01 .item03__txt-wrap {
padding-top: 0.9375rem;
}
.p-company-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/company/top.jpg);
}
.p-company-sec01__outer {
position: relative;
}
.p-company-sec01__outer.c-triangle-mask-green::after {
top: 0;
}
.p-company-sec01__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-company-sec01__cont {
padding-top: 1.25rem;
}
.p-company-sec01 .cont__img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-company-sec01 .cont__img-wrap img {
width: 14.375rem;
}
.p-company-sec01 .cont__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: 1.25rem;
}
.p-company-sec01 .cont__body img {
width: 16.0em;
padding-top: 1.125rem;
}
.p-company-sec01 .cont__txt {
color: #222222;
}
.p-company-sec02__inner {
padding-top: 3.125rem;
}
.p-company-sec02 .cont {
padding-top: 1.875rem;
}
.p-company-sec02 .table {
width: 100%;
border-collapse: collapse;
}
.p-company-sec02 .table th {
color: #17ACA0;
font-size: 0.9375rem;
letter-spacing: 0.2em;
}
.p-company-sec02 .table td {
color: #222222;
}
.p-company-sec02 .table td span {
display: block;
}
.p-company-sec02 .table td span + span {
padding-top: 1.625rem;
}
.p-company-sec03__outer {
background-color: #F7F7F7;
margin-top: 3.125rem;
}
.p-company-sec03__inner {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.p-company-sec03 .cont {
padding-top: 1.875rem;
}
.p-company-sec03 .table {
width: 100%;
border-collapse: collapse;
}
.p-company-sec03 .table th,
.p-company-sec03 .table td {
color: #222222;
}
.p-company-sec03 .table th {
font-size: 0.9375rem;
font-weight: 400;
}
.p-company-sec04__outer {
position: relative;
}
.p-company-sec04__outer.c-triangle-mask-gray::after {
top: 18.75rem;
}
.p-company-sec04__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-company-sec04 .cont {
padding-top: 1.875rem;
}
.p-company-sec04 .table {
width: 100%;
border-collapse: collapse;
}
.p-company-sec04 .table th,
.p-company-sec04 .table td {
color: #222222;
}
.p-company-sec04 .table th {
font-size: 0.9375rem;
font-weight: 400;
}
.p-company-sec05__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-company-sec05__txt {
padding-top: 1.875rem;
}
.p-geological-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/geological/top.jpg);
}
.p-geological-sec01__inner {
padding-top: 3.125rem;
}
.p-geological-sec01__cont {
padding-top: 1.875rem;
}
.p-geological-sec02__outer {
position: relative;
}
.p-geological-sec02__outer.c-triangle-mask-gray::after {
top: 4.375rem;
}
.p-geological-sec02__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-geological-sec02__cont {
padding-top: 1.875rem;
}
.p-geological-sec02 .item01 {
padding-top: 1.25rem;
}
.p-geological-sec02 .item01__list {
padding-top: 0.4375rem;
}
.p-geological-sec02 .item02 {
padding-top: 1.25rem;
}
.p-geological-sec02 .item02__list {
padding-top: 0.4375rem;
}
.p-geological-sec02 .item02__txt {
padding-top: 0.4375rem;
}
.p-geological-sec03__inner {
padding-top: 3.125rem;
padding-bottom: 4.5625rem;
}
.p-geological-sec03__cont {
padding-top: 1.875rem;
}
.p-geological-sec03 .cont__img-wrap {
margin-top: -1.875rem;
padding-top: 1.875rem;
}
.p-geological-sec03 .cont__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.875rem;
}
.p-geological-sec03 .cont__img img {
width: 18.75rem;
}
.p-geological-sec03 .cont__img figcaption {
color: #222222;
padding-top: 0.9375rem;
}
.p-soil-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/soil/top.jpg);
}
.p-soil-sec01__inner {
padding-top: 3.125rem;
}
.p-soil-sec01__cont {
padding-top: 1.875rem;
}
.p-soil-sec02__outer {
position: relative;
}
.p-soil-sec02__outer.c-triangle-mask-gray::after {
top: 4.375rem;
}
.p-soil-sec02__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-soil-sec02__cont {
padding-top: 1.875rem;
}
.p-soil-sec02 .item01 {
padding-top: 1.25rem;
}
.p-soil-sec02 .item01__txt {
padding-top: 0.9375rem;
}
.p-soil-sec02 .item02 {
padding-top: 1.25rem;
}
.p-soil-sec02 .item02__txt {
padding-top: 1.0625rem;
}
.p-soil-sec03 {
position: relative;
z-index: 20;
}
.p-soil-sec03__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-soil-sec03__cont {
padding-top: 1.875rem;
}
.p-soil-sec03 .cont__list {
padding-top: 0.625rem;
}
.p-soil-sec03 .cont__img-wrap {
margin-top: -1.875rem;
padding-top: 1.875rem;
}
.p-soil-sec03 .cont__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.875rem;
}
.p-soil-sec03 .cont__img img {
width: 18.75rem;
}
.p-soil-sec03 .cont__img figcaption {
color: #222222;
padding-top: 0.9375rem;
}
.p-reconnaissance-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/reconnaissance/top.jpg);
}
.p-reconnaissance-sec01__inner {
padding-top: 3.125rem;
}
.p-reconnaissance-sec01__cont {
padding-top: 1.875rem;
}
.p-reconnaissance-sec02__outer {
position: relative;
}
.p-reconnaissance-sec02__outer.c-triangle-mask-gray::after {
top: 4.375rem;
}
.p-reconnaissance-sec02__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-reconnaissance-sec02__cont {
padding-top: 1.875rem;
}
.p-reconnaissance-sec02 .item01__list {
padding-top: 0.375rem;
}
.p-reconnaissance-sec02 .item02 {
padding-top: 1.25rem;
}
.p-reconnaissance-sec02 .item02__list {
padding-top: 0.5rem;
}
.p-reconnaissance-sec02 .item03 {
padding-top: 1.25rem;
}
.p-reconnaissance-sec02 .item03__list {
padding-top: 0.625rem;
}
.p-reconnaissance-sec02 .item03 .list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
color: #222222;
line-height: 1.666;
}
.p-reconnaissance-sec02 .item03 .list__num {
padding-right: 0.3125rem;
}
.p-reconnaissance-sec02 .item03 .list__txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-reconnaissance-sec02 .item04 {
padding-top: 1.25rem;
}
.p-reconnaissance-sec02 .item04__txt {
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.1em;
}
.p-reconnaissance-sec03 {
position: relative;
z-index: 20;
}
.p-reconnaissance-sec03__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-reconnaissance-sec03__cont {
padding-top: 1.875rem;
}
.p-reconnaissance-sec03 .cont__img-wrap {
margin-top: -1.875rem;
}
.p-reconnaissance-sec03 .cont__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.875rem;
}
.p-reconnaissance-sec03 .cont__img img {
width: 18.75rem;
}
.p-attempt-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/attempt/top.jpg);
}
.p-attempt-sec01__outer {
position: relative;
}
.p-attempt-sec01__outer.c-triangle-mask-gray::after {
top: 18.75rem;
}
.p-attempt-sec01__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-attempt-sec01__cont {
padding-top: 1.875rem;
}
.p-attempt-sec01 .item01 {
padding-top: 1.25rem;
}
.p-attempt-sec01 .item01__row-wrap {
padding-top: 0.75rem;
}
.p-attempt-sec01 .item01__row {
border-top: 1px solid #C7C7C7;
padding: 0.75rem 0;
}
.p-attempt-sec01 .item01__row:last-child {
border-bottom: 1px solid #C7C7C7;
}
.p-attempt-sec01 .item01__col_head {
color: #222222;
font-size: 0.9375rem;
font-weight: bold;
line-height: 2;
}
.p-attempt-sec01 .item01__col_boby {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-attempt-sec01 .item02 {
padding-top: 1.25rem;
}
.p-attempt-sec01 .item02__list {
padding-top: 0.4375rem;
}
.p-attempt-sec01 .item03 {
padding-top: 1.25rem;
}
.p-attempt-sec01 .item03__list {
padding-top: 0.4375rem;
}
.p-attempt-sec01 .item04 {
padding-top: 1.25rem;
}
.p-attempt-sec02 {
position: relative;
z-index: 20;
}
.p-attempt-sec02__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-attempt-sec02__cont {
padding-top: 0.625rem;
}
.p-attempt-sec02 .item {
padding-top: 1.25rem;
}
.p-attempt-sec02 .item__list {
padding-top: 0.4375rem;
}
.p-recruit-topVisual {
 background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/recruit/top_sp.jpg);
}
.p-recruit-sec01__outer {
position: relative;
}
.p-recruit-sec01__outer.c-triangle-mask-gray::after {
top: 0;
}
.p-recruit-sec01__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec01__cont {
padding-top: 1.875rem;
}
.p-recruit-sec01 .cont__mov-wrap {
padding-top: 56.25%;
overflow: hidden;
position: relative;
}
.p-recruit-sec01 .cont__mov-wrap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p-recruit-sec01 .cont__txt {
padding-top: 1.875rem;
}
.p-recruit-sec02__outer {
position: relative;
}
.p-recruit-sec02__outer.c-triangle-mask-green::after {
top: 0;
}
.p-recruit-sec02__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec02 .cont__txt {
font-size: 1rem;
font-weight: bold;
line-height: 2;
text-align: center;
padding-top: 1.25rem;
}
.p-recruit-sec02 .cont__item-wrap {
margin-top: -1.875rem;
padding-top: 1.875rem;
}
.p-recruit-sec02 .cont__item {
margin-top: 1.875rem;
}
.p-recruit-sec02 .cont .item__box {
padding-top: 1.25rem;
}
.p-recruit-sec02 .cont .item__txt {
padding-top: 0.9375rem;
}
.p-recruit-sec02 .cont .item__img-wrap {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1.25rem;
}
.p-recruit-sec03__outer {
position: relative;
}
.p-recruit-sec03__outer.c-triangle-mask-gray::after {
top: 0;
}
.p-recruit-sec03__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec03 .cont .item01 {
padding-top: 1.875rem;
}
.p-recruit-sec03 .cont .item01__table {
display: block;
padding-top: 0.625rem;
}
.p-recruit-sec03 .cont .item01 .p-recruit-sec03__tablePadding {
padding-top: 1.375rem;
}
.p-recruit-sec03 .cont .item02 {
padding-top: 3.125rem;
}
.p-recruit-sec03 .cont .item02__table {
display: block;
padding-top: 0.625rem;
}
.p-recruit-sec03 .cont .item02 .p-recruit-sec03__tablePadding {
padding-top: 1.375rem;
}
.p-recruit-sec04__outer {
position: relative;
}
.p-recruit-sec04__outer.c-triangle-mask-green::after {
top: 0;
}
.p-recruit-sec04__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec04__cont {
padding-top: 1.875rem;
}
.p-recruit-sec05__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec05__cont {
padding-top: 1.875rem;
}
.p-recruit-sec06__inner {
position: relative;
z-index: 20;
padding-top: 3.125rem;
}
.p-recruit-sec06 .cont__btns-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -1.25rem;
padding-top: 2.0625rem;
}
.p-recruit-sec06 .cont .btn {
border: 1px solid #17ACA0;
border-radius: 0.625rem;
min-height: 6.4375rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem;
}
.p-recruit-sec06 .cont .btn__icon {
display: block;
background-repeat: no-repeat;
background-size: contain;
}
.p-recruit-sec06 .cont .btn__icon_mail {
width: 1.58875rem;
height: 1.246875rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_mail.png);
}
.p-recruit-sec06 .cont .btn__icon_tel {
width: 1.33625rem;
height: 1.3125rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_tel.png);
}
.p-recruit-sec06 .cont .btn__main {
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
}
.p-recruit-sec06 .cont .btn__txt {
font-size: 0.75rem;
letter-spacing: 0.05em;
}
.p-recruit-sec06 .cont .mail-btn .btn__txt {
padding-top: 0.3125rem;
}
.p-recruit-sec06 .cont .mail-btn .btn__main {
padding-top: 0.3125rem;
padding-right: 1.375rem;
}
.p-recruit-sec06 .cont .mail-btn .btn__main span {
letter-spacing: 0.05em;
position: relative;
}
.p-recruit-sec06 .cont .mail-btn .btn__main span::after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_arrow-circle-right.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -1.4375rem;
}
.p-recruit-sec06 .cont .tel-btn .btn__main {
letter-spacing: 0.2em;
}
.p-recruit-sec07__outer {
background-color: #F7F7F7;
margin-top: 3.125rem;
}
.p-recruit-sec07__inner {
padding-top: 3.125rem;
}
.p-recruit-sec07__cont {
padding-top: 1.875rem;
}
.p-recruit-sec07 .cont__item-wrap {
margin-top: -1.875rem;
}
.p-recruit-sec07 .cont__item {
margin-top: 1.875rem;
}
.p-recruit-sec07 .cont .item__img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-recruit-sec07 .cont .item__img-wrap img {
width: 18.75rem;
}
.p-recruit-sec07 .cont .item__body {
padding: 1.25rem 0 0;
}
.p-recruit-sec07 .cont .item__main {
background-color: #D5EDEB;
border-radius: 0.1875rem;
color: #17ACA0;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.2em;
text-align: center;
padding: 0.625rem;
}
.p-recruit-sec07 .cont .item__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-weight: bold;
line-height: 1.666;
padding-top: 0.625rem;
}
.p-recruit-sec07 .cont .item__txt {
padding-top: 0.5rem;
}
.p-recruit-sec08__outer {
background-color: #F7F7F7;
}
.p-recruit-sec08__inner {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
.p-recruit-sec08__txt {
padding-top: 1.875rem;
} @media only screen and (min-width: 768px) {
a:hover {
opacity: 0.5;
}
.sp {
display: none !important;
}
a[href^="tel:"] {
pointer-events: none;
}
a,
a::before,
a::after,
button {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.c-header__inner {
height: 5.5625rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 0 1.0rem;
}
.c-header__logo {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-header .logo__img {
width: 3.8125rem;
margin-right: 0.875rem;
}
.c-header .logo__txt {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.08em;
}
.c-header__menu {
height: 100%;
}
.c-g-nav {
height: 100%;
}
.c-g-nav__list {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-g-nav__link {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.333;
letter-spacing: 0.1em;
padding: 0 2.21875rem;
}
.c-g-nav__link span {
color: #17ACA0;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.4167;
}
.c-g-nav__item_cta {
width: 9.375rem;
background-color: #17ACA0;
border-right: 1px solid #fff;
}
.c-g-nav__item_cta:last-child {
border-right: none;
}
.c-g-nav__item_cta .c-g-nav__link {
color: #fff;
padding: 0;
}
.c-g-nav__item_cta .c-g-nav__link span {
color: #fff;
}
.c-g-nav__item_cta2 {
width: 9.375rem;
background-color: #D2F0FF;
border-right: 1px solid #fff;
color: #000000;
}
.c-g-nav__item_cta2:last-child {
border-right: none;
}	
.c-g-nav__item_cta2 .c-g-nav__link {
color: #000000;
padding: 0;
}
.c-g-nav__item_cta2 .c-g-nav__link span {
color: #000000;
}
.c-g-nav__item_recruit .c-g-nav__icon {
width: 2.5625rem;
}
.c-g-nav__item_contact .c-g-nav__icon {
width: 2.5rem;
}
.c-g-nav .child {
position: relative;
}
.c-g-nav .child::after {
content: "";
display: inline-block;
width: 0.5rem;
height: 0.5rem;
border-top: 1px solid #17ACA0;
border-right: 1px solid #17ACA0;
position: absolute;
left: 50%;
bottom: 0.625rem;
-webkit-transform: translateX(-50%) rotate(135deg);
transform: translateX(-50%) rotate(135deg);
}
.c-g-nav .child__wrap {
position: absolute;
top: 100%;
left: 1%;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
min-width: 9.375rem;
width: 100%;
background-color: #fff;
}
.c-g-nav .child__link {
display: block;
font-weight: bold;
letter-spacing: 0.2em;
padding: 0.375rem 0.625rem;
text-align: center;
}
.c-g-nav .child__link:hover {
background-color: #17ACA0;
color: #fff;
opacity: 1;
}
.c-g-nav .child:hover > .child__wrap {
visibility: visible;
opacity: 1;
}
.c-table th,
.c-table td {
padding-top: 1.0625rem;
padding-bottom: 1.0625rem;
}
.c-table th {
width: 9.375rem;
text-align: left;
vertical-align: top;
border-bottom: 2px solid #17ACA0;
}
.c-table td {
border-bottom: 1px solid #C7C7C7;
padding-left: 9.375rem;
}
.c-table__td-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-table__td-head {
display: block;
width: 6.875rem;
}
.c-table__td-head span {
text-align: justify;
}
.c-table__td-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-company-sec02 .table tr {
border-top: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec02 .table th,
.p-company-sec02 .table td {
padding: 1.09375rem 0;
}
.p-company-sec02 .table th {
width: 18.75rem;
text-align: left;
vertical-align: top;
}
.p-company-sec03 .table tr {
border-top: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec03 .table th,
.p-company-sec03 .table td {
padding: 1.09375rem 0;
}
.p-company-sec03 .table th {
width: 9.375rem;
text-align: left;
vertical-align: top;
}
.p-company-sec03 .table td {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-company-sec03 .table td .td-head {
width: 9.375rem;
}
.p-company-sec03 .table td .td-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-company-sec04 .table {
border-top: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec04 .table tr {
position: relative;
}
.p-company-sec04 .table tr::after {
content: "";
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #C7C7C7, #C7C7C7 2px, transparent 2px, transparent 4px);
background-size: 4px 1px;
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
}
.p-company-sec04 .table tr:last-child::after {
content: none;
}
.p-company-sec04 .table th,
.p-company-sec04 .table td {
padding: 1.125rem 0;
}
.p-company-sec04 .table th {
width: 25rem;
text-align: left;
vertical-align: top;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 13px;
position: relative;
-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
}
#wrapper {
min-width: 320px;
position: relative;
}
input[type=submit] {
-webkit-text-size-adjust: 100%;
}
input,
select,
textarea {
font-size: 16px !important;
}
.pc {
display: none !important;
}
.c-header__inner {
height: 3.9375rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 0 1.4375rem;
}
.c-header__logo {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-header .logo__img {
width: 3.4375rem;
margin-right: 0.5625rem;
}
.c-header .logo__txt {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.08em;
}
.c-header__menu {
position: fixed;
top: 3.9375rem;
left: 0;
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background-color: #fff;
}
.c-header__menu.js-menu-active {
visibility: visible;
opacity: 1;
}
.c-header .openbtn {
width: 3.9375rem;
height: 3.9375rem;
background-color: #17ACA0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 9999;
}
.c-header .openbtn__line {
display: inline-block;
width: 1.78125rem;
height: 0.125rem;
position: absolute;
top: 0.75rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background-color: #fff;
}
.c-header .openbtn__line:nth-of-type(2) {
margin-top: 0.5625rem;
}
.c-header .openbtn__line:nth-of-type(3) {
margin-top: 1.125rem;
}
.c-header .openbtn.js-active .openbtn__line:nth-of-type(1) {
margin-top: 0.5625rem;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-header .openbtn.js-active .openbtn__line:nth-of-type(2) {
opacity: 0;
}
.c-header .openbtn.js-active .openbtn__line:nth-of-type(3) {
margin-top: 0.5625rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-header .openbtn__txt {
color: #fff;
font-size: 0.75rem;
position: absolute;
bottom: 0.5rem;
}
.c-g-nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.c-g-nav__list {
padding: 0 1.5625rem;
}
.c-g-nav__item {
border-bottom: 1px solid #D6D5D5;
}
.c-g-nav__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
font-size: 0.9375rem;
font-weight: bold;
letter-spacing: 0.1em;
padding: 0.78125rem 0;
position: relative;
}
.c-g-nav__link::after {
content: "";
display: inline-block;
border-style: solid;
border-width: 4px 0 4px 8.73px;
border-color: transparent transparent transparent #D9D2D2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.c-g-nav .child .c-g-nav__link::before, .c-g-nav .child .c-g-nav__link::after {
content: "";
width: 0.75rem;
height: 0.125rem;
background-color: #D9D2D2;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
position: absolute;
top: 48%;
right: 0;
}
.c-g-nav .child .c-g-nav__link::after {
border-style: none;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.c-g-nav .child.js-active .c-g-nav__link::after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.c-g-nav .child__wrap {
display: none;
}
.c-g-nav .child__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-g-nav .child__item {
   width: 33%;
background-color: #F2F2F2;
}
.c-g-nav .child__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.9375rem;
font-weight: bold;
letter-spacing: 0.1em;
padding: 0.78125rem 0;
}
.c-table tr {
border-bottom: 1px solid #C7C7C7;
}
.c-table th,
.c-table td {
display: block;
padding: 0.625rem 0;
}
.c-table th {
text-align: left;
}
.c-table__td-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-table__td-head {
min-width: 5rem;
}
.c-table__td-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-company-sec02 .table tr:last-child {
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec02 .table th,
.p-company-sec02 .table td {
display: block;
border: 1px solid #C7C7C7;
border-bottom: none;
padding: 0.625rem;
}
.p-company-sec03 .table tr:last-child {
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec03 .table th,
.p-company-sec03 .table td {
border: 1px solid #C7C7C7;
border-bottom: none;
padding: 0.625rem;
}
.p-company-sec03 .table th {
display: block;
}
.p-company-sec03 .table td {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-company-sec03 .table td .td-head {
width: 20%;
}
.p-company-sec03 .table td .td-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.p-company-sec04 .table tr:last-child {
border-bottom: 1px solid #C7C7C7;
}
.p-company-sec04 .table th,
.p-company-sec04 .table td {
display: block;
border: 1px solid #C7C7C7;
border-bottom: none;
padding: 0.625rem;
}
}
@media (max-width: 375) {
html {
font-size: 4.2666666667vw;
}
}
@media (min-width: 768px) {
html {
font-size: 1.3333333333vw;
}
.l-main {
padding-top: 5.5625rem;
}
.l-page-topVisual__inner {
height: 15.625rem;
}
.l-page-topSection__txt {
font-size: 1.25rem;
line-height: 2;
}
*[class*=l-inner-] {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.c-heading__ja {
font-size: 1.875rem;
padding-top: 0.4375rem;
}
.c-heading__en {
font-size: 0.75rem;
}
.c-heading-section {
font-size: 1.5625rem;
}
.c-heading-bgGreen {
padding: 1.25rem;
}
.c-heading-bgGreen_lg {
font-size: 1.25rem;
padding: 1.03125rem 1.25rem;
}
.c-tag-new {
font-size: 0.875rem;
min-width: 3.125rem;
padding: 0.125rem;
}
.c-tag-label {
min-width: 3.125rem;
padding: 0.25rem;
}
.l-recruit__outer {
width: 93.75rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 3.0625rem;
margin-bottom: 3.125rem;
}
.l-recruit__inner {
position: relative;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.l-recruit__inner:hover {
opacity: 1;
}
.l-recruit__inner::after {
content: "";
display: block;
width: 100%;
height: 29.3125rem;
background-color: #fff;
position: absolute;
top: -3.0625rem;
opacity: 0;
}
.l-recruit__inner:hover::after {
opacity: 0.5;
}
.l-recruit__img img {
width: 44.5625rem;
right: -2.5rem;
bottom: -0.8125rem;
}
.l-recruit .cont__inner {
background-size: 42.875rem;
background-position: right -1.25rem top -1.25rem;
padding: 2.8125rem 2.5rem 2.875rem 5.4375rem;
}
.l-recruit .cont .heading {
margin-right: 6.875rem;
padding-bottom: 1.6875rem;
}
.l-recruit .cont .heading__ja {
font-size: 1.875rem;
}
.l-recruit .cont .heading__en {
font-size: 0.75rem;
line-height: 1.6;
}
.l-recruit .cont__message {
font-size: 1.25rem;
line-height: 1.75;
padding-top: 1.25rem;
}
.l-recruit .cont__txt {
line-height: 2;
letter-spacing: 0;
padding-right: 0;
padding-top: 0.8125rem;
}
.l-recruit .cont__read-more-wrap {
padding-right: 6.875rem;
padding-top: 3.4375rem;
}
.l-recruit .cont__read-more {
padding-right: 2.25rem;
}
.l-recruit .cont__read-more::before {
bottom: 0.4375rem;
}
.l-recruit .cont__read-more::after {
bottom: 0.6875rem;
}
.l-contact__outer {
background-size: 45rem;
background-position: left -1.875rem bottom -1.875rem;
}
.l-contact__inner {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.l-contact__txt {
font-weight: 400;
line-height: 2;
padding-top: 2.4375rem;
}
.l-contact__btns-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2.6875rem;
}
.l-contact .btn {
width: 36.875rem;
min-height: 11.25rem;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.l-contact .btn__icon_mail {
width: 1.6825rem;
height: 1.320625rem;
}
.l-contact .btn__icon_tel {
width: 1.9075rem;
height: 1.87375rem;
}
.l-contact .btn__main {
font-size: 1.875rem;
line-height: 1.3666;
}
.l-contact .btn__txt {
font-size: 0.9375rem;
}
.l-contact .mail-btn {
padding: 1.875rem 0 0 0;
}
.l-contact .mail-btn .btn__txt {
line-height: 2;
padding-top: 0.625rem;
}
.l-contact .mail-btn .btn__main {
padding-right: 2.1875rem;
}
.l-contact .mail-btn .btn__main span::after {
width: 1.8125rem;
height: 1.8125rem;
right: -2rem;
}
.l-contact .tel-btn {
padding: 1.5625rem 0 0;
}
.l-contact .tel-btn .btn__txt {
line-height: 1.8;
}
.l-contact .tel-btn .btn__main {
padding-top: 0.625rem;
}
.l-contact .btn:hover {
opacity: 1;
background-color: #17ACA0;
color: #fff;
}
.l-contact .btn:hover .btn__icon_mail {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_mail_hover.png);
}
.l-contact .btn:hover .btn__main {
color: #fff;
}
.l-contact .mail-btn:hover .btn__main span::after {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_arrow-circle-right_hover.png);
}
.c-footer__inner {
padding-top: 3rem;
padding-bottom: 2.9375rem;
}
.c-footer__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-footer__col_right {
width: 37.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.c-footer .logo__img {
width: 4.625rem;
margin-left: 0.1875rem;
margin-right: 0.8125rem;
}
.c-footer .logo__txt {
font-size: 1.875rem;
}
.c-footer__item-wrap {
margin-top: -4.5rem;
padding-top: 2.8125rem;
}
.c-footer__item {
margin-top: 4.5rem;
}
.c-footer .item__address {
line-height: 1.666;
padding-top: 0.625rem;
}
.c-footer .item__open {
line-height: 1.666;
}
.c-footer__menu {
padding-top: 3.25rem;
}
.c-footer .menu {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.c-footer .menu__col_left {
padding-right: 7.375rem;
}
.c-footer .menu__col_center {
padding-right: 6.6875rem;
}
.c-footer .menu__list {
font-size: 0.75rem;
line-height: 1.7;
letter-spacing: 0.2em;
}
.c-footer .menu__list li ul li {
padding-left: 1.75rem;
}
.c-footer .menu__list a:hover {
opacity: 1;
color: #17ACA0;
}
.c-footer__copy-right {
font-size: 0.75rem;
padding-top: 4.5625rem;
}
.c-triangle-mask-green::after {
border-width: 29.1634375rem 118.48rem 29.1634375rem 0;
}
.c-triangle-mask-gray::after {
border-width: 29.1634375rem 0 29.1634375rem 116.425625rem;
left: -12.4rem;
}
.c-txt {
line-height: 1.666;
}
.c-list__item {
padding-left: 0.8125rem;
}
.c-list__item::before {
width: 7px;
height: 7px;
top: 0.8125rem;
}
.c-list__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-list__ttl {
width: 14.1875rem;
}
.c-pagination-single__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-pagination-single__col_left, .c-pagination-single__col_right {
width: 20rem;
}
.c-pagination-single__col_left::after {
content: none;
}
.c-pagination-single__col_center {
position: static;
width: 12.5rem;
}
.c-pagination-single__link::after {
top: 50%;
}
.c-pagination-single__link_prev::after {
left: 0;
-webkit-transform: translateY(-50%) rotate(225deg);
transform: translateY(-50%) rotate(225deg);
}
.c-pagination-single__link_next::after {
right: 0;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.c-pagination-single__link .badge {
font-size: 0.9375rem;
}
.c-pagination-single__link .ttl {
font-size: 1rem;
-webkit-line-clamp: 2;
padding-top: 0.3125rem;
}
.c-pagination-single__link_prev {
padding: 0 0 0 1.875rem;
}
.c-pagination-single__link_next {
padding: 0 1.875rem 0 0;
}
.c-pagination-single__return-btn {
font-size: 0.9375rem;
border-radius: 0;
margin-top: 1.3125rem;
}
.c-table th,
.c-table td {
line-height: 1.666;
}
.c-form__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
padding: 1.25rem 0 0.8125rem;
}
.c-form__head {
width: 15.625rem;
}
.c-form__head label {
font-size: 1rem;
}
.c-form__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: 0;
}
.c-form__input ::-webkit-input-placeholder {
font-size: 1rem;
}
.c-form__input ::-moz-placeholder {
font-size: 1rem;
}
.c-form__input :-ms-input-placeholder {
font-size: 1rem;
}
.c-form__input ::-ms-input-placeholder {
font-size: 1rem;
}
.c-form__input ::placeholder {
font-size: 1rem;
}
.c-form__exampleTxt {
font-size: 1rem;
}
.c-form__checkbox label {
margin-right: 5.9375rem;
}
.c-form__checkbox label input[type=radio] + span {
font-size: 1rem;
}
.c-form .policyCheck {
padding: 1.125rem 0.625rem 1.25rem;
margin-top: 3.625rem;
}
.c-form .policyCheck__txt {
font-size: 1rem;
}
.c-form .policyCheck__radioBtn label {
font-size: 1rem;
}
.c-form__btn-wrap {
padding-top: 4.1875rem;
}
.c-form__btn {
font-size: 1.125rem;
padding: 1.171875rem 1.25rem;
}
.c-form__btn:hover {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
opacity: 0.8;
}
.p-home-company .cont__read-more, .p-home-attempt .cont__read-more, .p-home-service .item__read-more, .p-home-news .item__read-more {
padding-right: 2.25rem;
}
.p-home-company .cont__read-more::before, .p-home-attempt .cont__read-more::before, .p-home-service .item__read-more::before, .p-home-news .item__read-more::before {
bottom: 0.4375rem;
}
.p-home-company .cont__read-more::after, .p-home-attempt .cont__read-more::after, .p-home-service .item__read-more::after, .p-home-news .item__read-more::after {
bottom: 0.6875rem;
}
.p-home-mv__outer {
height: calc(100vh - 5.5625rem);
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/home/mv_pc.jpg);
}
.p-home-mv__inner {
background-size: 73rem;
background-position: center -3.75rem;
}
.p-home-mv__copy {
font-size: 2.875rem;
line-height: 1.8;
padding-top: 14.5%;
}
.p-home-mv__copy .row span {
letter-spacing: 0.2em;
}
.p-home-news__outer {
background-size: 31.625rem;
background-position: right -0.8125rem top -1.5625rem;
}
.p-home-news__inner {
padding-top: 6.1875rem;
padding-bottom: 5.9375rem;
}
.p-home-news__cont {
padding-top: 1.625rem;
}
.p-home-news .item__link {
padding: 1rem 0;
}
.p-home-news .item__data-wrap {
width: 11.5625rem;
}
.p-home-news .item__time {
font-size: 0.9375rem;
padding-right: 2.875rem;
}
.p-home-news .item__ttl {
font-size: 0.9375rem;
}
.p-home-news .item__link:hover {
opacity: 1;
}
.p-home-news .item__link:hover .item__ttl {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: #17ACA0;
}
.p-home-news .item__read-more-wrap {
padding-top: 2.8125rem;
}
.p-home-news .item__read-more:hover {
opacity: 1;
color: #17ACA0;
}
.p-home-service__outer::after {
width: 42.625rem;
height: 12.5rem;
background-position: left -1.875rem top -0.625rem;
}
.p-home-service__inner {
padding-top: 6.3125rem;
padding-bottom: 6.25rem;
}
.p-home-service__item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2.8125rem;
}
.p-home-service .item {
width: 32.245%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
.p-home-service .item__img-wrap {
width: 100%;
margin-right: 0;
padding-top: 12.3125rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-service .item__body {
min-height: 22.4375rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.25rem 0.9375rem 1.0625rem 1.4375rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-service .item__ttl {
position: static;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.p-home-service .item__ttl::after {
bottom: -0.4375rem;
}
.p-home-service .item .ttl__ja {
font-size: 1.25rem;
}
.p-home-service .item .ttl__en {
font-size: 0.75rem;
padding-top: 0.3125rem;
}
.p-home-service .item__txt {
padding-top: 2.0625rem;
line-height: 1.666;
}
.p-home-service .item__read-more-wrap {
margin-top: auto;
}
.p-home-service .item__read-more-wrap_01 {
padding-top: 0;
}
.p-home-service .item__read-more-wrap_02 {
padding-top: 0;
}
.p-home-service .item__read-more-wrap_03 {
padding-top: 0;
}
.p-home-service .item:hover {
opacity: 1;
}
.p-home-service .item:hover .item__img-wrap {
opacity: 0.5;
}
.p-home-service .item:hover .item__body {
background-color: #17ACA0;
color: #fff;
}
.p-home-service .item:hover .item__ttl::after {
background-color: #fff;
}
.p-home-service .item:hover .ttl__en {
color: #fff;
}
.p-home-service .item:hover .item__read-more::before,
.p-home-service .item:hover .item__read-more::after {
background-color: #fff;
}
.p-home-results__outer::after {
width: 42.5rem;
height: 12.5rem;
top: -0.625rem;
right: -1.875rem;
}
.p-home-results__inner {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.p-home-results__txt {
font-size: 1.25rem;
line-height: 2;
padding-top: 2.25rem;
}
.p-home-results__item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 2.3125rem;
}
.p-home-results .item {
width: 19.75rem;
margin-right: 1rem;
}
.p-home-results .item:nth-child(3n) {
margin-right: 0;
}
.p-home-results .item__img-wrap {
padding-top: 11.0625rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-results .item__body {
padding: 0.5rem 1.25rem 0.8125rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-results .item__ttl {
font-size: 0.9375rem;
}
.p-home-results .item:hover {
opacity: 1;
}
.p-home-results .item:hover .item__img-wrap {
opacity: 0.5;
}
.p-home-results .item:hover .item__body {
background-color: #17ACA0;
color: #fff;
}
.p-home-results__btn-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 3.125rem;
}
.p-home-results__btn {
width: 18rem;
font-size: 0.9375rem;
}
.p-home-results__btn:hover {
opacity: 1;
background-color: #fff;
color: #17ACA0;
}
.p-home-attempt__outer {
width: 93.75rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 2.9375rem;
}
.p-home-attempt__inner:hover {
opacity: 0.4;
}
.p-home-attempt .cont__inner {
background-size: 48.125rem;
background-position: right -0.125rem top -1.875rem;
padding: 2.8125rem 2.5rem 2.875rem 5.4375rem;
}
.p-home-attempt .cont .heading {
margin-right: 6.875rem;
padding-bottom: 1.6875rem;
}
.p-home-attempt .cont .heading__ja {
font-size: 1.875rem;
}
.p-home-attempt .cont .heading__en {
font-size: 0.75rem;
line-height: 1.6;
}
.p-home-attempt .cont__message {
font-size: 1.25rem;
line-height: 2;
padding-top: 1.4375rem;
}
.p-home-attempt .cont__txt {
line-height: 2;
padding-right: 0;
padding-top: 0.125rem;
}
.p-home-attempt .cont__read-more-wrap {
padding-right: 6.875rem;
padding-top: 1.375rem;
}
.p-home-company__outer {
width: 93.75rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 3.125rem;
}
.p-home-company .cont__inner {
background-size: 55.375rem;
background-position: left -1.875rem bottom 0;
padding: 2.8125rem 2.96875rem 2.8125rem 2.5rem;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.p-home-company .cont .heading {
margin-right: 2.53125rem;
margin-left: 6.875rem;
padding-bottom: 1.6875rem;
}
.p-home-company .cont .heading__ja {
font-size: 1.875rem;
}
.p-home-company .cont .heading__en {
font-size: 0.75rem;
line-height: 1.6;
}
.p-home-company .cont__message {
font-size: 1.25rem;
line-height: 2;
padding-left: 6.875rem;
padding-top: 1.25rem;
}
.p-home-company .cont__txt {
line-height: 2;
padding-right: 0;
padding-left: 6.875rem;
padding-top: 1.25rem;
}
.p-home-company .cont__read-more-wrap {
padding-top: 5rem;
}
.p-home-company__inner:hover {
opacity: 1;
}
.p-home-company__inner:hover .p-home-company__bg {
opacity: 0.4;
}
.p-home-company__inner:hover .cont__inner {
background-color: #E3E3E3;
}
.p-home-company__inner:hover .cont__read-more::before, .p-home-company__inner:hover .cont__read-more::after {
background-color: #141414;
}
.p-works-sec01__inner {
padding-top: 5.3125rem;
padding-bottom: 9.0625rem;
}
.p-works-sec01 .tab__list {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.p-works-sec01 .tab__item {
width: 22.45%;
margin-right: 3.333%;
}
.p-works-sec01 .tab__item:nth-child(4n) {
margin-right: 0;
}
.p-works-sec01 .tab__link {
font-size: 1.25rem;
padding: 0.8125rem 1.875rem;
}
.p-works-sec01 .tab__link:hover {
background-color: #17ACA0;
color: #fff;
opacity: 1;
}
.p-works-sec01 .tab__link:hover::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.p-works-sec01__item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -2.0625rem;
padding-top: 6.125rem;
}
.p-works-sec01__item {
margin-top: 2.0625rem;
margin-right: 3.4375rem;
}
.p-works-sec01__item:nth-child(3n) {
margin-right: 0;
}
.p-works-sec01 .item {
width: 18.125rem;
}
.p-works-sec01 .item__body {
padding: 1.25rem 0 1.875rem;
}
.p-works-detail-sec01__inner {
padding-top: 5.3125rem;
padding-bottom: 8.9375rem;
}
.p-works-detail-sec01 .cont__ttl {
font-size: 1.875rem;
}
.p-works-detail-sec01 .cont__slider {
padding-top: 3.125rem;
}
.p-works-detail-sec01 .cont .works-slider__img-wrap {
padding-top: 37.5rem;
}
.p-works-detail-sec01 .cont .works-slider__caption {
padding: 0.8125rem 1.25rem;
}
.p-works-detail-sec01 .cont .works-slider__arw {
top: 38%;
}
.p-works-detail-sec01 .cont .works-slider__dots li {
padding-top: 6.875rem;
margin-right: 1.25rem;
}
.p-works-detail-sec01 .cont__output {
padding-top: 2.8125rem;
padding-bottom: 5.8125rem;
}
.p-works-detail-sec01 .cont__output p {
line-height: 1.666;
}
.p-news-sec01__inner {
padding-top: 4.25rem;
padding-bottom: 8.9375rem;
}
.p-news-sec01 .item__link {
padding: 1.0625rem 0;
}
.p-news-sec01 .item__data-wrap {
width: 11.5625rem;
}
.p-news-sec01 .item__time {
font-size: 0.9375rem;
padding-right: 2.875rem;
}
.p-news-sec01 .item__ttl {
font-size: 0.9375rem;
}
.p-news-sec01 .item__link:hover {
opacity: 1;
}
.p-news-sec01 .item__link:hover .item__ttl {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: #17ACA0;
}
.p-news-sec01 .cont__pagination {
padding-top: 6.5625rem;
}
.p-news-detail-sec01__inner {
padding-top: 5.3125rem;
padding-bottom: 9.0625rem;
}
.p-news-detail-sec01 .cont__ttl {
font-size: 1.875rem;
}
.p-news-detail-sec01 .cont__output {
padding-bottom: 5.3125rem;
}
.p-news-detail-sec01 .cont__output img {
padding-top: 3.15625rem;
}
.p-news-detail-sec01 .cont__output h1 {
font-size: 1.75rem;
margin-top: 3.25rem;
}
.p-news-detail-sec01 .cont__output h2 {
font-size: 1.375rem;
padding: 0.46875rem 1.0625rem 0.46875rem;
margin-top: 2.8125rem;
}
.p-news-detail-sec01 .cont__output h3 {
font-size: 1.375rem;
padding: 0.6875rem 0;
margin-top: 2.5rem;
}
.p-news-detail-sec01 .cont__output h4 {
font-size: 1.25rem;
padding: 0.46875rem 1.0625rem 0.46875rem;
margin-top: 2.625rem;
}
.p-news-detail-sec01 .cont__output h5 {
font-size: 1.25rem;
padding: 0 0 0.6875rem;
margin-top: 2.1875rem;
}
.p-news-detail-sec01 .cont__output h6 {
font-size: 1.25rem;
}
.p-news-detail-sec01 .cont__output p {
line-height: 1.666;
}
.p-contact-sec01__inner {
padding-top: 5.1875rem;
}
.p-contact-sec01 .cont__txt {
font-size: 1.25rem;
}
.p-contact-sec01 .cont__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 2.0625rem;
}
.p-contact-sec01 .cont__num {
font-size: 1.875rem;
padding: 0 2.09375rem;
position: relative;
}
.p-contact-sec01 .cont__num::after {
content: "";
display: inline-block;
width: 2px;
height: 1.76875rem;
background-color: #D9D2D2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.p-contact-sec01 .cont__num:last-child::after {
content: none;
}
.p-contact-sec02__inner {
padding-top: 5.4375rem;
}
.p-contact-sec02 .cont {
padding: 0.9375rem 1.25rem 0.8125rem;
}
.p-contact-sec02 .item__txt {
line-height: 1.666;
}
.p-contact-sec02 .item__txt_icon::before {
top: 0.625rem;
}
.p-contact-tab .tab__wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 6.25rem;
}
.p-contact-tab .tab__item {
width: 15.9375rem;
}
.p-contact-tab .tab__link {
font-size: 1.25rem;
}
.p-contact-form__inner {
padding-top: 3rem;
padding-bottom: 9.4375rem;
}
.p-contact-form__form-wrap {
padding-top: 1.6875rem;
}
.p-contact-thanks-sec01__inner {
padding-top: 5rem;
padding-bottom: 8.75rem;
}
.p-contact-thanks-sec01 .cont__txt {
line-height: 1.666;
}
.p-contact-thanks-sec01 .cont__txt + .cont__txt {
padding-top: 1.5625rem;
}
.p-privacy-policy-sec01__inner {
padding-top: 5rem;
padding-bottom: 9.0625rem;
}
.p-privacy-policy-sec01 .item__ttl {
font-size: 1.25rem;
}
.p-privacy-policy-sec01 .item__txt {
line-height: 1.666;
}
.p-privacy-policy-sec01 .item__list li {
line-height: 1.666;
}
.p-company-sec01__outer.c-triangle-mask-green::after {
top: -9.375rem;
}
.p-company-sec01__inner {
padding-top: 5.0625rem;
}
.p-company-sec01__cont {
padding-top: 2.75rem;
}
.p-company-sec01 .cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
}
.p-company-sec01 .cont__img-wrap {
padding-right: 3.125rem;
padding-top: 0.375rem;
}
.p-company-sec01 .cont__body {
padding-top: 0;
}
.p-company-sec01 .cont__txt {
line-height: 1.666;
}
.p-company-sec02__inner {
padding-top: 11.875rem;
}
.p-company-sec02 .cont {
padding-top: 3rem;
}
.p-company-sec02 .table th,
.p-company-sec02 .table td {
line-height: 1.666;
}
.p-company-sec03__outer {
margin-top: 6.25rem;
}
.p-company-sec03__inner {
padding-top: 5.75rem;
padding-bottom: 6.25rem;
}
.p-company-sec03 .cont {
padding-top: 3rem;
}
.p-company-sec03 .table th,
.p-company-sec03 .table td {
line-height: 1.666;
}
.p-company-sec04__outer.c-triangle-mask-gray::after {
top: 35.9375rem;
}
.p-company-sec04__inner {
padding-top: 5.8125rem;
}
.p-company-sec04 .cont {
padding-top: 3.125rem;
}
.p-company-sec04 .table th,
.p-company-sec04 .table td {
line-height: 1.666;
}
.p-company-sec05__inner {
padding-top: 12.0625rem;
padding-bottom: 8.75rem;
}
.p-company-sec05__txt {
line-height: 2.333;
padding-top: 2.4375rem;
}
.p-geological-sec01__inner {
padding-top: 5.0625rem;
}
.p-geological-sec01__cont {
padding-top: 2.75rem;
}
.p-geological-sec02__inner {
padding-top: 5.625rem;
}
.p-geological-sec02__cont {
padding-top: 2.75rem;
}
.p-geological-sec02 .item01 {
padding-top: 2.5rem;
}
.p-geological-sec02 .item02 {
padding-top: 2.375rem;
}
.p-geological-sec03__inner {
padding-top: 5.625rem;
}
.p-geological-sec03__cont {
padding-top: 2.5rem;
}
.p-geological-sec03 .cont__img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2.6875rem;
}
.p-soil-sec01__inner {
padding-top: 5.0625rem;
}
.p-soil-sec01__cont {
padding-top: 2.5rem;
}
.p-soil-sec02__inner {
padding-top: 5.75rem;
}
.p-soil-sec02__cont {
padding-top: 2.75rem;
}
.p-soil-sec02 .item01 {
padding-top: 2.75rem;
}
.p-soil-sec02 .item02 {
padding-top: 2.75rem;
}
.p-soil-sec03__inner {
padding-top: 5.5625rem;
padding-bottom: 7.1875rem;
}
.p-soil-sec03__cont {
padding-top: 2.9375rem;
}
.p-soil-sec03 .cont__img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2.6875rem;
}
.p-reconnaissance-sec01__inner {
padding-top: 5.0625rem;
}
.p-reconnaissance-sec01__cont {
padding-top: 2.5625rem;
}
.p-reconnaissance-sec02__inner {
padding-top: 5.5625rem;
}
.p-reconnaissance-sec02__cont {
padding-top: 2.875rem;
}
.p-reconnaissance-sec02 .item02 {
padding-top: 2.375rem;
}
.p-reconnaissance-sec02 .item03 {
padding-top: 2.375rem;
}
.p-reconnaissance-sec02 .item04 {
padding-top: 2.5625rem;
}
.p-reconnaissance-sec03__inner {
padding-top: 5.6875rem;
padding-bottom: 9.375rem;
}
.p-reconnaissance-sec03__cont {
padding-top: 3.125rem;
}
.p-reconnaissance-sec03 .cont__img-wrap {
margin-top: -3.125rem;
}
.p-reconnaissance-sec03 .cont__img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-reconnaissance-sec03 .cont__img {
padding-top: 3.125rem;
}
.p-attempt-sec01__inner {
padding-top: 5.0625rem;
}
.p-attempt-sec01__cont {
padding-top: 2.75rem;
}
.p-attempt-sec01 .item01 {
padding-top: 2.5625rem;
}
.p-attempt-sec01 .item01__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.p-attempt-sec01 .item01__col_head {
width: 15.625rem;
}
.p-attempt-sec01 .item02 {
padding-top: 2.875rem;
}
.p-attempt-sec01 .item03 {
padding-top: 2.5rem;
}
.p-attempt-sec01 .item04 {
padding-top: 2.375rem;
}
.p-attempt-sec02__inner {
padding-top: 5.75rem;
padding-bottom: 8.75rem;
}
.p-attempt-sec02__cont {
padding-top: 0.4375rem;
}
.p-attempt-sec02 .item {
padding-top: 2.5rem;
}
.p-recruit-topVisual {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/recruit/top.jpg);
}
.p-recruit-sec01__outer.c-triangle-mask-gray::after {
top: 12.5rem;
}
.p-recruit-sec01__inner {
padding-top: 5.125rem;
}
.p-recruit-sec01__cont {
padding-top: 3.125rem;
}
.p-recruit-sec01 .cont__txt {
padding-top: 2.625rem;
}
.p-recruit-sec02__outer.c-triangle-mask-green::after {
top: 56.25rem;
}
.p-recruit-sec02__inner {
padding-top: 5.625rem;
}
.p-recruit-sec02 .cont__txt {
font-size: 1.25rem;
padding-top: 2.5rem;
}
.p-recruit-sec02 .cont__item-wrap {
margin-top: -2.9375rem;
padding-top: 2.375rem;
}
.p-recruit-sec02 .cont__item {
margin-top: 2.9375rem;
}
.p-recruit-sec02 .cont .item__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 3.125rem;
}
.p-recruit-sec02 .cont .item__txt-wrap {
width: 21.9375rem;
margin-right: 2rem;
}
.p-recruit-sec02 .cont .item__img-wrap {
padding-top: 2.5rem;
}
.p-recruit-sec02 .cont .item__img img {
width: 17.6875rem;
}
.p-recruit-sec03__outer.c-triangle-mask-gray::after {
top: 68.75rem;
}
.p-recruit-sec03__inner {
padding-top: 6.125rem;
}
.p-recruit-sec03 .cont .item01 {
padding-top: 3.125rem;
}
.p-recruit-sec03 .cont .item01__table {
padding-top: 1.5625rem;
}
.p-recruit-sec03 .cont .item02 {
padding-top: 6.5625rem;
}
.p-recruit-sec03 .cont .item02__table {
padding-top: 1.5625rem;
}
.p-recruit-sec04__inner {
padding-top: 6.8125rem;
}
.p-recruit-sec04__cont {
padding-top: 3.125rem;
}
.p-recruit-sec05__inner {
padding-top: 5.5rem;
}
.p-recruit-sec05__cont {
padding-top: 3.125rem;
}
.p-recruit-sec06__inner {
padding-top: 3.4375rem;
}
.p-recruit-sec06 .cont__btns-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2.6875rem;
}
.p-recruit-sec06 .cont .btn {
width: 48.75%;
min-height: 11.25rem;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.p-recruit-sec06 .cont .btn__icon_mail {
width: 1.6825rem;
height: 1.320625rem;
}
.p-recruit-sec06 .cont .btn__icon_tel {
width: 1.9075rem;
height: 1.87375rem;
}
.p-recruit-sec06 .cont .btn__main {
font-size: 1.875rem;
line-height: 1.3666;
}
.p-recruit-sec06 .cont .btn__txt {
font-size: 0.9375rem;
}
.p-recruit-sec06 .cont .mail-btn {
padding: 1.875rem 0 0 0;
}
.p-recruit-sec06 .cont .mail-btn .btn__txt {
line-height: 2;
padding-top: 0.625rem;
}
.p-recruit-sec06 .cont .mail-btn .btn__main {
padding-right: 2.1875rem;
}
.p-recruit-sec06 .cont .mail-btn .btn__main span::after {
width: 1.8125rem;
height: 1.8125rem;
right: -2rem;
}
.p-recruit-sec06 .cont .tel-btn {
padding: 1.5625rem 0 0;
}
.p-recruit-sec06 .cont .tel-btn .btn__txt {
line-height: 1.8;
}
.p-recruit-sec06 .cont .tel-btn .btn__main {
padding-top: 0.625rem;
}
.p-recruit-sec06 .cont .btn:hover {
opacity: 1;
background-color: #17ACA0;
color: #fff;
}
.p-recruit-sec06 .cont .btn:hover .btn__icon_mail {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_mail_hover.png);
}
.p-recruit-sec06 .cont .btn:hover .btn__main {
color: #fff;
}
.p-recruit-sec06 .cont .mail-btn:hover .btn__main span::after {
background-image: url(//view-eng.co.jp/wp-content/themes/viewsekkei/img/common/ico_arrow-circle-right_hover.png);
}
.p-recruit-sec07__outer {
margin-top: 7.00625rem;
}
.p-recruit-sec07__inner {
padding-top: 5rem;
}
.p-recruit-sec07__cont {
padding-top: 3.625rem;
}
.p-recruit-sec07 .cont__item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-recruit-sec07 .cont .item {
width: 18.75rem;
}
.p-recruit-sec07 .cont .item__body {
padding: 2.1875rem 0 0;
}
.p-recruit-sec07 .cont .item__main {
padding: 1rem;
}
.p-recruit-sec07 .cont .item__info {
padding-top: 0.9375rem;
}
.p-recruit-sec08__inner {
padding-top: 5.75rem;
padding-bottom: 9.0625rem;
}
.p-recruit-sec08__txt {
padding-top: 3rem;
}
}
@media (min-width: 1200px) {
html {
font-size: 16px;
}
}
@media (min-width: 640px) {
.l-page-topSection__inner {
padding-top: 5.9375rem;
}
.c-heading__icon_news {
width: 1.96875rem;
}
.c-heading__icon_service {
width: 1.6525rem;
}
.c-heading__icon_results {
width: 1.638125rem;
}
.c-heading__icon_contact {
width: 2.52625rem;
}
.c-heading__icon_privacy-policy {
width: 1.5425rem;
}
.c-heading__icon_company {
width: 1.33375rem;
}
.c-heading__icon_business {
width: 1.845rem;
}
.c-heading__icon_attempt {
width: 1.67875rem;
}
.c-heading__icon_recruit {
width: 1.51rem;
}
.c-footer .map__embed {
padding-top: 23.125rem;
}
.c-footer .menu__list li ul li::before {
left: 0.9375rem;
}
}
@media only screen and (max-width: 500px) {
.l-recruit__img img {
min-width: 14.125rem;
right: auto;
left: -0.9375rem;
}
}
@media only screen and (min-width: 1500px) {
.l-recruit .cont__inner {
padding: 2.8125rem 9.375rem 2.875rem 5.4375rem;
}
.p-home-attempt .cont__inner {
padding: 2.8125rem 9.375rem 2.875rem 5.4375rem;
}
.p-home-company .cont__inner {
padding: 2.8125rem 2.96875rem 2.8125rem 9.375rem;
}
}
@media only screen and (min-width: 1501px) {
.c-triangle-mask-green::after {
border-width: 29.1634375rem 150vw 29.1634375rem 0;
}
.c-triangle-mask-gray::after {
border-width: 29.1634375rem 0 29.1634375rem 150vw;
}
}