@charset "UTF-8";
 #contents { font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
color: #4b4b4b;
}
.gothic {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.con_main {
margin: 0 auto;
}
.con_h2 {
font-weight: 700;
font-size: 40px;
text-align: center;
}
.con_client {
}
.con_client .con_main {
max-width: 1440px;
}
.company_slider {
padding: 37px 0;
}
.bx-wrapper {
box-shadow: none;
box-sizing: border-box;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.con_bredcrums {
}
.breadcrums {
}
.fa {
}
.fa-angle-right {
}
html.lower #contents .con_title {
margin: 0;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ad/images/ad_fv@2x.png) center right 30% no-repeat;
height: 650px;
background-size: cover;
}
.con_title .inner {
max-width: 1120px;
margin: auto; position: relative;
padding: 0 20px;
}
html.lower #contents .con_title h2,
html.lower #contents .con_title .catchcopy {  transform: none;
margin: 50px 0 0;
position: static;
}
html.lower #contents .con_title h2 .jp {
font-size: 50px;
font-weight: 700;
text-align: left;
letter-spacing: 0;
line-height: 1.32em;
}
.en {
}
.txt_lead {   text-align: left;
line-height: 1.94444em;
font-size: 18px;
margin: 40px 0 0 0;
}
.img_title {
}
.view_pc-tab {
}
.view_sp {
}
.con_client {
}
.bx_companies li {
visibility: hidden;
}
.bx-viewport .bx_companies li {
visibility: visible;
}
.con_support {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ad/images/bg_tech.svg) no-repeat center center / cover;
color: #fff;
text-align: center;
padding: 79px 20px 58px;
}
.con_h2 {
}
.sup_img {
margin: 54px auto 47px;
}
.sup_desc {
font-size: 18px;
line-height: 35px;
max-width: 1080px;
margin: auto;
}
.con_mc {
padding: 84px 20px 40px;
}
.con_mc .con_main {
max-width: 1040px;
}
.con_mc .con_h2 {
color: #1957a0;
margin: 0 0 62px;
}
.product_wrap {
}
body a.product_box {
max-width: 480px;
width: 48%;
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
border-radius: 10px;
margin: 0 0 40px;
transition: all 0.3s;
text-decoration: none;
}
.product_box:hover {
transform: scale(105%);
}
.product_img {
}
.product_text {
padding: 31px 25px 32px;
}
.product_title {
margin: 0 0 14px;
display: flex;
align-items: flex-end;
}
.serviced {
font-size: 12px;
color: #4b4b4b;
margin: 0 0 0 9px;
line-height: 1;
}
.product_feature {
margin: 0 0 16px;
font-size: 18px;
font-weight: 600;
}
.product_desc {
margin: 0 0 20px;
font-size: 16px;
line-height: 28px;
}
.product_link {
color: #1957a0;
font-size: 16px;
display: block;
text-align: center;
}
.con_reason {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/mc/images/bg_reason.png) no-repeat center center / cover;
color: #fff;
padding: 80px 20px 80px;
}
.con_reason .con_main {
max-width: 1040px;
}
.con_reason .con_h2 {
margin: 0 0 60px;
}
.reason_elem_wrap {
justify-content: space-between;
}
.reason_elem {
}
.reason_img {
}
.reason_desc {
margin: 20px auto 0;
max-width: 300px;
font-size: 16px;
line-height: 28px;
}
.con_case {
padding: 83px 20px 40px;
}
.con_case .con_main {
max-width: 1040px;
}
.con_case .con_h2_notes {
text-align: center;
display: block;
font-size: 18px;
color: #aaaaaa;
margin: 0 auto 27px;
}
.con_case .con_h2 {
color: #1957a0;
}
.case_vol_notes {
font-size: 12px;
text-align: right;
}
.case_area {
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
padding: 45px 90px;
margin: 15px 0 0;
}
.case_corp {
border-bottom: 1px solid #a2a0a0;
}
.case {
width: calc(100% / 6);
text-align: center;
margin: 0 0 33px;
}
.case_img {
}
.case_industry {
margin: 25px 0 0;
}
.case_industry .case {
width: calc(100% / 6);
}
.case_text {
font-weight: bold;
margin: 10px 0;
}
body a.blue_btn {
background: #1957a0;
color: #fff;
border: 1px solid #1957a0;
text-decoration: none;
transition: all 0.3s;
display: block;
}
body a.blue_btn:hover {
background: #fff;
color: #1957a0;
text-decoration: none;
}
.con_case .case_btn {
padding: 14px 10px;
font-size: 16px;
font-weight: bold;
margin-top: -28px;
border-radius: 5px;
max-width: 290px;
text-align: center;
}
#header .navigator {
position: absolute;
z-index: 1;
border: 0;
}
.con_title .btn_area {   line-height: 1;
margin: 39px 0 0;
}
.con_title .btn {
font-size: 16px;
border-radius: 4px;
padding: 16px 0;
display: block;
cursor: pointer;
transition: all 0.3s;
width: 255px;
border: 1px solid #fff;
text-decoration: none;
text-align: center;
}
body a.light_blue_btn {
color: #fff;
background: #39a1ff;
border: 1px solid #fff;
margin: 0 0 13px;
}
body a.light_blue_btn:hover {
color: #39a1ff;
background: #fff;
}
.con_title body a.blue_btn {
}
.con_title body a.blue_btn:hover {
}
#contact {
background: rgba(204, 204, 204, 0.25);
padding: 38px 0 40px;
text-align: center;
}
#contact .request-link,
.globalMenuSp .request-link {
background: #196fcb;
color: #fff;
border: 1px solid #196fcb;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
}
#contact .request-link svg,
.globalMenuSp .request-link svg {
width: 23px;
fill: #fff;
margin-right: 15px;
}
#contact .request-link:hover,
.globalMenuSp .request-link:hover {
color: #196fcb;
background: #fff;
}
#contact .request-link:hover svg,
.globalMenuSp .request-link:hover svg {
fill: #196fcb;
}
#contact .inquiry-link,
.globalMenuSp .inquiry-link {
background: #003164;
color: #fff;
border: 1px solid #003164;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
}
#contact .inquiry-link svg,
.globalMenuSp .inquiry-link svg {
width: 28px;
fill: #fff;
margin-right: 15px;
}
#contact .inquiry-link:hover,
.globalMenuSp .inquiry-link:hover {
color: #003164;
background: #fff;
}
#contact .inquiry-link:hover svg,
.globalMenuSp .inquiry-link:hover svg {
fill: #003164;
}
#colophon {
border: none;
margin: 0;
background: #222;
color: #fff;
padding: 60px 0 80px;
}
.logo-area a {
margin-right: 16px;
}
.logo-company {
color: #999999;
font-size: 14px;
}
.link-area {
height: 100px;
}
.firstrow { }
.secoundly-link-area {
}
.secoundly-link-area a {
color: #999999;
font-size: 12px;
margin: 0px 10px;
}
.secoundly-link-area a:hover {
color: #222;
}
.primary-link-area {
}
.primary-link-area a {
color: #fff;
padding: 4px 20px 6px;
font-size: 14px;
}
.primary-link-area svg {
width: 15px;
margin-right: 10px;
fill: #fff;
}
.primary-link-area .request-link {
background: #196fcb;
border: 1px solid #196fcb;
}
.primary-link-area .request-link:hover {
color: #196fcb;
background: #fff;
}
.primary-link-area .request-link:hover svg {
fill: #196fcb;
}
.dl-icon {
}
.primary-link-area .trial-link {
background: #1356a0;
border: 1px solid #1356a0;
}
.primary-link-area .trial-link:hover {
color: #1356a0;
background: #fff;
}
.primary-link-area .trial-link:hover svg {
fill: #1356a0;
}
.primary-link-area .onlinemeet-link {
background: #1356a0;
border: 1px solid #1356a0;
}
.primary-link-area .onlinemeet-link:hover {
color: #1356a0;
background: #fff;
}
.primary-link-area .onlinemeet-link:hover svg {
fill: #1356a0;
}
.chikyu-icon {
}
.primary-link-area .inquiry-link {
background: #003164;
border: 1px solid #003164;
}
.primary-link-area .inquiry-link:hover {
color: #003164;
background: #fff;
}
.primary-link-area .inquiry-link:hover svg {
fill: #003164;
}
.email-icon {
}
.secoundrow {
}
.menu-area {
}
.menu-main-container {
}
.tel-area { }
#contact .tel-area > div:nth-of-type(1) {
width: 80%;
}
#contact .tel-area > a:nth-of-type(1) {
width: 20%;
}
.tel-area .agency-link {
font-weight: bold; color: #1356a0;
display: inline-block;
font-size: 16px;
}
#contact .tel-area .tel-wrap {
border-right: 1px solid #cccccc;
padding-right: 15px;
line-height: 1;
}
.telnum {
color: #000000;
font-size: 34px;
font-weight: bold;
line-height: 1.1;
display: flex;
align-items: center;
}
.telnum:hover {
color: #000000;
}
.telnum img {
margin: 5px 7px 0 0;
width: 16px;
}
.tel-area .biz-hours {
font-size: 14px;
margin: 3px 0px 0 5px;
font-weight: bold;
}
.w800 {
max-width: 800px;
margin: 0 auto; }
.w1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.h2sub {
font-size: 18px;
color: #1356a0;
font-weight: bold;
margin-bottom: 8px;
display: inline-block;
}
#contact h2 {
font-size: 28px;
margin-bottom: 25px;
font-weight: bold;
}
.w1400 {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.corp-info {
margin: 50px 0 0;
font-size: 14px;
}
#colophon .copyright {
color: #fff;
text-align: left;
margin: 8px 0 0 0;
padding: 0;
}
.footer-link-area {
}
.footer-links {
margin-right: 50px;
font-size: 14px;
}
.footer-links:nth-last-of-type(1) { }
.footer-link {
display: block;
color: #fff;
margin-bottom: 15px;
font-weight: bold;
}
.footer-link:nth-last-of-type(1) {
margin-bottom: 0;
}
body a.footer-link:hover {
text-decoration: underline;
color: #fff;
}
#contact,
footer {
font-family: "Noto Sans JP", sans-serif;
}
.contact-btn-area {
margin-bottom: 25px;
}
.contact-btn-area > a {
width: 48%;
text-align: center;
padding: 19px 0px;
}
body a:link,
body a:visited,
body a:active {
text-decoration: none;
}
footer a:hover {
color: #fff;
}
.tel-title {
color: #000;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
:root {
font-size: calc(100vw / 390);
}
html.lower #contents .con_title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ad/images/ad_fv_sp@2x.png) center center no-repeat;
height: 630rem;
background-size: cover;
min-height: 630px;
}
html.lower #contents .con_title h2 .jp {
font-size: 32rem;
letter-spacing: 0px;
line-height: 50rem;
}
html.lower #contents .con_title h2,
html.lower #contents .con_title .catchcopy {
margin: 34rem 0 0;
}
#header .navigator .logo {
padding: 12px 0;
}
[id^="js-menu"] {
width: 30px;
height: 30px;
}
.txt_lead {
margin: 43rem 0 0 0;
font-size: 16rem;
line-height: 35rem;
}
.con_title .btn_area {
margin: 43rem 0 0;
}
.con_title .btn {
margin: 0 auto 13px;
}
.con_h2 {
font-size: 22rem;
}
.con_support {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ad/images/bg_tech_sp.svg) no-repeat center center / cover;
color: #fff;
text-align: center;
padding: 58px 20px 84px;
}
.sup_img {
margin: 53px 0 51px;
}
.sup_desc {
font-size: 16px;
text-align: justify;
}
.con_mc {
padding: 64px 20px 60px;
}
.con_mc .con_h2 {
font-size: 30rem; }
body a.product_box {
width: 100%;
margin: 0 0 30px;
}
.product_text {
padding: 20px 10px 32px;
}
.product_title {
margin: 0 0 20px;
}
.product_title img {
height: 45rem;
}
.serviced {
font-size: 12rem;
}
.con_reason {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/mc/images/bg_reason_sp.png) no-repeat center center /
cover;
padding: 69px 20px 57px;
}
.con_reason .con_h2 {
font-size: 24rem;
margin-bottom: 42px;
}
.reason_elem {
margin: 0 auto 64px;
}
.reason_elem:nth-last-of-type(1) {
margin-bottom: 0;
}
.reason_desc {
text-align: justify;
}
.con_case {
padding: 63px 20px 70px;
}
.con_case .con_h2_notes {
font-size: 14px;
margin-bottom: 18px;
}
.con_case .con_h2 {
font-size: 23rem;
}
.case_vol_notes {
text-align: center;
margin: 27px auto 15px;
}
.case_area {
padding: 25rem 12.5rem;
}
.case {
width: 50%;
margin: 0 0 7px;
}
.case_img {
width: 122rem;
margin: 0 auto;
}
.case_industry .case {
width: calc(100% / 3);
}
.case_industry .case_img {
width: 75rem;
}
.con_seminar {
padding: 30px 20px 80px;
}
.con_seminar .con_h2_notes {
font-size: 14px;
margin-bottom: 18px;
}
.con_seminar .con_h2 {
font-size: 24rem;
margin-bottom: 31px;
}
.seminar_area {
align-items: center;
overflow: hidden; }
.seminar_area .seminar {
margin: 0 0 14px;
position: relative;
}
.seminar_area .seminar:nth-of-type(2):after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
#fff 100%
);
}
.seminar_area .seminar:nth-of-type(n + 3) {
display: none;
}
.con_seminar .seminar_btn {
margin-top: 0px;
}
#contact {
padding: 38px 0 40px;
}
.footer-links:nth-last-of-type(1) {
width: auto;  }
.footer-links {
font-size: 12px;
margin: 0;  flex: 0 1 calc(100% / 2);
}
.footer-link {
text-align: center;
}
.footer-links:nth-last-of-type(1) .footer-link { margin-left: 10px;
margin-right: 10px;
}
.corp-info {
margin: 20px 0 0;
font-size: 12px;
text-align: center;
}
#colophon {
padding: 30px 0 20px;
}
#contact h2 {
margin-bottom: 40px;
font-size: 24rem;
}
#contact .request-link,
#contact .inquiry-link {
width: 100%;
margin-bottom: 40px;
}
.contact-btn-area {
margin-bottom: 0;
}
.tel-area .biz-hours {
display: block;
margin: 10px auto 20px;
}
#contact .tel-area > div:nth-of-type(1),
#contact .tel-area > a:nth-of-type(1) {
width: auto;
}
#contact .tel-area .tel-wrap {
padding-right: 0;
}
#contact .tel-area .tel-wrap {
border-right: 0;
}
.tel-area {
margin: 0;
}
.tel-area .agency-link {
border-top: 1px solid #ccc;
border-left: 0;
display: block;
padding: 10px 0 0;
}
.tel-title {
margin: 0 auto 10px;
display: inline-block;
}
.telnum {
width: 100%;
}
.footer-link-area {
width: 100%;
margin: 0 auto 40px;
}
.geniee-logo {
text-align: center;
}
.product_box:hover {
transform: none;
}
}
@media screen and (max-width: 374px) {
#menuList #sp_nav .fnav ul.fnav_sub li a {
font-size: 12px;
}
}
#header .top_header,
#header .navigator {
background: none;
border: 0;
color: #fff;
font-weight: bold;
}
#header {
height: 101px;
}
#header .navigator {
position: absolute;
top: 32px;
}
#header .navigator:not(.active) .main_menu ul.view_pc-tab li a {
color: #fff;
}
#header .navigator .main_menu ul.view_pc-tab li a:before {
content: none;
}
.con_title .inner {
max-width: 1140px;
margin: 0px auto 0; position: relative;
padding: 0 20px;
color: #fff;
}
#header .navigator:not(.active) .logo a {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/header/logo_white.svg) center center / 100% auto
no-repeat;
display: inline-block;
}
#header .navigator:not(.active) .logo a img {
opacity: 0;
}
#header .navigator:not(.active) .main_menu ul.view_pc-tab li:last-of-type a {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/header/search_white@2x.png) calc(1.5em + 10px)
0.5em / 16px 18px no-repeat;
display: inline-block;
}
#header
.navigator:not(.active)
.main_menu
ul.view_pc-tab
li:last-of-type
a
img {
opacity: 0;
}
#header
.navigator:not(.active)
.main_menu
ul.view_pc-tab
.mega_menu
li:last-of-type
a {
background: none;
}
html.lower #contents .con_title {
text-align: left;
}
@media screen and (max-width: 767px) {
#header {
height: 56px;
}
#header .navigator {
top: 0;
background: rgba(255, 255, 255, 0.3);
}
#header .box_lang li a {
padding: 4.5px 9px;
font-size: 14px;
}
#header .box_lang li a#js-search {
background: #fff;
padding: 5px;
margin-right: 10px;
}
#header .box_lang {
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
}
#footer {
font-size: 12px;
}
}