@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.dark_blue_btn {
color: #fff;
background: #003164;
border: 1px solid #fff;
margin: 0 0 13px;
}
body a.dark_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;
}
.gap-4 {
gap: 3.5rem;
}
.gap-4-logo {
gap: 5.5rem;
}
.column-gap-4 {
gap: 3.5rem;
}
.column-gap-2 {
gap: 2rem;
} @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;
}
.tel-title {
color: #000;
font-size: 18px;
font-weight: bold;
}
@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;
}
.tel-title {
margin-bottom: 10px;
display: inline-block;
}
}  .con_dooh .con_main {
width: 1100px;
max-width: 94.5%; margin: 0 auto;
}
.bg_pattern1,
.bg_pattern2 {
background: linear-gradient(
135deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern3 {
background: linear-gradient(
135deg,
rgb(0, 87, 147) 0%,
rgb(15, 64, 134) 32%,
rgb(0, 31, 94) 100%
);
}
.bg_pattern1 {
background: linear-gradient(
85deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern2 {
background: linear-gradient(
90deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern3 {
background: linear-gradient(
135deg,
rgb(0, 87, 147) 0%,
rgb(15, 64, 134) 32%,
rgb(0, 31, 94) 100%
);
}
.con_dooh img {
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
.con_dooh .con_main {
width: 89.5%; max-width: 89.5%;
}
.bg_pattern1 {
background: linear-gradient(
135deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern2 {
background: linear-gradient(
135deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
} .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;
}
.inquiry-white-btn .email-icon path {
fill: #002060;
transition: fill 0.3s 0.05s;
}
.inquiry-white-btn:hover .email-icon path {
fill: #ffffff;
}
@media (max-width: 767px) {
.btn_wrap {
width: 80.47vw; }
.con_main .inquiry-white-btn {
border-radius: 1.1765vw; font-size: min(20px, 4.7vw); }
}   html #products_dooh #contents .con_title {
position: relative;
height: 700px;
background: radial-gradient(
104.48% 300.79% at 0.71% 1.71%,
#005793 0%,
#0f4086 32%,
#001f5e 100%
);
margin-bottom: 0;
}
html.lower #contents .con_title {
text-align: left;
} .con_title .inner {
max-width: 1100px;
margin: 0 auto;
padding: 60px 20px 0;
position: relative;
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: 50px;
font-weight: 600;
text-align: left;
letter-spacing: normal;
line-height: 1.4;
}
h2 .jp .dots {
background: top left / 1em 1em repeat-x
radial-gradient(circle, #2e9dd6 0.125em, rgba(0, 0, 0, 0) 0.15em);
padding-top: 1em;
}
.con_title .txt_lead {
margin: min(36px, 3.16%) 0 min(18px, 1.58%); font-size: 18px;
line-height: 1.7;
}
@media (max-width: 767px) {
html #products_dooh #contents .con_title {
height: auto;
background: radial-gradient(
circle at 4% 7.58%,
#005793 0%,
#0f4086 32%,
#001f5e 100%
);
}
.con_title .inner {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 100%;
height: calc(100% - 56px); padding: 0 4.8%; }
html #products_dooh #contents .con_title .inner {
margin-top: 14%;
}
html.lower #contents .con_title h2 .jp {
font-size: 8.2vw; line-height: 1.26;
}
.con_title .txt_lead {
margin: 10vw 0 16.9vw; font-size: 3.86vw; }
} .con_title .btn_area {
line-height: 1.5;
column-gap: 24px;
}
.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) {
html #products_dooh #contents .con_title {
min-height: 50vw;
height: auto;
} .con_title .inner {
max-width: 100%;
padding-bottom: 7vw;
}
.con_dooh_header_text {
padding-top: 4vw;
}
}
@media (max-width: 767px) {
.con_title .btn_area {
padding-bottom: 8%;
gap: 4.7059vw; 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;
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 {
}
.con_title_image {
position: relative; flex: 0 1 1594px;
height: 100%;
}
.con_title_image img {
position: absolute;
top: 0;
right: 0;
width: 1594px;
max-width: 1594px;
height: auto;
transform: translateX(480px);
}
@media (max-width: 1140px) {
.con_title_image_wrap::before,
.con_title_image_wrap::after {
content: normal;
}
.con_title_image img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
transform: translateX(30%);
}
}
@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;
}
} .dooh_strong_point {
padding: min(250px, 17.36%) 0 280px; }
.dooh_strong_point .con_inner {
display: flex;
}
.dooh_strong_point .con_inner_left {
flex: 1 0 40%; }
.dooh_strong_point .con_inner_left .logo {
padding-left: 4.1%; }
.dooh_strong_point .con_inner_left .logo img {
width: 79.3%; }
.dooh_strong_point .dooh_strong_text_area {
padding-left: min(66px, 15%); }
.dooh_strong_point .dooh_strong_text_area span,
.dooh_strong_point .dooh_strong_text_area strong {
display: block;
color: #2a579a;
}
.dooh_strong_point .dooh_strong_text_area span {
margin-top: 0.5em;
font-size: min(40px, 4vw);
font-weight: 600;
}
.dooh_strong_point .dooh_strong_text_area strong {
font-size: min(70px, 7vw);
font-weight: 900;
}
.dooh_strong_point .dooh_strong_text_area strong::first-letter {
font-size: min(96px, 9.6vw);
margin-right: 0.12em;
}
.dooh_strong_point .con_inner_right {
flex: 0 0 53.3%; padding-right: 2.7%; }
@media (max-width: 767px) {
.dooh_strong_point {
padding: 9.4% 0 30.6%; }
.dooh_strong_point .con_inner {
display: block;
}
.dooh_strong_point .con_inner_left {
width: 100%;
margin-bottom: 9.4%; text-align: center;
}
.dooh_strong_point .con_inner_left .logo {
margin-bottom: 9.4%; padding-left: 0;
}
.dooh_strong_point .con_inner_left .logo img {
width: 47.4%; }
.dooh_strong_point .dooh_strong_text_area {
padding-left: 0;
}
.dooh_strong_point .dooh_strong_text_area span {
font-size: 7.3vw; }
.dooh_strong_point .dooh_strong_text_area strong {
font-size: 11.76vw; }
.dooh_strong_point .dooh_strong_text_area strong::first-letter {
font-size: 17.9vw; }
.dooh_strong_point .con_inner_right {
width: 85.5%; margin: 0 auto;
padding-right: 0;
}
} .con_dooh .con_main.dooh_targeting {
margin-top: -200px; padding-bottom: min(125px, 8.7%); }
@media (max-width: 767px) {
.con_dooh .con_main.dooh_targeting {
margin-top: -21.7vw;
padding-bottom: 18%; }
} .dooh_targeting_wrap_bg_decoration {
position: relative;
height: 250px;
transform: translateY(-200px);
}
.dooh_targeting_wrap_bg_decoration .bg_decoration_item {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.dooh_targeting_wrap_bg_decoration .bg_decoration_item-landscape {
top: -10px;
background: linear-gradient(90deg, #00e5ff 0%, #008cff 100%);
mask: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/targeting_mask_landscape_pc.svg) center 0/1440px
182px repeat-x;
opacity: 0.3;
}
.dooh_targeting_wrap_bg_decoration .bg_decoration_item-building {
background: linear-gradient(
90deg,
rgb(0, 87, 147) 0%,
rgb(12, 67, 136) 50%,
rgb(11, 56, 123) 100%
);
mask: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/targeting_mask_bg.svg) center 0/1440px 250px
repeat-x;
mask-mode: luminance;
}
.dooh_targeting_wrap_bg_decoration .bg_decoration_item-light {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/targeting_bg_light_pc.png) center 0/1440px
159px repeat-x;
}
@media (max-width: 767px) {
.dooh_targeting_wrap_bg_decoration {
height: 27vw; background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/targeting_bg_sp.png);
background-size: cover;
transform: translateY(-21.7vw);
}
.bg_decoration_item {
display: none !important;
}
} .dooh_targeting_header {
margin-bottom: 60px;
text-align: center;
}
.dooh_targeting_header h3 img {
width: 42.5%; max-width: 467px;
transform: translateX(-14.6%); margin-bottom: 10px;
}
.dooh_targeting_header .targeting_text {
font-size: min(28px, 2.8vw);
color: #fff;
}
.dooh_targeting_header .targeting_text span {
display: inline-block;
}
@media (max-width: 767px) {
.dooh_targeting_header {
margin-bottom: 16.7%; }
.dooh_targeting_header h3 img {
width: 65.2%; max-width: 65.2%;
transform: translateX(-16.7%); margin-bottom: 8.5%; }
.dooh_targeting .con_inner .targeting_text {
font-size: 4.8vw; }
} .dooh_targeting_planning {
position: relative; display: flex;
justify-content: space-between;
align-items: stretch;
margin-bottom: 18%; padding: 7.6% 6.1% 11%; background-color: #002060;
border-radius: min(60px, 5.45vw); }
.dooh_targeting_planning h4 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.dooh_targeting_planning h4 img {
width: 43.6%; transform: translateY(53%);
}
.planning_item {
flex: 0 0 45%; display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #fff;
color: #fff;
border-radius: min(30px, 2.7vw); }
.planning_item h5 {
padding: 0.7em 0 0.5em;
font-size: min(35px, 3.5vw);
text-align: center;
color: #00ffff;
}
.planning_item .text {
width: 80.6%; margin: 0 auto;
font-size: min(25px, 2.2vw);
}
.planning_item-targeting .text {
margin-bottom: -5%;
}
.planning_item-area .text {
margin-bottom: -12%;
}
.planning_item .img_target {
text-align: center;
}
.planning_item .img_target img {
width: 80.6%; }
.planning_item-targeting .img_graph {
text-align: center;
}
.planning_item-targeting .img_graph img {
width: 92%; }
.planning_item-area .img_graph {
text-align: right;
}
.planning_item-area .img_graph img {
width: 87%; }
.planning_item .example {
transform: translateY(2em);
font-size: 12px;
line-height: 1;
text-align: right;
}
.dooh_targeting_planning .cross {
flex: 0 0 5%; display: flex;
align-items: center;
}
@media (max-width: 767px) {
.dooh_targeting_planning {
display: block;
margin-bottom: 21.7%; padding: 7% 4.7% 18%; border-radius: min(42.5px, 10vw); }
.dooh_targeting_planning h4 img {
width: 65%; transform: translateY(53%);
}
.planning_item {
border-radius: min(25px, 5.9vw); }
.planning_item h5 {
font-size: 6.4vw; }
.planning_item .text {
width: 78%; font-size: 4.5vw; }
.planning_item-targeting .text {
margin-bottom: 0;
}
.planning_item .example {
transform: translateY(2em);
font-size: 3.1vw; }
.dooh_targeting_planning .cross {
margin: 6.6% 0; justify-content: center;
}
.dooh_targeting_planning .cross img {
width: 19%; }
} .dooh_reporting {
padding: min(76px, 5.3%) 0 min(100px, 6.9%); }
.dooh_reporting h3 {
margin-bottom: min(50px, 4.5%); text-align: center;
}
.dooh_reporting h3 img {
width: 28%; transform: translateX(6.5%); }
@media (max-width: 767px) {
.dooh_reporting {
padding: 13.5% 0 19.3%; }
.dooh_reporting h3 {
margin-bottom: 9.2%; }
.dooh_reporting h3 img {
width: 43.5%; transform: translateX(6.1%); }
} .reporting_item {
width: 100%;
margin-bottom: min(80px, 7.3%); padding: min(80px, 7.3%) 0; background-color: #fff;
border-radius: min(60px, 5.45vw); box-shadow: 10px 10px 12.5px 1px #0020604d;
}
.reporting_text {
color: #002060;
text-align: center;
font-size: min(35px, 3.2vw); width: 90%; margin: 0 auto 5.5%; }
.reporting_text span {
display: inline-block;
}
.reporting_flow {
margin: 0 auto;
}
@media (max-width: 767px) {
.reporting_item {
padding: 13.2% 0 17.1%; border-radius: min(42.5px, 10vw); }
.reporting_item-1 {
margin-bottom: 11.3%; }
.reporting_item-2 {
margin-bottom: 15.8%; }
.reporting_text {
font-size: 4.2vw; margin-bottom: 10.5%; }
} .reporting_item-1 .reporting_flow {
display: flex;
justify-content: space-between;
align-items: center;
width: 84.5%; }
.reporting_item-1 .reporting_flow_data {
flex: 0 0 38.3%; }
.reporting_item-1 .reporting_flow_arrow {
flex: 0 0 4.3%; }
.reporting_item-1 .reporting_flow_report {
flex: 0 0 50.5%; }
.reporting_item-2 .reporting_flow {
width: 83.2%; margin-bottom: -1.8%; }
.reporting_item-2 .reporting_flow_data {
width: 82%; margin: 0 auto;
}
.reporting_item-2 .reporting_flow_arrow {
width: 4.37%; margin: 0 auto;
transform: rotate(90deg);
transform-origin: center center;
}
.reporting_item-2 .reporting_flow_report {
}
@media (max-width: 767px) {
.reporting_item-1 .reporting_flow,
.reporting_item-2 .reporting_flow {
width: 84.2%; }
.reporting_item-1 .reporting_flow_arrow,
.reporting_item-2 .reporting_flow_arrow {
width: 11%; margin: 3.1% auto; }
.reporting_item-1 .reporting_flow {
display: block;
}
.reporting_item-1 .reporting_flow_data {
width: 83.4%; margin: 0 auto;
}
.reporting_item-1 .reporting_flow_arrow {
transform: rotate(90deg);
}
.reporting_item-2 .reporting_flow {
margin-bottom: 0;
}
.reporting_item-2 .reporting_flow_data {
width: 105%; margin: 0 -2.5%; }
} .dooh_placement {
position: relative; padding: min(260px, 18%) 0 min(130px, 9%); }
.dooh_placement_header {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.dooh_placement_header h3 {
width: 43%; max-width: 472px;
margin-bottom: 2.7%; transform: translateX(-12.7%); overflow: hidden;
}
.dooh_placement_header h3 img {
margin-top: -5.5%; }
.dooh_placement_header .placement_text {
padding-left: 4.9%; font-size: min(35px, 3.5vw);
color: #fff;
font-weight: 700;
}
.dooh_placement_header .placement_text strong {
color: #00ffff;
}
.dooh_placement .dooh-map-area {
width: 97.4%; margin: 0 0 9.1% auto; transform: translateX(1.12%); }
@media (max-width: 767px) {
.dooh_placement {
padding: 0 0 min(70px, 18.4%); }
.dooh_placement_header {
position: static;
margin-bottom: 10.5%; }
.dooh_placement_header h3 {
width: 72.4%; max-width: initial;
margin-bottom: 10.5%; transform: translateX(11%); }
.dooh_placement_header h3 img {
margin-top: -10.5%; }
.dooh_placement .placement_text {
padding-left: 0;
font-size: 28px;
text-align: center;
}
.dooh_placement .dooh-map-area {
width: 96.6%; margin: 0 auto 15.8%; transform: none;
}
} .placement_item {
display: flex;
align-items: center;
width: 100%;
margin-bottom: min(80px, 7.3%); background-color: #002060;
border-radius: min(60px, 5.45vw); box-shadow: 10px 10px 12.5px 1px #0020604d;
overflow: hidden;
}
.placement_item_text {
flex: 1 0 auto;
padding: min(80px, 7.3%) 0 min(80px, 7.3%) min(94px, 8.5%); font-size: min(28px, 2.8vw);
font-weight: 700;
color: #fff;
}
.placement_item_text span {
display: inline-block;
}
.placement_item_img {
flex: 0 0 46.7%; padding: 0 0 min(50px, 4.5%); }
.placement_item-shibuya .placement_item_img img {
width: 69.4%; margin-left: 9.7%; }
.placement_item-vision .placement_item_img img {
width: 100%;
}
@media (max-width: 767px) {
.placement_item {
display: block;
margin: 0 auto 10.5%; padding: 13.2% 0 15.8%; border-radius: min(60px, 14vw); }
.placement_item_text {
width: 94%;
margin: 0 auto;
padding: 0;
font-size: 4.7vw; text-align: center;
}
.placement_item_img {
padding: 0;
}
.placement_item-shibuya .placement_item_img {
text-align: center;
}
.placement_item-shibuya .placement_item_img img {
width: 85.5%; margin-left: 0;
}
.placement_item-vision .placement_item_img {
text-align: right;
}
.placement_item-vision .placement_item_img img {
width: 90.8%; }
} .example_placements {
color: #fff;
}
.example_placements h3 {
font-size: min(35px, 3.5vw);
margin-bottom: 1em;
text-align: center;
}
.example_placements .logo-box {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
gap: 71.5px;
width: 100%;
margin-bottom: min(40px, 3.6%); padding: 78px 103px;
background-color: #fff;
border-radius: min(60px, 5.45vw); }
.example_placements .logo-box img {
width: 248px;
}
.example_placements .placement-under-logo-text {
font-size: min(24px, 2.4vw);
text-align: center;
}
@media (max-width: 767px) {
.example_placements h3 {
font-size: 8.2vw; }
.example_placements .logo-box {
gap: 8vw 4vw;
margin-bottom: 10%;
padding: 14% 0;
border-radius: min(60px, 14vw); }
.example_placements .logo-box img {
width: 40%;
}
.example_placements .placement-under-logo-text {
font-size: 4.2vw; }
}