@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;
} @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;
}
#contact .tel-area {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
#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;
letter-spacing: 2px;
}
.telnum:hover {
color: #000000;
}
.telnum img {
margin: 1px 7px 0 0;
width: 16px;
}
.tel-area .biz-hours {
font-size: 14px;
margin: 3px 0px 0 5px;
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 .tel-area .tel-wrap {
border-right: none;
border-bottom: 1px solid #cccccc;
margin: 0 auto 20px;
padding: 0 0 20px;
}
#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;
}
.telnum {
margin-bottom: 5px;
}
#contact .tel-area > a:nth-of-type(1) {
width: 100%;
}
}  .con_dsp .con_main {
margin: 0 auto;
width: 1100px;
max-width: 94.5%; }
.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%
);
}
@media (max-width: 767px) {
.bg_pattern2 {
background: linear-gradient(
120deg,
rgb(244, 251, 255) 0%,
rgb(187, 201, 224) 100%
);
}
.bg_pattern3 {
background: linear-gradient(
80deg,
rgb(0, 87, 147) 0%,
rgb(15, 64, 134) 32%,
rgb(0, 31, 94) 100%
);
}
} .text_featured {
font-size: 25px;
font-weight: 600;
color: #002060;
line-height: 1.6; }
.text_featured span {
display: inline-block;
}
.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) {
.text_featured {
font-size: min(20px, 4.7vw); }
.btn_wrap {
width: 80.47vw; }
.con_main .inquiry-white-btn {
height: 80px;
border-radius: 1.1765vw; font-size: min(20px, 4.7vw); }
}   html #products_dsp #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 {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
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: min(50px, 4.38vw); font-weight: 600;
text-align: left;
letter-spacing: normal;
line-height: 1.4;
}
.con_dsp_header_text {
padding-top: 88px;
}
.con_title .txt_lead {
margin: min(36px, 3.16%) 0 min(18px, 1.58%); font-size: min(18px, 1.58vw); line-height: 1.7;
}
@media (max-width: 1140px) {
html #products_dsp #contents .con_title {
min-height: 50vw;
height: auto;
} .con_title .inner {
max-width: 100%;
}
.con_dsp_header_text {
padding-top: 4vw;
}
}
@media (max-width: 767px) {
html #products_dsp #contents .con_title {
height: 173.4vw; 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_dsp_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;
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: 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 {
background-color: #0c1223;
}
.con_title_image {
position: relative; flex: 0 1 1136px;
height: 100%;
}
.con_title_image img {
position: absolute;
top: 0;
right: 0;
width: 1136px;
max-width: 1136px;
height: auto;
transform: translateX(350px);
}
@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%;
transform: translateX(31%); }
}
@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;
}
} .dsp_about {
padding: min(120px, 8.3%) 0; }
.dsp_about .about_header {
width: 39%; }
.dsp_about .about_header img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.con_dsp .con_main.dsp_about {
width: 91.3%; max-width: 91.3%;
}
.dsp_about {
padding: 12.7% 0 15.3%; }
.dsp_about .about_header {
width: 62%; }
} .about_dsp_info {
width: 100%;
margin: 3.6% auto 4.5%;
padding: 4.5% 0 1.8%; border-radius: min(60px, 5.45vw); background: #fff;
box-shadow: min(10px, 1vw) min(10px, 1vw) min(12.5px, 1.25vw) 1px
rgba(0, 32, 96, 0.3);
text-align: center;
}
.about_dsp_info p {
width: 89%;
margin: 0 auto 4.1%; }
.about_dsp_info_img {
position: relative; width: 92.27%; margin: 0 auto;
}
.about_dsp_info_img img {
width: 100%;
height: auto;
transform: translateX(-1.0837%); }
.about_dsp_info_img .clickable-area {
position: absolute;
display: block;
top: 42.55%; right: 23.35%; width: 11.82%; height: 7.66%; }
.about_dsp_info_img .clickable-area a {
display: block;
width: 100%;
height: 100%;
}
.about_dsp_info_img .clickable-area span {
display: none;
}
@media (max-width: 767px) {
.about_dsp_info {
margin-top: 10.5882vw; margin-bottom: 9.4118vw; padding: 6.7% 0 5.115%; border-radius: min(32.5px, 7.65vw); }
.about_dsp_info_img {
width: 91.75%; }
.about_dsp_info_img img {
transform: translateX(-1.426%); }
.about_dsp_info_img .clickable-area {
top: 41.6%; right: 28.15%; width: 18.16%; height: 6.89%; }
} .dsp_feature {
padding: min(120px, 8.3%) 0 min(130px, 9%); }
.dsp_feature .con_title_with_logo {
margin-bottom: 5.5%; }
.dsp_feature .con_title_with_logo img {
width: 43%; }
@media (max-width: 767px) {
.con_dsp .con_main.dsp_feature {
width: 89.4%; max-width: 89.4%; }
.dsp_feature {
padding: 12.7% 0 15.3%; }
.dsp_feature .con_title_with_logo {
margin-bottom: 8.2%;
}
.dsp_feature .con_title_with_logo img {
width: 68%; }
} .container_strength_all {
width: 89%; display: flex;
justify-content: space-between;
}
.strength_container {
flex: 0 0 30.6%; padding: 3.67% 0; border-radius: min(32.5px, 2.95vw); background-color: #002060;
}
.strength_text_header {
position: relative; height: 3em;
margin-bottom: -2.3em;
color: #ffff00;
font-weight: 800;
font-size: min(25px, 2.5vw);
line-height: 1.4;
text-align: center;
z-index: 1;
}
.strength_text_header.single_line {
line-height: 3em;
}
.strength_text_body {
width: 77%;
margin: 0 auto;
font-size: min(15px, 1.5vw);
line-height: 1.8;
color: #fff;
}
.strength_img {
text-align: center;
}
.strength_img img {
width: 90%; }
@media screen and (max-width: 767px) {
.container_strength_all {
width: 100%;
display: block;
}
.strength_container {
width: 100%;
padding: 7.5% 0 10%;
border-radius: min(32.5px, 7.65vw); }
.strength_container:not(:last-child) {
margin-bottom: 7vw; }
.strength_container_inner {
display: flex;
flex-direction: row-reverse;
padding: 0 0 0 7.9vw;
}
.strength_text_header {
height: inherit;
font-size: 4vw; margin: 0 7.9vw -7.9vw;
line-height: 2.5 !important;
text-align: left;
}
.strength_text_body {
width: 100%;
padding-top: 8vw;
font-size: 3.06vw; line-height: 1.8;
}
.strength_img {
flex: 0 0 37%;
}
.strength_img img {
width: 100%;
}
} .dsp_creative {
padding: min(120px, 8.3%) 0; }
.dsp_creative_header {
margin: 0 auto 3.6%; text-align: center;
color: #002060;
font-size: min(70px, 7vw);
font-weight: 800;
}
.dsp_creative_info {
width: 100%;
margin: 0 auto 4.5%; padding: 2.7% 0 5.4%; border-radius: min(60px, 5.45vw); background: #fff;
box-shadow: min(10px, 1vw) min(10px, 1vw) min(12.5px, 1.25vw) 1px
rgba(0, 32, 96, 0.3);
}
.dsp_creative_info > p {
width: 89%;
margin: 0 auto 2.7%; text-align: center;
}
.funnel_list {
display: flex;
justify-content: space-between;
width: 827px;
max-width: 90%;
margin: 0 auto;
}
.funnel_list .funnel_item-list {
flex: 0 0 20.56%; }
@media (max-width: 767px) {
.con_dsp .con_main.dsp_creative {
width: 94.1%; max-width: 94.1%; }
.dsp_creative {
padding: 12.7% 0 15.3%; }
.dsp_creative_header {
margin-bottom: 9.2%; font-size: min(31px, 7.3vw); font-size: 7.3vw; }
.dsp_creative_info {
width: 95%; margin-bottom: 6%; padding: 7.5% 0; border-radius: min(32.5px, 7.65vw); }
.dsp_creative_info > p {
width: 82%; margin-bottom: 7.9%; }
.funnel_list {
flex-wrap: wrap;
width: 84.2%; }
.funnel_list .funnel_item-list {
flex: 0 0 46.9%; }
} .funnel_item {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
border-radius: 17px;
aspect-ratio: 1 / 1;
background-color: #0ff;
box-shadow: min(5.5px, 0.55vw) min(5.5px, 0.55vw) min(6.5px, 0.65vw) 1px
rgba(0, 32, 96, 0.25);
}
.funnel_item-list {
padding-bottom: 1.2%; }
.funnel_item-solo {
padding-bottom: 5.8%; }
.funnel_item img {
width: 80%; }
.funnel_item p {
color: #2a579a;
font-size: 15px;
font-family: "Hiragino Kaku Gothic Std";
font-weight: 800;
letter-spacing: 2.1px;
}
@media (max-width: 767px) {
.funnel_item {
margin-bottom: 6.25%; border-radius: min(17px, 4vw); }
.funnel_item-list {
padding-bottom: 3.1%; }
.funnel_item-solo {
padding-bottom: 9.7%; }
.funnel_item-solo img {
width: 92.2%; }
.funnel_item p {
font-size: 4.24vw; }
.funnel_item-solo p {
font-size: 2.35vw; }
} .dsp_creative_pickup {
position: relative;
width: 100%;
overflow: hidden; margin: 10.9% auto 4.5%; padding: 20px 0 0;
border-radius: min(60px, 5.45vw); background: #fff;
box-shadow: min(10px, 1vw) min(10px, 1vw) min(12.5px, 1.25vw) 1px
rgba(0, 32, 96, 0.3);
font-size: 16px;
}
.dsp_creative_pickup_header {
display: flex;
justify-content: space-between;
width: 86%; margin: 0 auto;
}
.dsp_creative_pickup_header .line_pickup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
line-height: 50px;
color: #0ff;
background-color: #14589f;
text-align: center;
font-family: "Hiragino Kaku Gothic Std";
font-weight: 800;
font-size: 20px;
letter-spacing: 2px;
}
.dsp_creative_pickup_header_text {
flex: 1 1 auto;
padding: 55px 0 0 30px;
color: #002060;
}
.dsp_creative_pickup_header_text h3 {
margin-bottom: 0.5em;
font-size: 32px;
font-weight: 800;
}
.dsp_creative_pickup_header_text h3 span {
display: inline-block;
}
.dsp_creative_pickup_header_text h3 + p {
font-size: 14px;
}
.dsp_creative_pickup_header_icon {
flex: 0 0 170px;
z-index: 1;
}
.dsp_creative_pickup_body {
margin: 0 auto;
}
.creative_info_space_user_recommend .dsp_creative_pickup_body {
width: 86%; margin-top: 2.73%; padding-bottom: 4.5%; }
.creative_info_space_cost_per_view .dsp_creative_pickup_body {
width: 90%; margin-top: 4.9%; padding-bottom: 5.5%; }
@media (max-width: 767px) {
.dsp_creative_pickup {
margin-top: 22.5%; margin-bottom: 6%; padding-top: 10%; border-radius: min(32.5px, 7.65vw); font-size: min(12px, 2.8vw); }
.dsp_creative_pickup_header {
flex-wrap: wrap;
align-items: center;
width: 85%; margin-bottom: 5%; }
.dsp_creative_pickup_header .line_pickup {
height: 5.65vw; line-height: 5.65vw;
font-size: 2.8vw; }
.dsp_creative_pickup_header_text {
display: contents;
}
.dsp_creative_pickup_header_text h3 {
flex: 1 1 67%;
margin-bottom: 0;
padding: 0 0 0 3.53%; font-size: min(20px, 4.7vw); }
.dsp_creative_pickup_header_text h3 + p {
flex: 0 0 100%;
padding-top: 0.8em;
font-size: min(16px, 3.76vw); }
.dsp_creative_pickup_header_icon {
flex: 2 0 22.5%; }
.creative_info_space_user_recommend .dsp_creative_pickup_body {
width: 86%; padding-bottom: 4.5%; }
.creative_info_space_cost_per_view .dsp_creative_pickup_body {
width: 90%; padding-bottom: 5.5%; }
} .dsp_response {
padding: min(120px, 8.3%) 0 min(140px, 9.7%); }
.dsp_response .con_inner .dsp_response_header {
margin-bottom: min(46px, 4.6%);
font-size: min(70px, 7vw);
color: #fff;
font-weight: 800;
text-align: center;
}
.dsp_response_info {
width: 84%;
margin: 0 auto;
}
@media (max-width: 767px) {
.con_dsp .con_main.dsp_response {
width: 89.4%; max-width: 89.4%; padding: 12.7% 0 15.3%; }
.dsp_response {
padding-bottom: 15.3%; }
.dsp_response .con_inner {
}
.dsp_response .con_inner .dsp_response_header {
font-size: 7.3vw; margin-bottom: 8.5%; }
.dsp_response_info {
width: 100%;
}
} .dsp_cookie_item {
display: flex;
align-items: center;
width: 87%; margin: 0 0 28px auto;
padding: 5px 0;
background-color: #002060;
border-radius: min(20px, 1.8vw); }
.dsp_cookie_item_header {
display: flex;
align-items: center;
flex: 0 0 48.75%; font-family: "Hiragino Kaku Gothic Std";
}
.dsp_cookie_item_header .num {
width: 80px;
height: 80px;
flex: 0 0 80px;
line-height: 80px;
text-align: center;
margin-right: -20px;
transform: translateX(-110px);
font-size: min(45px, 4.5vw);
border-radius: 50%;
background-color: #00ffff;
color: #002060;
font-weight: 800;
}
.dsp_cookie_item_header h3 {
flex: 1 1 auto;
padding-right: 0.5em;
font-size: min(25px, 2.5vw);
color: #fff000;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Meiryo",
"Yu Gothic", sans-serif;
}
.dsp_cookie_item_body {
flex: 0 0 51.25%; }
.dsp_cookie_item_body p {
padding-right: 1em;
font-size: min(15px, 1.5vw);
color: #ffffff;
}
@media (max-width: 767px) {
.dsp_cookie_item {
position: relative; display: block;
width: 94.7%; margin: 0 0 4.7% auto; padding: 4.7% 11.76%; border-radius: min(32.5px, 7.65vw); }
.dsp_cookie_item:last-child {
margin-bottom: 0;
}
.dsp_cookie_item_header {
display: block;
}
.dsp_cookie_item_header .num {
position: absolute;
top: 50%;
left: -5.175vw; width: 10.35vw; height: 10.35vw; line-height: 10.35vw; margin: 0;
transform: translateY(-50%);
font-size: 5.6vw; }
.dsp_cookie_item_header h3 {
margin-bottom: 0.2em;
font-size: 4vw; }
.dsp_cookie_item_body {
}
.dsp_cookie_item_body p {
font-size: 3.06vw; }
} .dsp_jicdaq {
padding: min(120px, 8.3%) 0 min(110px, 7.6%); }
.jicdaq_header {
margin-bottom: 4%; text-align: center;
}
.dsp_jicdaq_header {
font-size: min(64px, 6.4vw);
line-height: 7.2917vw; font-weight: 800;
color: #002060;
}
.dsp_jicdaq_info {
width: 100%;
padding: 4.55% 0; border-radius: min(60px, 5.45vw); background: #fff;
}
.jicdaq_text {
margin-bottom: 5.45%; padding: 0 2em;
text-align: center;
}
.jicdaq_list_logo {
display: flex;
justify-content: space-between;
width: 60%; margin: 0 auto;
}
.jicdaq_list_logo_item-1 {
flex: 0 0 38.5%; }
.jicdaq_list_logo_item-2 {
flex: 0 0 42.4%; }
@media (max-width: 767px) {
.con_dsp .con_main.dsp_jicdaq {
width: 89.4%; max-width: 89.4%; padding: 12.7% 0 15.3%; }
.jicdaq_header {
margin-bottom: 10.3%; }
.dsp_jicdaq_header {
font-size: min(31px, 7.3vw); }
.dsp_jicdaq_info {
padding: 0;
border-radius: 0;
background: transparent;
}
.jicdaq_text {
width: 94.2%; margin: 0 auto 12%; padding: 0;
}
.jicdaq_list_logo {
width: 100%;
padding: 13.15% 9.87%; border-radius: min(32.5px, 7.65vw); background: #fff;
}
.jicdaq_list_logo_item-1 {
flex: 0 0 42.6%; }
.jicdaq_list_logo_item-2 {
flex: 0 0 47.7%; }
}