@charset "UTF-8";
  .con_news .box_news {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_news .box_news {
width: 95%;
}
}
.con_news:after,
.con_news .box_news ul li:after,
.con_news .box_news ul li a:after,
.con_solution:after,
.con_solution .box_solution_inner:after,
.con_solution .box_solution_inner ul:after,
.con_company:after,
.con_company .box_inner ul:after,
.con_recruit:after,
.con_recruit .main:after,
.con_blog:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
} .con_news {
padding: 2em 0;
background: #f1f1f1;
}
.con_news h2 {
font-size: 154%;
font-weight: normal;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 1.2em;
}
.con_news h2 span.en {
font-size: 80%;
margin-left: 1em;
}
.con_news h2 img {
vertical-align: middle;
margin-right: 0.5em;
}
@media only screen and (max-width: 767px) {
.con_news h2 {
font-size: 116%;
}
}
.con_news .box_news ul li a {
display: block;
border-bottom: 1px solid #e1e1e1;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
-webkit-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
padding: 1em;
}
.con_news .box_news ul li a:hover {
background: #fff;
}
.con_news .box_news ul li a:hover .box_news_inner .fa-angle-right {
margin-left: 1em;
}
.con_news .box_news ul li .img {
width: 8.72727%;
float: left;
}
@media only screen and (max-width: 767px) {
.con_news .box_news ul li .img {
width: 30%;
}
.con_news .box_news ul li .img img {
width: 100%;
}
}
.con_news .box_news ul li .box_news_inner {
width: 90.45455%;
float: right;
}
@media only screen and (max-width: 767px) {
.con_news .box_news ul li .box_news_inner {
width: 67%;
}
}
.con_news .box_news ul li .box_news_inner .cat {
margin-bottom: 0.5em;
}
.con_news .box_news ul li .box_news_inner .cat span {
background: #1957a0;
text-align: center;
color: #fff;
padding: 0.1em 0.7em;
margin-right: 0.5em;
}
.con_news .box_news ul li .box_news_inner .txt_title {
font-size: 116%;
}
@media only screen and (max-width: 480px) {
.con_news .box_news ul li .box_news_inner .txt_title {
font-size: 100%;
}
}
.con_news .box_news ul li .box_news_inner .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #333;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.con_news .box_btn {
float: right;
}
@media only screen and (max-width: 767px) {
.con_news .box_btn {
float: none;
}
}
.con_news .box_btn .btn_more {
display: inline-block;
text-align: right;
margin: 1em 0;
}
@media only screen and (max-width: 767px) {
.con_news .box_btn .btn_more {
display: block;
}
}
.con_news .box_btn .btn_more a {
border: 1px solid #d6d6d6;
background: #fff;
text-align: center;
padding: 0.7em 1em;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
color: #333;
font-size: 108%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.con_news .box_btn .btn_more a {
width: 100%;
}
}
.con_news .box_btn .btn_more a .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #333;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
vertical-align: middle;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.con_news .box_btn .btn_more a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_news .box_btn .btn_more a:hover .fa-angle-right {
margin-left: 0.6em;
} .con_solution {
background: #1957a0 url(//geniee.co.jp/wp/wp-content/themes/geniee/images/home/bg_solution.png) repeat left top
fixed;
padding: 5em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_solution {
padding: 3em 0;
}
}
@media only screen and (max-width: 767px) {
.con_solution {
padding: 5% 0;
}
}
.con_solution h2 {
text-align: center;
color: #fff;
}
.con_solution h2 .img {
display: block;
}
@media only screen and (max-width: 480px) {
.con_solution h2 .img {
display: inline-block;
vertical-align: middle;
}
}
.con_solution h2 .jp {
font-size: 247%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.con_solution h2 .jp {
display: inline-block;
font-size: 160%;
}
}
.con_solution h2 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 124%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.con_solution h2 .en {
font-size: 100%;
}
}
.con_solution .txt_desc {
font-size: 154%;
padding: 1.5em 0 1em;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 767px) {
.con_solution .txt_desc {
font-size: 130%;
}
}
.con_solution .box_solution_inner ul li {
width: 24.09091%;
margin-right: 1.13636%;
margin-top: 1.13636%;
float: left;
}
@media only screen and (min-width: 1025px) {
.con_solution .box_solution_inner ul li:nth-child(4n) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_solution .box_solution_inner ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
}
.con_solution .box_solution_inner ul li:nth-child(3n) {
margin-right: 0;
} }
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li {
width: 100%;
margin-right: 0;
margin-bottom: 2%;
}
}
.con_solution .box_solution_inner ul li:last-child {
margin-right: 0;
}
.con_solution .box_solution_inner ul li a {
display: block;
background: #223f61;
color: #fff;
text-decoration: none;
padding: 9.52381%;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
overflow: hidden;
*zoom: 1;
}
.con_solution .box_solution_inner ul li a:hover {
background: #45a1d2;
}
.con_solution .box_solution_inner ul li a:hover .btn span .fa-angle-right {
margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li a {
padding: 3%;
}
}
.con_solution .box_solution_inner ul li .img_sl {
text-align: center;
margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .img_sl {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .box_sp {
width: 35%;
float: left;
}
}
.con_solution .box_solution_inner ul li .title_sl {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 154%;
margin-bottom: 0.3em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .title_sl {
font-size: 124%;
}
}
.con_solution .box_solution_inner ul li .txt {
margin-bottom: 1em;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .txt {
width: 62%;
float: right;
}
}
.con_solution .box_solution_inner ul li .btn {
text-align: center;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .btn {
width: 62%;
float: right;
}
}
.con_solution .box_solution_inner ul li .btn span {
border: 1px solid #1957a0;
background: #1957a0;
text-align: center;
padding: 0.7em 1em;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
color: #fff;
font-size: 108%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3em 1em;
color: #fff;
width: 96%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.con_solution .box_solution_inner ul li .btn span {
width: 100%;
}
}
.con_solution .box_solution_inner ul li .btn span .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
vertical-align: middle;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.con_solution .box_solution_inner ul li .btn span:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_solution .box_solution_inner ul li .btn span:hover .fa-angle-right {
margin-left: 0.6em;
} .con_company {
padding: 2em 0;
}
.con_company h2 {
text-align: center;
color: #333;
margin-bottom: 1em;
}
.con_company h2 .img {
display: block;
}
@media only screen and (max-width: 480px) {
.con_company h2 .img {
display: inline;
vertical-align: middle;
}
}
.con_company h2 .jp {
font-size: 247%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.con_company h2 .jp {
display: inline;
font-size: 160%;
}
}
.con_company h2 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 124%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.con_company h2 .en {
font-size: 100%;
}
}
.con_company .box_inner {
overflow: hidden;
*zoom: 1;
}
.con_company .box_inner ul li {
width: 50%;
float: left;
}
@media only screen and (max-width: 767px) {
.con_company .box_inner ul li {
width: 100%;
margin-bottom: 3%;
}
.con_company .box_inner ul li .img {
text-align: center;
}
.con_company .box_inner ul li .img img {
width: 100%;
}
}
.con_company .box_inner ul li a {
display: inline-block;
text-decoration: none;
}
.con_company .box_inner ul li a:hover .btn span .fa-angle-right {
margin-left: 0.6em;
}
.con_company .box_inner ul li .box_inner {
border: 3px solid #efefef;
border-top: none;
padding: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_company .box_inner ul li .box_inner {
padding: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_company .box_inner ul li .box_inner {
padding: 3%;
}
}
.con_company .box_inner ul li h3 {
margin-bottom: 1em;
}
.con_company .box_inner ul li h3 .jp {
font-size: 154%;
font-weight: bolder;
margin-right: 0.5em;
}
@media only screen and (max-width: 1024px) {
.con_company .box_inner ul li h3 .jp {
font-size: 139%;
}
}
.con_company .box_inner ul li h3 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-weight: normal;
}
.con_company .box_inner ul li .btn {
text-align: center;
margin-top: 1em;
}
.con_company .box_inner ul li .btn span {
border: 1px solid #1957a0;
background: #1957a0;
text-align: center;
padding: 0.7em 1em;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
color: #fff;
font-size: 108%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.con_company .box_inner ul li .btn span {
width: 100%;
}
}
.con_company .box_inner ul li .btn span .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
vertical-align: middle;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.con_company .box_inner ul li .btn span:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_company .box_inner ul li .btn span:hover .fa-angle-right {
margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
.con_company .box_inner ul li .btn span {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.con_company .box_inner ul li:nth-child(even) .box_inner {
border-left: none;
}
}
@media print {
.con_company .box_inner ul li:nth-child(even) .box_inner {
border-left: none;
}
}
.ie8 .con_company .box_inner ul li:nth-child(even) .box_inner {
border-left: none;
} .con_recruit {
position: relative;
border-bottom: 1px solid #164c8c;
overflow: hidden;
*zoom: 1;
background-position: 50% 0;
background: #1957a0;
}
@media only screen and (max-width: 767px) {
.con_recruit {
padding: 0 0 3%;
}
}
.con_recruit h3 {
margin-bottom: 2.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_recruit h3 {
font-size: 130%;
}
}
@media only screen and (max-width: 1024px) {
.con_recruit h3 {
margin-bottom: 1em;
}
}
.con_recruit h3 .jp {
font-size: 200%;
font-weight: normal;
margin-right: 0.5em;
}
@media only screen and (max-width: 1024px) {
.con_recruit h3 .jp {
font-size: 139%;
}
}
.con_recruit h3 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-weight: normal;
text-transform: uppercase;
}
.con_recruit .main {
min-height: 375px;
}
@media only screen and (max-width: 767px) {
.con_recruit .main {
background: none;
min-height: inherit;
}
}
.con_recruit .box_txt {
width: 50%;
float: left;
min-height: 375px;
display: table;
}
@media only screen and (max-width: 767px) {
.con_recruit .box_txt {
width: 100%;
margin-bottom: 3%;
display: block;
float: none;
min-height: inherit;
padding: 5% 0 3%;
}
}
.con_recruit .box_txt .box_txt_inner {
vertical-align: middle;
display: table-cell;
color: #fff;
padding: 78px 6em 78px 0;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/en/home/bg_recruit.png) no-repeat;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_recruit .box_txt .box_txt_inner {
padding: 55px 6em 55px 0;
}
}
@media only screen and (max-width: 767px) {
.con_recruit .box_txt .box_txt_inner {
padding: 0;
}
}
.con_recruit .box_txt .box_txt_inner:after {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/en/home/bg_recruit02.png) no-repeat 11% top;
position: absolute;
content: "";
width: 340px;
height: 375px;
left: 0;
margin-left: -291px;
top: 0;
}
@media only screen and (max-width: 1024px) {
.con_recruit .box_txt .box_txt_inner:after {
background: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_recruit .box_txt .box_txt_inner {
background: none;
}
}
@media only screen and (max-width: 767px) {
.con_recruit .box_txt .box_txt_inner {
padding-right: 0;
display: block;
background: none;
}
.con_recruit .box_txt .box_txt_inner img {
margin-bottom: 1em;
}
}
.con_recruit .box_txt .title {
font-size: 139%;
margin-bottom: 0.5em;
font-weight: bold;
}
@media only screen and (max-width: 1024px) {
.con_recruit .box_txt .title {
margin-bottom: 1em;
}
}
.con_recruit .box_txt .btn {
margin-top: 1em;
}
.con_recruit .box_txt .btn a {
color: #fff;
border: 1px solid #ffffff;
background: #ffffff;
text-align: center;
padding: 0.7em 1em;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
color: #333;
font-size: 108%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3em 1em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.con_recruit .box_txt .btn a {
width: 100%;
}
}
.con_recruit .box_txt .btn a .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #333;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
vertical-align: middle;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.con_recruit .box_txt .btn a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_recruit .box_txt .btn a:hover .fa-angle-right {
margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
.con_recruit .box_txt .btn a {
width: 100%;
}
}
.con_recruit .box_img {
position: absolute;
left: 50%;
top: 0;
z-index: 9;
min-height: 375px;
}
.con_recruit .box_img img {
max-width: inherit;
}
@media only screen and (max-width: 767px) {
.con_recruit .box_img {
position: inherit;
left: inherit;
top: inherit;
min-height: inherit;
}
.con_recruit .box_img img {
max-width: 100%;
}
} .con_blog {
position: relative;
overflow: hidden;
*zoom: 1;
margin: 30px 0;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_blog {
margin: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.con_blog {
margin: 3% 0;
}
}
.con_blog .item {
float: left;
background: #1957a0;
width: 49.8%;
padding: 2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_blog .item {
padding: 2em;
}
}
@media only screen and (max-width: 767px) {
.con_blog .item {
padding: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_blog .item {
width: 100%;
margin-bottom: 3%;
}
}
.con_blog .item.last {
float: right;
}
.con_blog .item .img {
float: left;
width: 27.69231%;
}
.con_blog h3 {
margin-bottom: 1em;
}
.con_blog h3 .jp {
font-size: 154%;
font-weight: normal;
margin-right: 0.5em;
}
@media only screen and (max-width: 1024px) {
.con_blog h3 .jp {
font-size: 116%;
}
}
.con_blog h3 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-weight: normal;
font-size: 93%;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.con_blog h3 .en {
font-size: 77%;
}
}
.con_blog .box_img {
width: 43.63636%;
float: left;
}
@media only screen and (max-width: 767px) {
.con_blog .box_img {
width: 100%;
margin-bottom: 3%;
text-align: center;
}
}
.con_blog .box_txt {
width: 66.15385%;
float: right;
}
.con_blog .title {
font-size: 139%;
margin-bottom: 0.5em;
font-weight: bold;
}
.con_blog .btn {
margin-top: 1em;
}
.con_blog .btn a {
color: #fff;
border: 1px solid #ffffff;
background: #ffffff;
text-align: center;
padding: 0.7em 1em;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
color: #333;
font-size: 108%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3em 1em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.con_blog .btn a {
width: 100%;
}
}
.con_blog .btn a .fa-angle-right {
margin-left: 0.3em;
border: 1px solid #333;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 0 0.3em;
vertical-align: middle;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.con_blog .btn a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_blog .btn a:hover .fa-angle-right {
margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
.con_blog .btn a {
width: 100%;
}
}
.mainvisual {
background-color: #000;
min-height: 450px;
text-align: center;
position: relative;
overflow: hidden;
z-index: 0;
}
@media only screen and (max-width: 767px) {
.mainvisual {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/en/home/bg_visual.png) no-repeat 50% 40px #000;
background-size: 350px auto;
height: auto;
min-height: 310px;
}
.mainvisual #js-counter-container {
display: none;
}
}
@media only screen and (max-width: 350px) {
.mainvisual {
min-height: 270px;
}
}
.mainvisual .message {
display: block;
padding-top: 25px;
font-size: 0.92308em;
font-size: 0.92308rem;
line-height: 1.4;
text-align: center;
color: #fff;
}
@media only screen and (max-width: 767px) {
.mainvisual .message {
padding-top: 4%;
}
}
.mainvisual .video-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.mainvisual .video-container {
display: none;
}
}
.mainvisual .video {
width: auto;
min-height: 450px;
margin-top: -35px;
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mainvisual .loading-container {
display: none;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
position: absolute;
top: 50%;
left: 50%;
z-index: 500;
}
@media only screen and (max-width: 767px) {
.mainvisual .loading-container {
display: none !important;
}
}
.mainvisual .loading-container #js-loading-num {
display: block;
margin-top: -0.5em;
text-align: center;
color: #fff;
font-family:
Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
line-height: 1;
position: absolute;
top: 50%;
left: 0;
right: 0;
}
.mainvisual .loading-container .loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.mainvisual .inner {
height: 100%;
position: relative;
z-index: 10;
}
.mainvisual .counter-container {
display: none;
width: 100%;
text-align: center; bottom: 0;
padding-top: 2%;
}
.mainvisual .counter-container dd {
font-size: 247%;
line-height: 1;
color: #fff;
font-family:
Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
.mainvisual #js-complete {
display: none;
border: 2px solid #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.mainvisual .text-block {
width: 100%;
height: 190px; top: 50%;
left: 0;
-moz-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
-webkit-transform: translate(0, -70%);
transform: translate(0, -70%);
}
@media only screen and (max-width: 767px) {
.mainvisual .text-block {
height: auto;
position: static;
-moz-transform: translate(0);
-ms-transform: translate(0);
-webkit-transform: translate(0);
transform: translate(0);
}
}
.mainvisual .catch-copy {
display: none;
width: 100%;
text-align: center; top: 0;
padding-top: 15%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.mainvisual .catch-copy {
display: block;
margin-bottom: 85px;
position: static;
padding: 25% 3% 0;
}
.mainvisual .catch-copy img {
width: 85%;
}
}
.mainvisual .data {
display: none;
text-align: left;
position: absolute;
left: 38px;
bottom: 53px;
z-index: 100;
}
.mainvisual .data .data__list {
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
margin-bottom: 12px;
font-size: 0.84615em;
font-size: 0.84615rem;
line-height: 1;
color: #fff;
}
.mainvisual .data .data__list.data-02 {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/en/home/ico_data-02.png);
}
.mainvisual .data .data__list.data-03 {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/en/home/ico_data-03.png);
}
.mainvisual .partner {
display: none;
text-align: right;
position: absolute;
right: 30px;
bottom: 51px;
z-index: 100;
}
@media only screen and (max-width: 767px) {
.mainvisual .partner {
display: block;
margin: 0 auto;
text-align: center;
position: static;
margin-bottom: 1em;
}
}
.mainvisual .partner dd {
font-size: 116%;
line-height: 1.4;
color: #fff;
}
@media only screen and (max-width: 767px) {
.mainvisual .partner dd {
font-size: 100%;
}
}
.mainvisual .partner .partner__inner {
display: table;
}
@media only screen and (max-width: 767px) {
.mainvisual .partner .partner__inner {
width: 90%;
margin: auto;
}
}
.mainvisual .partner .partner__text,
.mainvisual .partner .partner__badge {
display: table-cell;
vertical-align: middle;
}
.mainvisual .partner .partner__text {
padding-right: 0.5em;
}
@media only screen and (max-width: 767px) {
.mainvisual .partner .partner__text {
text-align: right;
font-size: 77%;
}
.mainvisual .partner .partner__text dt {
line-height: 1.2;
}
}
.mainvisual .partner .partner__badge {
padding-left: 0.5em;
}
.mainvisual .partner .partner__badge img {
width: 127px;
}
.mainvisual .btn_play {
margin-top: 85px;
text-align: center;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.mainvisual .btn_play {
margin-top: 0;
margin-bottom: 5%;
}
}
@media only screen and (max-width: 767px) {
.mainvisual .btn_play img {
width: 50%;
max-width: 539px;
}
}