@charset 'UTF-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after {
content: '';
content: none;
}
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); @font-face {
font-family: "YuGothic M";
src: local("Yu Gothic Medium");
}
html {
width: 100%;
height: 100%;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "YuGothic M", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;
-webkit-text-size-adjust: none;
font-size: 62.5%;
color: #000;
-webkit-overflow-scrolling: touch;
-webkit-print-color-adjust: exact;
overflow-y: scroll;
}
body {
position: relative;
height: 100%;
line-height: 1.6;
}
img {
font-size: 0;
}
::-moz-selection {
background: #a6a6a6;
color: #fff;
}
::selection {
background: #a6a6a6;
color: #fff;
}
a {
outline: none;
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
outline: none;
}
.is-sp {
display: block !important;
}
.is-pc {
display: none !important;
}
.is-fixed {
position: fixed;
width: 100%;
height: 100%;
}
.is--left {
float: left;
}
.is--right {
float: right;
}
.is--hidden {
overflow: hidden;
}
.is--logo {
width: 120px;
height: 26px;
}
.wrap {
position: relative;
}
.block {
overflow: hidden;
}
.main {
width: 100%;
background: #fff;
}
.content {
width: 100%;
}
.scroller {
position: fixed;
bottom: 7vh;
right: 20px;
width: 10px;
height: 100px;
font-size: 10px;
font-size: 1rem;
z-index: 20;
}
.scroller__down {
position: absolute;
top: 0;
line-height: 1;
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;
letter-spacing: 1px;
}
.scroller__down a {
color: #fff;
}
.scroller__down:after {
content: '';
display: block;
position: absolute;
bottom: -35px;
left: 33%;
width: 1px;
height: 26px;
background: #fff;
-webkit-animation: arrow 2.8s infinite;
animation: arrow 2.8s infinite;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.scroller__top {
position: absolute;
top: 0;
display: none;
line-height: 1;
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;
letter-spacing: 1px;
}
.scroller__top a {
color: #00508f;
}
.scroller__top:after {
content: '';
display: block;
position: absolute;
bottom: -35px;
left: 33%;
width: 1px;
height: 26px;
background: #005288;
-webkit-animation: pager 2.8s infinite;
animation: pager 2.8s infinite;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.is-link a {
display: inline-block;
background: linear-gradient(transparent 94%, #005288 0%);
background-size: 2px 2.8em;
line-height: 2.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.is-link.m--white-01 a {
background: linear-gradient(transparent 94%, #fff 0%);
color: #fff;
}
.is-link.m--white-02 a {
color: #fff;
}
.is-hover a {
position: relative;
display: inline-block;
padding-bottom: 8px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.is-hover a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #005288;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition: 0.28s cubic-bezier(0.49, 0.73, 0.89, 0.91);
}
.is-hover.m--white a {
color: #fff;
}
.is-hover.m--white a:before {
background: #fff;
}
.is-hover.m--white-work a {
color: #fff;
}
.is-hover.m--white-work a:before {
background: #005288;
}
.is-hover.m--white-recruit a {
color: #fff;
}
.is-hover.m--white-recruit a:before {
background: #fff;
}
.is-hover.m--font-big a {
font-size: 15px;
font-size: 1.5rem;
}
.is-hover.m--about a {
font-size: 10px;
font-size: 1rem;
}
.cmn-line-block__inner {
margin: -25px -20px 0;
padding: 25px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_jobs_01.gif) repeat 0 0;
background-size: 4px 4px;
}
.cmn-line-box {
margin-bottom: 30px;
}
.cmn-line-box:last-child {
margin-bottom: 5px;
}
.cmn-line-box__title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.cmn-line-box__content {
padding: 20px 16px 25px;
background: #fff;
}
.head__inner {
position: fixed;
top: 0;
left: 0;
display: table;
width: 100% !important;
height: 50px;
box-sizing: border-box;
z-index: 30;
}
.head__logo {
width: 120px;
}
.head-main {
display: table-cell;
padding-left: 16px;
vertical-align: middle;
background: #fff;
font-size: 0;
}
.head-area {
display: table-cell;
width: 50px;
}
.head-menu {
position: relative;
width: 50px;
height: 50px;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 12px, #005288 12px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.head-menu-line {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.head-menu-line__item {
width: 14px;
height: 1px;
background: #fff;
}
.head-menu-line__item.m--top {
position: absolute;
top: -1px;
}
.head-menu-line__item.m--middle {
position: absolute;
top: 6px;
}
.head-menu-line__item.m--bottom {
position: absolute;
top: 13px;
}
.head-nav {
display: none;
}
.foot {
position: relative;
}
.foot-form {
padding: 35px 20px 50px;
}
.foot-form__logo {
width: 128px;
height: auto;
margin: 0 auto 25px;
font-size: 0;
}
.foot-form-data {
text-align: center;
}
.foot-form-data__head {
margin-bottom: 20px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.foot-data {
margin-bottom: 25px;
padding: 0 20px;
}
.foot-data__item {
margin-bottom: 10px;
}
.foot-data__item:last-child {
margin-bottom: 0;
}
.foot-data__item a {
position: relative;
display: inline;
padding-bottom: 5px;
line-height: 2.3;
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
background: linear-gradient(transparent 96%, #00508f 0%);
}
.foot-sns-wrap{
margin-top: 6rem;
text-align: center;
}
.foot-sns-wrap .sns-icon{
display: inline-block;
}
.foot-sns-wrap .sns-icon:nth-child(1){
margin-right: 6.1rem;
}
.foot-bottom {
display: table;
width: 100%;
}
.foot-bottom__copy {
display: table-cell;
height: 72px;
padding: 0 20px;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 12px, #005288 12px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
letter-spacing: 1px;
vertical-align: middle;
line-height: 1.8;
font-weight: 200;
font-size: 9px;
font-size: 0.9rem;
color: #fff;
box-sizing: border-box;
}
.foot-bottom__space {
display: table-cell;
width: 50px;
height: 72px;
background: #fff;
box-sizing: border-box;
}
.foot-copy {
text-align: center;
font-weight: 200;
font-size: 8px;
font-size: 0.8rem;
color: #fff;
} .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-ms-flex-align: start;
align-items: flex-start;
transition-property: -webkit-transform, height;
transition-property: transform, height;
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
} .swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
} .swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
left: -20px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707171'%2F%3E%3C%2Fsvg%3E");
right: -20px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
} .swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
} .swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
} .swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right {    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top {    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom {    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px;
} .swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
} .swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.m--credit,
.swiper-button-next.m--credit {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
z-index: 10;
cursor: pointer;
}
.swiper-button-next.m--credit {
right: -5px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_credit_arrow.png) no-repeat 0 0;
background-size: 30px 30px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swiper-button-prev.m--credit {
left: -5px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_credit_arrow.png) no-repeat 0 0;
background-size: 30px 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swiper-button-prev.m--none {
display: none;
}
.swiper-button-next.m--none {
display: none;
}
.overlay {
position: fixed;
top: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 82, 136, 0.9);
z-index: 20;
opacity: 0;
}
.draw-menu {
position: fixed;
top: 50px;
display: none;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: scroll;
z-index: 21;
}
.draw-menu-list {
margin-bottom: 40px;
}
.draw-menu-list__item {
margin-bottom: 20px;
}
.draw-menu-list__item:last-child {
margin-bottom: 0;
}
.draw-menu-list__item.m--active .draw-data__body {
display: block;
}
.draw-inner {
padding: 30px 20px;
}
.draw-data__head {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
line-height: 1;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.draw-data__head:before {
content: '';
display: block;
position: absolute;
top: 7px;
right: 8px;
width: 13px;
height: 1px;
background: #fff;
}
.draw-data__head:after {
content: '';
display: block;
position: absolute;
top: 1px;
right: 14px;
width: 1px;
height: 13px;
background: #fff;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
}
.draw-data__head.m--active:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
}
.draw-data__body {
display: none;
}
.draw-link {
padding: 15px 15px 25px;
}
.draw-link__item {
margin-bottom: 15px;
}
.draw-link__item:last-child {
margin-bottom: 0;
}
.draw-link__item a {
position: relative;
display: inline;
padding-bottom: 5px;
line-height: 2.3;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
background: linear-gradient(transparent 96%, #fff 0%);
}
.draw-form {
margin: 0 -20px;
padding: 25px 0;
background: #fff;
text-align: center;
}
.draw-foot {
padding: 25px 0 55px;
text-align: center;
}
.draw-foot__item {
position: relative;
display: inline-block;
padding-left: 10px;
}
.draw-foot__item:first-child {
padding: 0 13px 0 0;
}
.draw-foot__item:first-child:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 11px;
background: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.draw-foot__item a {
padding-bottom: 5px;
border-bottom: 1px solid #fff;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.modal {
position: fixed;
top: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 9999;
opacity: 0;
}
.modal_block {
position: relative;
margin: 15px 15px 35px;
padding: 30px 15px;
background: #fff;
box-sizing: border-box;
}
.modal_block.m--share {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
margin: 0;
padding: 25px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.modal_block.m-none {
padding: 0 0 15px 0;
}
.modal--title {
margin-bottom: 20px;
text-align: center;
font-size: 15px;
font-size: 1.5rem;
}
.modal--close {
position: absolute;
top: -20px;
right: -20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50px;
background: #000;
box-sizing: border-box;
}
.modal--close a {
display: block;
font-size: 13px;
font-size: 1.3rem;
color: #fff;
}
.main-box {
margin-bottom: 25px;
}
.main-box-data {
border-radius: 5px 5px 0 0;
border: 1px solid #ccc;
background: #f1f1f1;
}
.main-box-data__head {
position: relative;
height: 40px;
line-height: 40px;
padding-left: 15px;
background: #3680c6;
border-radius: 5px 5px 0 0;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
box-sizing: border-box;
}
.main-box-data__head.m--icn-ranking {
padding-left: 35px;
}
.main-box-data__head.m--icn-ranking:before {
content: '';
position: absolute;
top: 50%;
left: 10px;
width: 21px;
height: 22px;
margin-top: -11px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_ranking.png) no-repeat 0 0;
background-size: 21px 22px;
}
.main-box-inner {
padding: 15px 10px 10px;
background: #f1f1f1;
}
.main-box-inner.m--compare-list {
padding: 15px 10px;
}
.main-box-inner.m--white {
background: #fff;
}
.popular-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.popular-list__item {
width: 48.5%;
margin: 0 3% 4% 0;
box-sizing: border-box;
}
.popular-list__item:nth-child(2n) {
margin-right: 0;
}
.most-top10-slide {
position: relative;
margin-bottom: 25px;
padding: 0 30px;
}
.most-compare {
margin-bottom: 15px;
padding: 15px 15px 25px;
background: #fff;
border: 1px solid #ccc;
}
.most-compare-list {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 13px;
}
.most-compare-list:before {
content: '×';
position: absolute;
top: 22%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-weight: bold;
font-size: 23px;
font-size: 2.3rem;
color: #000;
}
.most-compare-list.m--none {
margin: 0 -3% -30px;
}
.most-compare-list.m--none:before {
display: none;
}
.most-compare-list.m--none .most-compare-list__item {
width: 44%;
margin: 0 3% 30px;
}
.most-compare-list__item {
width: 45%;
margin-right: 10%;
}
.most-compare-list__item:last-child {
margin-right: 0;
}
.credit-ranking-slide {
position: relative;
margin-bottom: 30px;
}
.credit-ranking-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
.credit-ranking-list__item {
width: 46%;
margin-right: 8%;
}
.credit-ranking-list__item:last-child {
margin-right: 0;
}
.pagination-area {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.pagination-area__btn {
display: table;
width: 35px;
height: 27px;
background: #969696;
text-align: center;
font-size: 0;
}
.pagination-area__btn.m--before {
margin-right: 13px;
}
.pagination-area__btn.m--after {
margin-left: 13px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.pagination-area__btn a {
display: table-cell;
vertical-align: middle;
}
.pagination-area__btn img {
width: 10px;
height: auto;
}
.pagination-area .swiper-pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
text-align: center;
margin-bottom: -7px;
}
.pagination-area .swiper-pagination-bullet {
display: inline-block;
width: 25px;
height: 25px;
margin: 0 7px 7px;
border-radius: 0;
border: 1px solid #ccc;
text-align: center;
line-height: 25px;
font-size: 15px;
font-size: 1.5rem;
color: #666;
opacity: 1;
background: none;
}
.pagination-area .swiper-pagination-bullet-active {
border: 1px solid #3680c6;
background: #3680c6;
color: #fff;
}
.side-box {
margin-bottom: 25px;
}
.side-box-data__head {
height: 42px;
line-height: 39px;
border-top: 3px solid #3680c6;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/bg_sp_repeat.gif) repeat 0 0;
background-size: 2px 2px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
color: #000;
}
.feature-list {
padding: 12px 15px 0;
}
.feature-list__item {
display: table;
width: 100%;
padding: 12px 0;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
}
.feature-list__item a {
display: block;
}
.feature-list__item:last-child {
border-bottom: none;
}
.feature-img {
display: table-cell;
width: 73px;
padding-top: 5px;
vertical-align: top;
}
.feature-data {
display: table-cell;
padding-left: 10px;
vertical-align: top;
}
.feature-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
.feature-data__body {
font-size: 13px;
font-size: 1.3rem;
}
.side-ranking-list {
padding: 20px 15px 25px;
}
.side-ranking-list__item {
display: table;
width: 100%;
margin-bottom: 10px;
padding: 9px;
border: 1px solid #d4d4d4;
box-sizing: border-box;
}
.side-ranking-list__item:last-child {
margin-bottom: 0;
}
.side-ranking-list__item a {
display: block;
}
.side-ranking-img {
display: table-cell;
width: 50px;
font-size: 0;
}
.side-ranking-txt {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
line-height: 1.4;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
color: #d8a816;
}
.ad {
padding: 0 30px;
max-width: 300px;
width: 100%;
margin: 30px auto;
font-size: 0;
box-sizing: border-box;
}
.bread-list__item {
position: relative;
display: inline-block;
color: #005288;
}
.bread-list__item:before {
content: '－';
margin: 0 5px 0 8px;
color: #6b6b6b;
}
input,
select {
width: 100%;
padding: 0;
border: none;
border-radius: 0;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
textarea {
width: 100%;
min-height: 100px;
padding: 0;
border: none;
border-radius: 0;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
.form-head {
margin-bottom: 45px;
}
.form-lead-data {
margin-bottom: 30px;
color: #3b3b3b;
}
.form-lead-data__head {
margin-bottom: 15px;
text-align: center;
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
}
.form-lead-data__body {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
.form-lead-data__body.m--big {
text-align: center;
font-size: 15px;
font-size: 1.5rem;
}
.form-alert {
padding: 15px;
background: #f5f5f5;
}
.form-alert-list {
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.form-alert-list__item {
margin-bottom: 5px;
}
.form-alert-list__item:last-child {
margin-bottom: 0;
}
.form-alert-list span {
font-weight: bold;
color: #e72c28;
}
.form-body {
margin: 0 -20px;
padding: 25px 20px 40px;
background: #f2f6f9;
}
.form-body.m--last {
padding: 30px 20px;
text-align: center;
}
.form-body-inner {
margin-bottom: 30px;
}
.form-input {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #cfd2d3;
}
.form-input:last-child {
margin-bottom: 0;
}
.form-input-data {
margin-bottom: 20px;
}
.form-input-data:last-child {
margin-bottom: 0;
}
.form-input-data__head {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.form-input-data__head span {
color: #e72c28;
}
.form-input-data__head .normal-font{
display: block;
font-weight: normal;
color: #3b3b3b;
}
.form-input-data__head .inline-font{
display: inline-block;
color: #3b3b3b;
}
.form-input-data__head span.input-sub {
font-weight: normal;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.form-input-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.form-input-data__body.m--select {
position: relative;
}
.form-input-data__body.m--select:before {
content: '';
position: absolute;
top: 50%;
right: 15px;
width: 1px;
height: 7px;
background: #666;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-input-data__body.m--select:after {
content: '';
position: absolute;
top: 50%;
right: 12px;
width: 7px;
height: 1px;
background: #666;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mw_wp_form .form-input-data__body-wrap{
display: flex;
flex-direction: column;
gap: 20px;
}
.mw_wp_form .form-input-data__body-wrap:has(.form-input-textarea) {
margin-top: 10px;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item + .vertical-item {
margin-top: 0;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item label span{
position: relative;
padding-left: 25px;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item label span:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #2f8ac6;
border-radius: 3px;
background: #fff;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item input[type=checkbox] {
display: none;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item input[type=checkbox]:checked + span:before {
background: #2f8ac6;
}
.mw_wp_form .form-input-data__body.reasons .vertical-item input[type=checkbox]:checked + span:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%) rotate(40deg);
width: 4px;
height: 8px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
margin-top: -1px;
}
.mw_wp_form .form-input-data__body.reasons + p .form-input-textarea {
margin-top: 10px;
}
.mw_wp_form .form-input-data__body-other {
margin-top: 20px;
}
.mw_wp_form .form-input-data__body-textarea {
margin-top: 5px;
}
.form-input-data__body .form-input-textarea {
border: 1px solid #d4d4d4;
padding: 10px 12px;
}
.form-input-data__lead {
margin-bottom: 10px;
line-height: 1.8;
font-size: 10px;
font-size: 1rem;
color: #666;
}
.form-input-text {
padding: 10px 12px;
border: 1px solid #d4d4d4;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
box-sizing: border-box;
}
.form-input-text.m--check {
display: block;
width: 120px;
margin: 0 auto;
text-align: center;
}
.form-input-select {
padding: 10px 12px;
border: 1px solid #d4d4d4;
background: #fff;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
box-sizing: border-box;
}
.form-submit-lead {
margin-bottom: 20px;
text-align: center;
}
.form-submit-lead span {
position: relative;
margin-right: 22px;
}
.form-submit-lead span:after {
content: '';
position: absolute;
top: -2px;
right: -22px;
width: 17px;
height: 23px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_window.png) no-repeat 0 0;
background-size: 17px 13px;
}
.form-submit-lead a {
position: relative;
display: inline-block;
padding-bottom: 8px;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.form-submit-lead a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #005288;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition: 0.28s cubic-bezier(0.49, 0.73, 0.89, 0.91);
}
.form-submit-data__head {
margin-bottom: 25px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #666;
}
.form-submit-area__item {
margin-bottom: 20px;
}
.form-submit-area__item:last-child {
margin-bottom: 0;
}
.form-submit-btn-area {
position: relative;
height: 52px;
}
.form-submit-no-btn {
display: block;
position: absolute;
top: 0;
left: 50%;
max-width: 277px;
width: 100%;
height: 52px;
line-height: 52px;
margin: 0 auto;
padding: 0;
border: none;
border-radius: 0;
background: linear-gradient(45deg, transparent 0, #9b9b9b 0), linear-gradient(135deg, transparent 0, #9b9b9b 0), linear-gradient(225deg, transparent 0, #9b9b9b 0), linear-gradient(315deg, transparent 16px, #9b9b9b 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
font-family: inherit;
color: #fff;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.form-submit-no-btn.m--none {
display: none;
}
.form-submit-no-btn:before {
background: #9b9b9b;
}
.form-submit-no-btn:after {
content: '';
position: absolute;
bottom: 12px;
right: 4px;
width: 16px;
height: 1px;
background: #fff;
transition: .4s ease-out;
}
.form-input-file {
display: none;
}
.form-input-btn {
padding: 10px 20px;
border: 1px solid #d4d4d4;
border-radius: 0;
text-align: center;
background: #e8e8e8;
font-size: 14px;
font-size: 1.4rem;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
.form-input-file-data,
.form-input-file2-data,
.form-input-file3-data {
margin-bottom: 10px;
}
.form-input-file-data__head,
.form-input-file2-data__head,
.form-input-file3-data__head {
margin-top: 15px;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.form-input-file-data__body {
font-size: 10px;
font-size: 1rem;
color: #666;
}
.form-download-list__item {
margin-bottom: 10px;
padding: 20px 15px;
background: #f2f6f9;
}
.form-download-list__item:last-child {
margin-bottom: 0;
}
.form-download-data__head {
margin-bottom: 15px;
line-height: 1.6;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.form-download-data__head span {
display: inline-block;
}
.form-download-data__head span:after {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat 0 0;
background-size: 16px 16px;
vertical-align: top;
}
.form-download-data__body {
text-align: center;
font-size: 0;
}
.form-submit-check {
margin-bottom: 20px;
text-align: center;
}
.form-submit-check label {
position: relative;
display: block;
}
.form-submit-check label span {
position: relative;
display: inline;
padding: 0 0 10px 27px;
font-size: 16px;
font-size: 1.6rem;
color: #3b3b3b;
}
.form-submit-check label span:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
margin-top: -14px;
border: 1px solid #2f8ac6;
border-radius: 3px;
background: #fff;
}
.form-submit-check input[type=checkbox] {
display: none;
}
.form-submit-check input[type=checkbox]:checked + span:before {
background: #2f8ac6;
}
.form-submit-check input[type=checkbox]:checked + span:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 6px;
width: 4px;
height: 8px;
margin-top: -11px;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.form-img-check {
text-align: center;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.form-img-check img {
max-width: 200px;
width: 100%;
height: auto;
margin: 0 auto 5px;
background: #e3e3e3;
}
.form-img-check input[type=text] {
display: block;
width: 120px;
margin: 15px auto 0;
padding: 10px 12px;
border: 1px solid #d4d4d4;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
box-sizing: border-box;
}
.input-radio {
display: none;
}
.input-radio:checked + .input-txt__radio:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 11px;
height: 11px;
border: 3px solid #3f87cb;
border-radius: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.input-txt__radio {
display: table-cell;
padding-left: 23px;
vertical-align: middle;
}
.input-txt__radio:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 17px;
height: 17px;
border: 1px solid #a9a9a9;
border-radius: 50px;
background: #e6e6e6;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
}
.input-txt__check {
display: table-cell;
padding-left: 28px;
vertical-align: middle;
}
.input-txt__check:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
margin-top: -8px;
border: 1px solid #c3c3c3;
background: #f2f2f2;
}
.select-cover {
position: relative;
background: linear-gradient(to bottom, #ffffff 43%, #f5f5f5 100%) #fff;
}
.select-cover:before {
content: '';
position: absolute;
z-index: 0;
top: 50%;
right: 2px;
width: 30px;
height: 88%;
background: #777;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.select-cover:after {
content: '';
position: absolute;
z-index: 0;
top: 50%;
margin: auto 0;
right: 9px;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 8px 0 8px;
border-color: #fff transparent transparent transparent;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.input-select {
position: relative;
padding: 8px;
border: 1px solid #c3c3c3;
background: transparent;
font-size: 13px;
font-size: 1.3rem;
z-index: 1;
}
.btn {
display: inline-block;
max-width: 277px;
width: 100%;
height: 52px;
}
.btn a {
display: block;
position: relative;
height: 52px;
line-height: 52px;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 16px, #005288 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
overflow: hidden;
box-sizing: border-box;
}
.btn a:before {
content: '';
position: absolute;
bottom: 0;
right: 18px;
width: 30px;
height: 50px;
background: #005288;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: .4s ease-out;
z-index: -1;
}
.btn a:after {
content: '';
position: absolute;
bottom: 12px;
right: 0;
width: 24px;
height: 1px;
background: #005288;
transition: .4s ease-out;
}
.btn.m--border-color01 a {
position: relative;
height: 52px;
line-height: 140%;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 16px, #005288 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
overflow: hidden;
box-sizing: border-box;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.btn.m--small-01 {
width: 60px;
height: 60px;
text-align: center;
}
.btn.m--small-01 a {
letter-spacing: 1px;
}
.btn.m--small-01 a:before {
z-index: -1;
}
.btn.m--small-01 a:after {
content: '';
position: absolute;
bottom: 10px;
right: 4px;
width: 18px;
height: 1px;
}
.btn.m--color-blue01 a {
display: block;
position: relative;
height: 52px;
line-height: 52px;
padding: 0 20px;
background: linear-gradient(45deg, transparent 0, #2f8ac6 0), linear-gradient(135deg, transparent 0, #2f8ac6 0), linear-gradient(225deg, transparent 0, #2f8ac6 0), linear-gradient(315deg, transparent 16px, #2f8ac6 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
letter-spacing: 1px;
font-weight: 200;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.btn.m--color-blue01 a:before {
background: #2f8ac6;
}
.btn.m--color-blue01 a:after {
content: '';
position: absolute;
bottom: 12px;
right: 0;
width: 24px;
height: 1px;
background: #005288;
transition: .4s ease-out;
}
.btn.m--color-gray01 a {
display: block;
position: relative;
height: 52px;
line-height: 52px;
padding: 0 20px;
background: linear-gradient(45deg, transparent 0, #9b9b9b 0), linear-gradient(135deg, transparent 0, #9b9b9b 0), linear-gradient(225deg, transparent 0, #9b9b9b 0), linear-gradient(315deg, transparent 16px, #9b9b9b 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
letter-spacing: 1px;
font-weight: 200;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.btn.m--color-gray01 a:before {
background: #9b9b9b;
}
.btn.m--color-gray01 a:after {
content: '';
position: absolute;
bottom: 12px;
right: 4px;
width: 16px;
height: 1px;
background: #00508f;
transition: .4s ease-out;
}
.btn.m--border-color01 a:after {
background: #fff;
}
.btn.m--download {
text-align: center;
}
.btn.m--download a:after {
background: #fff;
}
.btn.m--404 {
text-align: center;
}
.btn.m--404 a:after {
background: #fff;
}
.btn.m--top {
text-align: center;
}
.btn.m--top a:after {
background: #fff;
}
.btn-submit {
display: block;
position: relative;
max-width: 277px;
width: 100%;
height: 52px;
line-height: 52px;
margin: 0 auto;
padding: 0;
border: none;
border-radius: 0;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 16px, #005288 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
font-family: inherit;
color: #fff;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
.btn-submit.m--none {
display: none;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn-submit:before {
content: '';
position: absolute;
bottom: 0;
right: 18px;
width: 30px;
height: 50px;
background: #005288;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: .4s ease-out;
z-index: 1;
}
.btn-submit:after {
content: '';
position: absolute;
bottom: 12px;
right: 4px;
width: 16px;
height: 1px;
background: #fff;
transition: .4s ease-out;
}
.btn-submit-cover {
position: relative;
max-width: 277px;
width: 100%;
height: 52px;
line-height: 52px;
margin: 0 auto;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 16px, #005288 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
overflow: hidden;
box-sizing: border-box;
}
.btn-submit-cover.m--gray {
background: linear-gradient(45deg, transparent 0, #9b9b9b 0), linear-gradient(135deg, transparent 0, #9b9b9b 0), linear-gradient(225deg, transparent 0, #9b9b9b 0), linear-gradient(315deg, transparent 16px, #9b9b9b 16px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
}
.btn-submit-cover.m--gray:before {
background: #9b9b9b;
}
.btn-submit-cover.m--gray:after {
content: '';
position: absolute;
bottom: 12px;
right: 4px;
width: 16px;
height: 1px;
background: #fff;
transition: .4s ease-out;
}
.btn-submit-cover input {
height: 52px;
line-height: 52px;
background: none;
color: #fff;
}
.btn-submit-cover:before {
content: '';
position: absolute;
bottom: 0;
right: 18px;
width: 30px;
height: 50px;
background: #005288;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: .4s ease-out;
z-index: 1;
}
.btn-submit-cover:after {
content: '';
position: absolute;
bottom: 12px;
right: 4px;
width: 16px;
height: 1px;
background: #fff;
transition: .4s ease-out;
}
.title {
margin-bottom: 10px;
line-height: 1.4;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.title.m--white {
color: #fff;
}
.title.m--mb-long {
margin-bottom: 20px;
}
.title-lead {
margin-bottom: 20px;
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
}
.title-lead.m--white {
color: #fff;
}
.txt {
line-height: 1.8;
font-weight: 200;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.txt.m--white {
color: #fff;
}
.txt-list__item {
margin-bottom: 25px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.txt-list__item.m--sub {
color: #6b6b6b;
}
.txt-list__item:last-child {
margin-bottom: 0;
}
.txt-list__item a {
text-decoration: underline;
color: #005288;
}
.news__item {
margin-bottom: 15px;
border-bottom: 1px solid #dedede;
}
.news__item:last-child {
margin-bottom: 0;
}
.news__data {
float: right;
padding-top: 2px;
font-size: 10px;
font-size: 1rem;
color: #2f8ac6;
}
.news.m--relation .news__item:last-child {
margin-bottom: 15px;
}
.news-head {
overflow: hidden;
}
.news-tag {
float: left;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin: 0 -3px 5px;
}
.news-tag__item {
margin: 0 3px 10px;
}
.news-body__txt {
padding-bottom: 10px;
line-height: 1.6;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.news-report {
padding-bottom: 10px;
line-height: 1.6;
}
.news-report__head {
margin-bottom: 5px;
line-height: 1.8;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.news-report__head span {
display: inline-block;
height: 22px;
line-height: 22px;
margin-left: 10px;
padding: 0 5px;
font-size: 14px;
font-size: 1.4rem;
background: #cc2830;
color: #fff;
}
.news-report__body {
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.tag {
min-width: 50px;
height: 18px;
line-height: 18px;
padding: 0 5px;
text-align: center;
background: #2f8ac6;
font-weight: 200;
font-size: 9px;
font-size: 0.9rem;
color: #fff;
box-sizing: border-box;
}
.tag.m--blue {
background: #005288;
}
.hero {
position: relative;
width: 100vw;
height: auto;
min-height: 100vh;
margin-top: -50px;
padding: 150px 20px 20px;  box-sizing: border-box;
opacity: 0;
}
.hero.m--top {
height: 100%;
min-height: 100%;
margin-top: 0;
padding: 0;
}
.hero.m--tech {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/technology/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--services {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--services-lower {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--corp {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/corp/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--about {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-jobs {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-faq {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/faq/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-office {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/office/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero-inner {
position: absolute;
bottom: 30%;
left: 0;
max-width: 344px;
width: 90%;
padding-left: 20px;
box-sizing: border-box;
}
.hero-inner.m--top {
position: relative;
bottom: 24%;
max-width: 768px;
width: 100%;
padding-left: 0;
}
.hero-inner.m--services {
bottom: 35%;
}
.hero-inner.m--about {
bottom: 30%;
}
.hero-inner.m--about-lower {
bottom: 33%;
}
.hero-inner.m--recruit {
bottom: 33%;
}
.hero-inner.m--bottom {
bottom: 30%;
}
.hero-inner.m--bottom-02 {
bottom: 33%;
}
.hero-inner.m--bottom-03 {
bottom: 28%;
}
.hero-inner__title {
opacity: 0;
}
.hero-inner__title.m--top {
margin-bottom: 30px;
}
.hero-inner__title.m--center {
line-height: 1.2;
letter-spacing: 1px;
font-weight: 600;
font-size: 42px;
font-size: 4.2rem;
color: #fff;
}
.hero-inner__title.m--center-long {
line-height: 1.2;
letter-spacing: 1px;
font-weight: 600;
font-size: 42px;
font-size: 4.2rem;
color: #fff;
}
.hero-inner__title.m--service-lower {
line-height: 1.2;
letter-spacing: 1px;
font-weight: 600;
font-size: 50px;
font-size: 5rem;
color: #fff;
}
.hero-inner__title span {
display: block;
margin-bottom: 10px;
padding-left: 3px;
line-height: 1;
font-weight: 200;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.hero-inner__txt {
margin-top: 8px;
line-height: 1.8;
font-weight: 200;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
opacity: 0;
}
.lower-block {
padding: 25px 20px;
}
.lower-component {
margin: 40px 0;
}
.lower-component.m--mt-none {
margin-top: 0;
}
.lower-component.m--mb-none {
margin-bottom: 0;
}
.article-head {
margin-bottom: 30px;
}
.article-head__ymd {
margin: 18px 0 5px;
font-size: 14px;
font-size: 1.4rem;
color: #2f8ac6;
}
.article-head__name,
.article-head__location,
.article-head__navigator {
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
}
.article-head-tag {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.article-head-tag__item {
margin: 0 5px 15px;
}
.article-sns {
margin-top: 20px;
text-align: center;
overflow: hidden;
}
.article-sns__item {
float: left;
display: table;
width: 24.7%;
height: 32px;
margin-right: 1px;
text-align: center;
}
.article-sns__item:last-child {
margin-right: 0;
}
.article-sns__item a {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.article-sns__item img {
vertical-align: middle;
}
.article-sns__item.m--twiiter a {
background: #1b95e0;
}
.article-sns__item.m--twiiter img {
width: 23px;
height: 20px;
}
.article-sns__item.m--facebook a {
background: #4267b2;
}
.article-sns__item.m--facebook img {
width: 11px;
height: 20px;
}
.article-sns__item.m--google a {
background: #dc4e41;
}
.article-sns__item.m--google img {
width: 32px;
height: 21px;
}
.article-sns__item.m--ever a {
background: #6fb536;
}
.article-sns__item.m--ever img {
width: 18px;
height: 21px;
}
.article-link-list {
margin-top: 20px;
padding: 23px 20px;
background: #f5f5f5;
}
.article-link-list p {
margin-bottom: 5px;
padding-left: 10px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.article-link-list p:last-child {
margin-bottom: 0;
}
.article-link-list p a {
position: relative;
text-decoration: underline;
color: #005288;
}
.article-link-list p a:before {
content: '-';
position: absolute;
top: -2px;
left: -14px;
}
.article-body h2 {
margin: 0 -20px 20px;
padding: 15px 20px 13px;
background: #2f8ac6;
line-height: 1.6;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
}
.article-body h3 {
position: relative;
margin-bottom: 12px;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
background: linear-gradient(transparent 92%, #2f8ac6 0%);
background-size: 2px 2.8em;
line-height: 2.8;
}
.article-body h4 {
margin-bottom: 15px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.article-body ul {
margin-bottom: 30px;
}
.article-body ul li {
position: relative;
margin-bottom: 10px;
padding-left: 14px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.article-body ul li:last-child {
margin-bottom: 0;
}
.article-body ul li:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 3px;
width: 3px;
height: 3px;
line-height: 1;
border-radius: 50%;
background: #2f8ac6;
}
.article-body ul[style*="circle"],
.article-body ul[style*="disc"],
.article-body ul[style*="square"] {
list-style: none!important;
}
.article-body ul[style*="square"] li {
padding-left: 24px;
}
.article-body ul[style*="square"] li:before {
top: 10px;
left: 8px;
width: 8px;
height: 8px;
border-radius:inherit;
background: #3b3b3b;
}
.article-body ol {
margin-bottom: 30px;
}
.article-body ol li {
margin: 0 0 10px 18px;
padding-left: 10px;
list-style-type: decimal;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.article-body ol li:last-child {
margin-bottom: 0;
}
.article-body p {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.article-body p + p {
margin-top: 20px;
}
.article-body a {
color: #005288;
}
.article-body img {
display: block;
width: 100%;
height: auto;
margin: 0 auto 20px;
background: #f2f6f9;
border: 6px solid #f2f6f9;
box-sizing: border-box;
}
.article-body table {
width: 100%;
margin-bottom: 30px;
border: 1px solid #ccc;
border-collapse: collapse;
background: #fff;
box-sizing: border-box;
}
.article-body table th {
padding: 7px 10px 6px;
border: 1px solid #ccc;
text-align: left;
background: #f2f6f9;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.article-body table td {
padding: 7px 10px 6px;
border: 1px solid #ccc;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
box-sizing: border-box;
}
.article-body table td:first-child {
width: 25%;
}
.article-body strong {
font-weight: bold;
}
.article-body .article-table {
margin-bottom: 30px;
}
.article-body .article-table td:first-child {
width: 50%;
}
.article-body .article-alert {
margin-bottom: 25px;
padding: 10px 15px 15px;
background: #f5f5f5;
}
.article-body .article-alert ul {
margin-bottom: 0;
}
.article-body .article-alert li {
margin: 0 0 5px 0;
padding: 0;
list-style: none;
font-size: 10px;
font-size: 1rem;
color: #6b6b6b;
}
.article-body .article-alert li:before {
display: none;
}
.article-box {
margin-bottom: 30px;
overflow: hidden;
}
.article-inner {
margin-bottom: 20px;
}
.article-link {
margin-top: 20px;
font-size: 12px !important;
font-size: 1.2rem !important;
}
.article-feature-code {
margin-bottom: 25px;
padding: 10px 15px;
border: 1px solid #ccc;
background: #f2f6f9;
box-sizing: border-box;
}
.article-feature-code p {
word-break: break-all;
font-size: 12px !important;
font-size: 1.2rem !important;
}
.article-img {
margin-bottom: 30px;
}
.article-code {
margin-bottom: 30px;
}
.article-code-commentary {
width: 100%;
margin-bottom: 30px;
padding: 15px;
background: #fff;
border: 6px solid #f2f6f9;
box-sizing: border-box;
}
.article-code-commentary dl {
margin-bottom: 25px;
color: #3b3b3b;
}
.article-code-commentary dl:last-child {
margin-bottom: 0;
}
.article-code-commentary dl dt {
margin-bottom: 10px;
line-height: 1;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
}
.article-code-commentary dl dd {
line-height: 1.6;
font-size: 12px;
font-size: 1.2rem;
}
.article-code-black {
margin-bottom: 30px;
padding: 25px 20px;
background: #222;
overflow-x: auto;
}
.article-code-black code {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #7bff9a;
}
.article-form {
padding: 20px 15px;
background: #f2f6f9;
}
.article-form dl {
margin-bottom: 25px;
}
.article-form dl:last-child {
margin-bottom: 0;
}
.article-form-pdf dt {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.article-form-pdf dd {
font-size: 12px;
font-size: 1.2rem;
}
.article-form-pdf dd a {
display: block;
padding-right: 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat right 0;
background-size: 16px 16px;
color: #005288;
}
.article-form-pdf dd span {
display: block;
color: #005288;
}
.article-form-download dt {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}
.article-form-download dt a {
display: inline-block;
padding-right: 25px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_window.png) no-repeat right 40%;
background-size: 17px 13px;
color: #005288;
}
.article-form-download dd {
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.article-other {
margin-top: 30px;
}
.article-other dl {
margin-bottom: 15px;
}
.article-other dl:last-child {
margin-bottom: 0;
}
.article-other dl dt {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.article-other dl dd a {
font-size: 12px;
font-size: 1.2rem;
color: #2f8ac6;
}
.article-foot {
margin: 45px 0 -40px;
padding-top: 45px;
border-top: 2px solid #f5f5f5;
}
.article-report {
margin: 35px 0 25px;
overflow: hidden;
}
.article-left {
margin-bottom: 30px;
}
.article-right img {
margin-bottom: 0;
}
.article-lead {
margin: 22px 0;
font-size: 14px;
font-size: 1.4rem;
}
.top-block__inner {
padding: 30px 20px;
}
.top-block__inner.m--service {
position: relative;
padding-bottom: 100px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/bg_top_service.jpg) no-repeat 0 bottom;
background-size: cover;
}
.top-block__inner.m--oss {
padding-bottom: 45px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/bg_top_oss.jpg) no-repeat 0 bottom;
background-size: cover;
}
.top-block__inner.m--skill {
padding-bottom: 45px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/bg_top_skill.png) no-repeat right bottom;
background-size: 197px 168px;
}
.top-block__inner.m--example {
padding: 0;
}
.top-block__inner.m--news {
background: #f5f5f5;
}
.top-list {
margin-bottom: 25px;
}
.top-list.m--skill {
margin: 25px 0 40px;
}
.top-list__item {
position: relative;
max-width: 270px;
width: 100%;
margin: 0 auto 15px;
margin: 0 auto 51.5px;
font-size: 0;
}
.top-list__item:last-child {
margin-bottom: 0;
}
.top-list__txt {
position: absolute;
top: 50%;
left: 15px;
letter-spacing: 1px;
font-weight: 200;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-list__link{
margin-top: 2.5rem;
text-align: center;
}
.top-list__link a{
display: inline-block;
padding-bottom: 1rem;
font-size: 1.2rem;
color: #3b3b3b;
letter-spacing: 0.02em;
border-bottom: 4px solid #005288;
line-height: 1;
}
.top-more {
margin-top: 30px;
}
.top-more.m--special {
position: absolute;
top: 50%;
left: -3%;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-oss {
position: relative;
padding-top: 30px;
}
.top-oss-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.top-oss-list__item {
position: relative;
width: 32%;
margin: 0 2% 3% 0;
font-size: 0;
}
.top-oss-list__item:nth-child(3n) {
margin-right: 0;
}
.top-oss-btnarea {
position: relative;
max-width: 280px;
margin: 0 auto;
}
.top-oss-btnarea:after,
.top-oss-btnarea:before {
content: '';
display: block;
clear: both;
}
.top-example-head {
display: table;
width: 100%;
overflow: hidden;
}
.top-example-head__item {
float: left;
width: 50%;
height: 249px;
}
.top-example-head__item.m--01 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/bg_top_example_01.jpg) no-repeat 0 0;
background-size: cover;
}
.top-example-head__item.m--02 {
padding: 30px 25px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/bg_top_example_02.jpg) no-repeat 0 0;
background-size: cover;
box-sizing: border-box;
}
.top-news-head {
margin-bottom: 30px;
overflow: hidden;
}
.top-news .news {
background: rgba(255, 255, 255, 0.6);
} .top-icn-kubernetes {
position: absolute;
bottom: 45px;
right: 20px;
width: 94px;
height: 93px;
font-size: 0;
}
.top-icn-kubernetes img {
width: 100%;
height: auto;
}
.tech {
margin: 0 -20px;
padding: 40px 20px;
background: #f5f5f5;
}
.tech-head-box {
position: relative;
}
.tech-head-box:after {
content: '';
position: absolute;
z-index: 0;
top: 50%;
margin: auto 0;
right: 9px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #fff transparent transparent transparent;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tech-select {
position: relative;
height: 45px;
line-height: 45px;
padding: 0 20px;
background: #2f8ac6;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.tech-select option {
background: #fff;
}
.tech-foot-box {
position: relative;
height: 127px;
margin: 15px 0 20px;
border-bottom: 1px solid #dee9ef;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/technology/bg_select.png) no-repeat right bottom #fff;
background-size: contain;
}
.tech-foot-box-data {
position: absolute;
top: 0;
display: none;
padding: 15px;
opacity: 0;
box-sizing: border-box;
}
.tech-foot-box-data:first-child {
display: block;
opacity: 1;
}
.tech-foot-box-data__head {
margin-bottom: 10px;
font-size: 15px;
font-size: 1.5rem;
color: #2f8ac6;
}
.tech-foot-box-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.tech-search {
padding: 25px 15px;
border: 1px solid #2f8ac6;
background: #fff;
box-sizing: border-box;
}
.tech-search-block {
margin: 25px 0;
}
.tech-search-block.m--none {
margin: 0;
}
.tech-title {
margin-bottom: 15px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.tech-search-oss {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tech-search-oss__item {
width: 46%;
margin: 0 2% 4% 0;
}
.tech-search-oss__item:nth-child(2n) {
width: 52%;
margin: 0;
}
.tech-search-oss__item label {
position: relative;
display: block;
}
.tech-search-keyword {
position: relative;
margin: 15px -15px 0;
padding: 20px 15px;
background: #edf7ff;
}
.tech-search-keyword:after {
content: '';
position: absolute;
top: -9px;
left: 50%;
margin: auto 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 12px 7px;
border-color: transparent transparent #edf7ff transparent;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tech-search-keyword__item {
width: 100%;
margin-bottom: 15px;
}
.tech-search-keyword__item:last-child {
margin-bottom: 0;
}
.tech-search-keyword__item label {
position: relative;
display: block;
}
.tech-search-keyword__txt {
position: relative;
display: inline;
padding: 0 0 10px 27px;
line-height: 2.3;
font-size: 13px;
font-size: 1.3rem;
color: #3b3b3b;
}
.tech-search-keyword__txt:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
margin-top: -14px;
border: 1px solid #2f8ac6;
border-radius: 3px;
background: #fff;
}
.tech-search-horizon {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -5px;
}
.tech-search-horizon__item {
width: 18%;
margin: 0 1%;
}
.tech-radio {
display: none;
}
.tech-radio__txt {
position: relative;
display: inline;
padding-bottom: 10px;
line-height: 2.3;
font-size: 13px;
font-size: 1.3rem;
color: #3b3b3b;
}
.tech-radio:checked + .tech-radio__txt {
font-weight: bold;
color: #2f8ac6;
background: linear-gradient(transparent 93%, #3b3b3b 0%);
}
.tech-check {
display: none;
}
.tech-check:checked + .tech-search-keyword__txt {
font-weight: bold;
color: #2f8ac6;
}
.tech-check:checked + .tech-search-keyword__txt:before {
background: #2f8ac6;
}
.tech-check:checked + .tech-search-keyword__txt:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 6px;
width: 4px;
height: 8px;
margin-top: -11px;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.tech-news {
margin-top: 30px;
}
.presentation-head {
margin: 30px 0 40px;
}
.presentation-data {
margin-bottom: 15px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.presentation-data:last-child {
margin-bottom: 0;
}
.presentation-data__head {
display: inline-block;
min-width: 120px;
height: 30px;
line-height: 30px;
margin-bottom: 12px;
padding: 0 10px;
text-align: center;
background: #f5f5f5;
box-sizing: border-box;
}
.presentation-data__body {
line-height: 1.6;
}
.presentation-data__body a {
display: block;
padding-left: 22px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat left 0;
background-size: 16px 16px;
color: #005288;
}
.presentation-data__body a.no-icon {
background: none;
padding-left: 0;
}
.eventreport-img {
margin-top: 25px;
}
.services-btnarea {
text-align: center;
margin-top: 25px;
}
.services-block {
margin-top: 70px;
}
.services-block.m--right .services-title {
right: 18px;
top: initial;
margin-top: -114px;
padding-top: 80px;
}
.services-block.m--right .services-support {
float: right;
}
.services-block.m--right .services-support:before {
right: 0;
}
.services-block.m--right .services-cover {
padding: 20px 0 45px 20px;
}
.services-block-main {
position: relative;
margin: 0 -20px;
padding: 0 20px;
}
.services-block-main.m--01 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/bg_service_01.jpg) no-repeat right 100%;
background-size: cover;
}
.services-block-main.m--02 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/bg_service_02.jpg) no-repeat left 100%;
background-size: cover;
}
.services-block-main.m--03 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/bg_service_03.jpg) no-repeat right 100%;
background-size: cover;
}
.services-block-main:before {
content: '';
display: block;
clear: both;
}
.services-block-main:after {
content: '';
display: block;
clear: both;
}
.services-title {
position: absolute;
top: -14px;
max-width: 285px;
line-height: 1.2;
font-weight: 900;
font-size: 32px;
font-size: 3.2rem;
color: #3b3b3b;
z-index: 1;
}
.services-title span {
line-height: 1;
vertical-align: middle;
font-size: 18px;
font-size: 1.8rem;
}
.services-title.m--double {
top: -28px;
top: initial;
padding-top: 56px;
margin-top: -84px;
}	
.services-title.m--triple {
top: -28px;
top: initial;
margin-top: -90px;
padding-top: 72px;
font-size: 30px;
font-size: 3rem;
}
.services-support {
position: relative;
width: 90%;
padding-top: 50px;
}
.services-support:before {
content: '';
position: absolute;
top: 0;
display: block;
width: 60%;
height: 50px;
background: #fff;
}
.services-support.m--left:before {
left: 0;
}
.services-cover {
padding: 20px 20px 45px 0;
background: #fff;
}
.services-data {
margin-bottom: 25px;
line-height: 1.8;
}
.services-data__head {
margin-bottom: 20px;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.services-data__body {
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.services-block-sub {
margin: 0 -20px;
padding: 25px 20px 35px;
background: #005288;
}
.services-detail {
margin-bottom: 15px;
}
.services-detail__head {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
}
.services-detail-list__item {
margin-bottom: 5px;
padding-left: 1em;
text-indent: -1em;
font-weight: 200;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.services-detail-list__item:last-child {
margin-bottom: 0;
}
.services-link a {
display: block;
background: linear-gradient(transparent 92%, #2f8ac6 0%);
background-size: 2px 2.8em;
line-height: 2.8;
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
}
.services-link.m--white a {
background: linear-gradient(transparent 92%, #fff 0%);
color: #fff;
}
.services-link-list {
overflow: hidden;
}
.services-link-list__item {
float: left;
margin-right: 40px;
}
.services-link-list__item:last-child {
margin-right: 0;
}
.service-block-pickup{
margin: 2.8rem -10px 0;
}
.service-block-pickup__inner{
padding: 2.6rem 1.5rem;
background-color: #e5edf3;
}
.service-pickup-list{
display: flex;
flex-wrap: wrap;
}
.sercive-pickup-list__item{
width: 47.68%;
height: 11.1rem;
margin-bottom: 1.5rem;
}
.sercive-pickup-list__item:nth-child(5),
.sercive-pickup-list__item:nth-child(6){
margin-bottom: 0;
}
.sercive-pickup-list__item:nth-child(2n-1){
margin-right: auto;
}
.sercive-pickup-list__item .btn{
height: inherit;
}
.sercive-pickup-list__item .btn a{
height: inherit;
line-height: 1;
padding: 1.4rem 7% 0;
}
.sercive-pickup-list__item .btn a::before{
content: none;
}
.sercive-pickup-list__item .btn a::after{
width: 1.75rem;
right: 0.45rem;
}
.sercive-pickup-list__item .btn a .head{
display: block;
border-bottom: 2px solid #a1c9e3;
padding-bottom: 5px;
font-size: 1.2rem;
}
.sercive-pickup-list__item .btn a .head .strong{
font-size: 1.7rem;
letter-spacing: 0.05em;
}
.sercive-pickup-list__item .btn a .text{
display: block;
margin-top: 1.1rem;
font-size: 1.1rem;
line-height: 1.36;
letter-spacing: 0;
}
.service-block-pickup__title{
margin-bottom: 2.05rem;
text-align: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.2em;
}
.services-alert {
margin: -5px 0 30px;
}
.services-alert-list {
max-width: 240px;
}
.services-alert-list__item {
position: relative;
height: 38px;
line-height: 41px;
padding: 0 8px;
text-align: center;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.services-alert-list__item:first-child {
line-height: 38px;
}
.services-alert-list__item:last-child:after {
display: none;
}
.services-alert-list__item:after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 10px 0 10px;
border-color: #007bff transparent transparent transparent;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.services-alert-list__item span {
margin-left: 5px;
}
.services-alert-list__item.m--01 {
background: #005288;
}
.services-alert-list__item.m--01:after {
border-color: #005288 transparent transparent transparent;
}
.services-alert-list__item.m--02 {
background: #1478b9;
}
.services-alert-list__item.m--02:after {
border-color: #1478b9 transparent transparent transparent;
}
.services-alert-list__item.m--03 {
background: #379cde;
}
.services-alert-list__item.m--03:after {
border-color: #379cde transparent transparent transparent;
}
.services-alert-list__item.m--04 {
background: #1478b9;
}
.services-alert-list__item.m--04:after {
border-color: #1478b9 transparent transparent transparent;
}
.services-alert-list__item.m--05 {
background: #005288;
}
.services-alert-list__item.m--05:after {
border-color: #005288 transparent transparent transparent;
}
.services-form {
margin-top: -25px;
padding: 20px;
}
.services-form-box {
margin-bottom: 40px;
}
.services-form-box:last-child {
margin-bottom: 0;
}
.services-form-data.m--mb {
margin-bottom: 20px;
}
.services-form-data__head {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.services-form-list__item {
position: relative;
padding-left: 15px;
margin-bottom: 5px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.services-form-list__item:before {
content: '・';
display: block;
position: absolute;
top: 0;
left: 0;
}
.services-form-list__item:last-child {
margin-bottom: 0;
}
.services-form-list__item span {
display: block;
}
.services-form-list.m--two {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.services-form-list.m--two .services-form-list__item {
float: left;
width: 44%;
margin-bottom: 3px;
}
.services-form-list.m--two .services-form-list__item:nth-child(2n) {
float: right;
}
.services-form-alert {
margin-top: 40px;
text-align: right;
font-size: 10px;
font-size: 1rem;
color: #3b3b3b;
}
.oss {
margin: -25px -20px 0;
padding: 25px 20px 30px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/oss/bg_01.png) no-repeat 0 0;
background-size: cover;
}
.oss-top-txt {
text-align: left;
}
.oss-block {
margin-top: 50px;
}
.oss-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 -3%;
}
.oss-list__item {
width: 44%;
margin: 0 3% 6%;
-ms-flex-align: center;
align-items: center;
padding: 20px 15px;
border: 1px solid #005288;
background: #fff;
box-sizing: border-box;
}
.oss-data__head {
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.oss-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.oss-data__body .is-hover + .is-hover {
margin-top: 20px;
}
.oss-data__body span {
display: block;
margin-top: 15px;
line-height: 1.6;
font-size: 10px;
font-size: 1rem;
color: #6b6b6b;
}
.oss-alert {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.experience-block{
padding: 49px 20px;
}
.experience-top-txt .txt{
margin-bottom: 3.1rem;
font-size: 1.2rem;
color: #555;
}
.experience-top-txt .image{
width: 87.5%;
margin: 0 auto;
}
.experience-top-txt .image img{
width: 100%;
vertical-align: bottom;
}
.experience-example-block{
margin-top: 4.5rem;
}
.experience-example-block-list__item{
margin-bottom: 7.5rem;
margin-top: -50px;
padding-top: 50px;
}
.experience-example-block-list__item:last-of-type{
margin-bottom: 0;
}
.experience-list-title{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/title_1.png) no-repeat 0 0;
background-size: cover;
padding: 2.7rem 0 2.7rem 1.5rem;
margin-bottom: 1.5rem;
line-height: 1;
font-size: 2rem;
font-weight: 700;
color: #fff;
}
.experience-example-block-list__item-link{
margin-bottom: 4.1rem;
text-align: center;
line-height: 1;
}
.experience-example-block-list__item-link-bottom{
margin:4.1rem 0 0;
}
.experience-example-block-list__item-link a{
display: inline-block;
padding-bottom: 1rem;
letter-spacing: 0.05em;
border-bottom: 2px solid #005288;
font-size: 1.2rem;
color: #555;
}
.experience-list-title__development{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/title_2.png) no-repeat 0 0;
background-size: cover;
}
.experience-list-title__analysis{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/title_3.png) no-repeat 0 0;
background-size: contain;
padding: 2.7rem 0 2.7rem 1.35rem;
}
.experience-list-block{
margin-bottom:4.5rem;
}
.experience-list-block:last-of-type{
margin-bottom: 0;
}
.experience-list-block__title{
display: flex;
background-color: #f2f6f9;
padding: 1rem 1.2rem 1.5rem 1rem;
}
.experience-list-block__title .left .category{
padding: 0.6rem 1rem;
margin-bottom: 0.5rem;
text-align: center;
line-height: 1;
background: #fff;
border: 2px solid #005288;
font-size: 1.2rem;
color: #005288;
letter-spacing: 0.025em;
white-space: nowrap
}
.experience-list-block__title .left .category:last-of-type{
margin-bottom: 0;
}
.experience-list-block__title .right{
margin-left: 1.5rem;
}
.experience-list-block__title .right .category-list{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.experience-list-block__title .right .category-list .category-item{
padding: 0.5rem;
margin-right: 0.5rem;
margin: 0 0.5rem 0.5rem 0;
background-color: #2f8ac6;
line-height: 1;
font-size: 1rem;
color: #fff;
letter-spacing: 0.025em;
}
.experience-list-block__title .right .title{
margin-top: 1.2rem;
margin-bottom: 0;
font-size: 1.7rem;
}
.experience-list-block__contents{
margin-top: 3.1rem;
}
.experience-list-content{
margin-bottom: 3.1rem;
}
.experience-list-content:last-child{
margin-bottom: 0;
}
.experience-list-contents__title{
padding-bottom: 1.25rem;
font-size: 1.5rem;
font-weight: 700;
color: #3b3b3b;
letter-spacing: 0.05em;
border-bottom: 4px solid #2f8ac6;
line-height: 1;
}
.experience-list-contents__text{
margin-top: 1.5rem;
font-size: 1.2rem;
color: #3b3b3b;
letter-spacing: 0.05em;
}
.experience-list-contents__text .strong{
display: block;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 0.05em;
}
.experience-list-contents__text .list{
margin-top: 2.15rem;
}
.experience-list-contents__text .list .item:nth-of-type(1){
margin-bottom: 1.1rem;
}
.experience-list-contents__text .list .item .dot{
color: #2f8ac6;
font-weight: 700;
}
.experience-list__annotation{
margin: 2.35rem 0;
padding: 1rem 2rem 1.2rem 1rem;
background-color: #005288;
color: #fff;
font-size: 1.2rem;
letter-spacing: 0.025em;
line-height: 1.41;
position: relative;
}
.experience-list__annotation::before{
content: "";
position: absolute;
top: -6px;
left: 3rem;
height: 0;
border-style: solid;
border-width: 0 4.5px 6px 4.5px;
border-color: transparent transparent #005288 transparent;
}
.service-lower-block {
padding: 30px 0 0;
}
.service-lower-block.m--top {
margin: 0 -20px;
padding: 0 20px 30px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/bg_01.jpg) no-repeat 0 0;
background-size: cover;
}
.service-lower-block.m--kubernetes {
margin: 0 -20px;
padding: 0 20px 30px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/bg_01.jpg) no-repeat 0 0;
background-size: cover;
}
.service-lower-block.m--report {
margin: 30px -20px 0;
padding: 0 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/bg_report.png) no-repeat right 110% #f8fafc;
background-size: contain;
}
.service-lower-head__item {
margin-bottom: 40px;
}
.service-lower-head__item:last-child {
margin-bottom: 0;
}
.service-lower-title {
margin-bottom: 10px;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.service-lower-title.m--center {
text-align: center;
}
.service-lower-title.m--small {
font-size: 15px;
font-size: 1.5rem;
}
.service-lower-title.m--middle {
font-size: 15px;
font-size: 1.5rem;
}
.service-lower-img {
padding: 10px 0;
border: 1px solid #d5d5d5;
background: #fff;
text-align: center;
font-size: 0;
box-sizing: border-box;
}
.service-lower-img img {
max-width: 250px;
height: auto;
}
.service-lower-lead {
margin-bottom: 20px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.service-lower-list {
margin-bottom: 30px;
}
.service-lower-list.m--none {
margin-bottom: 0;
}
.service-lower-list__item {
margin-bottom: 20px;
}
.service-lower-list__item:last-child {
margin-bottom: 0;
}
.service-lower-data__head {
margin-bottom: 10px;
padding: 10px 12px;
line-height: 1.4;
background: #005288;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.service-lower-data__head span {
margin-left: 5px;
font-size: 12px;
font-size: 1.2rem;
}
.service-lower-txt-list__item {
margin-bottom: 3px;
padding-left: 1em;
text-indent: -1em;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.service-lower-txt-list__item.m--bold {
font-weight: bold;
}
.service-lower-txt-list__item:last-child {
margin-bottom: 0;
}
.service-lower-txt-list.m--lead .service-lower-txt-list__item {
margin-bottom: 15px;
padding-left: 0;
text-indent: 0;
}
.service-lower-txt-list.m--thin .service-lower-txt-list__item {
color: #6b6b6b;
}
.service-lower-report {
padding: 22px 15px;
background: #f2f6f9;
}
.service-lower-report-inner__right {
padding: 20px 15px;
background: #fff;
}
.service-lower-right-data {
margin-bottom: 15px;
}
.service-lower-right-data:last-child {
margin-bottom: 0;
}
.service-lower-right-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.service-lower-foot {
padding: 30px 0;
}
.service-lower-foot-list {
margin-bottom: 30px;
}
.service-lower-foot-list__item {
margin-bottom: 20px;
padding: 15px 15px 20px;
border: 2px solid #2f8ac6;
background: #fff;
box-sizing: border-box;
}
.service-lower-foot-list__item:last-child {
margin-bottom: 0;
}
.service-lower-foot-data__head {
margin-bottom: 10px;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
}
.service-lower-link__item {
margin-bottom: 7px;
padding: 0 5px 5px;
border-bottom: 1px solid #dedede;
}
.service-lower-link__item:last-child {
margin-bottom: 0;
}
.service-lower-link__item a {
font-size: 12px;
font-size: 1.2rem;
color: #2f8ac6;
}
.service-lower-link__item span {
margin-left: 5px;
padding-left: 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat left 0;
background-size: 16px 16px;
font-size: 12px;
font-size: 1.2rem;
color: #2f8ac6;
}
.service-lower-box {
overflow: hidden;
}
.service-lower-box__left {
margin-bottom: 20px;
font-size: 12px;
font-size: 1.2rem;
}
.service-lower-box__left.m--bold {
font-weight: bold;
}
.service-lower-lead-list__head {
font-weight: bold;
}
.service-lower-lead-list.m--small {
margin-top: 25px;
}
.service-lower-lead-list.m--small .service-lower-lead-list__head {
font-weight: normal;
}
.corp-top-head {
margin-top: -30px;
}
.corp-top-block {
margin-top: 40px;
}
.corp-contact-head {
margin-bottom: 35px;
}
.corp-contact-lead {
margin-bottom: 20px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.corp-contact-btn {
text-align: center;
font-size: 0;
}
.corp-contact-list {
margin-top: 30px;
padding: 20px 18px;
background: #f5f5f5;
}
.corp-contact-list__item {
margin-bottom: 5px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.corp-contact-list__item:last-child {
margin-bottom: 0;
}
.corp-contact-data {
margin-bottom: 20px;
color: #3b3b3b;
}
.corp-contact-data__head {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px solid #d7d7d7;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
}
.corp-contact-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.corp-contact-body {
margin-bottom: 20px;
}
.corp-contact-about {
margin-bottom: 15px;
color: #3b3b3b;
}
.corp-contact-about__item {
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
.corp-contact-alert {
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.corp-ideals-data {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.corp-ideals-data:last-child {
margin-bottom: 0;
}
.corp-ideals-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
.corp-ideals-data__body {
line-height: 1.8;
}
.history-list__item {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
}
.history-list__item:last-child {
margin-bottom: 0;
}
.history-data {
color: #3b3b3b;
}
.history-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
.history-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.corp-profile-data {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.corp-profile-data:last-child {
margin-bottom: 0;
}
.corp-profile-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
.corp-profile-data__body {
line-height: 1.8;
}
.corp-profile-data__body a {
color: #005288;
}
.corp-access {
position: relative;
margin: 25px -20px 0;
padding: 0 20px;
}
.corp-access-block.m--access {
display: block;
margin: 0 10px 0 -20px;
background: #005288;
}
.corp-access-block.m--map {
margin: -30px -20px 0 10px;
}
.corp-access-block-inner {
padding: 30px 20px;
}
.corp-access-title {
margin-bottom: 15px;
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
color: #fff;
}
.corp-access-data {
margin-bottom: 30px;
color: #fff;
}
.corp-access-data__head {
margin-bottom: 8px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}
.corp-access-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.corp-access-data__body.m--margin {
margin-bottom: 20px;
}
.corp-access-map {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
z-index: 1;
}
.corp-access-map__inner {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.corp-access-map__inner iframe,
.corp-access-map__inner object,
.corp-access-map__inner embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.statement-img {
margin-bottom: 20px;
font-size: 0;
}
.statement-data {
margin-bottom: 25px;
color: #3b3b3b;
}
.statement-data.m--last {
margin-bottom: 0;
}
.statement-data__head {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 2px solid #9b9b9b;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
.statement-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.statement-data__body a {
color: #005288;
}
.csr-lead__item {
margin-bottom: 25px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.csr-lead__item:last-child {
margin-bottom: 0;
}
.csr-link {
margin: 25px 0 30px;
padding: 15px;
background: #f5f5f5;
}
.csr-link-data {
margin-bottom: 20px;
font-size: 12px;
font-size: 1.2rem;
}
.csr-link-data:last-child {
margin-bottom: 0;
}
.csr-link-data__head {
margin-bottom: 5px;
}
.csr-link-list {
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.csr-link-list__item {
margin-bottom: 8px;
line-height: 1.8;
}
.csr-link-list__item:last-child {
margin-bottom: 0;
}
.csr-link-list__item a {
text-decoration: underline;
color: #005288;
}
.csr-section {
margin-bottom: 30px;
}
.csr-section:last-child {
margin-bottom: 0;
}
.csr-block {
color: #3b3b3b;
}
.csr-block__lead {
margin-bottom: 20px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.csr-block__img {
margin-top: 25px;
font-size: 0;
}
.csr-block-title {
height: 48px;
line-height: 48px;
margin-bottom: 15px;
padding: 0 15px;
background: #005288;
letter-spacing: 2px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.csr-num-list__item {
margin-bottom: 20px;
}
.csr-num-list__item:last-child {
margin-bottom: 0;
}
.csr-block-data {
margin-bottom: 20px;
}
.csr-block-data.m--last {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #9b9b9b;
}
.csr-block-data__head {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #9b9b9b;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.csr-txt-list__item {
margin-bottom: 20px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.csr-txt-list__item:last-child {
margin-bottom: 0;
}
.csr-point {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.csr-point + .csr-point {
margin-top: 20px;
}
.csr-last-txt {
margin-top: 10px;
text-align: right;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.csr-pagetop {
margin-top: 15px;
text-align: right;
font-size: 12px;
font-size: 1.2rem;
}
.csr-pagetop a {
text-decoration: underline;
color: #005288;
}
.corp-privacy {
margin-bottom: 20px;
overflow: hidden;
}
.corp-privacy__txt {
float: left;
width: 80%;
}
.corp-privacy__img {
float: right;
width: 42px;
}
.corp-privacy-num-list {
margin-bottom: 25px;
padding-left: 15px;
list-style: decimal;
color: #3b3b3b;
}
.corp-privacy-num-list__item {
margin-bottom: 8px;
line-height: 1.8;
}
.corp-privacy-num-list__item:last-child {
margin-bottom: 0;
}
.corp-privacy-name {
text-align: right;
font-size: 11px;
font-size: 1.1rem;
}
.corp-cmn-data {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.corp-cmn-data.m--none {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.corp-cmn-data:last-child {
margin-bottom: 0;
}
.corp-cmn-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
.corp-cmn-data__body {
line-height: 1.8;
}
.corp-cmn-data__body a {
text-decoration: underline;
color: #005288;
}
.corp-privacy-purpose {
counter-reset: counter-name;
}
.corp-privacy-purpose__item {
position: relative;
margin-bottom: 3px;
padding-left: 20px;
}
.corp-privacy-purpose__item:last-child {
margin-bottom: 0;
}
.corp-privacy-purpose__item:before {
position: absolute;
top: 0;
left: 0;
counter-increment: counter-name;
content: "(" counter(counter-name) ")";
}
.corp-privacy-num-data__head {
margin-bottom: 8px;
font-weight: bold;
}
.corp-environment {
margin-bottom: 20px;
}
.corp-environment__txt span {
display: block;
margin-top: 10px;
font-size: 11px;
font-size: 1.1rem;
}
.corp-environment-list {
width: 100px;
margin: 0 auto 15px;
text-align: center;
font-size: 0;
}
.corp-environment-list__item {
display: inline-block;
width: 42px;
margin: 0 2px;
}
.corp-environment-purpose {
margin-bottom: -10px;
}
.corp-environment-purpose__item {
margin-bottom: 8px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
.corp-environment-purpose__item:last-child {
margin-bottom: 0;
}
.corp-exemption-list {
padding-left: 15px;
list-style: decimal;
}
.corp-exemption-list__item {
margin-bottom: 5px;
line-height: 1.8;
}
.corp-exemption-list__item:last-child {
margin-bottom: 0;
}
.corp-copy-list {
padding-left: 19px;
list-style: disc;
}
.corp-cmn-txt {
margin-bottom: 20px;
line-height: 1.8;
}
.corp-cmn-txt.m--none {
margin-bottom: 0;
}
.corp-cmn-txt.m--download a {
position: relative;
margin-right: 5px;
padding-left: 15px;
}
.corp-cmn-txt.m--download a:after {
content: '';
display: inline-block;
width: 16px;
height: 16px;
padding-right: 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat right 0;
background-size: 16px 16px;
vertical-align: text-top;
box-sizing: border-box;
color: #005288;
}
.corp-cmn-txt.m--download a:before {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #005288;
}
.corp-component {
margin-top: 50px;
}
.corp-component-message{
margin-bottom: 70px;
}
.corp-component-message__head{
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
margin-bottom: 25px;
}
.corp-component-message__body{
font-size: 14px;
font-size: 1.4rem;
}
.corp-component-message__txt{
margin-bottom: 20px;
}
.corp-component-message__position{
text-align: right;
margin-bottom: 7px;
}
.corp-component-message__name{
max-width: 107px;
margin-left: auto;
}
.corp-component-message__name img{
width: 100%;
height: auto;
}
.corp-component-btn-list {
margin-bottom: 50px;
}
.corp-component-btn-list__item {
max-width: 277px;
margin: 0 auto 25px;
}
.corp-component-btn-list__item:nth-child(2) a {
font-size: 13px;
font-size: 1.3rem;
}
.corp-component-btn-list__item:last-child {
margin-bottom: 0;
}
.corp-component-recruit {
margin: 0 -20px;
padding: 0 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/corp/bg_corp_cmn.jpg) no-repeat 0 0;
background-size: cover;
}
.corp-component-inner {
padding: 40px 0 30px;
}
.corp-component-data__head {
margin-bottom: 15px;
line-height: 1;
letter-spacing: 1px;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #fff;
}
.corp-component-data__txt {
margin-bottom: 5px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.corp-component-link a {
display: inline-block;
line-height: 2.6;
background: linear-gradient(transparent 92%, #005288 0%);
background-size: 2px 2.6em;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.pr-news-list {
margin: 0 -10px 40px;
overflow: hidden;
}
.pr-news-list__item {
float: left;
margin: 0 10px;
}
.pr-news-list__item a {
display: inline-block;
line-height: 2.6;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.pr-news-list__item a.active {
background: linear-gradient(transparent 92%, #3b3b3b 0%);
background-size: 2px 2.6em;
font-weight: bold;
color: #005288;
}
.about-title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.about-lead {
margin-bottom: 35px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.about-title.m--left {
text-align: left;
}
.about-lead.m--half {
width: 70%;
}
.about-management__img {
position: absolute;
bottom: 0;
right: -10px;
height: auto;
z-index: 1;
pointer-events: none;
}
.about-management__img.m--01 {
width: 171px;
}
.about-management__img.m--02 {
width: 270px;
right: -20px;
}
.about-management__img.m--03 {
width: 168px;
right: -10px;
}
.about-management__img.m--04 {
width: 161px;
right: -10px;
}
.about-management__bg {
display: none;
}
.about-management-list__item:last-child {
margin-bottom: 0;
}
.about-management-list__item a {
display: block;
height: 100%;
}
.about-management-data__head {
margin-bottom: 8px;
line-height: 1.4;
font-weight: bold;
font-size: 17px;
font-size: 1.7rem;
color: #fff;
}
.about-management-data span {
position: absolute;
bottom: 10px;
left: 20px;
display: inline-block;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
z-index: 2;
}
.about-management-data span:after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition: .25s ease-in;
}
.about-management-position {
font-weight: 200;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.about-publication {
margin: 0 -20px;
padding: 30px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/bg_publish.jpg) no-repeat 0 0;
background-size: cover;
}
.about-publication-box {
margin-top: -10px;
text-align: center;
}
.about-project {
margin: 0 -20px;
padding: 30px 20px 55px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/bg_project.jpg) no-repeat 0 bottom;
background-size: cover;
}
.about-project-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -2% 20px;
overflow: hidden;
}
.about-project-list__item {
float: left;
width: 46%;
margin: 0 2%;
}
.about-project-data {
margin-bottom: 30px;
color: #3b3b3b;
}
.about-project-data__head {
margin-bottom: 10px;
border: 1px solid #f2f6f9;
font-size: 0;
}
.about-project-data__name {
margin-bottom: 5px;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
.about-project-data__txt {
margin-bottom: 10px;
font-size: 12px;
font-size: 1.2rem;
}
.about-project-data__link span {
position: relative;
margin-right: 22px;
}
.about-project-data__link span:after {
content: '';
position: absolute;
top: 0;
right: -22px;
width: 14px;
height: 10px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_window.png) no-repeat 0 0;
background-size: 14px 10px;
}
.about-project-txt {
margin-bottom: 10px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.about-report {
margin: 0 -20px -20px;
padding: 40px 20px 25px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/img_report.jpg) no-repeat 110% bottom;
background-size: 184px 160px;
}
.about-report__left {
float: left;
width: 90%;
text-align: left;
}
.staff-inner {
margin: 0 -20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/bg_staff_main.jpg) no-repeat 0 0, linear-gradient(to bottom, #e7eaed 0%, #e7ebee 31%, #f6fbff 100%);
background-size: 100% auto;
}
.staff-head {
position: relative;
padding: 0 10px;
}
.staff-head__img {
position: absolute;
top: 0;
width: 260px;
height: auto;
font-size: 0;
}
.staff-head__img.m--02 {
width: 327px;
top: 12px;
}
.staff-head__img.m--03 {
width: 211px;
top: 30px;
left: 20px;
}
.staff-head__img.m--04 {
width: 293px;
top: 10px;
left: 0;
}
.staff-expart {
position: absolute;
right: 0;
width: 50%;
margin-top: 50px;
padding: 20px 5px 20px 15px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/bg_staff_01.png) no-repeat 50% 50% #005288;
box-sizing: border-box;
}
.staff-expart-data__head {
margin-bottom: 10px;
line-height: 1.8;
font-weight: 600;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.staff-expart-data__name {
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.staff-expart-data__name span {
display: block;
font-weight: normal;
font-size: 10px;
font-size: 1rem;
}
.staff-body {
position: relative;
padding-top: 240px;
z-index: 1;
}
.staff-body-block {
width: 90%;
padding: 25px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/bg_staff_02.jpg) repeat 0 0;
background-size: 4px 4px;
box-sizing: border-box;
}
.staff-title {
margin-bottom: 10px;
font-weight: 600;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.staff-body-data {
margin-bottom: 22px;
}
.staff-body-data:last-child {
margin-bottom: 0;
}
.staff-body-data__head {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #005288;
}
.staff-body-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.staff-body-data__body + .staff-body-data__body {
margin-top: 20px;
}
.staff-body-data-list__item {
margin-bottom: 3px;
line-height: 1.8;
padding-left: 1em;
text-indent: -1em;
}
.staff-body-data-list__item:last-child {
margin-bottom: 0;
}
.staff-body-top {
margin-bottom: 22px;
}
.staff-body-inner {
margin-bottom: 30px;
}
.staff-body-inner.m--img {
position: relative;
margin: 0 -20px;
padding-left: 20px;
}
.staff-img-box {
position: relative;
}
.staff-body-img {
position: absolute;
top: 0;
left: 0;
}
.staff-body-img img {
width: 363px;
height: auto;
}
.staff-body-last {
padding: 272px 20px 0 0;
}
.staff-link {
margin: 0 -20px -20px;
padding: 0 20px;
background: #f6fbff;
font-size: 0;
}
.staff-link-inner {
padding: 35px 0;
}
.staff-pc-box__img {
display: none;
}
.publication-inner {
margin: -25px -20px -20px;
padding: 25px 20px 30px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/bg_staff_02.jpg) repeat 0 0;
background-size: 4px 4px;
box-sizing: border-box;
}
.publication-title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
color: #3b3b3b;
}
.publication-block {
margin-bottom: 30px;
padding: 20px 18px 25px;
background: #fff;
}
.publication-block.m--last {
margin-bottom: 0;
}
.publication-list__item {
margin-bottom: 30px;
}
.publication-list__item:last-child {
margin-bottom: 0;
}
.publication-head {
position: relative;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 2px solid #9b9b9b;
box-sizing: border-box;
}
.publication-head span {
position: absolute;
top: 2px;
left: 0;
width: 40px;
height: 19px;
line-height: 19px;
background: #005288;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.publication-head__title {
padding-left: 50px;
line-height: 1.6;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.publication-body {
display: table;
width: 100%;
}
.publication-body__main {
display: table-cell;
vertical-align: top;
}
.publication-body__sub {
display: table-cell;
width: 24%;
height: auto;
padding: 0 3%;
text-align: center;
font-size: 0;
box-sizing: border-box;
}
.publication-data {
display: table;
width: 100%;
padding: 6px 2px 5px;
border-bottom: 1px solid #d7d7d7;
box-sizing: border-box;
}
.publication-data.m--01 .publication-data__head {
display: block;
margin-bottom: 5px;
}
.publication-data.m--01 .publication-data__body {
display: block;
}
.publication-data__head {
display: table-cell;
width: 60px;
vertical-align: top;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.publication-data__body {
display: table-cell;
vertical-align: top;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.publication-data__body a {
font-size: 12px;
font-size: 1.2rem;
color: #005288;
}
.publication-data__body a img {
display: inline-block;
width: 13px;
height: auto;
margin-left: 5px;
padding-bottom: 2px;
vertical-align: middle;
}
.publication-data__body span {
font-size: 12px;
font-size: 1.2rem;
color: #005288;
}
.publication-sp-only-data {
padding: 6px 2px 5px;
border-bottom: 1px solid #d7d7d7;
box-sizing: border-box;
}
.publication-sp-only-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.publication-sp-only-data__body a {
font-size: 12px;
font-size: 1.2rem;
color: #005288;
}
.publication-sp-only-data__body a img {
display: inline-block;
width: 13px;
height: auto;
margin-left: 5px;
padding-bottom: 2px;
vertical-align: middle;
}
.publication-other-link {
margin-bottom: 20px;
}
.publication-other-link:last-child {
margin-bottom: 0;
}
.publication-other-link__item {
margin-bottom: 5px;
font-size: 12px;
font-size: 1.2rem;
word-break: break-all;
color: #3b3b3b;
}
.publication-other-link__item:last-child {
margin-bottom: 0;
}
.publication-other-link__item a {
position: relative;
font-size: 12px;
font-size: 1.2rem;
color: #005288;
}
.publication-other-link__item a:after {
content: '';
display: inline-block;
width: 17px;
height: 13px;
margin-left: 5px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_window.png) no-repeat 0 0;
background-size: 17px 13px;
}
.recruit-lead-txt {
margin-bottom: 50px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.recruit-block {
margin: 0 -20px;
}
.recruit-block.m--01 {
padding: 0 20px 70px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/bg_01.png) no-repeat 0 bottom;
background-size: cover;
}
.recruit-block.m--02 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/bg_02.png) no-repeat 0 0;
background-size: cover;
}
.recruit-title {
margin-bottom: 5px;
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
color: #3b3b3b;
}
.recruit-title.m--white {
color: #fff;
}
.recruit-lead {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.recruit-lead.m--white {
color: #fff;
}
.recruit-list {
margin-top: 20px;
}
.recruit-list__item {
margin-bottom: 12px;
}
.recruit-list__item:last-child {
margin-bottom: 0;
}
.recruit-list__item a {
font-size: 15px;
font-size: 1.5rem;
}
.recruit-list__item span {
display: inline-block;
width: 42px;
height: 24px;
line-height: 24px;
margin-left: 10px;
background: #cc2830;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.recruit-img-area {
position: relative;
height: 260px;
margin-bottom: 130px;
}
.recruit-img-area.m--right {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/img_recruit_top_01.jpg) no-repeat 0 0;
background-size: cover;
}
.recruit-img-area.m--left {
margin-bottom: 50px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/img_recruit_top_02.jpg) no-repeat 0 0;
background-size: cover;
}
.recruit-img-area__img {
font-size: 0;
}
.recruit-img-box {
position: absolute;
top: 50%;
width: 300px;
padding: 30px 20px;
background: #005288;
box-sizing: border-box;
}
.recruit-img-box.m--01 {
left: 0;
}
.recruit-more-btn {
margin-top: 15px;
}
.recruit-more-btn a {
font-size: 15px;
font-size: 1.5rem;
}
.recruit-environment {
height: 200px;
margin-bottom: 80px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/bnr_recruit.jpg) no-repeat 50% 0;
background-size: cover;
}
.recruit-environment-inner {
padding: 30px 0 20px;
text-align: center;
}
.jobs-recruit {
margin: -25px -20px 0;
padding: 25px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_jobs_01.gif) repeat 0 0;
background-size: 4px 4px;
}
.jobs-recruit-title {
position: relative;
margin-bottom: 10px;
padding: 0 0 8px 48px;
border-bottom: 1px solid #9b9b9b;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-recruit-title:before {
content: '職種';
position: absolute;
top: 2px;
left: 0;
display: inline-block;
width: 40px;
height: 20px;
line-height: 20px;
background: #005288;
text-align: center;
font-weight: normal;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.jobs-recruit-list {
padding: 20px 15px;
background: #fff;
}
.jobs-recruit-list__item {
margin-bottom: 30px;
}
.jobs-recruit-list__item:last-child {
margin-bottom: 0;
}
.jobs-recruit-data {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #d7d7d7;
}
.jobs-recruit-data__head {
margin-bottom: 3px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.jobs-recruit-data__body {
padding-left: 3px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.jobs-form {
margin: 0 -20px;
padding: 40px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_01.png) no-repeat 0 bottom #f2f6f9;
background-size: 384px 337px;
}
.jobs-form-block {
margin-bottom: 30px;
}
.jobs-form-block.m--last {
margin-bottom: 40px;
}
.jobs-form-block__lead {
margin-bottom: 10px;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-form-title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.jobs-txt-list {
margin-bottom: 20px;
}
.jobs-txt-list__item {
margin-bottom: 25px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-txt-list__item:last-child {
margin-bottom: 0;
}
.jobs-txt-list__item a {
color: #005288;
}
.jobs-form-box {
padding: 15px;
background: #fff;
}
.jobs-form-box__txt {
line-height: 1.8;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-form-btn {
text-align: center;
}
.jobs-rule {
padding: 40px 0;
background: #fff;
}
.jobs-rule__title {
margin-bottom: 15px;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
color: #3b3b3b;
}
.jobs-rule-list__item {
margin-bottom: 20px;
}
.jobs-rule-list.m--last .jobs-rule-list__item:last-child {
margin-bottom: 0;
}
.jobs-rule-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.jobs-rule-data__body {
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.jobs-treatment {
margin: 0 -20px;
padding: 30px 20px 45px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_02.png) no-repeat 0 bottom #f5f5f5;
background-size: 384px 337px;
}
.jobs-treatment__title {
margin-bottom: 15px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.jobs-treatment-data {
display: table;
width: 100%;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid #d1d1d1;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.jobs-treatment-data.m--last {
margin-bottom: 0;
}
.jobs-treatment-data__head {
display: table-cell;
width: 100px;
font-weight: bold;
}
.jobs-treatment-data__body {
display: table-cell;
}
.jobs-flow {
margin: 0 -20px;
padding: 30px 20px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_03.png) no-repeat right -20px #fff;
background-size: 160px 120px;
}
.jobs-flow__title {
margin-bottom: 5px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #3b3b3b;
}
.jobs-flow__lead {
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-flow__icn {
display: table-cell;
width: 37px;
padding-top: 2px;
vertical-align: top;
font-size: 0;
}
.jobs-flow-list {
margin: 30px 0;
}
.jobs-flow-list__item {
display: table;
width: 100%;
margin-bottom: 30px;
}
.jobs-flow-list__item:last-child {
margin-bottom: 0;
}
.jobs-flow-data {
display: table-cell;
padding-left: 15px;
vertical-align: top;
}
.jobs-flow-data__head {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.jobs-flow-data__body {
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #6b6b6b;
}
.jobs-flow-alert {
font-size: 10px;
font-size: 1rem;
color: #6b6b6b;
}
.faq {
margin-bottom: -20px;
}
.faq-inner {
margin: -25px -20px 0;
padding: 25px 20px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_jobs_01.gif) repeat 0 0;
background-size: 4px 4px;
}
.faq-block {
margin-bottom: 25px;
}
.faq-block:last-child {
margin-bottom: 0;
}
.faq-title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #3b3b3b;
}
.faq-list {
padding: 20px 16px;
background: #fff;
}
.faq-list__item {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #9b9b9b;
}
.faq-list__item:last-child {
margin-bottom: 0;
}
.faq-list__item.m--active {
border-bottom-color: #005288;
}
.faq-data__head {
position: relative;
padding: 0 25px 0 18px;
border-bottom: 1px solid #fff;
line-height: 1.6;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.faq-data__head span:before {
content: 'Q';
position: absolute;
top: 0;
left: 0;
font-weight: normal;
color: #6b6b6b;
}
.faq-data__head:before {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
width: 13px;
height: 1px;
background: #005288;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.faq-data__head:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 1px;
height: 13px;
margin-top: -6px;
background: #005288;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
}
.faq-data__head.m--active {
color: #3b3b3b;
}
.faq-data__head.m--active:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
}
.faq-data__body {
display: none;
margin-top: 10px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;
}
.faq-data__body a {
color: #005288;
}
.office {
margin: -25px -20px 0;
padding: 25px 20px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/office/bg_01.jpg) no-repeat 0 50px;
background-size: 389px 526px;
}
.office-data {
margin-bottom: 30px;
}
.office-data__head {
max-width: 344px;
width: 100%;
margin: 0 auto 15px;
font-size: 0;
}
.office-data__body {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.office-list {
overflow: hidden;
}
.office-list__item {
max-width: 344px;
width: 100%;
margin: 0 auto 15px;
font-size: 0;
}
.office-list__item:last-child {
margin-bottom: 0;
}
.page404 {
margin-bottom: 20px;
}
.page404-box {
padding-bottom: 65px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/lower/bg_404.jpg) no-repeat 50% 0;
background-size: contain;
}
.page404-box__txt {
padding-top: 48px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.page404-list__item {
margin-bottom: 20px;
font-size: 0;
}
.page404-list__item:last-child {
margin-bottom: 0;
}
.service-lower-feature {
margin-bottom: 25px;
font-size: 12px;
font-size: 1.2rem;
}
.service-lower-feature__head {
margin-bottom: 4px;
font-weight: bold;    
}
.service-lower-feature__head.m--circle {
position: relative;
padding-left: 9px;
}
.service-lower-feature__head.m--circle:before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #005288;
}
.service-lower-feature__body {
padding-left: 10px;
line-height: 1.8;
}
.service-lower-strong {
margin-bottom: 25px;
padding: 20px 25px;
background: #005288;
}
.service-lower-strong__head {
margin-bottom: 5px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
}
.service-lower-strong-list__item {
position: relative;
margin-bottom: 8px;
padding-left: 12px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.service-lower-strong-list__item:before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #fff;
}
.service-lower-strong-list__item:last-child {
margin-bottom: 0;
}
.service-example {
margin-left: 8px;
}
.service-example.m--inner {
margin-left: 0;
}
.service-example__item {
position: relative;
padding-left: 9px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
}
.service-example__item:before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #005288;
}
.service-example.m--inner .service-example__item {
padding-left: 0;
}
.service-example.m--inner .service-example__item:before {
display: none;
}
@media print, screen and (min-width: 768px) {
html {
height: auto;
}
body {
min-width: 1200px;
}
body.top {
padding-top: 0;
}
a img {
background: #fff;
transition: opacity .23s ease-out;
}
a:hover img {
opacity: 0.75;
}
.is-sp {
display: none !important;
}
.is-pc {
display: block !important;
}
.is--pc-left {
float: left;
}
.is--pc-right {
float: right;
}
.is--logo {
width: 216px;
height: 45px;
}
.wrap {
min-width: 1300px;
}
.block.m--service {
background: #fff;
}
.main.m--lower {
padding-top: 100px;
border-top: none;
}
.content {
margin: 0;
padding: 0;
}
.scroller.m--lower .scroller__down a {
color: #005288;
}
.scroller.m--lower .scroller__down:after {
background: #005288;
}
.scroller {
transition: .25s ease-out;
}
.scroller.m--active {
top: 85%;
}
.scroller {
top: 50%;
right: 47px;
width: 12px;
font-size: 12px;
font-size: 1.2rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.scroller__down:after {
bottom: -60px;
left: 52%;
height: 45px;
}
.scroller__top:after {
bottom: -60px;
left: 52%;
height: 45px;
}
.is-link a {
font-size: 16px;
font-size: 1.6rem;
}
.is-hover a {
padding-bottom: 13px;
font-size: 16px;
font-size: 1.6rem;
transition: .25s ease-in;
}
.is-hover a:hover {
color: #2f8ac6;
}
.is-hover a:hover:before {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.is-hover.m--white a:hover {
color: #fff;
}
.is-hover.m--white a:hover:before {
background: #005288;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.is-hover.m--white-work a:hover {
color: #fff;
}
.is-hover.m--white-work a:hover:before {
background: #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.is-hover.m--white-recruit a:hover {
color: #fff;
}
.is-hover.m--white-recruit a:hover:before {
background: #005288;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.is-hover.m--font-big a {
padding-bottom: 5px;
font-size: 18px;
font-size: 1.8rem;
}
.is-hover.m--about a {
padding-bottom: 8px;
font-size: 14px;
font-size: 1.4rem;
}
.cmn-line-block__inner {
width: 1100px;
margin: 0 auto;
padding: 45px 50px;
background-size: 8px 8px;
box-sizing: border-box;
}
.cmn-line-box {
margin-bottom: 45px;
}
.cmn-line-box:last-child {
margin-bottom: 0;
}
.cmn-line-box__title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.cmn-line-box__content {
padding: 45px 50px;
}
.head {
width: 100%;
}
.head__inner {
width: 94% !important;
height: 105px;
}
.head__logo {
display: table-cell;
width: 216px;
height: 105px;
margin-right: 2%;
vertical-align: middle;
}
.head-main {
padding-left: 2.5%;
}
.head-area {
width: 180px;
height: 105px;
}
.head-nav {
display: table-cell;
width: 100%;
padding-left: 3%;
font-size: 14px;
font-size: 1.4rem;
box-sizing: border-box;
}
.head-nav-inner {
display: table;
width: 100%;
}
.head-form {
height: 100%;
font-size: 0;
}
.head-list {
display: table-cell;
height: 105px;
vertical-align: middle;
text-align: center;
}
.head-list__item {
position: relative;
display: table-cell;
padding-left: 10px;
vertical-align: middle;
}
.head-list__item:first-child {
padding: 0 13px 0 0;
}
.head-list__item:first-child:after {
content: '';
display: block;
position: absolute;
top: 14%;
right: 0;
width: 1px;
height: 15px;
background: #525252;
}
.head-list__item a {
font-size: 14px;
font-size: 1.4rem;
color: #525252;
}
.head-list__item a.active {
color: #005288;
}
.head-mega {
display: table-cell;
width: 90%;
height: 105px;
padding: 0 3%;
vertical-align: middle;
box-sizing: border-box;
}
.head-mega-list {
display: table;
width: 100%;
}
.head-mega-list__item {
position: relative;
display: table-cell;
vertical-align: middle;
width: 14%;
padding: 0 1%;
letter-spacing: 1px;
box-sizing: border-box;
}
.head-mega-list__item.m--wide {
width: 22%;
}
.mega-data__head {
text-align: center;
font-size: 15px;
font-size: 1.5rem;
}
.mega-data__head a {
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
color: #525252;
}
.mega-data__head a:hover {
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
color: #00508f;
}
.mega-data__head a.active {
color: #00508f;
}
.mega-data__body {
position: absolute;
top: 45px;
left: -20px;
display: none;
min-width: 320px;
padding: 25px 30px;
background: linear-gradient(45deg, transparent 0, #005288 0), linear-gradient(135deg, transparent 0, #005288 0), linear-gradient(225deg, transparent 0, #005288 0), linear-gradient(315deg, transparent 12px, #005288 12px);
background-position: top left, top right, bottom left, bottom right;
background-size: 52% 52%;
background-repeat: no-repeat;
overflow: hidden;
box-sizing: border-box;
z-index: 30;
}
.head-mega-list .head-mega-list__item:nth-child(1) .mega-data__body{
min-width: 390px;
}
.mega-data__body.m--company {
left: -290px;
min-width: 490px;
}
.mega-link {
float: left;
}
.mega-link.m--wide {
width: 220px;
}
.mega-link + .mega-link {
margin-left: 50px;
}
.mega-link__item {
margin-bottom: 15px;
}
.mega-link__item:last-child {
margin-bottom: 0;
}
.mega-link__item a {
position: relative;
display: inline;
padding-bottom: 5px;
line-height: 2.3;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.mega-link__item a:hover {
background: linear-gradient(transparent 96%, #fff 0%);
}
.foot__inner {
padding: 70px 0;
}
.is--service .foot-form {
padding-bottom: 0;
background: none;
}
.foot-form {
padding: 60px 0;
background: #f5f5f5;
}
.foot-form__logo {
display: none;
}
.foot-form-data__head {
font-size: 18px;
font-size: 1.8rem;
}
.foot-form-data {
font-size: 0;
}
.foot-bottom__copy {
height: 105px;
padding: 0;
}
.foot-bottom__space {
width: 105px;
height: 105px;
}
.foot-bottom__inner {
width: 1104px;
margin: 0 auto;
overflow: hidden;
}
.foot-copy {
float: right;
text-align: right;
line-height: 105px;
font-size: 10px;
font-size: 1rem;
}
.foot-box {
width: 1104px;
margin: 0 auto;
overflow: hidden;
}
.foot-box__main {
float: left;
width: 830px;
}
.foot-box__sub {
float: right;
width: 192px;
}
.foot-box-logo {
width: 192px;
font-size: 0;
}
.foot-box-logo img {
width: 192px;
height: auto;
}
.foot-box-logo__head {
margin-bottom: 35px;
}
.foot-box-logo__body {
text-align: center;
}
.foot-box-logo__body a {
font-size: 16px;
font-size: 1.6rem;
color: #005288;
}
.foot-box-logo__body a:hover {
text-decoration: underline;
}
.foot-sns-wrap{
margin:4.1rem auto 0;
}
.foot-sns-wrap .sns-icon{
display: inline-block;
}
.foot-sns-wrap .sns-icon:nth-child(1){
margin-right: 3rem;
}
.foot-sns-wrap img{
width: 2.8rem;
}
.foot-nav {
display: table;
width: 100%;
margin-bottom: 40px;
}
.foot-nav:last-child {
margin-bottom: 0;
}
.foot-nav__item {
display: table-cell;
width: 240px;
}
.foot-nav__item:last-child {
width: auto;
}
.foot-nav-data__head {
margin-bottom: 25px;
line-height: 1;
}
.foot-nav-data__head a {
font-size: 16px;
font-size: 1.6rem;
color: #005288;
}
.foot-nav-data__head a:hover {
text-decoration: underline;
}
.foot-nav-data__body.m--table {
display: table;
width: 100%;
}
.foot-nav-data__body.m--table .foot-nav-list {
display: table-cell;
}
.foot-nav-data__body.m--table .foot-nav-list:first-child {
width: 240px;
}
.foot-nav-link {
margin-bottom: 10px;
font-size: 14px;
font-size: 1.4rem;
color: #6b6b6b;
}
.foot-nav-link a{
color: #6b6b6b;
}
.foot-nav-link a:hover {
text-decoration: underline;
}
.foot-nav-list.m--service {
margin-bottom: 1.4rem;
padding-left: 10px;
}
.foot-nav-list__item {
margin-bottom: 10px;
}
.foot-nav-list__item:last-child {
margin-bottom: 0;
}
.foot-nav-list__item a {
font-size: 14px;
font-size: 1.4rem;
color: #6b6b6b;
transition: .24s ease-in;
}
.foot-nav-list__item a:hover {
color: #2f8ac6;
}
.foot-bottom-link {
float: left;
width: 552px;
height: 105px;
overflow: hidden;
}
.foot-bottom-link__item {
float: left;
margin-right: 45px;
line-height: 105px;
}
.foot-bottom-link__item:last-child {
margin-right: 0;
}
.foot-bottom-link__item a {
font-size: 12px;
font-size: 1.2rem;
color: #fff;
}
.foot-bottom-link__item a:hover {
text-decoration: underline;
}
.foot-form-lead {
margin-top: 35px;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #3b3b3b;
}
.swiper-button-prev,
.swiper-button-next {
width: 14px;
height: 24px;
background-size: 14px 24px;
transition: .23s ease-out;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity: 0.6;
}
.swiper-button-prev.m--none {
display: block;
}
.swiper-button-next.m--none {
display: block;
}
.draw-menu {
display: none;
}
.main-box {
margin-bottom: 30px;
}
.main-box-data__head {
padding-left: 30px;
font-weight: normal;
font-size: 20px;
font-size: 2rem;
}
.main-box-data__head.m--icn-ranking {
padding-left: 60px;
}
.main-box-data__head.m--icn-ranking:before {
left: 24px;
width: 25px;
height: 26px;
margin-top: -12px;
background-size: 25px 26px;
}
.main-box-inner {
padding: 20px 15px 10px;
}
.main-box-inner.m--ranking {
background: #f4f9fe;
}
.main-box-inner.m--compare {
padding: 25px 20px 10px;
}
.main-box-inner.m--compare-list {
padding: 30px 40px;
}
.main-box-inner.m--compare-list .most-compare-list {
margin-bottom: 0;
}
.main-box-inner.m--compare-list .card-data {
margin-bottom: 0;
}
.main-box-inner.m--compare-list .card-data__head {
margin-bottom: 15px;
}
.popular-list {
margin-bottom: 4px;
}
.popular-list__item {
width: 269px;
margin: 0 10px 12px 0;
}
.popular-list__item:nth-child(2n) {
margin-right: 10px;
}
.popular-list__item:nth-child(3n) {
margin-right: 0;
}
.most-top10-slide {
margin-bottom: 20px;
}
.most-top10-slide .swiper-slide {
position: relative;
}
.most-top10-slide .swiper-slide:after {
content: '';
position: absolute;
top: 15px;
right: -16px;
width: 1px;
height: 350px;
background: #e4e4e4;
}
.most-compare-inner {
margin-bottom: 10px;
overflow: hidden;
}
.most-compare {
float: left;
width: 400px;
margin-bottom: 0;
padding: 20px;
box-sizing: border-box;
}
.most-compare:last-child {
float: right;
}
.most-compare-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.most-compare-list:before {
top: 35px;
}
.most-compare-list.m--none {
margin: 0;
}
.most-compare-list.m--none .most-compare-list__item {
width: 160px;
margin: 0 45px 0 0;
}
.most-compare-list.m--none .most-compare-list__item:last-child {
margin: 0;
}
.credit-ranking-slide {
margin-bottom: 20px;
padding: 0 30px;
}
.pagination-area.m--ranking {
display: none;
}
.side-box-data__head {
height: 35px;
line-height: 32px;
border-top: 2px solid #3680c6;
background-size: 4px 4px;
font-size: 16px;
font-size: 1.6rem;
}
.feature-list {
margin-bottom: 10px;
padding: 5px 0 0;
}
.feature-list__item {
padding: 12px 10px;
}
.feature-img {
width: 60px;
}
.feature-data__head {
margin-bottom: 4px;
font-size: 14px;
font-size: 1.4rem;
}
.feature-data__body {
font-size: 12px;
font-size: 1.2rem;
}
.side-ranking-list {
padding: 20px 0 15px;
}
.side-ranking-txt {
font-size: 16px;
font-size: 1.6rem;
}
.ad {
max-width: 100%;
padding: 0;
}
.bread {
position: relative;
width: 1100px;
margin: 0 auto 45px;
padding-top: 20px;
font-size: 12px;
font-size: 1.2rem;
z-index: 11;
}
.bread-list__item a:hover {
text-decoration: underline;
}
textarea {
min-height: 120px;
}
.form-head {
width: 872px;
margin: 0 auto 50px;
}
.form-head.m--last {
margin-bottom: 85px;
}
.form-lead-data {
margin-bottom: 50px;
}
.form-lead-data__head {
margin-bottom: 23px;
font-size: 30px;
font-size: 3rem;
}
.form-lead-data__body.m--big {
font-size: 18px;
font-size: 1.8rem;
}
.form-lead-data__body {
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.form-alert {
padding: 20px 40px;
}
.form-alert-list {
font-size: 14px;
font-size: 1.4rem;
}
.form-body.m--last {
padding: 70px 0;
}
.form-body {
margin: 0;
padding: 50px 0 80px;
}
.form-body-inner {
width: 872px;
margin: 0 auto 50px;
}
.form-input {
display: table;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
box-sizing: border-box;
}
.form-input-data {
position: relative;
margin-bottom: 30px;
}
.form-input-data__head {
display: table-cell;
width: 214px;
margin-bottom: 0;
padding-left: 30px;
vertical-align: middle;
font-size: 16px;
font-size: 1.6rem;
box-sizing: border-box;
}
.form-input-data__head.m--top {
vertical-align: top;
}
.form-input-data__head.m--check {
padding-bottom: 90px;
}
.form-input-data__head span.input-sub {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
.form-input-data__body {
display: table-cell;
vertical-align: middle;
font-size: 16px;
font-size: 1.6rem;
}
.form-input-data__body.m--pc-size01 {
width: 480px;
}
.form-input-data__body.m--pc-size02 {
width: 640px;
}
.form-input-data__body.m--select:before {
right: 25px;
}
.form-input-data__body.m--select:after {
right: 22px;
}
.form-input-data__head:has(.inline-font) {
padding-right: 30px;
}
.mw_wp_form .form-input-data__body-wrap {
gap: 20px 25px;
flex-wrap: wrap;
flex-direction: row;
}
.form-input-data__lead {
position: absolute;
top: 38px;
left: 30px;
width: 150px;
margin-bottom: 0;
}
.form-input-text.m--check {
width: 180px;
margin: 0;
}
.form-input-text {
padding: 10px 18px;
font-size: 14px;
font-size: 1.4rem;
}
.form-input-select {
padding: 10px 18px;
font-size: 14px;
font-size: 1.4rem;
}
.form-submit {
width: 872px;
margin: 0 auto;
}
.form-submit-lead {
margin-bottom: 40px;
}
.form-submit-lead a {
padding-bottom: 9px;
font-size: 16px;
font-size: 1.6rem;
transition: .25s ease-in;
}
.form-submit-lead a:hover {
color: #2f8ac6;
}
.form-submit-lead a:hover:before {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.form-submit-data__head {
text-align: center;
}
.form-submit-area {
width: 554px;
margin: 0 auto;
}
.form-submit-area__item {
margin-bottom: 40px;
}
.form-submit-btn-area {
height: 105px;
}
.form-submit-no-btn {
max-width: 100%;
width: 554px;
height: 105px;
line-height: 105px;
font-size: 24px;
font-size: 2.4rem;
}
.form-submit-no-btn:after {
width: 24px;
}
.form-input-btn {
float: left;
margin-right: 20px;
padding: 8px 20px;
cursor: pointer;
}
.form-input-file-data,
.form-input-file2-data,
.form-input-file3-data {
margin-bottom: 15px;
overflow: hidden;
}
.form-input-file-data__head,
.form-input-file2-data__head,
.form-input-file3-data__head {
float: left;
margin-top: 8px;
font-size: 16px;
font-size: 1.6rem;
}
.form-input-file-data__body {
font-size: 12px;
font-size: 1.2rem;
}
.form-download-list__item {
padding: 30px 0;
}
.form-download-data__head {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
}
.form-download-data__head span:after {
width: 20px;
height: 20px;
margin: 0 5px 0 0;
background-size: 20px 20px;
}
.form-submit-check {
margin-bottom: 40px;
}
.form-submit-check label span {
padding: 0 0 0 34px;
cursor: pointer;
transition: .24s ease-in;
}
.form-submit-check label span:hover {
color: #2f8ac6;
}
.form-submit-check label span:before {
width: 21px;
height: 21px;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-submit-check input[type=checkbox]:checked + span:after {
left: 7px;
width: 6px;
height: 12px;
margin-top: -8px;
}
.form-img-check {
text-align: left;
font-size: 14px;
font-size: 1.4rem;
}
.form-img-check img {
max-width: 100%;
width: auto;
margin: 0 0 10px 0;
}
.form-img-check input[type=text] {
width: 180px;
margin: 20px 0 0 0;
padding: 10px 18px;
font-size: 14px;
font-size: 1.4rem;
}
.input-radio:checked + .input-txt__radio:after {
top: 6px;
left: 5px;
width: 6px;
height: 6px;
}
.input-txt__radio {
padding-left: 27px;
}
.input-txt__radio:before {
top: 1px;
width: 16px;
height: 16px;
}
.input-txt__check {
padding-left: 27px;
}
.input-txt__check:before {
top: 1px;
width: 16px;
height: 16px;
}
.btn {
max-width: 100%;
width: 277px;
}
.btn span {
letter-spacing: 1px;
}
.btn.m--head {
width: 180px;
height: 105px;
text-align: center;
} .btn.m--head a {
height: 100%;
line-height: 120%;
letter-spacing: 1px;
font-weight: bold;
font-size:1.8rem;
color: #fff;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.btn.m--pc-size01 {
width: 264px;
height: 143px;
}
.btn.m--pc-size01 a {
height: 143px;
line-height: 143px;
padding: 0 27px;
font-size: 18px;
font-size: 1.8rem;
}
.btn.m--pc-size02 {
width: 210px;
height: 94px;
}
.btn.m--pc-size02 a {
height: 94px;
line-height: 94px;
padding: 0 27px;
font-size: 18px;
font-size: 1.8rem;
}
.btn.m--pc-size03 {
width: 264px;
height: 143px;
}
.btn.m--pc-size03 a {
height: 143px;
line-height: 1.8;
padding: 40px 27px 0;
font-size: 18px;
font-size: 1.8rem;
box-sizing: border-box;
}
.btn.m--pc-form {
width: 554px;
height: 106px;
}
.btn.m--pc-form a {
height: 106px;
line-height: 106px;
padding: 0;
font-size: 24px;
font-size: 2.4rem;
}
.btn a {
transition: opacity .23s ease-out;
}
.btn a:hover {
opacity: 0.7;
}
.btn a:hover:before {
bottom: -15px;
right: -15px;
transition: .4s ease-out;
}
.btn a:hover:after {
right: -30px;
transition: .3s ease-out;
}
.btn.m--small-01 {
width: 80px;
height: 80px;
}
.btn.m--small-01 a {
height: 80px;
line-height: 80px;
font-size: 20px;
font-size: 2rem;
letter-spacing: -6px;
}
.btn.m--color-gray01 a:before {
width: 40px;
height: 60px;
}
.btn.m--color-gray01 a:after {
right: 0;
width: 24px;
}
.btn.m--active a {
opacity: 0.7;
}
.btn.m--active a:before {
bottom: -15px;
right: -15px;
transition: .4s ease-out;
}
.btn.m--active a:after {
right: -30px;
transition: .3s ease-out;
}
.btn.m--download {
display: block;
width: 274px;
height: 75px;
line-height: 75px;
margin: 0 auto;
}
.btn.m--download a {
max-width: 100%;
width: 274px;
height: 75px;
line-height: 75px;
font-size: 18px;
font-size: 1.8rem;
}
.btn.m--404 {
width: 274px;
height: 75px;
line-height: 75px;
}
.btn.m--404 a {
height: 75px;
line-height: 75px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
}
.btn.m--top a {
max-width: 100%;
width: 554px;
height: 105px;
line-height: 105px;
font-size: 24px;
font-size: 2.4rem;
}
.btn.m--top {
display: block;
width: 554px;
height: 105px;
line-height: 105px;
margin: 0 auto;
}
.btn-submit:after {
width: 24px;
}
.btn-submit {
max-width: 100%;
width: 554px;
height: 105px;
font-size: 24px;
font-size: 2.4rem;
cursor: pointer;
transition: opacity .23s ease-out;
}
.btn-submit:hover {
opacity: 0.7;
}
.btn-submit:hover:before {
bottom: -15px;
right: -15px;
transition: .4s ease-out;
}
.btn-submit:hover:after {
right: -30px;
transition: .3s ease-out;
}
.btn-submit-cover.m--gray {
width: 274px;
height: 75px;
line-height: 75px;
margin: 0;
}
.btn-submit-cover.m--gray input {
height: 75px;
line-height: 75px;
}
.btn-submit-cover.m--gray:after {
width: 24px;
}
.btn-submit-cover input {
height: 105px;
line-height: 105px;
font-size: 24px;
font-size: 2.4rem;
cursor: pointer;
}
.btn-submit-cover {
max-width: 100%;
width: 554px;
height: 105px;
margin: 0 auto;
font-size: 24px;
font-size: 2.4rem;
cursor: pointer;
}
.btn-submit-cover:after {
width: 24px;
}
.btn-submit-cover {
transition: opacity .23s ease-out;
}
.btn-submit-cover:hover {
opacity: 0.7;
}
.btn-submit-cover:hover:before {
bottom: -15px;
right: -15px;
transition: .4s ease-out;
}
.btn-submit-cover:hover:after {
right: -30px;
transition: .3s ease-out;
}
.title.m--mb-long {
margin-bottom: 0;
}
.title {
margin-bottom: 15px;
font-weight: 550;
font-family: "Yu Gothic Bold", "游ゴシック Bold", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;
font-size: 30px;
font-size: 3rem;
}
.title.m--mb30 {
margin-bottom: 30px;
}
.title.m--pc-size01 {
margin-bottom: 30px;
font-size: 24px;
font-size: 2.4rem;
}
.title.m--article {
margin-bottom: 60px;
font-size: 24px;
font-size: 2.4rem;
}
.title.m--pc-left01 {
float: left;
width: 190px;
margin-right: 50px;
font-size: 24px;
font-size: 2.4rem;
}
.title-lead {
font-size: 18px;
font-size: 1.8rem;
}
.txt {
font-size: 16px;
font-size: 1.6rem;
}
.txt-list {
width: 1100px;
margin: 0 auto;
}
.txt-list__item.m--sub {
font-size: 14px;
font-size: 1.4rem;
}
.txt-list__item {
font-size: 16px;
font-size: 1.6rem;
}
.txt-list__item a:hover {
text-decoration: none;
}
.news__item {
margin-bottom: 20px;
}
.news__data {
padding-right: 15px;
font-size: 12px;
font-size: 1.2rem;
}
.news.m--pc-left {
float: left;
width: 860px;
}
.news-tag {
margin-bottom: 10px;
}
.news-tag__item {
margin-bottom: 6px;
}
.news-body__txt {
font-size: 14px;
font-size: 1.4rem;
}
.news-body__txt a:hover {
color: #2f8ac6;
transition: color .2s ease-in;
}
.news-report {
padding-bottom: 15px;
}
.news-report a {
transition: color .24s ease-in;
}
.news-report a:hover {
color: #2f8ac6;
}
.news-report__head {
font-size: 16px;
font-size: 1.6rem;
}
.news-report__body {
font-size: 14px;
font-size: 1.4rem;
}
.tag {
width: auto;
min-width: 70px;
height: 24px;
line-height: 24px;
font-size: 12px;
font-size: 1.2rem;
}
.tag.m--big {
width: auto;
height: 35px;
line-height: 35px;
padding: 0 10px;
font-size: 16px;
font-size: 1.6rem;
}
.hero.m--tech {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/technology/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--services {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--services-lower {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--corp {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/corp/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--about {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-jobs {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-faq {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/faq/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero.m--recruit-office {
min-height: 560px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/office/pc/bg_hero.jpg) no-repeat 0 bottom;
background-size: cover;
}
.hero {
min-width: 1300px;
width: 100%;
min-height: 760px;
margin-top: 0;
padding: 105px 0 0 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top.jpg) no-repeat 50% 50%;
}
.hero-inner {
position: relative;
top: 0;
max-width: 100%;
width: 1100px;
margin: 235px auto 0;
padding: 0;
}
.hero-inner.m--top {
margin-top: 5%;
}
.hero-inner.m--services {
width: 1100px;
margin-top: 235px;
}
.hero-inner.m--about {
width: 1100px;
margin-top: 235px;
}
.hero-inner.m--about-lower {
width: 1100px;
margin-top: 200px;
}
.hero-inner.m--recruit {
width: 1100px;
margin-top: 235px;
}
.hero-inner.m--bottom {
width: 1100px;
top: 0;
margin-top: 200px;
}
.hero-inner.m--bottom-02 {
width: 1100px;
top: 0;
margin-top: 155px;
}
.hero-inner.m--bottom-03 {
width: 1100px;
top: 0;
margin-top: 128px;
}
.hero-inner__title.m--center {
font-size: 60px;
font-size: 6rem;
}
.hero-inner__title.m--center-long {
margin: 11% auto 0;
font-size: 60px;
font-size: 6rem;
}
.hero-inner__title.m--service-lower {
margin: 11% auto 0;
font-size: 60px;
font-size: 6rem;
}
.hero-inner__title span {
margin-bottom: 20px;
font-size: 18px;
font-size: 1.8rem;
}
.hero-inner__txt {
max-width: 100%;
width: 1200px;
margin: 60px auto 0;
padding-left: 10px;
font-size: 18px;
font-size: 1.8rem;
}
.hero-inner__txt.m--big {
padding: 0;
margin-top: 10px;
letter-spacing: 2px;
font-size: 24px;
font-size: 2.4rem;
}
.experience-block{
max-width: 110.2rem;
margin: 0 auto 18.5rem;
}
.experience-block .bread{
margin: 0 auto 36px;
}
.experience-top-txt .txt{
display: flex !important;
justify-content: center;
font-size: 1.6rem;
letter-spacing: 0.05em;
}
.experience-top-txt .image{
width: 100%;
margin: 4.5rem 0 4.2rem;
}
.experience-example-block{
margin-top: 13.1rem;
}
.experience-example-block-list__item{
margin-bottom: 10rem;
margin-top: -70px;
padding-top: 70px;
}
.experience-list-title{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/pc/title_1.png) no-repeat 0 0;
background-size: contain; padding: 4.7rem 0 4.9rem 3.6rem;
font-size: 2.8rem;
letter-spacing: 0.05em;
}
.experience-example-block-list__item-link{
margin-bottom: 0;
text-align: right;
padding-right: 2.3rem;
}
.experience-example-block-list__item-link a{
font-size: 1.6rem;
padding-bottom: 2rem;
letter-spacing: 0.1em;
}
.experience-list-title__development{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/pc/title_2.png) no-repeat 0 0;
background-size: contain;
}
.experience-list-title__analysis{
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/experience/pc/title_3.png) no-repeat 0 0;
background-size: contain;
margin-bottom: 3.1rem;
}
.experience-list-block{
margin-bottom: 10rem;
padding-top: 4.2rem;
}
.experience-list-block__title{
max-width: 106rem;
margin: 0 auto;
padding: 1.2rem 0 1.2rem 1rem;
}
.experience-list-block__title .left .category{
width: 16rem;
margin-bottom: 0.8rem;
text-align: center;
padding: 1.3rem 0;
font-size: 1.8rem;
border: 1px solid #005288;
}
.experience-list-block__title .right .category-list{
margin-top: 0.8rem;
}
.experience-list-block__title .right{
margin-left: 3rem;
}
.experience-list-block__title .right .category-list .category-item{
padding: 0.7rem;
font-size: 1.6rem;
margin: 0 6px 0 0;
}
.experience-list-block__title .right .title{
margin-top: 1.9rem;
font-size: 2.4rem;
}
.experience-list-block__contents{
max-width: 100.2rem;
margin: 3.5rem auto 0;
}
.experience-list-content{
margin-bottom: 5rem;
}
.experience-list-contents__title{
font-size: 1.8rem;
padding: 0 0 1.4rem 3rem;
}
.experience-list-contents__text{
margin-top: 2.2rem;
padding: 0 1.3rem 0 3rem;
font-size: 1.6rem;
}
.experience-list-contents__text .strong{
margin-bottom: 2.6rem;
}
.experience-list-contents__text--min{
font-size: 1.4rem;
}
.experience-list-contents__text .list{
margin: 3rem 0 0 3.3rem;
}
.experience-list-contents__text .list .item{
font-size: 1.4rem;
line-height: 1;
}
.experience-list-contents__text .list .item:nth-of-type(1){
margin-bottom: 1.8rem;
}
.experience-list-contents__text .list .item .dot{
font-size: 2.4rem;
vertical-align: middle;
}
.experience-list__annotation{
max-width: 82rem;
width: 100%;
margin: 1.5rem 7.8rem 1.5rem 6rem;
text-align: center;
padding: 2.4rem 0;
font-size: 1.6rem;
letter-spacing: 0.05em;
line-height: 1;
}
.experience-list__annotation::before{
border-width: 0 7px 14px 7px;
top: -13px;
left: 6.4rem;
}
.lower-block {
padding: 0;
}
.lower-component {
width: 1100px;
margin: 50px auto;
overflow: hidden;
}
.article {
margin-bottom: 90px;
}
.article-head {
width: 1100px;
margin: 0 auto;
}
.article-head__ymd {
margin-top: 5px;
font-size: 16px;
font-size: 1.6rem;
}
.article-head__name,
.article-head__location,
.article-head__navigator {
font-size: 16px;
font-size: 1.6rem;
}
.article-head-tag {
margin-bottom: 15px;
}
.article-head-tag__item {
margin-bottom: 10px;
}
.article-sns {
margin-bottom: 0;
}
.article-link-list {
margin-top: 40px;
padding: 30px 50px;
}
.article-link-list p {
margin-bottom: 12px;
font-size: 14px;
font-size: 1.4rem;
}
.article-link-list p a:hover {
text-decoration: none;
}
.article-body {
width: 1100px;
margin: 55px auto 0;
}
.article-body h2 {
margin: 0 0 35px 0;
padding: 20px 50px 17px;
font-size: 20px;
font-size: 2rem;
}
.article-body h3 {
margin-bottom: 23px;
padding-left: 30px;
background: linear-gradient(transparent 96%, #2f8ac6 0%);
background-size: 2px 2.6em;
line-height: 2.6;
font-size: 18px;
font-size: 1.8rem;
}
.article-body h4 {
font-size: 14px;
font-size: 1.4rem;
}
.article-body ul {
margin-bottom: 40px;
}
.article-body ul li {
margin-bottom: 20px;
padding-left: 18px;
font-size: 16px;
font-size: 1.6rem;
}
.article-body ul li:before {
top: 12px;
left: 0;
width: 5px;
height: 5px;
}
.article-body p {
font-size: 16px;
font-size: 1.6rem;
}
.article-body img {
width: auto;
margin-bottom: 40px;
border: 10px solid #f2f6f9;
}
.article-body table {
width: 724px;
margin: 0 auto 40px;
}
.article-body table th {
padding: 15px 18px 13px;
font-size: 14px;
font-size: 1.4rem;
}
.article-body table td {
padding: 15px 18px 13px;
font-size: 14px;
font-size: 1.4rem;
}
.article-body table td:first-child {
width: 160px;
}
.article-body .article-table {
margin: 0 0 60px 163px;
}
.article-body .article-table table {
width: 480px;
margin: 0;
}
.article-body .article-table td:first-child {
width: 300px;
}
.article-body .article-alert {
margin: 40px 0;
padding: 20px 30px;
}
.article-body .article-alert li {
font-size: 12px;
font-size: 1.2rem;
}
.article-box {
margin-bottom: 40px;
}
.article-box.m--940 {
width: 940px;
margin-left: 60px;
}
.article-box.m--1000 {
width: 1000px;
margin: 0 auto 40px;
}
.article-box.m--1050 {
margin-left: 50px;
}
.article-inner {
margin-bottom: 30px;
padding: 0 50px 0 30px;
}
.article-link {
margin-top: 30px;
font-size: 14px !important;
font-size: 1.4rem !important;
}
.article-link:hover a {
text-decoration: underline;
}
.article-feature-code {
margin-bottom: 50px;
padding: 10px 20px;
box-sizing: border-box;
}
.article-feature-code p {
font-size: 14px !important;
font-size: 1.4rem !important;
}
.article-img {
margin-bottom: 40px;
}
.article-img p {
font-size: 14px !important;
font-size: 1.4rem !important;
}
.article-code {
width: 724px;
margin: 0 auto 40px;
}
.article-code-commentary {
width: 724px;
margin: 80px auto 40px;
padding: 30px 25px;
border: 10px solid #f2f6f9;
}
.article-code-commentary dl {
margin-bottom: 30px;
}
.article-code-commentary dl dt {
font-size: 14px;
font-size: 1.4rem;
}
.article-code-commentary dl dd {
font-size: 14px;
font-size: 1.4rem;
}
.article-code-black {
width: 724px;
margin: 40px auto;
padding: 40px 35px;
box-sizing: border-box;
}
.article-code-black code {
font-size: 14px;
font-size: 1.4rem;
}
.article-form {
margin-top: 40px;
padding: 20px 30px;
}
.article-form dl {
margin-bottom: 30px;
}
.article-form-pdf dt {
margin-bottom: 10px;
}
.article-form-pdf dd {
font-size: 14px;
font-size: 1.4rem;
}
.article-form-pdf dd a {
display: inline-block;
padding-right: 25px;
background-size: 19px 19px;
}
.article-form-pdf dd a:hover {
text-decoration: underline;
}
.article-form-pdf dd span {
display: inline;
}
.article-form-download dt {
margin-bottom: 10px;
}
.article-form-download dt a:hover {
text-decoration: underline;
}
.article-other dl {
margin-bottom: 20px;
}
.article-other dl dd a {
font-size: 14px;
font-size: 1.4rem;
}
.article-other dl dd a:hover {
text-decoration: underline;
}
.article-foot {
width: 1100px;
margin: 50px auto 0;
padding-top: 50px;
border-top: 4px solid #f5f5f5;
overflow: hidden;
}
.article-report {
width: 940px;
margin: 40px auto;
}
.article-left {
float: left;
width: 560px;
margin-bottom: 0;
}
.article-left h4 {
margin-bottom: 40px;
}
.article-left img {
width: 100%;
margin-bottom: 0;
}
.article-right {
float: right;
width: 360px;
}
.article-right h4 {
margin-bottom: 40px;
}
.article-right img {
width: 100%;
margin-bottom: 0;
}
.article-lead {
margin: 0 0 30px 0;
font-size: 16px;
font-size: 1.6rem;
}
.sns-list {
position: absolute;
top: 10px;
right: 0;
display: table;
height: 30px;
overflow: hidden;
}
.sns-list__item {
display: table-cell;
padding-right: 20px;
text-align: left;
vertical-align: middle;
}
.sns-list__item.m--tweet {
padding-top: 5px;
}
.sns-list__item.m--google {
padding-top: 7px;
}
.sns-list__item.m--clip {
padding-top: 5px;
}
.top-block__inner {
width: 100%;
padding: 0;
}
.top-block__inner.m--service {
padding: 65px 0 75px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_service.jpg) no-repeat right bottom;
background-size: contain;
}
.top-block__inner.m--oss {
height: 590px;
padding: 128px 0 75px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_oss.jpg) no-repeat 0 0;
background-size: cover;
box-sizing: border-box;
}
.top-block__inner.m--skill {
padding: 65px 0 75px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_skill.png) no-repeat right bottom;
}
.top-block__inner.m--news {
padding: 80px 0 65px;
}
.top-block__box {
width: 1100px;
margin: 0 auto;
overflow: hidden;
}
.top-block__box.m--service {
position: relative;
}
.top-block__box.m--wide {
width: 100%;
height: 350px;
margin: 0;
}
.top-block__wrap {
width: 872px;
}
.top-list {
margin-bottom: 30px;
overflow: hidden;
}
.top-list.m--skill {
margin: 45px 0 50px;
}
.top-list__item {
float: left;
max-width: 100%;
width: 264px;
margin: 0 40px 0 0;
}
.top-list__item:last-child {
margin: 0;
}
.top-list__item a {
position: relative;
display: block;
width: 264px;
height: 264px;
}
.top-list__item a img {
transition: none;
}
.top-list__item a .hover img {
position: absolute;
top: 0;
opacity: 1;
}
.top-list__link{
margin-top: 2rem;
text-align: left;
}
.top-list__link a{
display: inline-block;
height: auto;
width: auto;
padding-bottom: 1.9rem;
font-size: 1.6rem;
border-bottom: 2px solid #005288;
}
.top-list__txt {
font-size: 18px;
font-size: 1.8rem;
pointer-events: none;
z-index: 20;
}
.top-more {
margin-top: 40px;
}
.top-oss {
float: right;
width: 450px;
padding-top: 0;
}
.top-oss-main {
float: left;
width: 600px;
padding-top: 35px;
}
.top-oss-main__txt {
margin-top: 35px;
}
.top-oss-list {
max-width: 450px;
margin: 0 0 -15px 0;
}
.top-oss-list__item {
max-width: 100%;
width: 140px;
margin: 0 15px 15px 0;
}
.top-oss-btnarea {
position: absolute;
bottom: 0;
right: 60px;
width: 80px;
padding-right: 0;
overflow: hidden;
}
.top-example-head {
height: 350px;
}
.top-example-head__item {
position: relative;
height: 350px;
}
.top-example-head__item.m--01 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_example_01.jpg) no-repeat 0 0;
}
.top-example-head__item.m--02 {
padding: 90px 50px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_example_02.jpg) no-repeat 0 0;
}
.top-news-head {
float: left;
width: 192px;
margin-bottom: 0;
}
.top-news {
width: 860px;
}
.top-example-box {
position: absolute;
top: 23%;
left: 40px;
}
.top-example-txt {
margin: 25px 0 40px;
}
.top-link-list {
overflow: hidden;
}
.top-link-list__item {
float: left;
margin-right: 40px;
}
.top-link-list__item:last-child {
margin-right: 0;
}
.top-news-body {
float: right;
width: 863px;
} .top-icn-kubernetes {
top: 0;
bottom: auto;
right: 0;
width: 160px;
height: auto;
font-size: 0;
}
.tech {
margin: 0;
padding: 50px 0;
}
.tech__inner {
width: 1100px;
margin: 0 auto;
}
.tech-head-list {
padding: 0 5px;
font-size: 0;
overflow: hidden;
}
.tech-head-list__item {
float: left;
margin-right: 10px;
}
.tech-head-list__item:last-child {
margin-right: 0;
}
.tech-foot-box {
margin: 10px 0 24px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/technology/pc/bg_select.png) no-repeat right #fff;
background-size: auto;
}
.tech-foot-box-data {
width: 100%;
padding: 25px 35px;
}
.tech-foot-box-data__head {
font-size: 18px;
font-size: 1.8rem;
}
.tech-foot-box-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.tech-search {
padding: 32px 32px 22px;
}
.tech-search-block {
margin: 30px 0 15px;
}
.tech-title {
margin-bottom: 15px;
}
.tech-search-oss {
display: block;
margin-bottom: 10px;
overflow: hidden;
}
.tech-search-oss.m--none {
margin-bottom: 0;
}
.tech-search-oss.m--none .tech-search-oss__item:last-child:after {
display: none;
}
.tech-search-oss__item {
position: relative;
float: left;
width: auto;
margin: 0 32px 5px 0;
padding-right: 11px;
}
.tech-search-oss__item:after {
content: '/';
position: absolute;
top: 50%;
right: -15px;
font-size: 16px;
font-size: 1.6rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tech-search-oss__item:nth-child(2n) {
width: auto;
margin-right: 32px;
}
.tech-search-keyword {
margin: 0 -32px;
padding: 25px 90px 15px;
overflow: hidden;
}
.tech-search-keyword__item {
float: left;
width: auto;
margin: 0 0 6px 15px;
}
.tech-search-keyword__item:first-child {
margin-left: 0;
}
.tech-search-keyword__txt {
padding: 0 0 0 20px;
font-size: 14px;
font-size: 1.4rem;
cursor: pointer;
transition: .24s ease-in;
}
.tech-search-keyword__txt:hover {
color: #2f8ac6;
}
.tech-search-keyword__txt:before {
width: 14px;
height: 14px;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tech-search-horizon__item {
position: relative;
width: auto;
margin: 0 32px 5px 0;
padding-right: 11px;
}
.tech-search-horizon__item:last-child:after {
display: none;
}
.tech-search-horizon__item:after {
content: '/';
position: absolute;
top: 50%;
right: -15px;
font-size: 16px;
font-size: 1.6rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tech-radio__txt {
padding-bottom: 6px;
font-size: 16px;
font-size: 1.6rem;
cursor: pointer;
transition: .24s ease-in;
}
.tech-radio__txt:hover {
color: #2f8ac6;
}
.tech-check:checked + .tech-search-keyword__txt:after {
left: 5px;
width: 4px;
height: 7px;
margin-top: -6px;
}
.tech-news {
width: 860px;
margin: 55px auto 100px;
}
.presentation-head {
margin-top: 80px;
}
.presentation-data {
display: table;
width: 100%;
font-size: 16px;
font-size: 1.6rem;
}
.presentation-data__head {
display: table-cell;
vertical-align: middle;
min-width: 0;
width: 130px;
height: 40px;
line-height: 40px;
}
.presentation-data__body {
display: table-cell;
padding-left: 20px;
vertical-align: middle;
}
.presentation-data__body a {
padding-left: 27px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_pdf.png) no-repeat left 50%;
background-size: 19px 19px;
}
.presentation-data__body a.no-icon {
background: none;
padding-left: 0;
}
.presentation-data__body a:hover {
text-decoration: underline;
}
.eventreport-img {
text-align: center;
}
.eventreport-img img {
width: auto;
height: auto;
}
.services.m--oss {
margin-top: -85px;
}
.services-top-form {
width: 720px;
margin: 0 auto 130px;
}
.services-top-form .txt-list {
width: 100%;
}
.services-top-form .txt-list__item:last-child {
margin-top: 50px;
text-align: center;
}
.service-lower .foot-form {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_form.png) no-repeat 0 50% #f5f5f5;
}
.services-block {
margin-top: 0;
padding-bottom: 890px; position: relative;
}
.services-block::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-size: contain;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_01.png) no-repeat 0 bottom;
width: 100%;
height: 66.6rem;
}
.services-block.m--02 { }
.services-block.m--02::after{
right: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_02.png) no-repeat 120% bottom;
}
.services-block.m--03 {
padding-bottom: 72.2rem;
background: none;
}
.services-block.m--03::after{
content: none;
}
.services-block.m--03 .service-block-pickup{
bottom: -700px;
}
.services-block.m--03 .services-cover {
padding: 40px;
}
.services-block.m--right .services-title {
padding-top: 120px;
margin-top: -181px;
top: -60px;
top: initial;
right: -10px;
}
.services-block.m--right .services-cover {
padding: 40px 0 40px 40px;
}
.services-block-inner.m--01 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_service_01.png) no-repeat 50% 50%;
background-size: cover;
}
.services-block-inner.m--02 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_service_02.png) no-repeat 50% 50%;
background-size: cover;
}
.services-block-inner.m--02 .services-box {
height: 530px;
}
.services-block-inner.m--03 {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/pc/bg_service_03.png) no-repeat 50% 50%;
background-size: cover;
}
.services-block-inner.m--03 .services-box {
height: 520px;
}
.services-box {
position: relative;
width: 1100px;
height: 500px;
margin: 0 auto;
}
.services-box:before {
content: '';
display: block;
clear: both;
}
.services-box:after {
content: '';
display: block;
clear: both;
}
.services-block-main {
float: left;
width: 552px;
margin: 0;
padding: 0;
}
.services-block-main.m--01 {
background: none;
}
.services-block-main.m--02 {
float: right;
background: none;
}
.services-block-main.m--03 {
width: 610px;
background: none;
}
.services-title {
max-width: 100%;
top: -35px;
font-size: 60px;
font-size: 6rem;
}
.services-title.m--double {
padding-top: 30px;
margin-top: -70px;
padding-top: 100px;
margin-top: -140px;
top: -70px;
top: initial;
}
.services-title.m--triple {
font-size: 6rem;
padding-top: 28px;
margin-top: -56px;
padding-top: 100px;
margin-top: -128px;
top: initial;
}
.services-title.m--triple span {
font-size: 42px;
font-size: 4.2rem;
}
.services-support {
padding-top: 105px;
}
.services-support:before {
height: 105px;
}
.services-cover {
padding: 40px 40px 45px 0;
}
.services-data {
margin-bottom: 18px;
}
.services-data__head {
font-size: 16px;
font-size: 1.6rem;
}
.services-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.services-block-sub {
position: absolute;
bottom: 0;
right: -25px;
width: 332px;
margin: 0;
padding: 30px;
background: rgba(0, 82, 136, 0.8);
box-sizing: border-box;
}
.services-block-sub.m--left {
left: -25px;
}
.service-block-pickup{
position: absolute;
bottom: -596px;
left: 10rem;
max-width: 95.2rem;
width: 100%;
margin: 0;
}
.service-block-pickup__inner{
padding: 4.1rem 4rem 4.1rem;
background-color:rgba(229,237,243)
}
.service-block-pickup__title{
margin-bottom: 4.6rem;
font-size: 2.6rem;
}
.service-pickup-list{
max-width: 88rem;
width: 100%;
}
.sercive-pickup-list__item{
max-width:26.4rem;
width: 100%;
height: 15.4rem;
margin-right: 4rem;
margin-bottom: 4rem;
position: relative;
z-index: 2;
}
.sercive-pickup-list__item:nth-child(2n-1){
margin-right: 4rem;
}
.sercive-pickup-list__item:nth-child(3n){
margin-right: 0;
}
.sercive-pickup-list__item:nth-child(4),
.sercive-pickup-list__item:nth-child(5),
.sercive-pickup-list__item:nth-child(6){
margin-bottom: 0;
}
.service-block-pickup .btn.m--pc-size01 a{
height: 16.4rem;
line-height: 1;
padding: 2.2rem 2rem 0;
}
.btn.m--color-blue01 a:before{
content: "";
}
.sercive-pickup-list__item .btn a::after{
width: 3rem;
z-index: 2;
}
.sercive-pickup-list__item .btn a .head .strong{
padding-bottom: 1rem;
font-size: 2.2rem;
}
.sercive-pickup-list__item .btn a .text{
margin-top: 2rem;
padding-right: 4.6rem;
font-size: 1.6rem;
}
.services-link a {
font-size: 16px;
font-size: 1.6rem;
}
.services-alert {
margin: 25px 0 30px;
}
.services-alert-list {
display: table;
max-width: 100%;
overflow: hidden;
}
.services-alert-list__item {
display: table-cell;
height: 64px;
line-height: 1.4;
vertical-align: middle;
font-weight: normal;
}
.services-alert-list__item:first-child {
line-height: 1.4;
}
.services-alert-list__item:after {
display: none;
}
.services-alert-list__item span {
display: block;
margin-left: 0;
}
.services-alert-list__item:before {
content: '';
position: absolute;
top: 50%;
right: -25px;
width: 0;
height: 0;
border-style: solid;
border-width: 32px 0 32px 25px;
border-color: transparent transparent transparent #007bff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.services-alert-list__item.m--01 {
padding-right: 0;
}
.services-alert-list__item.m--01:before {
border-color: transparent transparent transparent #005288;
}
.services-alert-list__item.m--02 {
padding: 0 0 0 30px;
}
.services-alert-list__item.m--02:before {
border-color: transparent transparent transparent #1478b9;
}
.services-alert-list__item.m--03 {
padding: 0 3px 0 33px;
box-sizing: border-box;
}
.services-alert-list__item.m--03:before {
border-color: transparent transparent transparent #379cde;
}
.services-alert-list__item.m--04 {
padding: 0 3px 0 33px;
box-sizing: border-box;
}
.services-alert-list__item.m--04:before {
border-color: transparent transparent transparent #1478b9;
}
.services-alert-list__item.m--05 {
width: 150px;
line-height: 1.4;
padding: 15px 5px 15px 25px;
box-sizing: border-box;
}
.services-alert-list__item.m--05:before {
display: none;
}
.services-form {
margin-top: 0;
padding: 0;
}
.services-form-inner {
width: 1100px;
margin: 0 auto;
padding: 50px 0 60px;
}
.services-form-block {
overflow: hidden;
}
.services-form-box {
float: left;
width: 552px;
margin-bottom: 0;
}
.services-form-box:last-child {
float: right;
width: 500px;
}
.services-form-list__item {
margin-bottom: 7px;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
.services-form-list__item span {
margin: 0 0 0 5px;
font-size: 12px;
font-size: 1.2rem;
}
.services-form-list__item span.inline {
display: inline-block;
margin-bottom: 0;
}
.services-form-alert {
margin-top: 60px;
font-size: 12px;
font-size: 1.2rem;
}
.oss {
margin: 0;
padding: 80px 0 140px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/oss/pc/bg_01.jpg) no-repeat 0 0;
}
.oss-top-txt .txt-list {
width: 720px;
margin: 0 auto;
}
.oss-block {
width: 1100px;
margin: 60px auto 0;
}
.oss-list {
margin: 0 -10px 30px;
}
.oss-list__item {
width: 260px;
margin: 0 10px 25px;
padding: 30px;
}
.oss-data__head {
font-size: 26px;
font-size: 2.6rem;
}
.oss-data__body {
font-size: 16px;
font-size: 1.6rem;
}
.oss-data__body span {
margin-top: 25px;
font-size: 12px;
font-size: 1.2rem;
}
.oss-alert {
font-size: 14px;
font-size: 1.4rem;
}
.service-lower {
margin-top: -84px;
}
.service-lower-body {
width: 1028px;
margin: 0 auto;
padding: 50px 0;
}
.service-lower-report-inner {
overflow: hidden;
}
.service-lower-report-inner__left {
float: left;
width: 460px;
}
.service-lower-foot {
width: 1028px;
margin: 0 auto;
}
.service-lower-block.m--top {
margin: 0;
padding: 0 0 100px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/pc/bg_01.jpg) no-repeat 0 0;
background-size: cover;
}
.service-lower-block.m--kubernetes {
margin: 0;
padding: 0 0 100px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/oss/pc/bg_kubernetes.jpg) no-repeat 0 0;
background-size: cover;
}
.service-lower-block.m--report {
margin: 40px 0 84px 0;
padding: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/services/lower/pc/bg_report.png) no-repeat right 110% #f8fafc;
background-size: auto auto;
}
.service-lower-block.m--pc-bottom {
margin-bottom: 105px;
}
.service-lower-head {
width: 736px;
margin: 0 auto;
padding-top: 80px;
}
.service-lower-head__item {
margin-bottom: 45px;
}
.service-lower-title {
margin-bottom: 15px;
font-size: 30px;
font-size: 3rem;
}
.service-lower-title.m--small {
margin-bottom: 10px;
font-size: 18px;
font-size: 1.8rem;
}
.service-lower-title.m--middle {
margin-bottom: 20px;
font-size: 24px;
font-size: 2.4rem;
}
.service-lower-img {
padding: 25px 0;
}
.service-lower-img img {
max-width: 100%;
width: auto;
height: auto;
}
.service-lower-lead.m--left {
text-align: left;
}
.service-lower-lead {
margin-bottom: 40px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.service-lower-list {
margin: 0 -17px;
text-align: center;
}
.service-lower-list.m--flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.service-lower-list__item {
display: inline-block;
width: 320px;
margin: 0 16px;
vertical-align: top;
text-align: left;
}
.service-lower-list__item:last-child {
margin: 0 16px;
}
.service-lower-list.m--flex .service-lower-list__item:last-child {
margin-top: 50px;
}
.service-lower-data__head {
display: table-cell;
width: 320px;
height: 74px;
padding: 0 25px;
vertical-align: middle;
font-size: 20px;
font-size: 2rem;
box-sizing: border-box;
}
.service-lower-data__head span {
margin-left: 0;
font-size: 16px;
font-size: 1.6rem;
}
.service-lower-data__body {
margin-top: 20px;
}
.service-lower-data__body .service-lower-txt-list {
padding: 0 20px;
}
.service-lower-txt-list__item {
font-size: 14px;
font-size: 1.4rem;
}
.service-lower-txt-list.m--thin .service-lower-txt-list__item {
line-height: 1.6;
}
.service-lower-report {
margin-top: 40px;
padding: 40px 50px;
}
.service-lower-report-inner__right {
float: right;
width: 405px;
padding: 25px 30px 40px;
overflow: hidden;
box-sizing: border-box;
}
.service-lower-right-data {
float: left;
width: 165px;
margin: 0;
}
.service-lower-right-data__head {
margin-bottom: 10px;
}
.service-lower-foot {
padding: 50px 0 58px;
}
.service-lower-foot-list {
width: 738px;
}
.service-lower-foot-list__item {
padding: 30px;
}
.service-lower-foot-data__head {
font-size: 16px;
font-size: 1.6rem;
}
.service-lower-link__item {
padding: 0 8px 8px;
}
.service-lower-link__item a {
font-size: 14px;
font-size: 1.4rem;
}
.service-lower-link__item a:hover {
text-decoration: underline;
}
.service-lower-link__item span {
margin-left: 8px;
padding-left: 25px;
background-size: 20px 20px;
font-size: 14px;
font-size: 1.4rem;
}
.service-lower-box__left {
font-size: 16px;
font-size: 1.6rem;
}
.service-lower-lead-list.m--small {
margin-top: 35px;
}
.service-lower-lead-list.m--small .service-lower-lead-list__head {
font-size: 14px;
font-size: 1.4rem;
}
.service-lower-lead-list__body .service-lower-txt-list {
padding: 0;
}
.corp {
margin-bottom: 100px;
}
.corp-top-head {
margin-top: 0;
}
.corp-top-block {
margin-top: 115px;
}
.corp-contact {
width: 872px;
margin: 0 auto;
}
.corp-contact-head {
margin-bottom: 55px;
}
.corp-contact-lead {
margin-bottom: 35px;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.corp-contact-list {
margin-top: 35px;
padding: 15px 40px;
}
.corp-contact-data {
margin-bottom: 25px;
}
.corp-contact-data__head {
margin-bottom: 15px;
padding-bottom: 12px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-contact-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.corp-contact-body {
margin-bottom: 0;
}
.corp-contact-about {
margin-bottom: 10px;
}
.corp-contact-about__item {
letter-spacing: 1px;
font-size: 18px;
font-size: 1.8rem;
}
.corp-ideals-data {
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-ideals-data__head {
margin-bottom: 10px;
padding: 0 10px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-ideals-data__body {
padding: 0 10px;
}
.history-list__item {
padding: 0 10px 12px;
}
.history-data {
display: table;
width: 100%;
}
.history-data__head {
display: table-cell;
width: 145px;
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem;
}
.history-data__body {
display: table-cell;
font-size: 16px;
font-size: 1.6rem;
}
.corp-profile-data {
display: table;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-profile-data__head {
display: table-cell;
width: 145px;
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem;
}
.corp-profile-data__body a:hover {
text-decoration: underline;
}
.corp-profile-data__body {
display: table-cell;
font-size: 16px;
font-size: 1.6rem;
}
.corp-access {
margin-top: 60px;
}
.corp-access-inner {
overflow: hidden;
}
.corp-access-block.m--access {
position: relative;
width: 60%;
height: 480px;
margin: 0;
}
.corp-access-block.m--map {
position: relative;
float: right;
width: 50%;
height: 480px;
margin: -420px 0 0 0;
}
.corp-access-block-inner {
position: absolute;
top: 50%;
left: 52%;
padding: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.corp-access-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.corp-access-data__head {
font-size: 15px;
font-size: 1.5rem;
}
.corp-access-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.corp-access-map {
height: 480px;
padding-bottom: 0;
}
.statement-img {
width: 790px;
margin: 0 auto 30px;
}
.statement-data {
margin-bottom: 35px;
}
.statement-data__head {
margin-bottom: 14px;
padding-bottom: 10px;
font-size: 22px;
font-size: 2.2rem;
}
.statement-data__body {
font-size: 16px;
font-size: 1.6rem;
}
.statement-data__body a:hover {
text-decoration: underline;
}
.csr-lead__item {
margin-bottom: 30px;
font-size: 16px;
font-size: 1.6rem;
}
.csr-link {
margin: 40px 0 50px;
padding: 35px 40px;
}
.csr-link-data {
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.csr-link-data__head {
margin-bottom: 10px;
}
.csr-link-list {
font-size: 14px;
font-size: 1.4rem;
}
.csr-link-list__item a:hover {
text-decoration: none;
}
.csr-section {
margin-bottom: 50px;
}
.csr-block__lead {
margin-bottom: 30px;
font-size: 16px;
font-size: 1.6rem;
}
.csr-block__img {
margin-top: 0;
}
.csr-block__img.m--margin {
margin-top: 30px;
}
.csr-block-title {
height: 60px;
line-height: 60px;
margin-bottom: 25px;
padding: 0 35px;
font-size: 20px;
font-size: 2rem;
}
.csr-num-list__item {
margin-bottom: 30px;
}
.csr-block-data {
margin-bottom: 35px;
}
.csr-block-data.m--last {
padding-bottom: 15px;
margin-bottom: 0;
}
.csr-block-data__head {
margin-bottom: 18px;
padding-bottom: 10px;
font-size: 18px;
font-size: 1.8rem;
}
.csr-block-data__body {
overflow: hidden;
}
.csr-content {
overflow: hidden;
}
.csr-img-box {
float: left;
margin-left: 60px;
font-size: 0;
}
.csr-point-list {
margin-top: 5px;
}
.csr-point-list__item {
margin-bottom: 5px;
padding-left: 10px;
}
.csr-point-list__item:last-child {
margin-bottom: 0;
}
.csr-txt-list.m--01 {
float: left;
width: 500px;
}
.csr-txt-list.m--02 {
float: left;
width: 410px;
}
.csr-txt-list.m--none {
float: none;
}
.csr-txt-list__item {
margin-bottom: 32px;
font-size: 14px;
font-size: 1.4rem;
}
.csr-point {
font-size: 14px;
font-size: 1.4rem;
}
.csr-point + .csr-point {
margin-top: 25px;
}
.csr-last-txt {
margin-top: 30px;
font-size: 14px;
font-size: 1.4rem;
}
.csr-last-txt.m--name {
margin-top: 20px;
}
.csr-pagetop {
margin-top: 25px;
font-size: 14px;
font-size: 1.4rem;
}
.csr-pagetop a:hover {
text-decoration: none;
}
.corp-privacy__img {
width: 85px;
margin-right: 30px;
}
.corp-privacy-num-list {
margin-bottom: 30px;
}
.corp-privacy-name {
font-size: 13px;
font-size: 1.3rem;
}
.corp-cmn-data {
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-cmn-data__head {
margin-bottom: 10px;
padding: 0 10px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-cmn-data__body {
padding: 0 10px;
}
.corp-cmn-data__body a:hover {
text-decoration: none;
}
.corp-environment__txt span {
font-size: 12px;
font-size: 1.2rem;
}
.corp-environment-list {
width: 200px;
margin-bottom: 25px;
}
.corp-environment-list__item {
width: 80px;
}
.corp-environment-purpose__item {
font-size: 16px;
font-size: 1.6rem;
}
.corp-cmn-txt {
margin-bottom: 30px;
}
.corp-cmn-txt.m--download a:after {
display: inline-block;
padding-right: 25px;
width: 19px;
height: 19px;
background-size: 19px 19px;
}
.corp-cmn-txt.m--download a:before {
top: 6px;
}
.corp-component-message{
width: 872px;
margin: 0 auto 60px;
margin-bottom: 70px;
}
.corp-component-message__name{
max-width: 155px;
}
.corp-component-message__head{
font-size: 36px;
font-size: 3.6rem;
}
.corp-component-message__body{
font-size: 16px;
font-size: 1.6rem;
}
.corp-component-btn-list {
width: 872px;
margin: 0 auto 60px;
overflow: hidden;
}
.corp-component-btn-list__item {
float: left;
max-width: 100%;
width: 264px;
margin-right: 40px;
}
.corp-component-btn-list__item:nth-child(3n) {
margin-right: 0;
}
.corp-component-recruit {
width: 872px;
height: 280px;
margin: 0 auto;
padding: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/corp/pc/bg_corp_cmn.jpg) no-repeat 0 0;
background-size: auto auto;
}
.corp-component-inner {
padding: 60px 57px 70px;
background: rgba(66, 152, 201, 0.1);
}
.corp-component-data__head {
margin-bottom: 25px;
font-size: 28px;
font-size: 2.8rem;
}
.corp-component-data__txt {
margin-bottom: 35px;
font-size: 16px;
font-size: 1.6rem;
}
.corp-component-link a {
font-size: 16px;
font-size: 1.6rem;
}
.pr-news {
width: 872px;
margin: 0 auto;
}
.pr-news-list__item {
position: relative;
}
.pr-news-list__item:after {
content: '\002f';
margin: 0 4px 0 22px;
font-size: 16px;
font-size: 1.6rem;
color: #6b6b6b;
}
.pr-news-list__item:last-child:after {
display: none;
}
.pr-news-list__item a {
padding: 0 1px;
line-height: 2.2;
font-size: 16px;
font-size: 1.6rem;
transition: color .2s ease-in;
}
.pr-news-list__item a:hover {
color: #005288;
}
.pr-news-list__item a.active {
background: linear-gradient(transparent 94%, #3b3b3b 0%);
background-size: 2px 2.2em;
}
.about.m--lower {
position: relative;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/pc/bg_staff_main.jpg) no-repeat 0 0 #f6fbff;
}
.about.m--lower:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 1915px;
height: 1878px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/pc/bg_staff_abst.png) no-repeat 0 0;
}
.about-txt-list {
width: 720px;
margin: 0 auto;
}
.about-txt-list .txt-list {
width: 100%;
}
.about-project-last {
padding: 0 50px;
}
.about-top-foot {
position: relative;
}
.about-top-foot__img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: 300px;
text-align: right;
font-size: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.about-inner {
width: 1200px;
margin: 0 auto;
}
.about-inner.m--1100 {
width: 1100px;
}
.about-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.about-lead {
width: 720px;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
}
.about-lead.m--center {
text-align: center;
}
.about-lead.m--half {
width: 100%;
margin-bottom: 30px;
}
.about-management__img img {
background: none;
}
.about-management__img.m--01 {
width: 343px;
right: -25px;
}
.about-management__img.m--02 {
width: 544px;
right: -40px;
}
.about-management__img.m--03 {
width: 336px;
right: -20px;
}
.about-management__img.m--04 {
width: 323px;
right: -20px;
}
.about-management__bg {
display: block;
position: absolute;
top: 0;
left: 0;
height: 312px;
font-size: 0;
z-index: 0;
}
.about-management__bg img {
position: absolute;
top: 0;
left: 0;
}
.about-management-list {
margin: 55px 0 50px;
padding: 0 50px;
}
.about-management-list__item a:hover .about-management-data span:after {
background: #005288;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.about-management-list__item a:hover img {
opacity: 1;
}
.about-management-data {
padding: 40px;
pointer-events: none;
}
.about-management-data__head {
position: relative;
margin-bottom: 30px;
font-size: 24px;
font-size: 2.4rem;
z-index: 1;
}
.about-management-data span:after {
bottom: -8px;
}
.about-management-data span {
position: relative;
bottom: 0;
left: 0;
margin-top: 40px;
font-size: 16px;
font-size: 1.6rem;
}
.about-management-position {
position: relative;
font-size: 16px;
font-size: 1.6rem;
z-index: 1;
}
.about-publication {
margin: 0;
padding: 60px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/pc/bg_publish.jpg) no-repeat 0 0;
}
.about-publication-box {
margin-top: 30px;
}
.about-project {
margin: 0;
padding: 80px 0 50px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/pc/bg_project.jpg) no-repeat 0 0;
}
.about-project-list {
display: block;
margin: 40px 0 0 0;
padding: 0 50px;
box-sizing: border-box;
}
.about-project-list__item {
width: 250px;
margin: 0 33px 60px 0;
}
.about-project-list__item:nth-child(4n) {
margin-right: 0;
}
.about-project-data__head {
margin-bottom: 15px;
border: 2px solid #f2f6f9;
}
.about-project-data__name {
margin-bottom: 10px;
font-size: 18px;
font-size: 1.8rem;
}
.about-project-data__txt {
margin-bottom: 20px;
line-height: 1.8;
}
.about-project-data__link span:after {
right: -26px;
width: 17px;
height: 23px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_window.png) no-repeat 0 0;
background-size: 17px 13px;
}
.about-project-txt {
margin-bottom: 15px;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
}
.about-report {
margin: 0;
padding: 70px 0 60px;
background: none;
}
.about-report__left {
width: 550px;
}
.staff-inner {
margin: 0;
background: none;
}
.staff-head {
padding: 0;
}
.staff-head__img.m--02 {
width: 842px;
margin-left: -236px;
}
.staff-head__img.m--03 {
width: 422px;
left: 0;
}
.staff-head__img.m--04 {
width: 587px;
top: 30px;
left: 10px;
}
.staff-head__img {
position: relative;
width: 520px;
z-index: 11;
}
.staff-head-box {
width: 1100px;
height: 520px;
margin: 0 auto;
}
.staff-expart {
top: 15%;
width: 55%;
margin-top: 0;
padding: 50px 60px 40px;
background: #004c7f;
}
.staff-expart-data__head {
margin-bottom: 30px;
font-size: 28px;
font-size: 2.8rem;
}
.staff-expart-data__name {
font-size: 28px;
font-size: 2.8rem;
}
.staff-expart-data__name span {
margin-bottom: 5px;
font-size: 16px;
font-size: 1.6rem;
}
.staff-body {
margin-top: -50px;
padding-top: 0;
z-index: 11;
}
.staff-body-block {
width: 1560px;
height: 1370px;
padding: 60px 0 0;
background-size: 8px 8px;
}
.staff-body-block.m--01 {
height: 1560px;
}
.staff-body-block.m--02 {
height: 1800px;
}
.staff-body-block.m--03 {
height: 1850px;
}
.staff-title {
margin-bottom: 25px;
font-size: 28px;
font-size: 2.8rem;
}
.staff-body-data {
float: right;
width: 500px;
margin-bottom: 0;
}
.staff-body-data:first-child {
float: left;
}
.staff-body-data__head {
margin-bottom: 15px;
font-size: 18px;
font-size: 1.8rem;
}
.staff-body-data__body {
font-size: 16px;
font-size: 1.6rem;
}
.staff-body-box {
margin-bottom: 100px;
overflow: hidden;
}
.staff-body-bottom {
overflow: hidden;
}
.staff-body-bottom.m--last {
padding-bottom: 20px;
}
.staff-body-bottom.m--last .staff-body-data {
float: none;
margin-bottom: 55px;
}
.staff-body-bottom.m--last .staff-body-data:last-child {
float: none;
margin-bottom: 0;
}
.staff-body-top {
margin-bottom: 55px;
overflow: hidden;
}
.staff-body-top.m--last .staff-body-data {
float: none;
margin-bottom: 55px;
}
.staff-body-top.m--last .staff-body-data:last-child {
float: none;
margin-bottom: 0;
}
.staff-body-inner {
position: absolute;
left: 50%;
width: 1100px;
margin: 0 auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
z-index: 1;
}
.staff-body-inner.m--img {
position: absolute;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
z-index: 0;
overflow: inherit;
}
.staff-img-box {
display: none;
}
.staff-body-last {
padding: 550px 0 0 0;
}
.staff-body-last.m--01 {
padding-top: 740px;
}
.staff-body-last.m--02 {
padding-top: 990px;
}
.staff-body-last.m--03 {
padding-top: 1050px;
}
.staff-link {
margin: 0;
padding: 0;
}
.staff-link-inner {
width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
.staff-pc-box {
position: relative;
display: block;
}
.staff-pc-box__img {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 960px;
}
.management-component {
overflow: hidden;
}
.management-component__item {
position: relative;
float: left;
width: 280px;
height: 280px;
margin-right: 26px;
}
.management-component__item:last-child {
margin-right: 0;
}
.management-component__item a {
opacity: 1;
transition: none;
}
.management-component__item a:hover .management-component__name:after {
background: #005288;
-webkit-transform: translateX(-50%) scale(0, 1);
transform: translateX(-50%) scale(0, 1);
}
.management-component__item .hover {
position: relative;
}
.management-component__item .hover img {
position: absolute;
top: 0;
opacity: 1;
}
.management-component__txt {
position: absolute;
top: 20px;
left: 30px;
line-height: 1.8;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
pointer-events: none;
z-index: 60;
}
.management-component__txt.m--one {
top: 30px;
}
.management-component__name {
position: absolute;
top: 110px;
left: 30px;
line-height: 1;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
pointer-events: none;
z-index: 60;
}
.management-component__name:after {
content: '';
display: block;
position: absolute;
bottom: -15px;
left: 50%;
width: 72px;
height: 2px;
background: #fff;
-webkit-transform: translateX(-50%) scale(1, 1);
transform: translateX(-50%) scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition: .24s ease-in;
}
.publication {
padding-bottom: 80px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/lower/pc/bg_publish_01.png) repeat-y 0 0 #fff;
}
.publication-inner {
width: 1100px;
margin: 0 auto;
padding: 30px 50px 45px;
background-size: 8px 8px;
}
.publication-title {
margin-bottom: 25px;
font-size: 28px;
font-size: 2.8rem;
}
.publication-block {
padding: 40px 45px;
}
.publication-list__item {
margin-bottom: 45px;
}
.publication-head {
margin-bottom: 16px;
padding-bottom: 16px;
}
.publication-head span {
width: 60px;
height: 35px;
line-height: 35px;
font-size: 16px;
font-size: 1.6rem;
}
.publication-head__title {
padding-left: 80px;
font-size: 24px;
font-size: 2.4rem;
}
.publication-body__sub {
padding-top: 20px;
}
.publication-body__sub img {
width: auto;
height: auto;
}
.publication-data {
padding: 16px;
}
.publication-data__head {
width: 140px;
font-size: 16px;
font-size: 1.6rem;
box-sizing: border-box;
}
.publication-data__body {
font-size: 16px;
font-size: 1.6rem;
}
.publication-data__body a {
font-size: 16px;
font-size: 1.6rem;
}
.publication-data__body a:hover {
text-decoration: underline;
}
.publication-data__body a img {
width: 19px;
margin-right: 5px;
}
.publication-data__body span {
font-size: 16px;
font-size: 1.6rem;
}
.publication-other-link__item {
font-size: 16px;
font-size: 1.6rem;
}
.publication-other-link__item a {
font-size: 16px;
font-size: 1.6rem;
}
.recruit.m--office {
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/office/pc/bg_01.jpg) no-repeat 0 50px;
background-size: 100% 100%;
}
.recruit-wrap {
margin-bottom: 100px;
}
.recruit-lead-txt {
width: 1100px;
margin: 0 auto 60px;
font-size: 16px;
font-size: 1.6rem;
}
.recruit-block.m--01 {
margin: 0 0 80px 0;
padding: 0;
background: none;
}
.recruit-block.m--02 {
margin: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/pc/bg_02.png) no-repeat 0 0;
}
.recruit-block-inner {
width: 1100px;
margin: 0 auto;
}
.recruit-cover {
position: relative;
}
.recruit-cover.m--01 {
height: 487px;
}
.recruit-cover.m--02 {
height: 480px;
}
.recruit-title {
margin-bottom: 15px;
font-size: 34px;
font-size: 3.4rem;
}
.recruit-title.m--white {
margin-bottom: 25px;
}
.recruit-lead {
font-size: 16px;
font-size: 1.6rem;
}
.recruit-list {
margin-top: 40px;
}
.recruit-list__item {
margin-bottom: 25px;
}
.recruit-list__item span {
width: 48px;
height: 25px;
line-height: 25px;
margin-left: 15px;
}
.recruit-img-area.m--right {
position: absolute;
right: -40%;
width: 1268px;
height: 487px;
margin-bottom: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/pc/img_recruit_top_01.jpg) no-repeat 0 0;
background-size: 1268px 487px;
}
.recruit-img-area.m--left {
position: absolute;
bottom: 0;
left: -40%;
width: 1272px;
height: 480px;
margin-bottom: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/pc/img_recruit_top_02.jpg) no-repeat 0 0;
background-size: 1272px 480px;
}
.recruit-img-box {
top: 50%;
width: 600px;
height: 360px;
padding: 70px 60px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.recruit-img-box.m--01 {
left: -28%;
}
.recruit-img-box.m--02 {
right: -28%;
}
.recruit-more-btn {
margin-top: 30px;
}
.recruit-environment {
height: auto;
margin: 105px 0;
background: none;
}
.recruit-environment-box {
width: 1100px;
height: 350px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/pc/bnr_recruit.jpg) no-repeat 50% 0;
background-size: 1100px 350px;
}
.recruit-environment-inner {
height: 100%;
padding: 71px 0 73px;
background: rgba(53, 140, 197, 0.1);
box-sizing: border-box;
}
.jobs-recruit {
margin: 0 0 50px 0;
padding: 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/pc/bg_01.jpg) no-repeat 0 0;
background-size: 100% 100%;
}
.jobs-recruit-title {
margin-bottom: 30px;
padding: 3px 0 16px 80px;
border-bottom: 2px solid #9b9b9b;
font-size: 20px;
font-size: 2rem;
}
.jobs-recruit-title:before {
width: 60px;
height: 35px;
line-height: 35px;
font-size: 16px;
font-size: 1.6rem;
}
.jobs-recruit-inner {
width: 1100px;
margin: 0 auto;
padding: 50px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/bg_jobs_01.gif) repeat 0 0;
box-sizing: border-box;
}
.jobs-recruit-list {
padding: 45px 50px;
}
.jobs-recruit-list__item {
margin-bottom: 50px;
}
.jobs-recruit-data {
display: table;
width: 100%;
margin-bottom: 18px;
padding-bottom: 14px;
}
.jobs-recruit-data__head {
display: table-cell;
width: 155px;
margin-bottom: 0;
padding-left: 10px;
font-size: 16px;
font-size: 1.6rem;
box-sizing: border-box;
}
.jobs-recruit-data__body {
font-size: 16px;
font-size: 1.6rem;
}
.jobs-form-inner {
width: 720px;
margin: 0 auto;
}
.jobs-form {
margin: 0;
padding: 65px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/pc/bg_02.jpg) no-repeat 0 0 #f2f6f9;
background-size: 100% 100%;
}
.jobs-form-block.m--last {
margin-bottom: 60px;
}
.jobs-form-block__lead {
margin-bottom: 20px;
font-size: 16px;
font-size: 1.6rem;
}
.jobs-form-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.jobs-txt-list__item {
font-size: 16px;
font-size: 1.6rem;
}
.jobs-txt-list__item a:hover {
text-decoration: underline;
}
.jobs-form-box {
padding: 20px 40px;
}
.jobs-form-box__txt {
font-size: 16px;
font-size: 1.6rem;
}
.jobs-rule {
width: 1100px;
margin: 0 auto;
padding: 60px 0;
}
.jobs-rule__title {
margin-bottom: 20px;
font-size: 24px;
font-size: 2.4rem;
}
.jobs-rule-box {
overflow: hidden;
}
.jobs-rule-list {
float: left;
width: 510px;
}
.jobs-rule-list__item {
margin-bottom: 30px;
}
.jobs-rule-list__item:last-child {
margin-bottom: 0;
}
.jobs-rule-list.m--last {
float: right;
}
.jobs-rule-data__head {
font-size: 16px;
font-size: 1.6rem;
}
.jobs-rule-data__body {
font-size: 14px;
font-size: 1.4rem;
}
.jobs-treatment {
margin: 0;
padding: 60px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/pc/bg_03.jpg) no-repeat 0 0 #f5f5f5;
background-size: 100% 100%;
}
.jobs-treatment__title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.jobs-treatment-inner {
width: 720px;
margin: 0 auto;
}
.jobs-treatment-data {
margin-bottom: 14px;
padding-bottom: 12px;
font-size: 16px;
font-size: 1.6rem;
}
.jobs-treatment-data__head {
width: 155px;
line-height: 1.8;
}
.jobs-treatment-data__body {
line-height: 1.8;
}
.jobs-flow {
margin: 0;
padding: 60px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/recruit/jobs/pc/bg_04.jpg) no-repeat 50% 50%;
background-size: 100% 100%;
}
.jobs-flow__title {
margin-bottom: 10px;
padding-left: 70px;
font-size: 30px;
font-size: 3rem;
}
.jobs-flow__lead {
padding-left: 70px;
font-size: 16px;
font-size: 1.6rem;
}
.jobs-flow__icn {
width: 175px;
}
.jobs-flow-inner {
width: 1100px;
margin: 0 auto;
}
.jobs-flow-list {
margin: 40px 0;
padding-left: 70px;
}
.jobs-flow-list__item {
margin-bottom: 40px;
}
.jobs-flow-data__head {
font-size: 16px;
font-size: 1.6rem;
}
.jobs-flow-data__body {
width: 600px;
font-size: 14px;
font-size: 1.4rem;
}
.jobs-flow-alert {
padding-left: 70px;
font-size: 12px;
font-size: 1.2rem;
}
.faq {
margin-bottom: 100px;
}
.faq-inner {
width: 1100px;
margin: 0 auto;
padding: 45px 50px;
background-size: 8px 8px;
box-sizing: border-box;
}
.faq-block {
margin-bottom: 45px;
}
.faq-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}
.faq-list {
padding: 45px 50px;
}
.faq-list__item {
margin-bottom: 30px;
padding-bottom: 30px;
}
.faq-data__head {
padding: 0 60px 0 50px;
font-size: 17px;
font-size: 1.7rem;
color: #005288;
cursor: pointer;
}
.faq-data__head span:before {
top: -3px;
left: 15px;
font-size: 20px;
font-size: 2rem;
}
.faq-data__head:before {
width: 17px;
height: 1px;
right: 18px;
}
.faq-data__head:after {
width: 1px;
height: 17px;
right: 26px;
margin-top: -8px;
transition: -webkit-transform .15s ease-in;
transition: transform .15s ease-in;
}
.faq-data__body {
margin-top: 15px;
padding: 0 50px;
font-size: 14px;
font-size: 1.4rem;
}
.faq-data__body a:hover {
text-decoration: underline;
}
.office {
padding: 0;
margin: 0 0 100px 0;
background: none;
}
.office-inner {
width: 960px;
margin: 0 auto;
}
.office-data {
margin-bottom: 45px;
}
.office-data__head {
max-width: 100%;
margin-bottom: 45px;
}
.office-data__body {
width: 720px;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
}
.office-list__item {
float: left;
max-width: 100%;
width: 472px;
margin: 0 0 14px 0;
}
.office-list__item:nth-child(2n) {
float: right;
}
.office-list__item:last-child {
margin-bottom: 14px;
}
.page404 {
width: 610px;
margin: 80px auto;
}
.page404-box {
padding-bottom: 180px;
background-size: 480px 360px;
}
.page404-box__txt {
padding-top: 135px;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.page404-list {
overflow: hidden;
}
.page404-list__item {
float: left;
width: 274px;
margin-bottom: 0;
}
.page404-list__item:last-child {
float: right;
}
.service-lower-feature {
margin-bottom: 35px;
font-size: 16px;
font-size: 1.6rem;
}
.service-lower-feature__head {
margin-bottom: 4px;
font-weight: bold;    
}
.service-lower-feature__head.m--circle {
padding-left: 13px;
}
.service-lower-feature__head.m--circle:before {
top: 10px;
width: 5px;
height: 5px;
}
.service-lower-feature__body {
padding-left: 13px;
}
.service-lower-strong {
margin-bottom: 30px;
padding: 25px;
background: #005288;
}
.service-lower-strong__head {
margin-bottom: 5px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
}
.service-lower-strong-list__item {
margin-bottom: 4px;
padding-left: 15px;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.service-lower-strong-list__item:last-child {
margin-bottom: 0;
}
.service-lower-strong-list__item:before {
top: 12px;
width: 5px;
height: 5px;
}
.service-example {
margin-left: 10px;
}
.service-example.m--inner {
margin-left: 0;
}
.service-example__item {
padding-left: 15px;
font-size: 16px;
font-size: 1.6rem;
}
.service-example__item:before {
top: 12px;
width: 5px;
height: 5px;
}
}
@-webkit-keyframes arrow {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
25% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
50% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
75% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
}
@keyframes arrow {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
25% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
50% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
75% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
}
@-webkit-keyframes pager {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
25% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
75% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
@keyframes pager {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
25% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
50% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
75% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media print {
body {
zoom: 0.68;
}
.head {
display: none !important;
}
.hero {
display: block !important;
}
}
@media print and (-ms-high-contrast: none) {
@page {
size: A4;
margin: 12.7mm 9.7mm;
}
body {
zoom: 1.65;
width: 1200px;
transform: scale(0.5);
transform-origin: 0 0;
}
.top-example-box {
position: relative;
}
}  .about-management {
margin: 40px -20px 0;
background-color: #F2F6F9;
font-size: 0;
padding: 35px 20px 50px;
}
.about-inner {
overflow: hidden;
}
.about-management-list__wrapper{
height: 900px;
overflow: hidden;
}
.about-management-list__wrapper.is_open{
height: auto;
}
.about-management-title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
color: #2F8AC6;
}
.about-management-lead {
margin-bottom: 35px;
line-height: 1.8;
font-size: 12px;
font-size: 1.2rem;
color: #464646;
}
.about-management-list__wrapper .about-management-list{
display: flex;
flex-wrap: wrap;
}
.about-management-list__item{
max-width: 48%;
width: 48%;
margin: 0 0 4%;
}
.about-management-data__Introduction {
position: relative;
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto 0px;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/bg_management.jpg) no-repeat 0 0;
background-size: cover;
padding: 6% 6% 8.5%;
box-sizing: border-box;
}
.about-management-message p{
margin-top: 50px;
}
.about-management-message p img{
width: 100%;
height: auto;
}
.about-management__btn{
position: relative;
display: inline-block;
padding-bottom: 8px;
font-size: 12px;
font-size: 1.2rem;
color: #3b3b3b;            
}
.about-management__btn:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #005288;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
transition: 0.28s cubic-bezier(0.49, 0.73, 0.89, 0.91);
}
.about-management__btn-wrapper{
text-align: center;
margin-top: 30px;
}
.about-management-data {
padding: 0px;
}
.about-management-data__img img{
width: 100%;
height: auto;
}
.about-management-data__name{
color: #fff;
font-size: 16px;
font-size: 1.6rem;
}
.about-management-data__occupation{
color: #fff;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 4%;
}
.about-management-data__txt{
color: #fff;
font-size: 12px;
font-size: 1.2rem;
}
.gutter-sizer{
width: 4%;
}
.about-management-list__item.is-hidden{
display: none !important;
}
@media print, screen and (min-width: 768px){
.about-management {
margin: 70px 0 0;
padding: 90px 0 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/about/bg_management_02.jpg) no-repeat 0 0;
background-size: cover;
}
.about-management-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 3rem;
}	
.about-management-list__wrapper{
height: auto;
}
.about-management-list__wrapper::after{
display: none;
}
.about-management-lead {
width: 720px;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.about-management-list__item{
max-width: 28%;
width: 28%;
margin: 0 0 3.5%;
}
.about-management-data__name{
font-size: 20px;
font-size: 2rem;
}
.about-management-data__occupation{
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 4%;
}
.about-management-data__txt{
font-size: 16px;
font-size: 1.6rem;
}
.gutter-sizer{
width: 4.2%;
}
.about-management-message p{
width: 100%;
max-width: 860px;
margin: 0 auto 100px;
}
} .bnr-blog__box {
position: relative;
max-width: 614px;
width: 100%;
margin: 0 auto;
}
.bnr-blog__box a  {
text-decoration: none;
}
.bnr-blog__box a .bnr-blog__img {
position: relative;
}
.bnr-blog__box a .bnr-blog__img img {
width: 100%;
height: auto;
}
.bnr-blog__box a .bnr-blog__txt {
position: relative;
margin: -20% auto 0;
max-width: 555px;
width: 79%;
padding: 4% 6%;
display: block;
font-size: 30px;
font-size: clamp(13px,4.358974359vw,30px);
color: #3b3b3b;
font-feature-settings: "palt";
letter-spacing: 0.03em;
background-color: #f4f4f4;
background: linear-gradient(135deg, #f4f4f4 94%, transparent 94%);
z-index: 0;
overflow: hidden;
}
.bnr-blog__box a .bnr-blog__txt:after {
content: '';
position: absolute;
opacity: 1;
bottom: 0;
right: 0;
width: min(7vw,40px);
height: 1px;
margin: 0 0.5% 4.5% 0;
background: #005288;
transition: .4s ease-out;
}
@media print, screen and (min-width: 768px) {
.bnr-blog__box {
max-width: 872px;
margin: 0 auto 0 0;
}
.bnr-blog__box a {
transition: opacity .23s ease-out;
}
.bnr-blog__box a:hover {
opacity: 0.7;
}
.bnr-blog__box a .bnr-blog__txt {
position: absolute;
right: 0;
bottom: 0;
margin: 0 0 0 auto;
max-width: 380px;
width: 380px;
padding: 20px 30px;
letter-spacing: 0.07em;
font-size: 18px;
}
.bnr-blog__box a .bnr-blog__txt:before {
content: '';
position: absolute;
display: block;
transition: .4s ease-out;
z-index: -1;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background: #f4f4f4;
transform: rotate(45deg);
}
.bnr-blog__box a:hover .bnr-blog__txt:before {
bottom: -5px;
right: -30px;
width: 100px;
height: 100px;
opacity: 1;
}
.bnr-blog__box a .bnr-blog__txt:after {
width: 30px;
margin: 0 0.5% 17px 0;
}
.bnr-blog__box a:hover .bnr-blog__txt:after {
right: -30px;
opacity: 0;
transition: .3s ease-out;
}
} #cookie-banner {
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 1.0);
transition: bottom 1.5s ease-in-out;
z-index: 30;
border-top: 1px solid #cccccc;
}
#cookie-banner p {
padding: 4.5% 8% 3% 5%;
color: #333333;
text-align: left;
font-size: 12px;
line-height: 1.5;
}
#cookie-banner p a {
font-size: 12px;
color: #333333;
text-decoration: underline;
} #cookie-banner button#cookie-banner__accept {
border: none;
position: relative;
top: 0;
left: 0;
display: block;
max-width: 277px;
width: 90%;
margin: auto auto 3% auto;
padding: 10px 0;
font-size: 12px;
color: #ffffff;
cursor: pointer;
background: #005288;
background: linear-gradient(135deg, #005288 95%, transparent 95%);
}
#cookie-banner button#cookie-banner__accept:before {
content: '';
position: absolute;
display:  block;
transition: .4s ease-out;
z-index: -1;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background: #f4f4f4;
transform: rotate(45deg);
}
#cookie-banner button#cookie-banner__accept:after {
content: '';
position: absolute;
opacity: 1;
bottom: 0;
right: 0;
width: 20px;
height: 1px;
margin: 0 0 2.8% 0;
background: #ffffff;
} #cookie-banner button#cookie-banner__close {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
background: #005288;
padding: 0;
margin: 1.5% 1.5% 0 0;
cursor: pointer;
border: none;
border-radius: 2px;
}
@media print, screen and (min-width: 768px) {
#cookie-banner {
position: fixed;
bottom: -150px;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 1.0);
transition: bottom 1.0s ease-in-out;
z-index: 30;
border-top: 1px solid #cccccc;
}
#cookie-banner p {
padding: 15px min(35%,255px) 15px 30px;
color: #333333;
text-align: left;
max-width: 1130px;
font-size: 13px;
} #cookie-banner button#cookie-banner__accept {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: unset;
width: 150px;
margin: auto 70px auto 0;
height: 50px;
background: #005288;
color: #ffffff;
border: none;
padding: 10px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
overflow: hidden;
transition: opacity .23s ease-out;
background: linear-gradient(135deg, #005288 90%, transparent 90%);
}
#cookie-banner button#cookie-banner__accept:hover {
opacity: 0.7;
}
#cookie-banner button#cookie-banner__accept:before {
content: '';
position: absolute;
display:  block;
transition: .4s ease-out;
z-index: -1;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
background: #005288;
transform: rotate(45deg);
}
#cookie-banner button#cookie-banner__accept:hover:before {
bottom: -15px;
right: -30px;
width: 50px;
height: 50px;
opacity: 1;
}
#cookie-banner button#cookie-banner__accept:after {
content: '';
position: absolute;
opacity: 1;
bottom: 0;
right: 0;
width: 20px;
height: 1px;
margin: 0 0 10px 0;
background: #ffffff;
transition: .4s ease-out;
}
#cookie-banner button#cookie-banner__accept:hover:after {
right: -30px;
opacity: 0;
transition: .3s ease-out;
} #cookie-banner button#cookie-banner__close {
border: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 23px;
height: 23px;
background: #005288;
padding: 0;
margin: 0;
margin: auto 10px auto 0;
cursor: pointer;
border-radius: 2px;
transition: opacity .23s ease-out;
}
#cookie-banner button#cookie-banner__close:hover {
opacity: 0.7;
}
} .hero-inner.m--top .hero-inner.m--top .mv-slide {
position: relative;
}
.hero-inner.m--top .mv-slide .slide_block {
position: relative;
}
.hero-inner.m--top .mv-slide .slide_block .hero-img {
position: relative;
}
.hero-inner.m--top .mv-slide .slide_block .hero-txt {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 7%;
max-width: 690px;
width: 90%;
background: linear-gradient(135deg, #ffffff 94%, transparent 94%);
}
.hero-inner.m--top .mv-slide .slide_block .hero-txt {
overflow: hidden;
z-index: 1;
min-height: 69vw;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner{
padding: 6vw 9vw 17vw 5.5vw;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_tilte {
margin-bottom: 15px;
font-size: clamp(30px,8.461538462vw,64px);
font-weight: bold;
line-height: 1.3;
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_subtxt{
font-size: clamp(12px,3.333333333vw,24px);
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_linktxt{
position: absolute;
bottom: 0;
right: 0;
margin: auto 9vw 8% auto;
font-size: clamp(12px,3.333333333vw,24px);
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
text-align: right;
}
.hero-inner.m--top .mv-slide .slide_block a .hero-txt:after {
content: '';
position: absolute;
opacity: 1;
bottom: 0;
right: 0;
width: 7vw;
height: 1px;
margin: 0 1.5% 4.5% 0;
background: #005288;
transition: .3s ease-out;
}
@media print, screen and (min-width: 768px) {
.hero.m--top {
min-width: unset;
width: 100%;
min-height: unset;
padding: 40px 0;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/top/pc/bg_top_mv.jpg) no-repeat 50% 50%;
background-size: cover;
border-bottom: 30px solid #ffffff;
}
.hero-inner.m--top {
position: relative;
margin-top:105px;
margin-bottom: 0px;
max-width: 1280px !important;
width: 90%;
}
.hero-inner.m--top .hero-inner.m--top .mv-slide {
position: relative;
}
.hero-inner.m--top .mv-slide .slide_block{
padding: 50px 0;
overflow: hidden;
position: relative;
width: 100%;
display: block;
}
.hero-inner.m--top .mv-slide .slide_block .hero-img {
position: absolute;
left: 0;
right: unset;
top: 0;
bottom: 0;
max-width: 1200px;
width: 100%;
margin: 0 auto 0 80px;
}
.hero-inner.m--top .mv-slide .slide_block .hero-img img {
width: 100%;
height: auto;
}
.hero-inner.m--top .mv-slide .slide_block .hero-txt {
position: relative;
top:0;
bottom: 0;
left: 0;
max-width: 560px;
width: 100%;
min-height: 400px;
margin: 0px auto 0px 0;
background: linear-gradient(135deg, #ffffff 94%, transparent 94%);
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner{
padding: 50px 50px 80px 50px;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_tilte {
margin-bottom: 25px;
font-size: 50px;
font-weight: bold;
line-height: 1.3;
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_subtxt{
font-size: 18px;
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
line-height: 1.7;
}
.hero-inner.m--top .mv-slide .hero-txt .hero-txt_inner .hero-txt_linktxt{
position: absolute;
bottom: 0;
right: 0;
margin: auto 50px 50px auto;
font-size: 18px;
color: #333333;
font-feature-settings: "palt";
letter-spacing: 0.03em;
text-align: right;
}
.hero-inner.m--top .mv-slide .slide_block a .hero-txt:before {
content: '';
position: absolute;
bottom: 20px;
right: 20px;
display:  block;
width: 100px;
height: 100px;
background: #ffffff;
z-index: -1;
transform: rotate(45deg);
transition: .4s ease-out;
}
.hero-inner.m--top .mv-slide .slide_block a:hover .hero-txt:before {
bottom: -25px;
right: -30px;
width: 100px;
height: 100px;
background: #ffffff;
z-index: -1;
opacity: 1;
}
.hero-inner.m--top .mv-slide .slide_block a .hero-txt:after {
content: '';
position: absolute;
opacity: 1;
bottom: 0;
right: 0;
width: 50px;
height: 1px;
margin: 0 1% 4.5% 0;
background: #005288;
transition: .4s ease-out;
}
.hero-inner.m--top .mv-slide .slide_block a:hover .hero-txt:after {
right: -50px;
opacity: 0;
transition: .3s ease-out;
}
} .slick-dots {
position: absolute !important;
bottom: -30px !important;
width: 100% !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.slick-dots li  {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.slick-dots li.presentation  {
width: clamp(12px,2.0861vw,16px) !important;
height: clamp(12px,2.0861vw,16px) !important;
margin: 0 10px !important;
}
.slick-dots li.autoplay-buttons {
width: 20px !important;
height: 20px !important;
margin-left: 10px !important;
}
.slick-dots li button {
background: rgba(204, 204, 204, 1.0)  !important;
border-radius: 50% !important;
width: clamp(12px,2.0861vw,16px) !important;
height: clamp(12px,2.0861vw,16px) !important;
padding: 0 !important;
transition: background-color 0.3s ease !important;
}
.slick-dots li.slick-active button {
background: #005288 !important;
}
.slick-dots li button:before {
display: none !important;
}
@media print, screen and (min-width: 768px) {
.slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
.slick-dots {
bottom: -70px !important;
}
.slick-dots li  {
width: 8px !important;
margin: 0 10px !important;
}
.slick-dots li.presentation  {
width: 8px !important;
}
.slick-dots li.autoplay-buttons {
width: 20px !important;
margin-left: 10px !important;
}
.slick-dots li button {
width: 8px !important;
height: 8px !important;
}
} .autoplay-buttons[data-play="play"]:before {
content: '';
position: relative;
display: inline-block;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_play.png) no-repeat center;
width: 20px;
height: 20px;
}
.autoplay-buttons[data-play="stop"]:before {
content: '';
position: relative;
display: inline-block;
vertical-align: middle;
background: url(//www.valinux.co.jp/wp/wp-content/themes/valinux/img/cmn/icn_stop.png) no-repeat center;
width: 20px;
height: 20px;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
 .slick-loading .slick-list {
position: relative;
}
.slick-loading .slick-list::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
border: 4px solid #ccc;
border-top: 4px solid #ffffff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before { font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before { font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px; content: '';
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
}