@charset "UTF-8";
 @media screen and (max-width: 767px) {
:root {
font-size: calc(100vw / 390);
}
} @media only screen and (max-width: 1024px) {
body .view_pc {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
body .view_pc {
display: none !important;
}
} #contents {
font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica",
"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Meiryo", "Yu Gothic",
sans-serif;
color: #222;
}
.gothic {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Arial", "Meiryo", "Yu Gothic", sans-serif;
}
#header {
height: 101px;
}
#header .top_header,
#header .navigator {
background: none;
border: 0;
color: #fff;
font-weight: bold;
}
#header .top_header {
position: absolute;
top: 0;
width: 100%;
height: 32px;
}
#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;
}
#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;
}
body a.light_blue_btn {
color: #fff;
background: #2476d8;
border: 1px solid #fff;
margin: 0 0 13px;
}
body a.light_blue_btn:hover {
color: #2476d8;
background: #fff;
}
body a.trans_btn {
color: #fff;
background: transparent;
border: 1px solid #fff;
margin: 0 0 13px;
}
body a.trans_btn:hover {
color: #fff;
background: #2476d8;
}
.gap-2 {
gap: 1.5rem;
} @media screen and (max-width: 767px) {
#header {
height: 56px;
}
#header .navigator .logo {
padding: 17px 0;
}
[id^="js-menu"] {
width: 30px;
height: 30px;
}
#header .box_lang {
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
}
#header .box_lang li a#js-search {
background: #fff;
padding: 5px;
margin-right: 10px;
}
#header .box_lang li a {
padding: 4.5px 9px;
font-size: 14px;
}
#header .navigator {
top: 0;
background: rgba(255, 255, 255, 0.3);
}
#footer {
font-size: 12px;
}
}
#homepage #header {
opacity: 1;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 767px) {
img[src*="svg"] {
max-width: 100%;
height: auto;
}
}
.blue_btn {
background: #003164;
color: #fff;
border: 1px solid #003164;
margin: 0 0 13px;
}
.blue_btn svg {
fill: #fff;
transition: all 0.2s;
}
.blue_btn:hover {
background: #fff;
color: #003164;
}
.blue_btn:hover svg { fill: #fff;
}
.link {
margin: 0 30px 0 0;
font-weight: bold;
}
.link a {
color: #1356a0;
align-items: center;
display: flex;
}
.link img {
margin-right: 7px;
} #contact {
background: rgba(204, 204, 204, 0.25);
padding: 38px 0 40px;
text-align: center;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Arial", "Meiryo", "Yu Gothic", sans-serif;
}
#contact .request-link,
.globalMenuSp .request-link {
background: #196fcb;
color: #fff;
border: 1px solid #196fcb;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
width: 383px;
display: none !important;
}
#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;
width: 383px;
}
#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 .inquery-link:hover svg {
fill: #003164;
}
#contact .h2sub {
font-size: 16px;
color: #1356a0;
font-weight: bold;
margin-bottom: 8px;
display: inline-block;
}
#contact h2 {
font-size: 28px;
margin-bottom: 25px;
font-weight: bold;
}
.contact-btn-area {
margin-bottom: 25px;
gap: 0 20px;
}
.contact-btn-area > a {
text-align: center;
height: 70px;
}
body a:link,
body a:visited,
body a:active {
text-decoration: none;
}
footer a:hover {
color: #fff;
}
@media screen and (max-width: 767px) {
.product_needs {
font-size: 20rem;
text-align: center;
margin-bottom: 20px;
}
body a.form_btn {
width: 90%;
justify-content: center;
}
#contact .h2sub {
font-size: 14px;
}
#contact h2 {
font-size: 24rem;
}
#contact .inquiry-link,
.globalMenuSp .inquiry-link {
max-width: 90%;
}
.contact-btn-area {
margin-bottom: 40px;
gap: 20px 0;
}
}  .con_analytics {
overflow: hidden;
}
.con_analytics .con_main {
width: 1100px;
max-width: 94.5%; margin: 0 auto;
}
.bg_pattern1 {
background: linear-gradient(
135deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern2 {
background: linear-gradient(
135deg,
rgb(0, 87, 147) 0%,
rgb(15, 64, 134) 32%,
rgb(0, 31, 94) 100%
);
}
.bg_pattern3 {
background: radial-gradient(
213.69% 103.21% at 23.73% 13.2%,
#005793 0%,
#0f4086 32%,
#001f5e 100%
);
} .white-bg {
background: #fff;
}
.box-shadow {
box-shadow: 10px 10px 12.5px 1px #0020604d;
}
.btn_wrap {
width: 500px;
margin: 0 auto;
} .con_main .inquiry-white-btn {
height: 80px;
border: 1px solid #fff;
border-radius: 3px;
font-size: 20px;
font-weight: 600;
color: #002060;
background: #fff;
transition: background 0.3s, color 0.3s 0.05s;
}
.con_main .inquiry-white-btn:hover {
background: #002060;
color: #fff;
}
.email-icon path {
fill: #002060;
transition: fill 0.3s 0.05s;
}
.inquiry-white-btn:hover .email-icon path {
fill: #ffffff;
} .title_with_logo {
display: flex;
justify-content: center;
align-items: baseline;
margin-bottom: 4.1%; }
.title_with_logo img {
width: 44.5%; }
.title_with_logo span {
padding-left: 0.2em;
font-size: min(65px, 6.5vw);
font-weight: 800;
color: #002060;
} .header_text {
padding: min(40px, 3.6%); border-radius: min(60px, 5.45vw); background: #fff;
box-shadow: 10px 10px 12.5px 1px #0020604d;
}
.header_text_bg_blue {
background: #002060;
}
.header_text p {
text-align: center;
font-size: min(32px, 3.2vw);
font-weight: 800;
line-height: 1.73;
color: #002060;
}
.header_text_bg_blue p {
color: #fff;
}
.header_text p span {
display: inline-block;
}
@media (max-width: 767px) {
.btn_wrap {
width: 80.47vw; }
.con_main .inquiry-white-btn {
height: 80px;
border-radius: 1.1765vw; font-size: min(20px, 4.7vw); } .title_with_logo {
display: block;
text-align: center;
margin-bottom: 10.6%; }
.title_with_logo img {
width: 70.6%; }
.title_with_logo span {
display: block;
padding-top: 0.3em;
font-size: 7.3vw; } .header_text {
padding: 6.6vw; border-radius: 14vw; }
.header_text p {
font-size: 4.7vw; }
}   html #geniee_analytics #contents .con_title {
position: relative;
height: 580px;
margin-bottom: 0;
background: radial-gradient(
104.48% 300.79% at 0.71% 1.71%,
#005793 0%,
#0f4086 32%,
#001f5e 100%
);
}
html.lower #contents .con_title {
text-align: left;
} .con_title .inner {
position: relative;
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
color: #fff;
} html.lower #contents .con_title h2 {
position: static;
transform: none;
} html.lower #contents .con_title h2 .jp {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Meiryo",
"Yu Gothic", sans-serif;
font-size: min(50px, 4.38vw); font-weight: 600;
text-align: left;
letter-spacing: normal;
line-height: 1.4;
}
.con_analytics_header_text {
padding-top: min(88px, 6.1vw); }
.con_title .txt_lead {
margin: min(33px, 2.8%) 0; font-size: min(18px, 1.58vw); line-height: 1.7;
}
@media (max-width: 1140px) {
html #geniee_analytics #contents .con_title {
height: 51vw; } .con_title .inner {
max-width: 100%;
}
.con_analytics_header_text {
padding-top: 4vw;
}
}
@media (max-width: 767px) {
html #geniee_analytics #contents .con_title {
height: 225vw; background: radial-gradient(
circle at 4% 7.58%,
#005793 0%,
#0f4086 32%,
#001f5e 100%
);
}
.con_title .inner {
width: 100%;
max-width: 100%;
height: calc(100% - 56px); display: flex;
flex-direction: column;
justify-content: space-between;
}
html.lower #contents .con_title h2 .jp {
font-size: 9.34vw; line-height: 1.55; }
.con_analytics_header_text {
padding-top: 20.7vw; }
.con_title .txt_lead {
margin: 3.76vw 0 0; font-size: 3.3vw; line-height: 1.75; }
} .con_title .btn_area {
line-height: 1.5;
}
.btn_item {
width: 255px;
height: 50px;
line-height: 50px;
text-align: center;
}
.con_title .btn {
display: block;
font-size: 18px;
transition: all 0.3s;
border: 1px solid #fff;
border-radius: 6px;
}
@media (max-width: 1140px) {
.btn_item {
width: 22.4vw; height: 4.4vw; line-height: 4.4vw; }
.con_title .btn { }
}
@media (max-width: 767px) {
.con_title .btn_area {
padding-bottom: 15%;
flex-direction: column;
align-items: center;
}
.btn_item {
width: 66.2%; height: 11.7647vw; line-height: 11.7647vw; }
.con_title .btn {
border-radius: 1.1765vw; font-size: 4.24vw; }
} .con_title_image_wrap {
position: absolute;
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
}
.con_title_image_wrap::before,
.con_title_image_wrap::after {
content: "";
display: block;
flex: 1 1 auto;
height: 100%;
}
.con_title_image_wrap::after {
height: 125px;
background-color: #002060;
}
.con_title_image {
position: relative; flex: 0 1 1140px;
height: 100%;
}
.con_title_image img {
position: absolute;
right: -170px;
bottom: 0;
width: 903px;
max-width: 903px;
height: auto;
}
@media (max-width: 1140px) {
.con_title_image_wrap::before,
.con_title_image_wrap::after {
content: normal;
}
.con_title_image img {
right: 0;
width: 79.2%; max-width: 79.2%;
transform: translateX(12%);
}
}
@media (max-width: 767px) {
.con_title_image_wrap {
display: block;
}
.con_title_image img {
position: static;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
transform: none;
}
} .graphic {
width: 259px;
position: absolute;
right: 50%;
bottom: 350px;
transform: translateX(167%); height: 100%;
overflow: hidden;
}
.graphic_loop {
display: flex;
flex-direction: column;
}
.graphic_loop li {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%; height: 905px; }
.graphic_loop img {
width: 100%;
height: auto;
transform: translateY(-100%);
animation: img_loop 16s forwards linear infinite;
}
.graphic_loop li:last-child img {
animation-delay: -8s; }
@keyframes img_loop {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
@media (max-width: 1140px) {
.graphic {
width: 22.7%; right: 14%; bottom: 60.3%; transform: none;
}
.graphic_loop li {
top: 0;
left: 0;
height: 156%; }
}
@media (max-width: 767px) {
.graphic {
display: none;
}
.graphic_loop img {
animation: none;
}
} .analytics_about {
padding: min(120px, 8.3%) 0 min(105px, 7.3%) 0; } .about_header {
margin-bottom: 7.3%; }
@media (max-width: 767px) {
.analytics_about {
padding: 12.7vw 0 15.3vw; } .about_header {
width: 95%; margin: 0 auto 18.9%; }
} .about_problem {
display: flex;
align-items: center;
}
.about_problem h4 {
background: #b4b5b5;
flex: 0 0 3.9em;
width: 100%;
height: 3.9em;
line-height: 3.9em;
border-radius: 50%;
font-size: min(46px, 4.6vw);
font-weight: 600;
color: #fff;
text-align: center;
}
.about_problem p {
flex: 1 0 auto;
padding-left: 1em;
font-size: min(22px, 2.2vw);
letter-spacing: 0.01em;
font-weight: 600;
color: #4f4f4f;
line-height: 1.7;
}
.analytics_about_arrow {
width: 9.3%; margin: 1.6% auto 2.7%; }
@media (max-width: 767px) {
.about_problem {
display: block;
width: 95%; margin: 0 auto;
}
.about_problem h4 {
width: 42.4vw; height: 42.4vw;
line-height: 42.4vw;
margin: 0 auto 12.7%; font-size: 11.8vw; }
.about_problem p {
width: 92.1%; margin: 0 auto; padding: 0;
font-size: 4.2vw; }
.analytics_about_arrow {
width: 27.1%; margin: 12.7% auto; }
} .about_solution {
display: flex;
align-items: center;
margin-bottom: 7.8%; padding: 24px;
border-radius: min(70px, 4.9vw); }
.about_solution h4 {
background: #fff;
flex: 0 0 3.5em;
height: 3.5em;
line-height: 3.5em;
border-radius: 50%;
font-size: min(65px, 6.5vw);
font-weight: 800;
letter-spacing: 0.2em;
color: #002060;
text-align: center;
box-shadow: 6px 6px 7px #00000040;
}
.about_solution h4::before {
content: "";
display: inline-block;
width: 0.2em;
height: 0;
}
.about_solution p {
flex: 1 0 auto;
padding-left: 2em;
font-size: min(22px, 2.2vw);
letter-spacing: 0.07em;
color: #fff;
line-height: 2;
}
@media (max-width: 767px) {
.about_solution {
display: block;
width: 95%; margin: 0 auto 42.5%; padding: 9.5% 0 30%; border-radius: min(60px, 14.1vw); }
.about_solution h4 {
margin: 0 auto 10%; width: 53vw; height: 53vw; line-height: 53vw; font-size: 15.3vw; }
.about_solution p {
width: 84.2%; margin: 0 auto;
padding: 0;
font-size: 4.2vw; }
} .about_product {
position: relative;
margin-bottom: 9%; padding: 0 5.5% 6.7%; background-color: #fff;
border-radius: min(70px, 4.9vw); box-shadow: 10px 10px 12.5px 1px #0020604d;
color: #002060;
}
.about_product_header {
position: relative; }
.about_product_header h4 {
margin-bottom: 0.8em;
padding-top: 9%; font-size: min(65px, 6.5vw);
line-height: 1;
font-weight: 800;
}
.about_product_header h4 img {
position: absolute;
top: 0;
right: -5.7%; width: 34.7%; transform: translateY(-50%);
}
.about_product_header p {
margin-bottom: -1em;
font-size: min(23px, 2.3vw);
font-weight: 600;
line-height: 1.9;
letter-spacing: 0.025em;
}
.about_product_img {
margin-bottom: 5.5%; } .about_product_point {
}
.about_product_point h5 {
margin-bottom: 5.5%; font-size: min(32px, 3.2vw);
text-align: center;
}
.about_product_point h5 strong {
position: relative;
display: inline-block;
font-weight: 700;
}
.about_product_point h5 span {
display: inline-block;
}
.about_product_point h5 strong::before {
content: "・・・・・・・・";
display: block;
position: absolute;
width: 8em;
height: 1em;
top: -1em;
left: 0;
font-size: min(32px, 3.2vw);
color: #2e92cb;
}
.about_product_point ol {
counter-reset: number;
width: 71.4%; margin-left: 17.3%; }
.about_product_point li {
display: flex;
align-items: center;
position: relative;
padding-left: min(110px, 15.7%); font-size: min(23px, 2.3vw);
}
.about_product_point li span {
display: inline-block;
}
.about_product_point li:not(:last-child) {
margin-bottom: 4.3%; }
.about_product_point li::before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
left: 0;
width: min(80px, 7.3vw); height: min(80px, 7.3vw); line-height: min(80px, 7.3vw); border-radius: min(18px, 1.25vw); text-align: center;
background: #ff0;
font-size: min(45px, 4.5vw); font-weight: 800;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Meiryo",
"Yu Gothic", sans-serif;
}
@media (max-width: 767px) {
.about_product {
width: 95%; margin: 0 auto;
margin-bottom: 17.5%; padding: 0 0 17.5%; border-radius: min(60px, 15vw); }
.about_product_header {
width: 84.2%; margin: 0 auto;
}
.about_product_header h4 {
margin-bottom: 1em;
padding-top: 25%; font-size: 8.9vw; text-align: center;
}
.about_product_header h4 img {
right: 0;
left: 0;
width: 100%;
margin: auto;
transform: translateY(-80.6%); }
.about_product_header p {
margin-bottom: 12.1%; font-size: 4.2vw; line-height: 1.73;
}
.about_product_img {
margin-bottom: 18.4%; text-align: center;
}
.about_product_img img {
width: 94.7%; } .about_product_point {
}
.about_product_point h5 {
width: 86.8%; margin: 0 auto 10.5%; font-size: 6.4vw; text-align: left;
}
.about_product_point h5 strong::before {
font-size: 6.4vw; }
.about_product_point ol {
width: 84.2%; margin: 0 auto;
}
.about_product_point li {
padding-left: 17vw; font-size: 3.8vw; }
.about_product_point li:not(:last-child) {
margin-bottom: 12.5%; }
.about_product_point li::before {
width: 13.2vw; height: 13.2vw; line-height: 13.2vw; border-radius: min(18px, 4.2vw); font-size: 7.8vw; }
} .analytics_issue {
padding: min(120px, 8.3%) 0; } .issue_header {
margin-bottom: 8.2%; }
.issue_header h3 {
margin-bottom: 1em;
font-size: min(65px, 6.5vw);
text-align: center;
color: #fff;
}
.issue_header h3 small {
display: block;
font-size: 71.4%;
}
@media (max-width: 767px) {
.analytics_issue {
padding: 13% 0 15.3%; } .issue_header {
margin-bottom: 13.1%; }
.issue_header h3 {
font-size: 6.1vw; }
.issue_header h3 small {
font-size: 86.7%;
}
} .issues_lists {
display: flex;
justify-content: space-between;
margin-bottom: 3.3%; }
.issues_list {
flex: 0 0 31%; display: flex;
flex-direction: column;
justify-content: space-between;
}
.issues_list_problem {
position: relative; padding-bottom: 49.7%; }
.issues_list_problem::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 0;
padding-top: 49.7%; background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/analytics/arrow_white.svg) center 54.5% /
29.2% auto no-repeat; }
.issues_list_problem img {
width: 53.8%; margin: 0 auto -7% 34%; }
.issues_list_problem h4 {
position: relative; padding: 3em 0;
border-radius: min(16px, 1.1vw); background: #002060;
box-shadow: 10px 10px 12.5px 1px #0020604d;
font-size: min(20px, 2vw);
font-weight: 600;
color: #fff;
text-align: center;
}
.issues_list_solution {
padding: 14.6% 0 8.8%; border-radius: min(28px, 1.9vw); color: #002060;
background-color: #fff;
box-shadow: 10px 10px 12.5px 1px #0020604d;
text-align: center;
}
.issues_list_solution h5 {
margin-bottom: 0.8em;
font-size: min(26px, 2.6vw);
font-weight: 600;
}
.issues_list_solution img {
width: 76%; margin-bottom: 5.8%; }
.issues_list_solution p {
height: 8.6em;
font-size: min(14px, 1.4vw);
font-weight: 500;
line-height: 1.8;
}
.issue_notes {
padding-left: 1em;
font-size: min(12px, 1.2vw);
color: #fff;
letter-spacing: 5%;
text-indent: -1em;
}
@media (max-width: 767px) {
.issues_lists,
.issue_notes {
width: 95%; margin: 0 auto;
}
.issues_lists {
display: block;
margin-bottom: -2.6%; }
.issues_list {
margin-bottom: 17%; }
.issues_list_problem {
padding-bottom: 31.6%; }
.issues_list_problem::after {
padding-top: 31.6%; background-position: center 50%; background-size: 27.1% auto; }
.issues_list_problem h4 {
padding: 2em 0;
border-radius: min(16px, 3.76vw); font-size: 6.1vw; }
.issues_list_solution {
padding: 13% 0 15.3%; border-radius: min(28px, 6.59vw); }
.issues_list_solution h5 {
font-size: 6.1vw; }
.issues_list_solution p {
height: auto;
font-size: 3.8vw; }
.issue_notes {
font-size: 3.3vw; }
} .analytics_reasons {
padding: min(110px, 7.64%) 0; }
.reasons_header {
margin-bottom: 5.9%; }
@media (max-width: 767px) {
.analytics_reasons {
padding: 13% 0 14.3%; }
.reasons_header {
margin-bottom: 0;
}
} .reasons_lists {
}
.reasons_list {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 335px;
margin-bottom: 4.9%; padding: 0 5.5%; background: #fff;
box-shadow: 10px 10px 12.5px 1px #0020604d;
border-radius: min(40px, 2.8vw); }
.reasons_list_img {
flex: 0 0 36%; text-align: center;
}
.reasons_list_img.img1 img {
width: 83%; }
.reasons_list_img.img2 img {
width: 77%; }
.reasons_list_img.img3 img {
width: 91.3%; }
.reasons_list_text {
flex: 0 0 60.6%; }
.reasons_list_text p {
font-size: min(28px, 2.8vw);
line-height: 1.8;
letter-spacing: 0.02em;
color: #002060;
font-weight: 600;
}
.reasons_list_text .notes {
font-size: min(23px, 2.3vw);
}
@media (max-width: 767px) {
.reasons_lists {
width: 95%; margin: 0 auto;
}
.reasons_list {
flex-direction: column;
min-height: initial;
margin: 0 auto 18.4%; padding: 15.8% 0 18.4%; border-radius: min(60px, 14.1vw); }
.reasons_list_img {
width: 67.6%; }
.reasons_list_img img {
width: 100% !important;
}
.reasons_list_text {
margin-bottom: 13.2%; text-align: center;
}
.reasons_list_text p {
font-size: 4.7vw; }
.reasons_list_text .notes {
padding-top: 0.8em;
font-size: 4vw; }
} .reasons_info {
margin-top: 6.36%; text-align: center;
}
.reasons_info p {
font-size: min(34px, 3.4vw);
color: #002060;
font-weight: 800;
line-height: 1.93;
}
@media (max-width: 767px) {
.reasons_info {
margin-top: 0;
}
.reasons_info p {
font-size: 5.9vw; }
} .analytics_cv {
padding: min(120px, 8.3%) 0; } .cv_header {
margin-bottom: 8.2%; }
.cv_header h3 {
margin-bottom: 1em;
font-size: min(65px, 6.5vw);
text-align: center;
color: #fff;
}
@media (max-width: 767px) {
.analytics_cv {
padding: 13% 0 15.3%; } .cv_header {
width: 95%; margin: 0 auto;
margin-bottom: 16.5%; }
.cv_header h3 {
font-size: 7.3vw; }
} .cv_content_line {
width: 95%; margin: 0 auto;
padding: 6.4% 0 4.5%; border-radius: min(55px, 3.8vw); background: #fff;
text-align: center;
}
.cv_content_line:first-of-type {
position: relative; margin-bottom: 13.5%; }
.cv_content_line:first-of-type::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 0;
padding-top: 13.5%; transform: translateY(100%);
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/analytics/arrow_white.svg) center 51.5% /
13% auto no-repeat; }
.cv_content_line p {
padding-top: 1em;
font-size: min(25px, 2.5vw);
font-weight: 600;
color: #002060;
}
.cv_content_line img {
width: 53.5%; transform: translateX(10%);
}
@media (max-width: 767px) {
.cv_content_line {
padding: 14% 0 16.5%; border-radius: 14vw; }
.cv_content_line:first-of-type {
margin-bottom: 25.8%; }
.cv_content_line:first-of-type::after {
padding-top: 25.8%; background-position: center 49%; background-size: 25.8% auto; }
.cv_content_line p {
font-size: 4.7vw; }
.cv_content_line img {
width: 72.5%; }
} .analytics_news {
padding: min(120px, 8.3%) 0 min(130px, 9%); }
.analytics_news .con_inner {
position: relative; }
.analytics_news .con_inner::before {
content: "";
position: absolute;
width: min(320px, 29%); height: 248px;
top: 0; right: 0; transform: translate(20.3%, -4%); transform-origin: 100% 0;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/analytics/news_bg_pattern.png) 100% 0 /
100% auto no-repeat;
background-size: contain;
}
.analytics_news .news_text {
position: relative; margin-bottom: 6.4%; text-align: center;
}
.analytics_news .news_text p {
color: #002060;
font-size: min(24px, 2.4vw);
font-weight: 600;
line-height: 2.1;
}
@media (max-width: 767px) {
.analytics_news {
padding: 13% 0 15.3%; }
.analytics_news .con_inner::before {
width: 38.4vw; height: 29.9vw; top: auto;
right: 0;
bottom: 0;
transform: translate(-22.7%, -63%); transform-origin: 100% 0;
background-position: 100% 100%;
}
.analytics_news .news_text {
width: 94.5%; margin: 0 auto 17.4%; text-align: left;
}
.analytics_news .news_text p {
font-size: 4.94vw; line-height: 1.4;
}
} .analytics_news .btn_news {
position: relative;
width: 943px;
max-width: 100%;
margin: 0 auto;
}
.analytics_news .btn_news a {
height: 130px;
line-height: 130px;
background: #fff;
border-radius: min(23px, 1.6vw); box-shadow: 10px 10px 12.5px 1px #0020604d;
color: #002060;
font-size: min(25px, 2.5vw);
font-weight: 800;
transition: background 0.3s, color 0.3s 0.05s;
}
.analytics_news .con_inner .polygon {
margin-left: 0.8em;
background: #002060;
width: min(25px, 2.5vw);
height: min(25px, 2.5vw);
-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
transition: background 0.3s 0.05s;
}
.analytics_news .btn_news a:hover {
color: #fff;
background-color: #002060;
}
.analytics_news .btn_news a:hover .polygon {
background: #fff;
}
@media (max-width: 767px) {
.analytics_news .btn_news {
width: 95%; }
.analytics_news .btn_news a {
height: 21vw; line-height: 1.8;
border-radius: min(30px, 7vw); font-size: 4.2vw; }
.analytics_news .con_inner .polygon {
margin-left: 8.2vw; width: 4.7vw;
height: 4.7vw; }
}