@charset "UTF-8";
 * {
margin: 0;
padding: 0; }
body {
font-family: "游ゴシック", "Yu Gothic", YuGothic,  sans-serif;
background-color: #f8f8f8; }
ul {
list-style: none; }
.menu_enname, .sidebar_enlabel, .sidebar_enname, .page_enlabel, .page_entitle, .newslist_date, .featureslist_enname, .contacttop_enname, .contentvisual_enname, .indexpanel_enname, .devFlow_item:before, .news_date, .newsloop_date {
font-family: alternate-gothic-no-3-d, Helvetica, 'Helvetica Neue', sans-serif;
letter-spacing: 0.1em; }
.header {
background-color: #393939;
height: 112px;
position: fixed;
top: 0;
left: 0;
width: 100vw;
z-index: 1000;
transition: height .1s linear; }
@media screen and (max-width: 1199px) {
.header {
height: 92px; } }
@media screen and (max-width: 750px) {
.header {
height: 82px; } }
.header_wrapper {
max-width: 1200px;
margin: 0 auto;
display: flex;
height: 100%; }
.header_logo {
display: flex;
align-items: center;
height: 100%;
flex: 1 1 322px;
justify-content: center; }
@media screen and (max-width: 899px) {
.header_logo {
flex: 1 1 160px; } }
@media screen and (max-width: 750px) {
.header_logo {
flex: 1 1 1px; } }
.header_nav {
height: 100%;
flex: 1 1 878px;
transition: flex-basis .1s linear; }
@media screen and (max-width: 899px) {
.header_nav {
flex: 1 1 740px; } }
@media screen and (max-width: 750px) {
.header_nav {
flex: 0 0 82px; } }
.logo {
width: 247px;
height: 72px;
transition: width .1s linear, height .1s linear; }
.logo img {
width: 100%;
height: auto; }
@media screen and (max-width: 1199px) {
.logo {
width: 197px;
height: 64px; } }
@media screen and (max-width: 899px) {
.logo {
width: 124px;
height: 36px; } }
@media screen and (max-width: 750px) {
.logo {
width: 212px;
height: 62px; } }
.menu {
height: 100%; }
.menu_hamb {
display: none;
position: relative;
height: 100%; }
@media screen and (max-width: 750px) {
.menu_hamb {
display: block; } }
.menu_list {
display: flex;
height: 100%; }
@media screen and (max-width: 750px) {
.menu_list {
flex-direction: column;
position: absolute;
top: 82px;
left: 0;
width: 100vw;
height: auto;
max-height: 0;
transition: max-height .2s linear, top .1s linear;
overflow: hidden; } }
.menu_item {
height: 100%;
flex: 1 1 145px;
border-left: 1px solid #979797;
position: relative; }
@media screen and (max-width: 750px) {
.menu_item {
background-color: #393939;
flex: 0 0 68px;
border-left: none;
border-right: none;
border-bottom: 1px solid #979797; }
.menu_item:first-child {
border-top: 1px solid #979797; } }
@media screen and (max-width: 320px) {
.menu_item {
flex: 0 0 50px; } }
.menu_anchor {
text-decoration: none; }
@media screen and (max-width: 750px) {
.menu_anchor {
display: block;
height: 68px; } }
@media screen and (max-width: 320px) {
.menu_anchor {
height: 50px; } }
.menu_cell {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s linear, padding .1s linear;
padding: 0 10px;
text-align: center;
box-sizing: border-box;
position: relative; }
@media screen and (max-width: 899px) {
.menu_cell {
padding: 0 5px; } }
@media screen and (max-width: 750px) {
.menu_cell {
padding: 0 10px; } }
.menu_name {
display: flex;
flex-direction: column; }
@media screen and (max-width: 750px) {
.menu_name {
flex-direction: row;
width: 100%;
align-items: center; } }
.menu_jpname {
color: #fff;
font-size: 16px;
letter-spacing: 0.1em;
transition: font-size .1s linear; }
@media screen and (max-width: 1199px) {
.menu_jpname {
font-size: 13px; } }
@media screen and (max-width: 750px) {
.menu_jpname {
font-size: 18px;
flex: 1 1 55%;
text-align: right;
padding-right: 20px;
box-sizing: border-box; } }
.menu_enname {
color: #979797;
font-size: 14px;
transition: color .1s linear, font-size .1s linear; }
@media screen and (max-width: 1199px) {
.menu_enname {
font-size: 11px; } }
@media screen and (max-width: 750px) {
.menu_enname {
font-size: 14px;
flex: 1 1 45%;
text-align: left; } }
.menu_sub {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%, 0);
max-height: 0;
overflow: hidden;
transition: max-height .1s ease-out; }
@media screen and (max-width: 750px) {
.menu_sub {
display: none; } }
.menu_sublist {
padding-top: 19px;
background: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/ico_submenuhat.png) no-repeat center 0; }
.menu_subitem {
border-top: 1px solid #979797;
background-color: #393939;
min-width: 237px;
height: 88.48px;
transition: background-color .1s linear, height .1s linear; }
@media screen and (max-width: 1199px) {
.menu_subitem {
height: 72.68px; } }
.menu_subitem:first-child {
border-top: none; }
.menu_subitem:hover {
background-color: #004cd5; }
.menu_external {
position: absolute;
top: 50%;
right: 1em;
color: #fff;
transform: translate(0, -50%); }
.hamburger {
position: relative;
width: 100%;
height: 100%; }
.hamburger_wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 32px;
height: 21px; }
.hamburger_line {
position: absolute;
top: 0;
left: 50%;
width: 32px;
height: 1px;
background-color: #fff;
opacity: 1;
transform: translate(-50%, 0) rotate(0);
transition: top .2s linear, opacity .2s linear, width .2s linear, transform .2s linear; }
.hamburger_line-no1 {
top: 0; }
.hamburger_line-no2 {
top: 10px; }
.hamburger_line-no3 {
top: 10px; }
.hamburger_line-no4 {
top: 20px; }
.menu_cell.is-hover {
background-color: #004cd5; }
.menu_enname.is-hover {
color: #fff; }
.menu_sub.is-hover {
max-height: 555.88px; }
@media screen and (max-width: 750px) {
.menu_list.is-open {
max-height: 415px; } }
@media screen and (max-width: 750px) {
.hamburger_line-no1.is-open {
top: 10px;
opacity: 0;
width: 0; }
.hamburger_line-no2.is-open {
transform: translate(-50%, 0) rotate(45deg); }
.hamburger_line-no3.is-open {
transform: translate(-50%, 0) rotate(-45deg); }
.hamburger_line-no4.is-open {
top: 10px;
opacity: 0;
width: 0; } }
@media screen and (max-width: 750px) {
.header.is-scrolled:not(.is-open) {
height: 44px; }
.header_nav.is-scrolled:not(.is-open) {
flex-basis: 44px; }
.logo.is-scrolled:not(.is-open) {
width: 99.2px;
height: 29.2px; } }
@media screen and (max-width: 750px) and (max-width: 750px) {
.menu_list.is-scrolled:not(.is-open) {
top: 44px; } }
.menu_cell.is-colored {
background-color: #004cd5; }
.menu_subitem.is-colored:hover .menu_cell {
background-color: #2b75fb; }
.menu_enname.is-colored {
color: #fff; }
.main {
transition: margin-top .1s linear, min-height .1s linear; }
.main:before {
display: block;
content: "";
background-color: #393939;
height: 112px;
transition: height .1s linear; }
@media screen and (max-width: 1199px) {
.main:before {
height: 92px; } }
@media screen and (max-width: 750px) {
.main:before {
height: 82px; } }
.main_wrap {
max-width: 1200px;
margin: 0 auto; }
.main_wrap-withSidebar {
display: flex; }
@media screen and (max-width: 750px) {
.main_wrap-withSidebar {
flex-direction: column; } }
.main_sidebar {
flex: 1 1 322px; }
@media screen and (max-width: 750px) {
.main_sidebar {
order: 2;
flex: 0 0 auto; } }
.main_body {
flex: 1 1 878px;
padding: 90px 50px 150px 100px;
box-sizing: border-box; }
.main_body-works {
padding: 90px 80px 150px 80px;
background-color: #4d4d4d; }
@media screen and (max-width: 1199px) {
.main_body {
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 750px) {
.main_body {
order: 1;
padding: 20px 20px 70px;
flex: 0 0 auto; } }
.sidebar {
background-color: #e7e7e7;
height: 100%; }
.sidebar_labelbox {
display: flex;
align-items: center;
justify-content: center;
height: 268px; }
@media screen and (max-width: 750px) {
.sidebar_labelbox {
display: none; } }
.sidebar_label {
text-align: center; }
.sidebar_jplabel {
font-size: 23px;
line-height: 1;
letter-spacing: 0.22em;
font-weight: bold; }
.sidebar_enlabel {
font-size: 13px;
line-height: 1;
color: #979797;
margin-top: 1em; }
@media screen and (max-width: 750px) {
.sidebar_list {
padding: 10px 10px 30px;
background-color: #f8f8f8; } }
@media screen and (max-width: 750px) {
.sidebar_list-works {
background-color: #4d4d4d; } }
.sidebar_item {
border-bottom: 1px solid #979797; }
@media screen and (max-width: 750px) {
.sidebar_item {
margin-bottom: 10px;
border: none; }
.sidebar_item:last-child {
margin-bottom: 0; } }
.sidebar_anchor {
text-decoration: none; }
.sidebar_anchor:hover .sidebar_cell {
background-color: #777777; }
.sidebar_anchor:hover .sidebar_enname {
color: #fff; }
.sidebar_cell {
background-color: #393939;
height: 88px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s linear;
position: relative; }
.sidebar_name {
text-align: center; }
.sidebar_jpname {
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.2em;
font-weight: bold;
color: #fff; }
.sidebar_enname {
font-size: 13px;
color: #979797;
margin-top: 10px;
transition: color .1s linear; }
.sidebar_external {
position: absolute;
top: 50%;
right: 1em;
color: #fff;
transform: translate(0, -50%); }
.sidebar_cell.is-current {
background-color: #777777; }
.sidebar_enname.is-current {
color: #fff; }
.sidebar_anchor.is-colored:hover .sidebar_cell {
background-color: #2b75fb; }
.sidebar_cell.is-colored {
background-color: #004cd5; }
.sidebar_enname.is-colored {
color: #fff; }
.page_label {
display: none; }
@media screen and (max-width: 750px) {
.page_label {
text-align: center;
display: block;
background-color: #e7e7e7;
padding: 15px 0;
margin: -20px -20px 20px; } }
.page_jplabel {
font-size: 15px;
line-height: 1;
letter-spacing: 0.22em;
font-weight: bold; }
.page_enlabel {
font-size: 14px;
line-height: 1;
color: #979797;
margin-top: 1ex; }
@media screen and (max-width: 750px) {
.page_titleCell {
background-color: #e7e7e7;
padding: 55px 10px 50px;
text-align: center;
margin-bottom: 20px; } }
.page_titleCell-forSP {
display: none; }
@media screen and (max-width: 750px) {
.page_titleCell-forSP {
display: block; } }
@media screen and (max-width: 750px) {
.page_titleCell-narrow {
padding: 15px 10px 13px; } }
.page_titleAnchor {
text-decoration: none; }
.page_title {
color: #000;
font-size: 24px;
letter-spacing: 0.22em;
margin-bottom: 50px; }
@media screen and (max-width: 750px) {
.page_title {
margin-bottom: 10px;
font-size: 18px; } }
@media screen and (max-width: 750px) {
.page_title-works {
margin-bottom: 0; } }
.page_entitle {
display: none; }
@media screen and (max-width: 750px) {
.page_entitle {
display: block;
color: #979797;
font-size: 14px; } }
.page_kv {
margin-bottom: 30px; }
.page_kv img {
max-width: 100%; }
.page_content {
width: 540px; }
@media screen and (max-width: 750px) {
.page_content {
width: auto; } }
.page p {
font-size: 14px;
line-height: 2;
letter-spacing: 0.06em;
margin-bottom: 1em; }
.page h2 {
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
margin-bottom: 1.5em; }
@media screen and (max-width: 750px) {
.page h2 {
font-size: 16px; } }
.page section + section {
margin-top: 70px; }
.page p + h2 {
margin-top: 80px; }
@media screen and (max-width: 750px) {
.page p + h2 {
margin-top: 40px; } }
.page img {
max-width: 100%;
height: auto; }
.footer {
background-color: #eeeeee;
position: relative; }
.footer_head {
position: relative;
padding: 40px 0;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box; }
@media screen and (max-width: 750px) {
.footer_head {
position: static; } }
.footer_logo {
text-align: center; }
.footer_sns {
position: absolute;
top: 50px;
right: 74px; }
@media screen and (max-width: 750px) {
.footer_sns {
top: auto;
bottom: 72px;
right: 40px; } }
.footer_nav {
max-width: 1200px;
margin: 0 auto 28px; }
.footer_links {
padding: 10px 0; }
.footer_copyright {
padding: 15px 0; }
.sns_list {
display: flex; }
.sns_item {
margin-right: 10px; }
.sns_item:last-child {
margin-right: 0; }
.sns_anchor {
transition: opacity .1s linear; }
.sns_anchor:hover {
opacity: .6; }
.megamenu {
display: flex;
justify-content: center; }
@media screen and (max-width: 1199px) {
.megamenu {
flex-wrap: wrap;
justify-content: flex-start;
padding: 0 40px; } }
@media screen and (max-width: 750px) {
.megamenu {
padding: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; } }
.megamenu_list {
padding: 0 28px;
box-sizing: border-box; }
@media screen and (min-width: 751px) {
.megamenu_list {
border-left: 1px solid #ccc; } }
@media screen and (max-width: 1199px) {
.megamenu_list {
flex: 0 0 25%;
margin-bottom: 20px; } }
@media screen and (max-width: 750px) {
.megamenu_list {
flex: 0 0 50%;
border-bottom: 1px solid #ccc;
padding: 0;
margin-bottom: 0;
height: 64px; } }
@media screen and (max-width: 750px) {
.megamenu_list:nth-child(2n+1) {
border-right: 1px solid #ccc; } }
@media screen and (min-width: 751px) and (max-width: 1199px) {
.megamenu_list:nth-child(4n) {
border-right: 1px solid #ccc; } }
@media screen and (max-width: 750px) {
.megamenu_list:nth-child(4n) {
border-bottom: 1px solid #ccc; } }
@media screen and (min-width: 751px) {
.megamenu_list:last-child {
border-right: 1px solid #ccc; } }
@media screen and (max-width: 750px) {
.megamenu_list:last-child {
border-bottom: none; } }
@media screen and (max-width: 750px) {
.megamenu_list:nth-last-child(2):nth-child(2n+1) {
border-bottom: none; } }
.megamenu_item {
margin: 10px 0; }
@media screen and (max-width: 750px) {
.megamenu_item {
margin: 0;
height: 100%; } }
.megamenu_label {
font-size: 16px;
font-weight: bold;
color: #000;
background: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/ico_logo.png) no-repeat left center;
padding-left: 20px; }
@media screen and (max-width: 750px) {
.megamenu_label {
background: none;
padding-left: 0;
text-align: center;
height: 100%; } }
.megamenu_anchor {
display: block;
text-decoration: none;
color: inherit;
transition: color .1s linear, background-color .1s linear; }
@media screen and (min-width: 751px) {
.megamenu_anchor:hover {
color: #004cd5; } }
@media screen and (max-width: 750px) {
.megamenu_anchor:hover {
background-color: #004cd5;
color: #fff; } }
@media screen and (max-width: 750px) {
.megamenu_anchor {
height: 100%;
display: flex;
justify-content: center;
align-items: center; } }
.megamenu_sublist {
margin-top: 20px; }
@media screen and (max-width: 750px) {
.megamenu_sublist {
display: none; } }
.megamenu_subitem {
font-size: 12px;
line-height: 20px; }
@media screen and (max-width: 750px) {
.links {
padding: 0 28px; } }
.links_list {
font-size: 12px;
line-height: 1;
display: flex;
justify-content: center; }
@media screen and (max-width: 750px) {
.links_list {
display: block;
line-height: 32px; } }
.links_item {
margin-right: 35px; }
.links_item:last-child {
margin-right: 0; }
@media screen and (max-width: 750px) {
.links_item {
margin-right: 0; } }
.links_anchor {
text-decoration: none;
color: inherit;
transition: color .1s linear; }
.links_anchor:hover {
color: #004cd5; }
.copyright {
font-size: 12px;
line-height: 1;
text-align: center; }
@media screen and (max-width: 750px) {
.copyright {
font-size: 10px; } } .button, .indexpanel_button {
border: none;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
display: inline-flex;
text-align: center;
align-items: center;
background-color: #393939;
transition: background .1s linear;
padding: 10.2px 50px; }
@media screen and (max-width: 750px) {
.button, .indexpanel_button {
font-size: 16px; } }
.button:hover:not([disabled]), .indexpanel_button:hover:not([disabled]) {
background-color: #004cd5; }
.button[disabled], [disabled].indexpanel_button {
background-color: #ccc;
cursor: default; }
@media screen and (max-width: 750px) {
.button-spFull {
width: 100%;
padding-left: 0;
padding-right: 0;
justify-content: center; } }
.button-blue {
background-color: #004cd5; }
.button-blue:hover:not([disabled]) {
background-color: #2b75fb; }
.button-simple {
width: 240px;
background-color: transparent;
border: 1px solid #4d4d4d;
color: #000;
padding: 0 17px 0 26px;
display: flex;
justify-content: space-between;
align-items: center; }
.button-simple:after {
content: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/ico_carretright.png);
display: block;
width: 9px;
height: 16px; }
.button-simple:hover:not([disabled]) {
color: #fff; }
.button-simple:hover:not([disabled]):after {
content: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/ico_carretright-white.png); }
.button-simple + .button-simple {
margin-top: 15px; }
.button-submit {
min-width: 232px;
text-align: center;
display: inline-block;
cursor: pointer; }
.button-large {
font-size: 21px;
padding: 18px 100px; }
@media screen and (max-width: 750px) {
.button-large {
padding: 18px 0; } }
.mvTable {
border-top: 1px solid #e8e8e8;
width: 100%;    }
.mvTable tr {
font-size: 14px;
line-height: 26px; }
.mvTable th {
color: #4d4d4d;
font-weight: bold;
width: 27.94118%;
text-align: left;
box-sizing: border-box;
padding: 13px 0 13px 24px;
border-bottom: 1px solid #e8e8e8;
vertical-align: top;
letter-spacing: 0.1em; }
@media screen and (max-width: 750px) {
.mvTable th {
display: block;
border: none;
padding: 0;
margin-top: 1em;
margin-bottom: 1ex;
width: auto; } }
.mvTable td {
padding: 13px 0;
border-bottom: 1px solid #e8e8e8;
vertical-align: top; }
@media screen and (max-width: 750px) {
.mvTable td {
display: block;
padding: 0 0 2em; }
.mvTable td:first-child {
margin-top: 1em; }
.mvTable td:empty {
height: 0;
padding: 0 0 1em; } }
.mvTable-history {
font-family: "游ゴシック", "Yu Gothic", YuGothic,  sans-serif; }
.mvTable-history th {
width: 6em;
white-space: nowrap; }
@media screen and (max-width: 750px) {
.mvTable-history th {
width: 4em;
text-align: right; } }
.mvTable-history dl {
display: flex;
flex-wrap: wrap; }
.mvTable-history dl dt {
white-space: nowrap;
min-width: 4em;
text-align: right;
padding-right: 20px;
box-sizing: border-box; }
@media screen and (max-width: 750px) {
.mvTable-history dl dt {
padding: 0; } }
.mvTable-history dl dd {
width: calc(100% - 4em); }
@media screen and (max-width: 750px) {
.mvTable-history dl dd {
padding-left: 2em;
box-sizing: border-box; } }
.mvTable-recruit {
margin-bottom: 60px; }
@media screen and (max-width: 750px) {
.mvTable-sitemap {
border-top: none; } }
.mvTable-sitemap th {
width: auto;
white-space: nowrap;
padding-left: 0; }
.mvTable-form {
border: none; }
.mvTable-form tr:last-child th, .mvTable-form tr:last-child td {
border: none; }
.mvTable-form th {
padding: 25px 0 25px 25px;
min-width: 180px; }
@media screen and (max-width: 750px) {
.mvTable-form th {
padding: 1em 25px 1ex 25px; } }
.mvTable-form th[rowspan] + td {
border: none;
padding-bottom: 0; }
.mvTable-form td {
padding: 25px 30px 25px 0; }
@media screen and (max-width: 750px) {
.mvTable-form td {
padding: 0 25px 2em 25px; } }
.mvTable-form td[colspan] {
padding-right: 0; }
.pagination {
display: flex;
font-size: 16px;
line-height: 1;
flex-wrap: wrap;
margin: 30px 0; }
.pagination_button {
width: 28px;
height: 28px;
border: 1px solid #777777;
background-color: #fff;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-right: 6px;
color: #000;
transition: background-color .1s linear, color .1s linear;
text-decoration: none; }
.pagination_button:last-child {
margin-right: 0; }
.pagination_button:hover {
background-color: #004cd5;
color: #fff; }
.pagination_button-navigation {
width: 52px; }
.pagination_button-current {
background-color: #777;
color: #fff; }
.pagination_ellipsis {
width: 16px;
height: 28px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-right: 6px;
color: #000; }
.inputText {
border: none;
font-size: 12px;
padding: 1ex 1em;
box-sizing: border-box; }
.inputText-fullsize {
width: 100%; }
@media screen and (max-width: 750px) {
.inputText {
font-size: 14px;
width: 100%; } }
.textarea {
border: none;
font-size: 12px;
padding: 1em;
box-sizing: border-box; }
.textarea-fullsize {
width: 100%; }
@media screen and (max-width: 750px) {
.textarea {
font-size: 14px; } }
.select {
border: none;
height: 32px;
font-size: 12px; }
.checkbox-inline {
display: inline-block; }
.checkbox_origin {
display: none; }
.checkbox_item {
display: flex;
align-items: center; }
input[type="checkbox"]:checked + .checkbox_item .checkbox_checked {
opacity: 1; }
.checkbox_item-center {
justify-content: center; }
.checkbox_label {
cursor: pointer;
width: 19px;
height: 19px;
display: inline-block;
margin-right: 1em; }
.checkbox_box {
width: 19px;
height: 19px;
box-sizing: border-box;
border: 1px solid #000;
background-color: #fff;
display: inline-block;
padding: 3px; }
.checkbox_checked {
width: 100%;
height: 100%;
background-color: #004cd5;
opacity: 0;
transition: opacity .1s linear; }
.checkbox_confimlabel {
display: inline; }
.radio-inline {
display: inline-block;
margin-right: 2em; }
.radio_origin {
display: none; }
.radio_item {
display: flex;
align-items: center; }
input[type="radio"]:checked + .radio_item .radio_checked {
opacity: 1; }
.radio_item-center {
justify-content: center; }
.radio_label {
cursor: pointer;
height: 19px;
display: flex;
margin-right: 1em;
align-items: center; }
.radio_label > p {
margin-bottom: 0; }
.radio_box {
width: 19px;
height: 19px;
box-sizing: border-box;
border: 1px solid #000;
background-color: #fff;
display: inline-block;
padding: 3px;
border-radius: 50%; }
.radio_checked {
width: 100%;
height: 100%;
background-color: #004cd5;
opacity: 0;
transition: opacity .1s linear;
border-radius: 50%; }
span.wpcf7-not-valid-tip {
display: block;
font-size: 12px; }
@media screen and (max-width: 750px) {
span.wpcf7-not-valid-tip {
position: static; } }
div.wpcf7-response-output {
margin: 10px 0 0;
padding: 20px;
text-align: center; }
div.wpcf7-validation-errors {
border: none;
background-color: #c00;
color: #fff;
font-weight: bold; }
div.wpcf7-mail-sent-ok {
border: none;
background-color: #18c0ff;
color: #fff;
font-weight: bold; }
div.wpcf7 .ajax-loader {
position: absolute;
right: 30px;
top: 50%;
transform: translate(0, -50%); }
#recruit_type, #gender, #period {
display: none; }
.workscell {
position: relative; }
@media screen and (max-width: 750px) {
.workscell {
width: 350px;
display: inline-block; } }
@media screen and (max-width: 389px) {
.workscell {
width: auto;
display: block; } }
.workscell_thumb {
height: 188px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
@media screen and (max-width: 1199px) {
.workscell_thumb {
height: 0;
padding-top: 53.717%; } }
@media screen and (max-width: 750px) {
.workscell_thumb {
padding-top: 0;
height: 188px; } }
@media screen and (max-width: 389px) {
.workscell_thumb {
height: 0;
padding-top: 53.717%; } }
.workscell_info {
height: 117px;
background-color: #e7e7e7;
padding: 35px 20px 0;
position: relative;
box-sizing: border-box; }
@media screen and (max-width: 750px) {
.workscell_info {
padding: 25px 15px 0;
height: 90px; } }
.workscell_hard {
font-size: 12px;
color: #fff;
background-color: #000;
line-height: 30px;
padding: 0 20px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
transform: translate(0, -50%);
letter-spacing: 0.16em; }
@media screen and (max-width: 750px) {
.workscell_hard {
padding: 0 15px;
line-height: 23px; } }
.workscell_title {
font-size: 16px;
font-weight: bold;
letter-spacing: 0.16em;
color: #000;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
@media screen and (max-width: 750px) {
.workscell_title {
font-size: 14px; } }
.workscell_date {
font-size: 12px;
color: #4d4d4d;
font-weight: bold;
letter-spacing: 0.16em;
margin-top: 1ex; }
@media screen and (max-width: 750px) {
.workscell_date {
font-size: 10px; } }
.workscell_hovercell {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 76, 213, 0.95);
text-align: center;
box-sizing: border-box;
padding: 0 40px;
transition: top .1s linear, left .1s linear, opacity .1s linear;
opacity: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; }
.workscell_hovercell:hover {
opacity: 1;
top: -10px;
left: -10px; }
@media screen and (max-width: 750px) {
.workscell_hovercell {
display: none; } }
.workscell_description {
width: 100%;
color: #fff;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.16em; }
.workscell_button {
color: #fff;
border: 2px solid #fff;
display: inline-block;
margin: 50px auto 0;
padding: 10.2px 0;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.1em;
min-width: 180px; }
@media screen and (max-width: 899px) {
.workscell_button {
min-width: auto;
width: 100%;
margin-top: 20px; } }
.adjacent {
display: flex;
justify-content: space-between;
margin: 30px 0; }
@media screen and (max-width: 750px) {
.adjacent {
flex-direction: column; } }
.adjacent_button {
font-size: 12px;
line-height: 1.4;
height: 28px;
padding: 0 1em;
border: 1px solid #777777;
background-color: #fff;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #000;
transition: background-color .1s linear, color .1s linear;
text-decoration: none; }
@media screen and (max-width: 750px) {
.adjacent_button {
height: 44px;
margin-bottom: 20px; } }
.adjacent_button:hover {
background-color: #004cd5;
color: #fff; }
@media screen and (max-width: 750px) {
.adjacent_button-previous {
justify-content: flex-start;
padding-right: 5em; } }
.adjacent_button-previous .fa {
margin-right: 1ex; }
@media screen and (max-width: 750px) {
.adjacent_button-next {
justify-content: flex-end;
padding-left: 5em; } }
.adjacent_button-next .fa {
margin-left: 1ex; }
.recruitFlow_step {
background-color: #e7e7e7;
text-align: center;
padding: 12px;
position: relative; }
.recruitFlow_step + .recruitFlow_step {
margin-top: 10px; }
.recruitFlow_step + .recruitFlow_step:before {
content: '';
display: block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 7px;
background: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/recruitFlow_mark.svg) no-repeat center top transparent; }
.recruitFlow_label {
color: #000000;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.06em;
line-height: 1; }
.recruitFlow_label small {
font-size: 14px;
font-weight: normal; }
.page .recruitFlow_note {
color: #000000;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.06em;
margin: 0; }
.recruitFlow_note:first-of-type {
margin-top: 10px; }
.recruitFlow p:empty {
display: none; } .keyvisual {
min-height: calc( 100vh - 112px);
position: relative;
overflow: hidden; }
@media screen and (max-width: 1199px) {
.keyvisual {
min-height: calc( 100vh - 92px); } }
@media screen and (max-width: 750px) {
.keyvisual {
min-height: calc( 100vh - 82px); } }
.keyvisual_slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.keyvisual_images {
width: 100%;
height: 100%;
position: relative; }
.keyvisual_namelist {
display: none; }
.keyvisual_item {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transform: scale(2, 2);
opacity: 0;
transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.keyvisual_item-active {
transform: scale(1, 1);
opacity: 1; }
.keyvisual_filter {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/keyvisual_filter.png) no-repeat center center;
background-size: cover; }
.keyvisual_captions {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.keyvisual_captionLi {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.keyvisual_captionLi-active {
opacity: 1; }
.keyvisual_caption {
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
position: absolute;
bottom: 10px;
right: 10px; }
.keyvisual_copy {
position: absolute;
bottom: 28%;
left: 15%; }
@media screen and (max-width: 750px) {
.keyvisual_copy {
bottom: 170px;
left: 8.4%;
width: 163px;
height: 108px; }
.keyvisual_copy img {
width: 100%;
height: 100%; } }
.keyvisual_scroll {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%, 0);
animation: attention_scroll 2s ease 0s infinite normal none; }
@media screen and (max-width: 750px) {
.keyvisual_scroll {
bottom: 100px; } }
@keyframes attention_scroll {
0% {
transform: translate(-50%, 0); }
50% {
transform: translate(-50%, 10px); }
100% {
transform: translate(-50%, 0); } }
.workslist {
margin: 0 auto 60px;
max-width: 1200px; }
.workslist_swiper {
padding: 0 30px; }
@media screen and (max-width: 750px) {
.workslist_swiper {
padding: 0 20px; } }
.workslist_container {
padding-top: 60px; }
.workslist_item {
padding: 0 15px;
box-sizing: border-box; }
@media screen and (max-width: 750px) {
.workslist_item {
padding: 0; } }
.workslist_anchor {
text-decoration: none; }
@media screen and (max-width: 750px) {
.workslist_anchor {
display: block;
text-align: center; } }
.workslist_more {
text-align: center;
margin-top: 54px; }
@media screen and (max-width: 750px) {
.workslist_more {
margin-top: 30px;
padding: 0 20px; } }
.newslist {
background-color: #eeeeee;
padding: 25px 0 40px; }
@media screen and (max-width: 750px) {
.newslist {
padding: 0;
background-color: #fff; } }
.newslist_inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-around;
position: relative;
box-sizing: border-box;
padding: 0 100px 65px; }
@media screen and (max-width: 750px) {
.newslist_inner {
max-width: 100vw;
flex-direction: column;
justify-content: flex-start;
padding: 0; } }
.newslist_news {
margin-right: 40px;
flex: 1 1 calc(60% - 40px); }
@media screen and (max-width: 750px) {
.newslist_news {
padding: 30px 20px 35px;
margin-right: 0;
background-color: #eeeeee;
flex: 1 1 auto; } }
.newslist_blog {
flex: 1 1 40%; }
@media screen and (max-width: 750px) {
.newslist_blog {
padding: 44px 20px 33px;
margin-top: 12px;
background-color: #eeeeee;
flex: 1 1 auto; } }
.newslist_label {
padding-left: 120px;
height: 55px;
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
font-weight: bold;
line-height: 1;
display: flex;
align-items: flex-end;
margin-bottom: 30px; }
@media screen and (max-width: 750px) {
.newslist_label {
padding: 62px 0 0;
background-position: center top;
background-size: 105px 50px;
text-align: center;
height: auto;
display: block; } }
.newslist_label-news {
background-image: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/tit_news.png); }
.newslist_label-blog {
background-image: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/tit_blog.png); }
.newslist_item {
display: flex;
padding-bottom: 8px; }
@media screen and (max-width: 750px) {
.newslist_item {
border-bottom: 1px solid #d3d3d3;
flex-wrap: wrap;
padding: 17px 10px; }
.newslist_item:first-child {
border-top: 1px solid #d3d3d3; } }
.newslist_cat {
font-size: 12px;
line-height: 1;
flex: 0 0 65px;
height: 20px;
background-color: #777777;
color: #fff;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
margin-top: 6px; }
.newslist_date {
color: #4d4d4d;
font-size: 16px;
margin-right: 15px;
margin-top: 6px;
flex: 0 0 9ex; }
.newslist_anchor {
color: #4d4d4d;
font-size: 16px;
line-height: 28px;
text-decoration: none;
font-weight: bold;
transition: color .1s linear; }
.newslist_anchor:hover {
color: #004cd5; }
@media screen and (max-width: 750px) {
.newslist_anchor {
margin-top: 10px;
width: 100%; } }
.newslist_more {
position: absolute;
bottom: 0; }
@media screen and (max-width: 750px) {
.newslist_more {
position: static;
margin-top: 28px;
text-align: center; } }
.featureslist {
padding: 116px 0 121px; }
.featureslist_inner {
max-width: 1200px;
margin: 0 auto; }
.featureslist_item {
margin-bottom: 122px; }
.featureslist_item:nth-child(2n+1) {
padding-right: 13%; }
@media screen and (max-width: 750px) {
.featureslist_item:nth-child(2n+1) {
padding-right: 20px; } }
.featureslist_item:nth-child(2n) {
padding-left: 13%; }
@media screen and (max-width: 750px) {
.featureslist_item:nth-child(2n) {
padding-left: 20px; } }
.featureslist_item:last-child {
margin-bottom: 0; }
@media screen and (max-width: 750px) {
.featureslist_item {
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 50px; } }
.featureslist_cell {
background-color: #EEEEEE;
display: flex;
justify-content: space-between; }
@media screen and (max-width: 750px) {
.featureslist_cell {
flex-direction: column;
padding-top: 30px;
padding-bottom: 30px; } }
.featureslist_imageholder {
position: relative;
flex: 1 1 691px;
height: 328px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.featureslist_imageholder-odd {
margin-right: 70px;
transform: translate(70px, 29px); }
@media screen and (max-width: 750px) {
.featureslist_imageholder-odd {
margin: 0 -20px;
transform: none; } }
.featureslist_imageholder-even {
margin-left: 70px;
transform: translate(-70px, 29px);
text-align: right; }
@media screen and (max-width: 750px) {
.featureslist_imageholder-even {
margin: 0 -20px;
transform: none; } }
@media screen and (max-width: 750px) {
.featureslist_imageholder {
flex: 0 0 52vw;
width: 100vw;
height: auto;
order: 1; } }
.featureslist_info {
flex: 0 0 347px;
box-sizing: border-box;
padding: 40px 59px 0; }
@media screen and (max-width: 750px) {
.featureslist_info {
padding: 56px 30px 0;
order: 2; } }
.featureslist_title {
text-align: center; }
.featureslist_jpname {
font-size: 24px;
font-weight: bold;
color: #000; }
.featureslist_enname {
font-size: 14px;
color: #979797; }
@media screen and (max-width: 750px) {
.featureslist_enname {
margin-top: 7px; } }
.featureslist_description {
font-size: 14px;
line-height: 22.5px;
position: relative;
text-align: center; }
.featureslist_description:before {
content: '';
display: block;
width: 187px;
height: 1px;
background-color: #393939;
margin: 20px auto; }
@media screen and (max-width: 750px) {
.featureslist_description:before {
width: 100%; } }
@media screen and (max-width: 750px) {
.featureslist_description {
font-size: 16px;
line-height: 24.5px; } }
.featureslist_button {
text-align: center;
margin-top: 30px; }
.contacttop {
padding: 80px 0 95px;
background-color: #e7e7e7; }
@media screen and (max-width: 750px) {
.contacttop {
padding: 60px 30px 70px; } }
.contacttop_title {
text-align: center; }
.contacttop_jpname {
font-size: 24px;
font-weight: bold;
color: #000;
margin-bottom: 1ex; }
.contacttop_enname {
font-size: 14px;
color: #979797;
margin-bottom: 3ex; }
.contacttop_description {
text-align: center;
font-size: 14px;
line-height: 22.5px; }
@media screen and (max-width: 750px) {
.contacttop_description {
text-align: left;
font-size: 16px;
line-height: 24.5px; } }
.contacttop_button {
text-align: center;
margin-top: 45px; }
.opening_page {
display: none; }
.opening_svg {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 100vh; }
.opening_page.is-animated {
display: block; }
.opening_svg.is-animated {
display: none; } .contentvisual_title {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
position: relative;
padding: 97px 0; }
.contentvisual_title:after {
display: block;
content: "";
background-color: #000;
opacity: 0.57;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99; }
@media screen and (max-width: 750px) {
.contentvisual_title {
padding: 85px 0 115px; } }
.contentvisual_frame {
text-align: center;
border: 2px solid #fff;
box-sizing: border-box;
padding: 30px 50px;
display: inline-block;
position: relative;
z-index: 100; }
.contentvisual_jpname {
font-size: 30px;
color: #fff;
letter-spacing: 0.22em;
line-height: 1; }
.contentvisual_enname {
font-size: 18px;
color: #fff;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 20px; }
.indexpanel {
margin: 111px auto 121px; }
@media screen and (max-width: 750px) {
.indexpanel {
margin: 55px auto 60px; } }
.indexpanel_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 844px;
margin: 0 auto; }
@media screen and (max-width: 900px) {
.indexpanel_list {
width: 93.77778%; } }
@media screen and (max-width: 750px) {
.indexpanel_list {
width: calc(100% - 40px);
margin: 0 20px; } }
.indexpanel_item {
flex: 1 1 30%;
margin-right: 5.45024%;
margin-bottom: 60px;
min-height: 240px; }
.indexpanel_item:nth-child(2n) {
margin-right: 0; }
@media screen and (max-width: 750px) {
.indexpanel_item {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 20px; } }
.indexpanel_anchor {
display: block;
width: 100%;
height: 100%;
text-decoration: none; }
.indexpanel_anchor:hover .indexpanel_cell {
color: #fff;
background-color: #004cd5; }
.indexpanel_anchor:hover .indexpanel_enname {
color: #fff; }
.indexpanel_anchor:hover .indexpanel_button {
background-color: #004cd5;
border-color: #fff; }
.indexpanel_cell {
background-color: #e7e7e7;
width: 100%;
height: 100%;
text-align: center;
padding: 50px 0 60px;
box-sizing: border-box;
transition: color .1s linear, background-color .1s linear;
color: #000; }
@media screen and (max-width: 750px) {
.indexpanel_cell {
padding: 45px 0 50px; } }
.indexpanel_jpname {
font-size: 23px;
line-height: 1;
font-weight: bold;
letter-spacing: 0.1em; }
@media screen and (max-width: 750px) {
.indexpanel_jpname {
font-size: 16px; } }
.indexpanel_enname {
font-size: 14px;
line-height: 1;
margin-top: 20px;
letter-spacing: 0.1em;
color: #979797;
transition: color .1s linear; }
@media screen and (max-width: 750px) {
.indexpanel_enname {
margin-top: 10px; } }
.indexpanel_description {
font-size: 14px;
line-height: 1.75;
letter-spacing: 0.1em;
margin-top: 27px; }
@media screen and (max-width: 750px) {
.indexpanel_description {
margin-top: 20px; } }
.indexpanel_button {
margin-top: 20px;
border: 1px solid #393939; } .messageVisual {
position: relative;
margin-bottom: 70px; }
@media screen and (max-width: 750px) {
.messageVisual {
margin: 0 -20px 30px; } }
.messageVisual_image img {
width: 100%;
height: auto; }
.messageVisual_frame {
position: absolute;
top: 33px;
left: -40px;
width: 60%;
background-color: rgba(238, 238, 238, 0.7);
padding: 60px 30px 100px;
box-sizing: border-box;
min-width: 350px; }
@media screen and (max-width: 750px) {
.messageVisual_frame {
position: relative;
top: 0;
left: 0;
width: auto;
padding-bottom: 37px;
min-width: 320px; } }
.messageVisual_message {
font-size: 20px;
line-height: 2;
letter-spacing: 0.28em;
font-weight: bold; }
@media screen and (max-width: 750px) {
.messageVisual_message {
font-size: 18px; } }
.messageVisual_decorationLine {
position: absolute;
top: 18px;
left: -10px;
width: 163px;
height: 5px;
background-color: #19c0ff; }
@media screen and (max-width: 750px) {
.messageVisual_decorationLine {
top: 33px; } }
.messageVisual_decorationLine:before {
display: block;
content: "";
width: 123px;
height: 100%;
background-color: #004cd5; }
.messageVisual_sign {
position: absolute;
right: 30px;
bottom: 20px; }
@media screen and (max-width: 750px) {
.messageVisual_sign {
position: relative;
right: 0;
bottom: 0;
margin-top: 37px; } }
.messageVisual_position {
font-size: 12px;
line-height: 1;
margin-bottom: 10px; }
@media screen and (max-width: 750px) {
.messageVisual_position {
font-size: 14px;
text-align: right; } }
.messageVisual_name {
font-size: 18px;
font-weight: bold;
line-height: 1; }
@media screen and (max-width: 750px) {
.messageVisual_name {
text-align: right; } }
.devFlow {
display: flex; }
@media screen and (max-width: 750px) {
.devFlow {
flex-direction: column; } }
.devFlow_list {
list-style: none;
counter-reset: devFlow-counter; }
.devFlow_item {
position: relative;
padding-right: calc( ((277 / 728) * 100%)  + 50px); }
@media screen and (max-width: 750px) {
.devFlow_item {
padding-right: 0; } }
.devFlow_item:before {
content: counter(devFlow-counter) ".";
counter-increment: devFlow-counter;
display: inline-block;
font-size: 37px; }
@media screen and (max-width: 750px) {
.devFlow_item:before {
font-size: 16px; } }
.devFlow_item + .devFlow_item {
margin-top: 50px; }
.devFlow_item + .devFlow_item:after {
content: url(//ssl.media-vision.co.jp/cms/wp-content/themes/mediavision_theme/common/images/ico_carretdown.png);
display: block;
position: absolute;
top: -12px;
left: 50%;
width: 22px;
height: 12px;
transform: translate(-50%, 0); }
@media screen and (max-width: 750px) {
.devFlow_item + .devFlow_item:after {
top: -40px; } }
@media screen and (max-width: 750px) {
.devFlow_item + .devFlow_item {
margin-top: 70px; } }
.devFlow_inimage {
position: absolute;
top: 0;
right: 0;
width: 38.04945%; }
@media screen and (max-width: 750px) {
.devFlow_inimage {
position: static;
width: auto;
text-align: center; }
.devFlow_inimage img {
width: 100%;
max-width: 540px; } }
.devFlow_label {
font-size: 23px;
font-weight: bold;
display: inline-block;
margin-bottom: 15px !important;
line-height: 1; }
@media screen and (max-width: 750px) {
.devFlow_label {
font-size: 16px !important; } }
@media screen and (max-width: 750px) {
.devFlow_text {
font-size: 13px;
line-height: 22px; } }
.requirement_thumb {
margin: -90px -80px 90px -100px; }
@media screen and (max-width: 1199px) {
.requirement_thumb {
margin-left: -20px;
margin-right: -20px; } }
@media screen and (max-width: 750px) {
.requirement_thumb {
margin: -20px -20px 20px; } }
.page .requirement_lead {
font-size: 16px;
line-height: 2; }
.requirement_product {
display: flex; }
@media screen and (max-width: 425px) {
.requirement_product {
flex-direction: column; } }
.requirement_productImage {
flex: 0 0 210px;
margin-right: 40px; }
@media screen and (max-width: 425px) {
.requirement_productImage {
display: none; } }
.requirement_description {
font-size: 16px;
line-height: 2; }
@media screen and (max-width: 1199px) {
.requirement_description {
word-break: break-all; } }
.requirement_downloadBadges {
display: flex;
flex-wrap: wrap; }
.requirement_downloadBadge {
margin-right: 20px;
transition: opacity .1s linear; }
.requirement_downloadBadge:hover {
opacity: .5; }
.requirement_jobtype {
display: flex;
flex-wrap: wrap;
line-height: 2; }
@media screen and (max-width: 425px) {
.requirement_jobtype {
flex-direction: column; } }
.requirement_jobtypeTitle {
flex: 0 0 100%; }
@media screen and (max-width: 425px) {
.requirement_jobtypeTitle {
flex: 0 0 auto; } }
.requirement_jobtypeGroup {
flex: 0 0 50%; }
@media screen and (max-width: 425px) {
.requirement_jobtypeGroup {
flex: 0 0 auto; } }
.requirement_jobtypeSubtitle {
margin-top: 2em;
margin-bottom: -1em;
display: block; }
.requirement_jobtypeSubtitle a {
color: inherit;
transition: color .1s linear; }
.requirement_jobtypeSubtitle a:hover {
color: #ccc; }
.requirement_jobtypeItem a {
color: inherit;
transition: color .1s linear; }
.requirement_jobtypeItem a:hover {
color: #ccc; }
.requirement_button {
margin: 4em 0;
text-align: center;
flex: 0 0 100%; }
@media screen and (max-width: 425px) {
.requirement_button {
flex: 0 0 auto; } }
.requirement_jobDetail {
padding-top: 140px;
margin-bottom: 100px;
margin-top: -100px; }
.requirement_jobName {
margin-bottom: 1em; }
.page .requirement_jobDescription {
font-size: 16px;
line-height: 2; }
.requirement_skill {
display: flex;
border-top: 1px solid #7f7f7f;
padding-top: 1em; }
@media screen and (max-width: 425px) {
.requirement_skill {
flex-direction: column; } }
.requirement_skillHead {
color: #666;
font-size: 14px; }
@media screen and (max-width: 425px) {
.requirement_skillHead {
display: flex;
flex-direction: column; } }
.requirement_skillTitle {
margin-bottom: 20px; }
@media screen and (max-width: 425px) {
.requirement_skillTitle {
order: 2; } }
@media screen and (max-width: 425px) {
.requirement_skillImage {
order: 1;
text-align: center;
margin-bottom: 1em; } }
.requirement_skillDetail {
margin-left: 40px;
font-size: 14px;
line-height: 1.6; }
@media screen and (max-width: 425px) {
.requirement_skillDetail {
margin-left: 0; } }
.requirement_info {
margin-top: -140px;
padding-top: 140px;
margin-bottom: 30px; }
@media screen and (max-width: 750px) {
.recruitMessage {
margin-right: 0; } }
.recruitMessage_decorationLine {
width: 163px;
height: 5px;
background-color: #19c0ff; }
.recruitMessage_decorationLine:before {
display: block;
content: "";
width: 123px;
height: 100%;
background-color: #004cd5; }
.recruitMessage_copy {
font-size: 26px;
font-weight: bold;
letter-spacing: 0.12em;
padding-top: 30px;
margin-bottom: 100px; }
.recruitMessage_sbs {
display: flex;
max-width: 650px; }
.recruitMessage_sbs p {
flex: 1 1 413px; }
@media screen and (max-width: 899px) {
.recruitMessage_sbs {
flex-direction: column; }
.recruitMessage_sbs p {
flex: 1 1 auto;
margin-bottom: 3em; } }
.recruitMessage_img {
margin-left: 50px;
width: 200px; }
.recruitMessage_img img {
max-width: none; }
@media screen and (max-width: 899px) {
.recruitMessage_img {
margin: 0;
text-align: center;
width: auto; } }
.interview_thumb {
position: relative;
margin-bottom: 58px; }
@media screen and (max-width: 750px) {
.interview_thumb {
margin: 0 -20px 58px; } }
.interview_img {
font-size: 0;
line-height: 0; }
.interview_img img {
max-width: 100%; }
.interview_profile {
position: absolute;
bottom: 0;
left: 0;
height: 70px;
background-color: #e7e7e7;
padding: 8px 15px 0;
box-sizing: border-box;
width: 100%; }
@media screen and (max-width: 750px) {
.interview_profile {
padding: 8px 10px 0;
position: relative; } }
.interview_position {
position: absolute;
top: 0;
left: 0;
font-size: 18px;
color: #fff;
background-color: #393939;
line-height: 1.4;
padding: 10px 20px;
font-weight: bold;
letter-spacing: 0.16em;
transform: translate(0, -100%); }
@media screen and (max-width: 750px) {
.interview_position {
font-size: 14px;
line-height: 1.4;
padding: 7px 10px; } }
.interview_name {
font-size: 22px;
font-weight: bold;
letter-spacing: 0.16em;
color: #393939; }
@media screen and (max-width: 750px) {
.interview_name {
font-size: 16px; } }
.interview_date {
font-size: 12px;
letter-spacing: 0.16em;
color: #393939; }
.interview_pr {
font-size: 26px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.12em;
position: relative;
padding-top: 30px;
margin-bottom: 83px; }
@media screen and (max-width: 750px) {
.interview_pr {
font-size: 18px;
margin-bottom: 36px; } }
.interview_decorationLine {
position: absolute;
top: 0;
left: 0;
width: 163px;
height: 5px;
background-color: #19c0ff; }
@media screen and (max-width: 750px) {
.interview_decorationLine {
left: -20px; } }
.interview_decorationLine:before {
display: block;
content: "";
width: 123px;
height: 100%;
background-color: #004cd5; }
.interview_back {
margin-top: 100px;
text-align: center; }
.access {
margin-top: 50px; }
.access iframe {
width: 100%; }
@media screen and (max-width: 750px) {
.access iframe {
height: 60vh; } }
.works_info {
display: flex;
justify-content: space-between;
margin-bottom: 60px; }
@media screen and (max-width: 750px) {
.works_info {
flex-direction: column; } }
.works_img {
width: 41.20879%; }
@media screen and (max-width: 750px) {
.works_img {
width: auto;
text-align: center;
margin-bottom: 30px; } }
.works_img img {
width: 100%;
height: auto; }
.works_detail {
width: 50.13736%; }
@media screen and (max-width: 750px) {
.works_detail {
width: auto; } }
.works_table {
font-size: 14px;
line-height: 2;
width: 100%;
border-top: 1px solid #e8e8e8; }
.works_table th {
font-weight: bold;
text-align: center;
border-bottom: 1px solid #e8e8e8;
padding: 12px 3ex;
vertical-align: top;
white-space: nowrap; }
@media screen and (max-width: 750px) {
.works_table th {
display: block;
text-align: left;
padding: 0;
margin: 1em 0 1ex;
border: none; } }
.works_table td {
text-align: left;
border-bottom: 1px solid #e8e8e8;
padding: 12px 0;
vertical-align: top; }
@media screen and (max-width: 750px) {
.works_table td {
display: block;
padding: 0 0 2em; }
.works_table td:first-child {
margin-top: 1em; } }
.works_table a {
color: #004cd5; }
.news_header {
display: flex;
align-items: center;
margin-bottom: 14px; }
@media screen and (max-width: 750px) {
.news_header {
display: none; } }
.news_header-forSP {
display: none; }
@media screen and (max-width: 750px) {
.news_header-forSP {
display: flex;
justify-content: center;
margin-bottom: 0; } }
.news_tag {
font-size: 12px;
color: #fff;
line-height: 20px;
padding: 0 5px;
background-color: #004cd5;
font-weight: bold;
letter-spacing: 0.1em;
min-width: 65px;
box-sizing: border-box;
text-align: center; }
.news_date {
margin-left: 1em;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1;
color: #4d4d4d; }
.news_thumb {
margin-bottom: 60px; }
.news_thumb img {
max-width: 100%; }
.sitemap {
display: flex; }
@media screen and (max-width: 750px) {
.sitemap {
flex-direction: column; } }
.sitemap_left {
flex: 1 1 50%;
box-sizing: border-box;
padding-right: 10px; }
@media screen and (max-width: 750px) {
.sitemap_left {
padding-right: 0;
flex: 0 0 auto; } }
.sitemap_right {
flex: 1 1 50%;
box-sizing: border-box;
padding-left: 10px; }
@media screen and (max-width: 750px) {
.sitemap_right {
padding-left: 0;
flex: 0 0 auto; } }
.sitemap_anchor {
text-decoration: none;
color: #4d4d4d; }
.form_formarea {
background-color: #eeeeee; }
.form_sepname {
display: flex; }
@media screen and (max-width: 750px) {
.form_sepname {
display: block; } }
.form_name {
display: flex;
flex: 1 1 1px; }
.form_name .wpcf7-form-control-wrap {
width: 100%;
margin-left: 1ex; }
.form_name .wpcf7-form-control-wrap input {
width: 100%; }
.form_name-1 {
margin-right: 1em; }
@media screen and (max-width: 750px) {
.form_name-1 {
margin-right: 0; } }
@media screen and (max-width: 750px) {
.form_name {
margin-bottom: 5px; } }
.form_require:after {
content: "必須";
display: inline-block;
font-size: 12px;
background-color: #004cd5;
color: #fff;
line-height: 20px;
border-radius: 3px;
padding: 0 4px;
margin-left: 10px; }
.form_confirm {
text-align: center;
font-size: 14px;
color: #4d4d4d; }
.form_submit {
position: relative; }
.form_notes {
margin: 20px 0; }
.form_notes p {
font-size: 12px; }
.form_contactTo {
border: 2px solid #666;
padding: 2em 1em; }
.form_contactTo h4 {
text-align: center; }
.form_contactTo p {
text-align: center;
font-size: 12px; }
.form_birth {
display: flex; }
.form_birth select, .form_birth input {
margin-right: 3px; }
.form_birthyear {
flex: 0 0 6em; }
@media screen and (max-width: 750px) {
.form_birthyear {
margin-bottom: 1em; } }
.form_birthmonth {
flex: 0 0 5em; }
.form_birthday {
flex: 0 0 5em; }
@media screen and (max-width: 750px) {
.form_birth {
flex-wrap: wrap; } }
.form_age {
flex: 1 1 6em;
position: relative; }
.form_age input {
width: auto; }
.form_ageunit {
position: absolute;
top: 2px;
left: 4em; } .worksloop {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-right: -35px; }
@media screen and (max-width: 750px) {
.worksloop {
width: 100%;
padding: 10px 10px 0;
box-sizing: border-box; } }
.worksloop_item {
width: 340px;
margin-right: 35px;
margin-bottom: 55px; }
.worksloop_item:nth-last-child(1) {
margin-bottom: 0; }
@media screen and (min-width: 1030px) {
.worksloop_item:nth-last-child(2) {
margin-bottom: 0; } }
@media screen and (max-width: 750px) {
.worksloop_item {
width: 100%;
margin-right: 0;
margin-bottom: 27.5px; } }
.worksloop_anchor {
text-decoration: none;
position: relative;
display: block; }
@media screen and (max-width: 750px) {
.worksloop_anchor {
text-align: center; } }
.worksloop_notes {
font-size: 12px;
color: #fff;
list-style: disc;
margin-left: 1.5em; }
.worksloop_attention {
font-size: 12px;
color: #fff;
line-height: 1.6;
margin-top: 2em; }
.interviewloop {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -50px 0 -100px; }
@media screen and (max-width: 750px) {
.interviewloop {
margin: 0 -20px;
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap; } }
.interviewloop_item {
flex: 0 0 50%; }
@media screen and (max-width: 750px) {
.interviewloop_item {
flex: 0 0 auto; } }
.interviewloop_anchor {
text-decoration: none;
position: relative;
display: block; }
.interviewloop_thumb {
height: 235px;
background-position: center top;
background-repeat: no-repeat;
background-size: cover; }
.interviewloop_info {
height: 70px;
background-color: #e7e7e7;
padding: 8px 15px 0;
position: relative;
box-sizing: border-box; }
.interviewloop_position {
font-size: 14px;
color: #fff;
background-color: #393939;
line-height: 34px;
padding: 0 15px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
letter-spacing: 0.16em;
transform: translate(0, -100%); }
.interviewloop_name {
font-size: 16px;
font-weight: bold;
letter-spacing: 0.16em;
color: #393939;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.interviewloop_date {
font-size: 12px;
color: #393939;
font-weight: bold;
letter-spacing: 0.16em;
margin-top: 5px; }
.interviewloop_hovercell {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 76, 213, 0.95);
text-align: center;
box-sizing: border-box;
padding: 0 60px;
transition: top .1s linear, left .1s linear, opacity .1s linear;
opacity: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; }
.interviewloop_hovercell:hover {
opacity: 1;
top: -10px;
left: -10px; }
@media screen and (max-width: 750px) {
.interviewloop_hovercell {
display: none; } }
.interviewloop_pr {
width: 100%;
color: #fff;
font-size: 21px;
line-height: 37px;
letter-spacing: 0.20em; }
.interviewloop_button {
color: #fff;
border: 2px solid #fff;
line-height: 40px;
display: inline-block;
margin: 0 auto;
padding: 0 50px;
font-size: 14px;
letter-spacing: 0.1em;
margin-top: 50px; }
.newsloop {
border-bottom: 1px solid #e8e8e8; }
.newsloop_item {
border-top: 1px solid #e8e8e8; }
@media screen and (max-width: 750px) {
.newsloop_item {
padding-top: 1em;
padding-bottom: 1ex;
padding-left: 1em; } }
.newsloop_anchor {
display: flex;
text-decoration: none;
align-items: flex-start;
color: #4d4d4d;
transition: color .1s linear; }
@media screen and (max-width: 750px) {
.newsloop_anchor {
flex-wrap: wrap; } }
.newsloop_anchor:hover {
color: #004cd5; }
.newsloop_anchor:hover .newsloop_tag {
background-color: #004cd5; }
.newsloop_tagcell {
padding: 24px 0; }
@media screen and (max-width: 750px) {
.newsloop_tagcell {
padding: 2px 0; } }
.newsloop_tag {
font-size: 12px;
color: #fff;
line-height: 20px;
padding: 0 5px;
background-color: #777777;
font-weight: bold;
letter-spacing: 0.1em;
min-width: 65px;
box-sizing: border-box;
text-align: center;
transition: background-color .1s linear; }
.newsloop_date {
margin-left: 1em;
padding: 20px 0;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 28px; }
@media screen and (max-width: 750px) {
.newsloop_date {
padding: 0 0; } }
.newsloop_title {
margin-left: 2em;
padding: 20px 0;
font-size: 16px;
letter-spacing: 0.1em;
font-weight: bold;
line-height: 28px; }
@media screen and (max-width: 750px) {
.newsloop_title {
width: 100%;
padding: 1ex 0;
margin-left: 0; } }  .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 {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
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-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .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'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
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'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
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;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%; }
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .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(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -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);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-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;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
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;
-moz-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-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-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;
-moz-transform-origin: 100% 0;
-ms-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-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
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: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
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%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-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%;
-webkit-background-size: 100%;
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"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
@media screen and (min-width: 1200px) {
body {
display: block; } }
@media screen and (max-width: 1199px) {
body {
display: block; } }
@media screen and (max-width: 899px) {
body {
display: block; } }
@media screen and (max-width: 750px) {
body {
display: block; } }