@charset "UTF-8";
  .nav--bottom .nav__inner {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.nav--bottom .nav__inner {
width: 95%;
}
}
@-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);
}
}  .page-service .contents {
padding-bottom: 4em;
overflow: hidden;
*zoom: 1;
}
.inner,
.inquiry-mail .btn--mail a,
.nav--global ul,
.header__inner,
.page-company .contents__title,
.advertisers .trading-desk .about .description {
margin-left: auto;
margin-right: auto;
}
.page-company .section__block,
.dsp .contents .media .media-container,
.ssp .flow .btn--ssp {
margin-left: auto;
margin-right: auto;
}
.dmp [class*="for-"].contents__block .header__inner,
.dmp .case__list .case__approach .image {
margin-left: auto;
margin-right: auto;
}
.publishers .ssp .structure .description,
.agency .contents .media .media-container,
.fello .partner .partner-container,
.nav--bottom .nav__inner {
margin-left: auto;
margin-right: auto;
} .inner {
max-width: 1100px;
padding-left: 20px;
padding-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
.inner {
width: 95%;
padding-left: 0;
padding-right: 0;
margin: auto;
}
}
@media only screen and (max-width: 767px) {
.inner {
padding-bottom: 1em;
}
}
.inquiry-mail {
background-color: #F2F7F9;
padding: 40px 0;
}
.inquiry-mail .inquiry__title {
margin-bottom: 10px;
font-size: 1.92em;
font-size: 1.92rem;
font-weight: bold;
line-height: 1.3;
text-align: center;
color: #1a5aa2;
}
.inquiry-mail .btn--mail a {
display: block;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMDVmMjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4NTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f05f21), color-stop(50%, #d8541a));
background: -moz-linear-gradient(#f05f21 50%, #d8541a 50%);
background: -webkit-linear-gradient(#f05f21 50%, #d8541a 50%);
background: linear-gradient(#f05f21 50%, #d8541a 50%);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
border-bottom: 0.8em solid #ac4316;
color: #fff;
line-height: 75px;
height: 75px;
max-width: 700px;
color: #fff;
text-decoration: none;
}
.inquiry-mail .btn--mail a:hover {
color: #fff;
}
.inquiry-mail .btn--mail a span {
font-size: 1.85em;
font-size: 1.85rem;
display: block;
text-align: center;
}
.inquiry-mail .btn--mail a span:before,
.inquiry-mail .btn--mail a span:after {
font-family: FontAwesome;
vertical-align: middle;
}
.inquiry-mail .btn--mail a span>* {
vertical-align: middle;
display: inline;
}
.inquiry-mail .btn--mail a span:after {
content: "";
margin-left: .5em;
}
@media only screen and (max-width: 767px) {
.inquiry-mail .btn--mail a span {
font-size: 100%;
}
}
.inquiry-mail .btn--mail a span:after {
position: static;
display: inline-block;
width: 0.9em;
height: 0.9em;
background: none;
margin-top: 0;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 0.9;
text-align: center;
background: none;
margin-top: -0.2em;
margin-left: 0.2em;
}
html.lower .page-service #contents .title {
color: #1957a0;
}
html.lower .page-service #contents .tmp_st {
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
html.lower .page-service #contents .tmp_st {
margin-bottom: 2.5em;
}
}
@media only screen and (max-width: 767px) {
html.lower .page-service #contents .tmp_st {
margin-bottom: 1.3em;
}
}
html.lower .page-service #contents .tmp_st .jp {
font-size: 2.46em;
font-size: 2.46rem;
}
html.lower .page-service #contents .tmp_st .en {
font-size: 1.23em;
font-size: 1.23rem;
}
@media only screen and (max-width: 767px) {
.inquiry-mail {
padding: 0;
padding-top: 1em;
}
.inquiry-mail .inquiry__title {
margin-bottom: 0.5em;
font-size: 1.23077em;
font-size: 1.23077rem;
}
.inquiry-mail .btn--mail a {
width: auto;
height: auto;
line-height: 1.3;
text-align: center;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.inquiry-mail .btn--mail a span {
padding: 0.5em 0.3em;
}
} .ftr {
background-color: #000;
padding: 65px 0 75px;
}
@media only screen and (max-width: 767px) {
.ftr {
padding: 50px 0;
}
}
.pagetop {
display: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 20000;
}
.pagetop a {
display: block;
background-color: #0281BD;
width: 80px;
height: 80px;
padding: 25px 0 0 28px;
}
.pagetop img {
width: 24px;
}
@media only screen and (max-width: 767px) {
.pagetop a {
width: 50px;
height: 50px;
padding: 14px 0 0 16px;
}
}
@media only screen and (max-width: 767px) {
.pagetop img {
width: 18px;
}
}
.nav--ftr {
display: table;
width: 100%;
margin-bottom: 40px;
}
.nav--ftr .nav__block {
display: table-cell;
width: 50%;
vertical-align: top;
}
.nav--ftr ul {
float: left;
width: 50%;
}
.nav--ftr li {
margin-bottom: 10px;
line-height: 1.3;
}
.nav--ftr li br {
display: none;
}
.nav--ftr a {
font-size: 0.92308em;
font-size: 0.92308rem;
color: #fefefe;
}
@media only screen and (max-width: 767px) {
.nav--ftr ul {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.nav--ftr li {
margin-bottom: 20px;
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.nav--ftr li br {
display: block;
}
}
@media only screen and (max-width: 767px) {
.nav--ftr li.view--pc {
display: block;
}
}
.copyright small {
font-size: 0.92308em;
font-size: 0.92308rem;
color: #fefefe;
}
.hdr {
background-color: #FFF;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hdr.slide {
top: 0;
}
@media only screen and (max-width: 767px) {
.hdr {
background-color: #FFF;
min-width: inherit;
position: fixed;
z-index: 10000;
}
}
.hdr__inner {
height: 90px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.hdr__inner {
height: 50px;
}
}
.hdr--fixed .hdr__inner {
height: 60px;
}
.hdr__logo {
float: left;
padding: 27px 30px 0 22px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.hdr__logo {
padding: 14px 0 0 15px;
}
}
.hdr--fixed .hdr__logo {
padding-top: 18px;
}
.hdr--fixed .hdr__logo img {
height: 22px;
}
@media only screen and (max-width: 767px) {
.hdr__logo img {
height: 20px;
}
}
.hdr__description {
display: table-cell;
height: 90px;
padding: 0 250px 0 0;
line-height: 1.3;
vertical-align: middle;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.hdr__description {
display: none;
}
}
.hdr--fixed .hdr__description {
height: 60px;
padding: 0 330px 0 0;
}
.hdr__extra {
padding: 28px 22px 0 0;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.hdr__extra {
padding: 18px 65px 0 0;
}
}
.hdr--fixed .hdr__extra {
padding-top: 14px;
right: 75px;
}
.hdr__extra .global-container {
float: left;
}
.hdr__extra .access {
display: none;
}
.hdr__extra .inquiry a {
background-color: #F36500;
display: block;
width: 140px;
height: 32px;
font-size: 0.92308em;
font-size: 0.92308rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 32px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}
.hdr__extra .inquiry a:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -456px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 16px;
height: 11px;
margin-left: -8px;
display: inline-block;
margin-right: 7px;
position: relative;
top: 1px;
content: '';
}
.hdr__extra .lang {
float: left;
padding-top: 4px;
margin-left: 25px;
letter-spacing: -0.2em;
}
.hdr__extra .lang li {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.hdr__extra .lang li:first-child:after {
display: inline-block;
margin: 0 5px 0 3px;
font-weight: bold;
content: '・';
}
.hdr__extra .lang a {
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.hdr__extra .global-container {
display: none;
}
}
@media only screen and (max-width: 767px) {
.hdr__extra .access {
display: block;
}
}
@media only screen and (max-width: 767px) {
.hdr__extra .lang {
padding-top: 0;
}
}
@media only screen and (max-width: 767px) {
.hdr__extra .lang li:first-child:after {
margin: 0 9px;
line-height: 1.4;
vertical-align: top;
}
}
@media only screen and (max-width: 767px) {
.hdr__extra .lang a {
vertical-align: top;
}
}
.nav--global {
background-color: #000;
position: relative;
z-index: 600;
overflow: hidden;
overflow-x: auto;
}
.nav--global ul {
width: 1090px;
height: 100px;
text-align: center;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.nav--global {
display: none;
}
}
.hdr--fixed .nav--global {
display: none;
}
.open .hdr--fixed .nav--global {
height: 100px;
-ms-overflow-x: auto;
overflow-x: auto;
-ms-overflow-y: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.nav--global li {
display: inline-block;
margin: 0 12px;
vertical-align: top;
}
.nav--global li:nth-child(1) a {
background-position: -121px 50%;
width: 24px;
}
.nav--global li:nth-child(2) a {
background-position: -149px 50%;
width: 26px;
}
.nav--global li:nth-child(3) a {
background-position: -179px 50%;
width: 32px;
}
.nav--global li:nth-child(4) a {
background-position: -215px 50%;
width: 110px;
}
.nav--global li:nth-child(5) a {
background-position: -329px 50%;
width: 34px;
}
.nav--global li:nth-child(6) a {
background-position: -367px 50%;
width: 47px;
}
.nav--global li:nth-child(7) a {
background-position: -418px 50%;
width: 75px;
}
.nav--global li:nth-child(8) a {
background-position: -497px 50%;
width: 60px;
}
.nav--global li:nth-child(9) a {
background-position: -561px 50%;
width: 60px;
}
.nav--global li:nth-child(10) a {
background-position: -625px 50%;
width: 105px;
}
.nav--global li:nth-child(11) a {
background-position: -734px 50%;
width: 60px;
}
.nav--global li:nth-child(12) a {
background-position: -798px 50%;
width: 28px;
}
.nav--global li:nth-child(13) a {
background-position: -830px 50%;
width: 44px;
}
.nav--global a {
display: inline-block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/nav-s258ff70a4c.png);
background-repeat: no-repeat;
height: 100px;
font-size: 1.07692em;
font-size: 1.07692rem;
color: transparent;
position: relative;
}
.nav--global a:after {
background-color: rgba(255, 255, 255, 0.75);
display: block;
height: 1px;
margin-top: 18px;
position: absolute;
top: 50%;
left: 50%;
right: 50%;
content: '';
opacity: 0;
filter: alpha(opacity=0);
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav--global a:hover:after,
.nav--global a.current:after {
left: 0;
right: 0;
opacity: 1;
filter: alpha(opacity=100);
}
@media only screen and (max-width: 767px) {
.nav--global a {
background-image: none;
color: #fff;
}
}
.contents>.contents__header {
color: #fff;
position: relative;
overflow: hidden;
}
.contents>.contents__header .inquiry-mail {
padding: 20px 0;
}
.contents>.contents__header .inquiry-mail .btn a {
line-height: 62px;
height: 62px;
max-width: 365px;
border-bottom-width: 0.4em;
}
@media only screen and (max-width: 767px) {
.contents>.contents__header .inquiry-mail .btn a {
line-height: 1.3;
height: auto;
}
}
.page-service .contents>.contents__header {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/home/bg_solution.png) repeat fixed center center #1957a0;
height: auto;
}
@media only screen and (max-width: 767px) {
.page-service .contents>.contents__header:after {
left: -304px;
}
}
.page-other .contents>.contents__header {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
height: 400px;
}
@media only screen and (max-width: 767px) {
.page-other .contents>.contents__header {
height: 250px;
}
}
.page-company .contents>.contents__header {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
height: 250px;
}
.page-company.index .contents>.contents__header {
height: 450px;
}
@media only screen and (max-width: 767px) {
.page-company .contents>.contents__header {
height: 150px;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents>.contents__header {
height: 250px;
}
}
.header__inner {
max-width: 1060px;
margin: auto;
position: relative;
z-index: 11;
}
@media only screen and (max-width: 1024px) {
.header__inner {
width: 95%;
}
}
.header__inner .image {
position: absolute;
top: 132px;
right: 33px;
}
@media only screen and (max-width: 767px) {
.header__inner {
width: auto;
margin: 0 23px;
}
}
.contents__name {
display: block;
margin-bottom: 50px;
line-height: 1;
letter-spacing: 0.15em;
}
@media only screen and (max-width: 767px) {
.contents__name {
margin-bottom: 30px;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
.page-service .contents__name {
padding-top: 91px;
font-size: 147%;
}
@media only screen and (max-width: 767px) {
.page-service .contents__name {
padding-top: 30px;
margin-bottom: 10px;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
.page-other .contents__name {
padding-top: 60px;
}
@media only screen and (max-width: 767px) {
.page-other .contents__name {
padding-top: 55px;
}
}
.page-company .contents__name {
padding-top: 76px;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.page-company .contents__name {
padding-top: 48px;
}
}
.page-service .contents__title {
margin-bottom: 25px;
max-width: 47.1875%;
}
@media only screen and (max-width: 1024px) {
.page-service .contents__title {
max-width: inherit;
}
}
.page-other .contents__title {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.page-other .contents__title {
margin-bottom: 30px;
}
}
.contents__lead dt {
font-size: 1.84615em;
font-size: 1.84615rem;
line-height: 1.5;
letter-spacing: 0;
margin-bottom: 23px;
}
.contents__lead dd {
font-size: 1em;
font-size: 1rem;
line-height: 1.65;
letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
.contents__lead dt {
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
p.contents__lead {
font-size: 1.84615em;
font-size: 1.84615rem;
line-height: 1.5;
letter-spacing: 0.15em;
}
@media only screen and (max-width: 767px) {
p.contents__lead {
font-size: 1.23077em;
font-size: 1.23077rem;
}
} .page-service .table-container table {
width: 100%;
}
.page-service .table-container th,
.page-service .table-container td {
padding: 18px;
text-align: left;
vertical-align: middle;
border-width: 1px;
border-style: solid;
}
.page-service .table--style th,
.page-service .table--style td {
width: 33.333%;
border-color: #7DC2E2;
text-align: center;
}
.page-service .table--style th {
font-weight: bold;
color: #177FB8;
}
.page-service .table--style td {
background-color: #F3F9FB;
}
.page-service .table--style thead th {
padding: 0;
color: #fff;
border: none;
}
.page-service .table--style thead th span {
display: block;
padding: 13px;
margin: 0 1px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px;
border-radius: 5px 5px 0 0;
}
.page-service .table--style thead th:nth-child(2n+2) span {
background-color: #5391CE;
}
.page-service .table--style thead th:nth-child(2n+3) span {
background-color: #1957A0;
}
.page-service .table--style tbody th {
color: #177FB8;
text-align: center;
}
.page-service .table--style tbody th span {
font-weight: bold;
}
.page-service .table--style tbody td:nth-of-type(odd) {
background-color: #F3F9FB;
}
.page-service .table--style tbody td:nth-of-type(even) {
background-color: #EBF5F8;
}
.page-service .table--style-col3 th,
.page-service .table--style-col3 td {
width: 33.333%;
border-color: #7DC2E2;
text-align: center;
}
.page-service .table--style-col3 th {
font-weight: bold;
color: #177FB8;
text-align: left;
}
.page-service .table--style-col3 td {
background-color: #F3F9FB;
}
.page-service .table--style-col3 thead th {
padding: 0;
color: #fff;
text-align: center;
border: none;
}
.page-service .table--style-col3 thead th span {
display: block;
padding: 13px;
margin: 0 1px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px;
border-radius: 5px 5px 0 0;
}
.page-service .table--style-col3 thead th:nth-child(2n+2) span {
background-color: #3B9ACB;
}
.page-service .table--style-col3 thead th:nth-child(2n+3) span {
background-color: #0281BD;
}
.page-service .table--style-col3 tbody th {
color: #177FB8;
}
.page-service .table--style-col3 tbody td {
text-align: center;
}
.page-service .color--blue tbody td {
color: #177FB8;
} .advertisers .contents>.contents__header {
height: auto;
padding-bottom: 25px;
}
.advertisers .contents>.contents__header .header__inner {
height: 450px;
position: relative;
}
@media only screen and (min-width: 768px) {
.advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 50px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
.advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 40px;
margin-bottom: 30px;
}
}
@media print {
.advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 50px;
margin-bottom: 40px;
}
}
.ie8 .advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 50px;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ie8 .advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 40px;
margin-bottom: 30px;
}
}
.advertisers .contents>.contents__header .header__inner .contents__title img {
height: 50px;
}
.advertisers .contents>.contents__header .header__inner .contents__lead dt {
margin-bottom: 19px;
line-height: 1.4;
max-width: 56.25%;
font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.advertisers .contents>.contents__header .header__inner .contents__lead dt {
max-width: 80%;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__lead dt {
max-width: 100%;
margin-top: 0.5em;
}
}
.advertisers .contents>.contents__header .header__inner .image {
width: 37.70833%;
top: 60px;
right: -31px;
}
@media only screen and (max-width: 1024px) {
.advertisers .contents>.contents__header .header__inner .image {
right: 10px;
}
}
.advertisers .contents>.contents__header .nav--header img {
height: 40px;
}
.advertisers .anc_dmp {
margin-top: -69px;
padding-top: 69px;
}
.advertisers .contents__block {
padding-bottom: 70px;
}
.advertisers .contents__block .contents__header {
padding: 70px 0 60px;
}
.advertisers .contents__block .title {
margin-bottom: 30px;
}
.advertisers .contents__block .description {
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.advertisers .contents__block .lead {
padding-top: 40px;
color: #000;
}
.advertisers .trading-desk {
padding-bottom: 74px;
padding-top: 69px;
margin-top: -69px;
}
.advertisers .trading-desk .title {
width: 438px;
}
.advertisers .trading-desk .about {
margin-bottom: 70px;
border: 1px solid #81C0DE;
}
.advertisers .trading-desk .about h3 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico_gear.png) no-repeat left center;
background-size: 25px auto;
padding: 40px 0 40px 30px;
margin: 0 40px 32px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
border-bottom: 1px solid #81C0DE;
}
.advertisers .trading-desk .about .about__description {
padding-bottom: 30px;
margin: 0 40px 68px;
border-bottom: 1px solid #81C0DE;
}
.advertisers .trading-desk .about .about__description dt {
margin-bottom: 18px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
}
.advertisers .trading-desk .about .about__description dd {
line-height: 1.8;
}
.advertisers .trading-desk .about .image {
margin: 0 40px 80px;
text-align: center;
}
.advertisers .trading-desk .about .image img {
height: 450px;
}
.advertisers .trading-desk .about .description {
width: 93.75%;
padding: 28px 0 40px;
overflow: hidden;
}
.advertisers .trading-desk .about .description__list {
float: left;
background-color: #F3F9FB;
min-height: 430px;
padding: 30px;
position: relative;
}
.advertisers .trading-desk .about .description__list:before {
background-color: #F3F9FB;
display: block;
width: 40px;
height: 40px;
margin-left: -18px;
position: absolute;
top: -20px;
left: 50%;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.advertisers .trading-desk .about .description__list .icon {
margin-bottom: 20px;
text-align: center;
}
.advertisers .trading-desk .about .description__list .icon img {
width: 54px;
}
.advertisers .trading-desk .about .description__list dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
line-height: 1.4;
}
.advertisers .trading-desk .about .description__list dd {
line-height: 1.8;
}
.advertisers .trading-desk .about .description--01 {
width: 68.88889%;
margin-right: 2.22222%;
}
.advertisers .trading-desk .about .description--02 {
width: 28.88889%;
}
.advertisers .dmp .title {
width: 303px;
}
.advertisers .data-exchange .title {
width: 335px;
}
.advertisers .data-exchange .image {
padding: 47px 0;
text-align: center;
border: 1px solid #81C0DE;
}
.advertisers .data-exchange .image span {
display: block;
}
.advertisers .data-exchange .case h3 {
padding: 76px 0;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
}
.advertisers .data-exchange .case__contents {
overflow: hidden;
}
.advertisers .data-exchange .case__list {
float: left;
width: 48.95833%;
margin-right: 2.08333%;
}
.advertisers .data-exchange .case__list:last-child {
margin-right: 0;
}
.advertisers .data-exchange .case__list .case__inner {
height: 245px;
padding: 45px 30px 15px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
position: relative;
}
.advertisers .data-exchange .case__list .case__inner .logo {
float: left;
width: 34.04255%;
margin-right: 5.95745%;
border: 1px solid #DDDDDD;
}
.advertisers .data-exchange .case__list .case__inner dl {
line-height: 1.8;
overflow: hidden;
}
.advertisers .data-exchange .case__list .case__inner dt {
font-weight: bold;
color: #1a5aa2;
}
.advertisers .data-exchange .case__list .case__inner .more {
clear: both;
position: absolute;
bottom: 40px;
left: 36px;
right: 36px;
}
.advertisers .data-exchange .case__list .case__inner .more a {
display: block;
padding: 30px 0;
font-size: 1.07692em;
font-size: 1.07692rem;
color: #1a5aa2;
text-align: center;
border: 1px solid #81C0DE;
position: relative;
}
.advertisers .data-exchange .case__list .case__inner .more a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -259px;
width: 16px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
right: 14px;
content: '';
}
.advertisers .block {
background-color: #FFF;
display: table;
width: 100%;
border: 1px solid #81C0DE;
}
.advertisers .block__list {
display: table-cell;
text-align: center;
border-left: 1px solid #81C0DE;
}
.advertisers .block__list:first-child {
border-left: none;
}
.advertisers .block--col2 .block__list {
width: 50%;
padding-bottom: 36px;
}
.advertisers .block--col2 .image {
height: 200px;
padding-top: 45px;
margin-bottom: 34px;
}
.advertisers .block--col2 .block--01 img {
height: 155px;
}
.advertisers .block--col2 .block--02 img {
height: 133px;
margin-top: 14px;
}
.advertisers .block--col3 .block__list {
width: 33.333%;
padding: 48px 0 58px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.advertisers .block--col3 .block__list {
padding: 5% 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.advertisers .block--col3 .block__title {
margin-bottom: 30px;
text-align: center;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
}
.advertisers .block--col3 dl {
margin-bottom: 24px;
}
.advertisers .block--col3 .block__image {
display: table;
width: 100%;
height: 146px;
text-align: center;
}
.advertisers .block--col3 .block__image span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.advertisers .block--col3 .block__image img {
width: 280px;
}
.advertisers .block--col3 .block__outline {
margin-bottom: 16px;
}
.advertisers .block--col3 .block__description {
line-height: 1.4;
text-align: center;
font-weight: bold;
color: #1a5aa2;
}
.advertisers .block__outline {
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
}
.advertisers .nav--bottom {
bottom: 35px;
}
.advertisers .nav--bottom .nav__inner .nav--scroll {
height: 72px;
}
@media only screen and (max-width: 767px) {
.advertisers .nav--bottom .nav__inner .nav--scroll {
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.advertisers .nav--bottom {
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__name {
padding-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__title {
width: 226px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__title img {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__lead {
padding-top: 187px;
margin-bottom: 23px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .contents__lead dt {
margin-bottom: 13px;
font-size: 1.53846em;
font-size: 1.53846rem;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .header__inner .image {
width: 272px;
margin-left: -109px;
top: 114px;
right: inherit;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .nav--header img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .nav--header a {
background-repeat: no-repeat;
background-position: center center;
background-size: auto 39px;
height: 2.5em;
display: block;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .nav--header a[href="#trading-desk"] {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/advertisers/nav_header-trading-desk_sp.png);
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .nav--header a[href="#dmp"] {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/advertisers/nav_header-dmp_sp.png);
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents>.contents__header .nav--header a[href="#data-exchange"] {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/advertisers/nav_header-data-exchange_sp.png);
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents__block {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents__block .contents__header {
padding: 35px 0 30px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents__block .title {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents__block .description br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .contents__block .lead {
padding-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/advertisers/ttl_trading-desk_sp.png) no-repeat left top;
background-size: contain;
width: 225px;
height: 56px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .title img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about {
margin-bottom: 35px;
border-width: 1px 0 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about h3 {
background-size: 19px auto;
padding: 32px 0 32px 30px;
margin: 0;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .about__description {
padding-bottom: 0;
margin: 0 0 30px;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .about__description dt {
margin-bottom: 5px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .about__description dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .image {
margin: 0 auto 31px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .image img {
width: 100%;
max-width: 350px;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list {
float: none;
min-height: inherit;
padding: 23px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list .icon {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list .icon img {
width: 41px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list dt {
margin-bottom: 5px;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description--01 {
width: 100%;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .about .description--02 {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 {
border-width: 1px 0 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 .block__list {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 .block__list dl {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 .block__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 .block__image {
max-width: 280px;
height: auto;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.advertisers .trading-desk .block--col3 .block__description {
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.advertisers .dmp .title {
width: 218px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .title {
width: 238px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .image {
padding: 25px 0 35px;
border-width: 1px 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .image span {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/advertisers/img_data-exchange_sp.png) no-repeat center center;
background-size: contain;
height: 268px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case h3 {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list {
float: none;
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list h4 {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner {
height: auto;
padding: 37px 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner .logo {
width: 118px;
margin: 0 15px 15px 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner dl {
font-size: 1.07692em;
font-size: 1.07692rem;
overflow: visible;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner .more {
position: static;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner .more a {
padding: 20px 0;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.advertisers .data-exchange .case__list .case__inner .more a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -265px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block {
display: block;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block__list {
display: block;
border-left: none;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col2 .block__list {
width: 100%;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col2 .image {
height: auto;
padding-top: 35px;
margin-bottom: 17px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col2 .block--01 {
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col2 .block--01 img {
height: 116px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col2 .block--02 img {
height: 98px;
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block--col3 .block__list {
width: 100%;
padding-bottom: 30px;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block__outline {
padding: 0 30px;
}
}
@media only screen and (max-width: 767px) {
.advertisers .block__outline br {
display: none;
}
} .blog .contents>.contents__header {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/blog/bg_header.jpg);
}
.blog .contents .contents__title {
width: 407px;
}
.blog .article-container {
display: table;
width: 100%;
max-width: 960px;
margin: auto;
position: relative;
}
.blog .article-container:after {
background-color: #DBDBDC;
display: block;
width: 1px;
position: absolute;
top: 0;
left: 150px;
bottom: 0;
content: '';
}
.blog .article,
.blog .side {
display: table-cell;
vertical-align: top;
}
.blog .article__list {
width: 100%;
position: relative;
}
.blog .article__list:last-child .article__block {
padding-bottom: 80px;
}
.blog .article__block {
margin-left: 150px;
}
.blog .article__inner {
max-width: 580px;
padding: 80px 20px 20px;
}
.blog .article__header {
margin-bottom: 40px;
}
.blog .article__header .publish {
display: block;
width: 83px;
padding-bottom: 28px;
border-bottom: 1px solid #DBDBDC;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
position: absolute;
top: 70px;
left: 35px;
}
.blog .article__header .publish span {
vertical-align: bottom;
}
.blog .article__header .publish__year {
font-size: 0.76923em;
font-size: 0.76923rem;
}
.blog .article__header .publish__year:after {
display: inline;
margin-right: -5px;
content: '.';
}
.blog .article__header .publish__date {
display: block;
padding-top: 5px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
}
.blog .article__header .title {
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.blog .article__header .title a {
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.blog .article__header .article__info {
width: 150px;
padding: 165px 31px 0 35px;
text-align: center;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.blog .article__header .article__info:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/blog/img_arrow-right.png);
background-repeat: no-repeat;
background-position: left top;
display: block;
width: 18px;
height: 35px;
position: absolute;
top: 73px;
right: -18px;
content: '';
}
.blog .article__header .author {
margin-bottom: 17px;
}
.blog .article__header .author__photo {
margin-bottom: 10px;
}
.blog .article__header .categories {
padding-bottom: 22px;
margin-bottom: 26px;
border-bottom: 1px solid #DBDBDC;
}
.blog .article__header .categories a {
font-size: 0.84615em;
font-size: 0.84615rem;
font-weight: bold;
color: #1a5aa2;
}
.blog .article__header .sns dt {
padding-top: 25px;
margin-bottom: 24px;
font-size: 0.76923em;
font-size: 0.76923rem;
color: #878787;
line-height: 1;
position: relative;
}
.blog .article__header .sns dt:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -976px;
width: 18px;
height: 18px;
margin-left: -9px;
display: block;
position: absolute;
top: 0;
left: 50%;
content: '';
}
.blog .article__header .sns .sns__like li {
margin-bottom: 17px;
}
.blog .article__header .sns .sns__like * {
vertical-align: top;
}
.blog .article__header .sns .sns__share {
display: none;
}
.blog .article__header .sns .sns__share li {
display: inline-block;
width: 34px;
height: 34px;
margin-left: 4px;
vertical-align: middle;
position: relative;
}
.blog .article__header .sns .sns__share a {
display: block;
width: 34px;
height: 34px;
font-size: 0em;
font-size: 0rem;
overflow: hidden;
}
.blog .article__header .sns .sns__share a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -571px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 34px;
height: 34px;
position: absolute;
top: 0;
left: 0;
content: '';
}
.blog .article__header .sns .sns__share .sns--tw a:after {
background-position: 0 -571px;
}
.blog .article__header .sns .sns__share .sns--fb a:after {
background-position: 0 -499px;
}
.blog .article__header .sns .sns__share .sns--hb a:after {
background-position: 0 -535px;
}
.blog .article__footer {
max-width: 620px;
padding-bottom: 20px;
}
.blog .article__footer .author-data {
padding: 32px 32px 21px;
margin: 0 20px;
border: 1px solid #DBDBDC;
}
.blog .article__footer dt,
.blog .article__footer dd {
font-size: 0.84615em;
font-size: 0.84615rem;
}
.blog .article__footer dt {
float: left;
font-weight: bold;
color: #878787;
}
.blog .article__footer dd {
margin: 0 0 11px 66px;
}
.blog .article__footer ul {
letter-spacing: -0.4em;
}
.blog .article__footer li {
display: inline-block;
letter-spacing: normal;
}
.blog .article__footer li:before {
display: inline-block;
margin: 0 3px;
content: '/';
}
.blog .article__footer li:first-child:before {
display: none;
}
.blog .article__footer li a {
text-decoration: underline;
}
.blog .side {
width: 370px;
padding: 50px 30px 0 0;
}
.blog .side .about {
padding-bottom: 45px;
margin-bottom: 47px;
border-bottom: 1px solid #DBDBDC;
}
.blog .side .about h2 {
width: 158px;
margin-bottom: 23px;
}
.blog .side .categories,
.blog .side .related-posts,
.blog .side .blog-member {
border: 1px solid #DBDBDC;
}
.blog .side .categories dt,
.blog .side .categories h2 {
background-color: #F6F6F6;
padding: 20px;
font-weight: bold;
color: #878787;
letter-spacing: 0.1em;
}
.blog .side .related-posts dt,
.blog .side .related-posts h2 {
background-color: #F6F6F6;
padding: 20px;
font-weight: bold;
color: #878787;
letter-spacing: 0.1em;
}
.blog .side .blog-member dt,
.blog .side .blog-member h2 {
background-color: #F6F6F6;
padding: 20px;
font-weight: bold;
color: #878787;
letter-spacing: 0.1em;
}
.blog .side .categories dd,
.blog .side .categories li {
border-top: 1px solid #DBDBDC;
}
.blog .side .related-posts dd,
.blog .side .related-posts li {
border-top: 1px solid #DBDBDC;
}
.blog .side .blog-member dd,
.blog .side .blog-member li {
border-top: 1px solid #DBDBDC;
}
.blog .side .categories a,
.blog .side .related-posts a,
.blog .side .blog-member a {
display: block;
}
.blog .side .categories {
margin-bottom: 35px;
}
.blog .side .categories a {
padding: 26px 15px 26px 52px;
color: #1a5aa2;
position: relative;
}
.blog .side .categories a:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -243px;
width: 15px;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
left: 27px;
content: '';
}
.blog .side .related-posts a,
.blog .side .blog-member a {
display: table;
width: 100%;
padding: 25px 15px 25px 27px;
}
.blog .side .related-posts .thumb,
.blog .side .related-posts p {
display: table-cell;
vertical-align: middle;
}
.blog .side .blog-member .thumb,
.blog .side .blog-member p {
display: table-cell;
vertical-align: middle;
}
.blog .side .related-posts p,
.blog .side .blog-member p {
line-height: 1.4;
}
.blog .side .related-posts {
margin-bottom: 30px;
}
.blog .side .related-posts .thumb {
width: 70px;
}
.blog .side .related-posts .thumb img {
min-height: 44px;
border: 1px solid #DBDBDC;
}
.blog .side .related-posts p {
padding-left: 17px;
}
.blog .side .blog-member .thumb {
width: 54px;
}
.blog .side .blog-member p {
padding-left: 12px;
}
@media only screen and (max-width: 767px) {
.blog .contents>.contents__header {
background-position: 55% top;
}
}
@media only screen and (max-width: 767px) {
.blog .contents .contents__title {
width: 237px;
}
}
@media only screen and (max-width: 767px) {
.blog .article-container {
display: block;
min-width: inherit;
}
}
@media only screen and (max-width: 767px) {
.blog .article-container:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog .article,
.blog .side {
display: block;
}
}
@media only screen and (max-width: 767px) {
.blog .article__block {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.blog .article__inner {
width: 100%;
max-width: inherit;
padding: 0 25px;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header {
padding-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .publish {
width: auto;
padding-bottom: 5px;
border-bottom: none;
text-align: left;
position: static;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .publish__year {
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .publish__date {
display: inline;
padding-top: 0;
font-size: 0.92308em;
font-size: 0.92308rem;
font-weight: normal;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .title {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .article__info {
width: 100%;
padding: 10px 0;
text-align: left;
border-width: 1px 0;
border-style: solid;
border-color: #DBDBDC;
position: static;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .article__info:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .author {
float: left;
padding: 4px 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .author dt,
.blog .article__header .author dd {
display: inline-block;
vertical-align: middle;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .author__photo {
width: 25px;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .author__photo img {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .author__name {
margin-left: 6px;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .categories {
float: left;
padding: 5px 0;
margin: 0 0 0 26px;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .categories a {
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .sns {
float: right;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .sns dt {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .sns .sns__like {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog .article__header .sns .sns__share {
display: block;
}
}
@media only screen and (max-width: 767px) {
.blog .article__footer {
max-width: inherit;
margin: 0 25px;
}
}
@media only screen and (max-width: 767px) {
.blog .article__footer .author-data {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.blog .article__footer dt,
.blog .article__footer dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.blog .side {
width: auto;
padding-right: 0;
padding-bottom: 35px;
margin: 0 25px;
}
}
@media only screen and (max-width: 767px) {
.blog .side .about {
padding-bottom: 30px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.blog .side .about h2 {
margin-bottom: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.blog .side .categories dt,
.blog .side .categories h2 {
padding: 20px 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.blog .side .related-posts dt,
.blog .side .related-posts h2 {
padding: 20px 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.blog .side .blog-member dt,
.blog .side .blog-member h2 {
padding: 20px 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.blog .side .categories a,
.blog .side .related-posts a,
.blog .side .blog-member a {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.blog .side .categories a {
padding: 20px 15px 20px 52px;
}
}
@media only screen and (max-width: 767px) {
.blog .side .categories a:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -225px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 21px;
height: 18px;
margin-top: -9px;
left: 17px;
}
}
@media only screen and (max-width: 767px) {
.blog .side .related-posts a,
.blog .side .blog-member a {
padding: 15px 16px;
}
}
@media only screen and (max-width: 767px) {
.blog .side .related-posts .thumb {
width: 68px;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.blog .side .blog-member .thumb {
width: 50px;
}
} .page-company {     }
.page-company .contents>.contents__header {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/company/bg_header.jpg);
}
.page-company .contents .contents__title {
width: 407px;
}
.page-company .article-container {
display: table;
width: 100%;
position: relative;
}
.page-company .article-container:before {
background-color: #DBDBDC;
display: block;
width: 1px;
position: absolute;
top: 0;
bottom: 0;
left: 280px;
z-index: 100;
content: '';
}
.page-company.index .article-container:before {
display: none;
}
.page-company .side,
.page-company .article,
.page-company .section {
display: table-cell;
vertical-align: top;
}
.page-company .side {
width: 281px;
}
.page-company .side li {
border-bottom: 1px solid #DBDBDC;
}
.page-company .side li a {
display: block;
height: 120px;
padding-left: 30px;
line-height: 120px;
position: relative;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-company .side li a:before {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -313px;
width: 17px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
right: 17px;
content: '';
}
.page-company .side li.current a,
.page-company .side li:hover a {
background-color: #FBFBFB;
color: #1a5aa2;
font-weight: bold;
}
.page-company .side li.current a:before,
.page-company .side li:hover a:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
width: 17px;
height: 14px;
}
.page-company .article,
.page-company .section {
padding-top: 84px;
}
.page-company .section__block {
max-width: 720px;
padding: 0 25px;
}
.page-company .section__header .title-block {
margin-bottom: 80px;
overflow: hidden;
}
.page-company .section__header .title {
float: left;
font-size: 1.84615em;
font-size: 1.84615rem;
line-height: 1;
letter-spacing: 0.1em;
color: #1a5aa2;
}
.page-company .section__header .description {
padding-top: 20px;
margin-bottom: 78px;
clear: both;
}
.page-company .section__header .list {
padding-right: 20px;
text-align: right;
position: relative;
}
.page-company .section__header .list:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -229px;
width: 13px;
height: 10px;
margin-top: -5px;
position: absolute;
top: 50%;
right: 0;
content: '';
}
.page-company .section__header .nav {
display: table;
width: 100%;
}
.page-company .section__header .nav li {
display: table-cell;
width: 50%;
border: 1px solid #81C0DE;
}
.page-company .section__header .nav li:nth-child(n+2) {
border-left-width: 0;
}
.page-company .section__header .nav.nav--col2-title {
display: table;
width: 100%;
margin-bottom: 30px;
}
.page-company .section__header .nav.nav--col2-title:last-of-type {
margin-bottom: 0;
}
.page-company .section__header .nav.nav--col2-title dt,
.page-company .section__header .nav.nav--col2-title dd {
display: table-cell;
}
.page-company .section__header .nav.nav--col2-title dt {
width: 222px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
vertical-align: middle;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
.page-company .section__header .nav.nav--col2-title li {
display: block;
width: 100%;
}
.page-company .section__header .nav.nav--col2-title li:nth-child(n+2) {
border-left-width: 1px;
border-top-width: 0;
}
.page-company .section__header .nav.nav--col2-title a {
height: 60px;
line-height: 60px;
}
.page-company .section__header .nav.nav--col2-title a small {
font-size: 0.92308em;
font-size: 0.92308rem;
}
.page-company .section__header .nav.nav--col3 li {
width: 33.333%;
}
.page-company .section__header .nav a {
display: block;
height: 80px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
line-height: 80px;
position: relative;
}
.page-company .section__header .nav a:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -36px;
width: 14px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 14px;
content: '';
}
.page-company.index .contents__name {
padding-top: 103px;
}
.page-company.index .contents__title {
width: 330px;
margin-bottom: 82px;
}
.page-company.index .catchcopy {
text-align: center;
}
.page-company.index .contents-list {
padding: 30px 0 35px;
}
.page-company.index .contents-list li {
border-bottom: 1px solid #DBDBDC;
}
.page-company.index .contents-list li:last-child {
border-bottom: none;
}
.page-company.index .contents-list a {
display: table;
width: 100%;
padding: 47px 0;
position: relative;
}
.page-company.index .contents-list a:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -375px;
width: 23px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 26px;
content: '';
}
.page-company.index .contents-list .thumb,
.page-company.index .contents-list dl {
display: table-cell;
vertical-align: middle;
}
.page-company.index .contents-list .thumb {
width: 150px;
}
.page-company.index .contents-list dl {
padding-left: 40px;
}
.page-company.index .contents-list dt {
margin-bottom: 10px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1;
}
.page-company.index .contents-list dd {
line-height: 1.8;
}
.page-company.outline .section__list {
padding-top: 80px;
margin: -80px 0 82px;
}
.page-company.outline .section__list h3 {
margin-bottom: 54px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
}
.page-company.outline .summary__contents {
border-top: 1px solid #DBDBDC;
}
.page-company.outline .summary__contents dl {
display: table;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #DBDBDC;
}
.page-company.outline .summary__contents dt,
.page-company.outline .summary__contents dd {
display: table-cell;
vertical-align: top;
line-height: 1.8;
}
.page-company.outline .summary__contents dt {
width: 130px;
font-weight: bold;
color: #1a5aa2;
}
.page-company.outline .summary__contents dd a {
color: #1a5aa2;
text-decoration: underline;
}
.page-company.outline .summary__contents ol {
counter-reset: number;
}
.page-company.outline .summary__contents ol li {
padding-left: 20px;
position: relative;
}
.page-company.outline .summary__contents ol li:before {
position: absolute;
top: 0;
left: 0;
counter-increment: number;
content: counter(number) ".";
}
.page-company.outline .team__contents {
padding-top: 36px;
border-top: 1px solid #DBDBDC;
}
.page-company.outline .team__member {
padding-bottom: 30px;
margin-bottom: 36px;
border-bottom: 1px solid #DBDBDC;
}
.page-company.outline .team__member>p {
line-height: 1.8;
}
.page-company.outline .team__member:last-child {
margin-bottom: 0;
}
.page-company.outline .team__header {
margin-bottom: 20px;
}
.page-company.outline .post {
margin-bottom: 8px;
font-weight: bold;
color: #1a5aa2;
line-height: 1;
}
.page-company.outline .name {
margin-bottom: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1;
}
.page-company.outline .history__contents {
padding: 50px 55px 10px;
border: 1px solid #DBDBDC;
}
.page-company.outline .history__contents dl {
display: table;
width: 100%;
margin-bottom: 40px;
}
.page-company.outline .history__contents dt,
.page-company.outline .history__contents dd {
display: table-cell;
vertical-align: top;
line-height: 1.8;
}
.page-company.outline .history__contents dt {
width: 115px;
color: #1a5aa2;
}
.page-company.access .access__list {
padding: 80px 0 90px;
margin: -80px 0 80px;
border-bottom: 1px solid #DBDBDC;
}
.page-company.access .access__list:last-child {
margin-bottom: 0;
border-bottom: none;
}
.page-company.access .access__header {
margin-bottom: 30px;
}
.page-company.access .access__header .name {
margin-bottom: 32px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
}
.page-company.access .googlemap {
background-color: #eee;
height: 350px;
margin-bottom: 30px;
}
.page-company.access .indoorview {
padding-top: 50px;
}
.page-company.access .indoorview h4 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
}
.page-company.access .googlemap--indoor {
background-color: #eee;
height: 350px;
}
.page-company.access .googlemap--indoor iframe {
width: 100%;
height: 350px;
}
.page-company.mvv .title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/company/mvv/ttl_mvv.png) no-repeat left top;
width: 100%;
height: 20px;
text-indent: -999px;
overflow: hidden;
}
.page-company.mvv .mvv__list {
padding-top: 80px;
margin: -80px 0 90px;
}
.page-company.mvv .mvv__list h3 {
height: 19px;
margin-bottom: 60px;
text-align: center;
}
.page-company.mvv .mvv__list h3 img {
height: 100%;
}
.page-company.mvv .mvv__list .image {
margin-bottom: 50px;
}
.page-company.mvv .mvv__list .description {
text-align: center;
}
.page-company.mvv .mvv__list .catchcopy {
margin-bottom: 44px;
font-size: 2.61538em;
font-size: 2.61538rem;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height: 1.5;
text-align: center;
letter-spacing: 0.15em;
}
.page-company.mvv .value__contents {
border-top: 1px solid #DBDBDC;
}
.page-company.mvv .value__contents dl {
display: table;
width: 100%;
padding: 40px 0;
border-bottom: 1px solid #DBDBDC;
}
.page-company.mvv .value__contents dt,
.page-company.mvv .value__contents dd {
display: table-cell;
vertical-align: top;
}
.page-company.mvv .value__contents dt {
width: 195px;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
}
.page-company.mvv .value__contents dt small {
display: block;
margin-bottom: 14px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
font-weight: bold;
}
.page-company.news .section__header .description {
margin-bottom: 0;
}
.page-company.news .article__header {
margin-bottom: 60px;
}
.page-company.news .article__header .publish {
float: left;
}
.page-company.news .article__header .file {
float: right;
padding-left: 20px;
position: relative;
}
.page-company.news .article__header .file:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -830px;
width: 13px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.page-company.news .article__header .file a {
font-size: 0.84615em;
font-size: 0.84615rem;
color: #1a5aa2;
text-decoration: underline;
}
.page-company.news .article__header .title {
padding-top: 45px;
font-size: 1.84615em;
font-size: 1.84615rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
clear: both;
}
.page-company.news .article__header .title-sub {
padding-top: 28px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
}
.page-company.news .archives {
margin-bottom: 90px;
}
.page-company.news .archives h3 {
margin-bottom: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
font-family: "Helvetica", sans-serif;
color: #1a5aa2;
letter-spacing: 0.1em;
}
.page-company.news .archives__block {
border-bottom: 1px solid #DBDBDC;
}
.page-company.news .archives__list {
border-top: 1px dotted #DBDBDC;
}
.page-company.news .archives__list:first-child {
border-top-style: solid;
}
.page-company.news .archives__list a {
display: block;
padding: 25px 40px 25px 0;
position: relative;
}
.page-company.news .archives__list a:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -313px;
width: 17px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
right: 4px;
content: '';
}
.page-company.news .archives__list dt {
margin-bottom: 10px;
font-weight: bold;
color: #1a5aa2;
}
.page-company.news .archives__list .publish,
.page-company.news .archives__list .category {
display: inline-block;
font-size: 0.92308em;
font-size: 0.92308rem;
line-height: 1;
letter-spacing: 0.1em;
}
.page-company.news .archives__list .publish {
padding: 0 14px 0 0;
margin: 0 12px 0 0;
font-family: "Helvetica", sans-serif;
color: #3F1000;
border-right: 1px solid #CCCCCC;
}
@media only screen and (max-width: 767px) {
.page-company .contents>.contents__header {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/company/bg_header_sp.jpg);
background-size: cover;
}
}
@media only screen and (max-width: 767px) {
.page-company .contents .contents__title {
width: 264px;
}
}
@media only screen and (max-width: 767px) {
.page-company .article-container {
display: block;
}
}
@media only screen and (max-width: 767px) {
.page-company .article-container:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page-company .side,
.page-company .article,
.page-company .section {
display: block;
}
}
@media only screen and (max-width: 767px) {
.page-company .side {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page-company .article,
.page-company .section {
padding-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .title-block {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .title {
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .description {
padding-top: 17px;
margin-bottom: 45px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .list:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -198px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 13px;
height: 11px;
margin-top: -6px;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .list span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav {
display: block;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav li {
display: block;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav li:nth-child(n+2) {
border-left-width: 1px;
border-top: none;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav.nav--col2-title dt,
.page-company .section__header .nav.nav--col2-title dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav.nav--col2-title dt {
width: 100%;
padding: 20px 0;
line-height: 1.4;
border-right-width: 1px;
border-bottom-width: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav.nav--col2-title a {
height: auto;
padding: 20px 40px 20px 10px;
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav.nav--col3 li {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav a {
height: 60px;
line-height: 60px;
}
}
@media only screen and (max-width: 767px) {
.page-company .section__header .nav a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents>.contents__header {
background-size: auto 100%;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents__name {
padding-top: 49px;
margin-bottom: 14px;
font-size: 0.92308em;
font-size: 0.92308rem;
font-weight: bold;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents__title {
width: 163px;
margin-bottom: 31px;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .catchcopy {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/company/index/txt_catch-copy_sp.png) no-repeat center top;
background-size: contain;
width: 241px;
height: 73px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .catchcopy img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list {
padding: 15px 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list a {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list a:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list .thumb,
.page-company.index .contents-list dl {
vertical-align: top;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list .thumb {
width: 112px;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list dl {
padding-left: 16px;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list dt {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.index .contents-list dd {
font-size: 0.92308em;
font-size: 0.92308rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .section__list {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .section__list h3 {
margin-bottom: 25px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .summary__contents dl {
display: block;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .summary__contents dt,
.page-company.outline .summary__contents dd {
display: block;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .summary__contents dt {
width: 100%;
margin-bottom: 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .team__member>p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .team__header {
margin-bottom: 13px;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .post {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .name {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .background {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .history__contents {
padding: 25px 0;
border-width: 1px 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .history__contents dl {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .history__contents dt,
.page-company.outline .history__contents dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.outline .history__contents dt {
width: 110px;
font-weight: bold;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .access__list {
padding-bottom: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .access__header {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .access__header .name {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .access__header address {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .googlemap {
height: 175px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .route {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .indoorview {
padding-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .indoorview h4 {
margin-bottom: 12px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .googlemap--indoor {
height: 175px;
}
}
@media only screen and (max-width: 767px) {
.page-company.access .googlemap--indoor iframe {
height: 175px;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .title {
background-image: none;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
text-indent: 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .mvv__list {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .mvv__list h3 {
height: 16px;
margin-bottom: 31px;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .mvv__list .image {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .mvv__list .description {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .mvv__list .catchcopy {
margin-bottom: 28px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .value__contents dl {
display: block;
padding: 32px 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .value__contents dt,
.page-company.mvv .value__contents dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .value__contents dt {
margin-bottom: 5px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .value__contents dt small {
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.mvv .value__contents dd {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header .publish {
float: none;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header .file {
float: none;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header .file:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -425px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 13px;
height: 16px;
margin-top: -8px;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header .title {
padding-top: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .article__header .title-sub {
padding-top: 15px;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .archives {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .archives h3 {
margin-bottom: 18px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .archives__list a {
padding: 20px 30px 20px 0;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .archives__list a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -245px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 21px;
height: 18px;
margin-top: -9px;
}
}
@media only screen and (max-width: 767px) {
.page-company.news .archives__list dt {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
} .dsp .contents>.contents__header {
height: auto;
}
.dsp .contents .header__inner {
width: 94%;
margin: 0 auto;
height: 418px;
position: relative;
}
.dsp .contents .header__inner .contents__title {
width: 311px;
padding-top: 70px;
}
.dsp .contents .header__inner .contents__lead {
font-size: 1.692em;
font-size: 1.692rem;
line-height: 1.4;
font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .header__inner .contents__lead {
padding-right: 305px;
}
.dsp .contents .header__inner .contents__lead br {
display: none;
}
}
.dsp .contents .header__inner .image {
width: 161px;
top: 31px;
right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .header__inner .image {
width: 10em;
top: 2em;
right: 5.6em;
}
}
.dsp .contents .nav--page {
height: 120px;
position: absolute;
bottom: 35px;
left: 0;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page {
height: 7.5em;
}
}
.dsp .contents .nav--page li {
background-color: #FFF;
float: left;
width: 32.29167%;
height: 120px;
margin-right: 1.5625%;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page li {
height: 7.5em;
}
}
.dsp .contents .nav--page li:last-child {
margin-right: 0;
}
.dsp .contents .nav--page li dl {
display: table;
width: 100%;
height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page li dl {
height: 7.5em;
}
}
.dsp .contents .nav--page li dt,
.dsp .contents .nav--page li dd {
display: table-cell;
vertical-align: middle;
}
.dsp .contents .nav--page li dt {
width: 8em;
text-align: center;
}
.dsp .contents .nav--page li dt img {
width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page li dt img {
width: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page li dt {
width: 80px;
}
}
.dsp .contents .nav--page li dd {
font-size: 120%;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
padding-right: .5em;
}
.dsp .contents .nav--page li:last-child dt {
width: 10em;
}
.dsp .contents .nav--page li:last-child dt img {
max-width: 124px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .nav--page li:last-child dt {
width: 100px;
}
}
@media only screen and (min-width: 1025px) {
.dsp .contents .nav--page li:last-child dd {
text-align: center;
}
}
@media print {
.dsp .contents .nav--page li:last-child dd {
text-align: center;
}
}
.ie8 .dsp .contents .nav--page li:last-child dd {
text-align: center;
}
.dsp .contents .lead {
padding: 50px 0 20px;
}
.dsp .contents .lead p {
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
text-align: center;
color: #1a5aa2;
}
.dsp .contents .media {
padding-bottom: 82px;
}
.dsp .contents .media .media-container {
padding: 45px 0 50px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
position: relative;
overflow: hidden;
}
.dsp .contents .media .media-container:before {
background-color: #81C0DE;
display: block;
width: 1px;
position: absolute;
top: 50px;
left: 50%;
bottom: 50px;
content: '';
}
.dsp .contents .media .media__inner {
margin: 0 40px;
}
.dsp .contents .media .media__list {
float: left;
width: 50%;
margin-bottom: 40px;
}
.dsp .contents .media .media__list dt {
margin-bottom: 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
}
.dsp .contents .media .media__list dd {
height: 240px;
text-align: center;
}
.dsp .contents .media .more-block .media__list {
padding-top: 40px;
border-top: 1px solid #81C0DE;
}
.dsp .contents .media .switch {
display: none;
}
.dsp .contents .point {
padding-bottom: 50px;
}
.dsp .contents .point .point-container {
padding: 40px 10px 50px;
border: 1px solid #81C0DE;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .point .point-container {
padding: 5% 3%;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point-container {
padding: 5% 3%;
}
}
.dsp .contents .point .point-block {
display: table;
width: 100%;
padding: 0 10px;
margin-bottom: 40px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .point .point-block {
padding: 0;
margin-bottom: 20px;
}
}
.dsp .contents .point .point__list {
display: table-cell;
width: 33.33333%;
padding: 0 30px;
vertical-align: top;
border-right: 1px solid #81C0DE;
-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) {
.dsp .contents .point .point__list {
padding: 0 3%;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list {
padding: 0 3%;
}
}
.dsp .contents .point .point__list:last-child {
border-right: none;
}
.dsp .contents .point .point__list .icon {
height: 93px;
margin-bottom: 26px;
text-align: center;
}
.dsp .contents .point .point__list .icon img {
width: 144px;
}
.dsp .contents .point .point__list dt {
font-size: 1.5em;
font-size: 1.5rem;
margin-bottom: 18px;
font-weight: bold;
text-align: center;
color: #2381B4;
line-height: 1.5;
}
.dsp .contents .point .point__list dt small {
display: block;
font-size: 1em;
font-size: 1rem;
font-weight: bold;
line-height: 1.2;
}
.dsp .contents .point .point__list dd .sentence{
font-size: 1.08em;
font-size: 1.08rem;
line-height: 1.8;
}
.dsp .contents .point .point__list dd .brandsafe_polycy {
font-size: 0.88em;
font-size: 0.88rem;
line-height: 1.8;
color: #747373;
}
.dsp .contents .point .image {
background-color: #F3F9FB;
padding: 60px 40px;
margin: 0 30px;
position: relative;
text-align: center;
}
.dsp .contents .point .image img {
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .point .image {
margin: 0;
}
}
.dsp .contents .pmp {
padding: 66px 0 95px;
}
.dsp .contents .pmp .contents__header {
margin-bottom: 55px;
}
.dsp .contents .pmp .contents__header .title {
text-align: center;
margin-bottom: 18px;
font-size: 1.4375em;
font-size: 1.4375rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
}
.dsp .contents .pmp .contents__header p {
text-align: center;
line-height: 1.8;
}
.dsp .contents .pmp .pmp__block {
padding: 20px 30px 30px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
.dsp .contents .pmp .pmp__contents {
padding: 40px 0;
border-bottom: 1px solid #81C0DE;
}
.dsp .contents .pmp .pmp__contents h3 {
font-size: 1.69em;
font-size: 1.69rem;
font-weight: bold;
line-height: 1.4;
color: #2381B4;
}
.dsp .contents .pmp .pmp__contents:last-child {
padding-bottom: 0;
border-bottom: none;
}
.dsp .contents .pmp .private-market-place h3 {
margin-bottom: 20px;
}
.dsp .contents .pmp .private-market-place li {
padding-left: 17px;
position: relative;
}
.dsp .contents .pmp .private-market-place li:before {
display: block;
font-size: 2em;
font-size: 2rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1;
position: absolute;
top: -2px;
left: -8px;
content: '・';
}
.dsp .contents .pmp .target h3 {
margin-bottom: 36px;
}
.dsp .contents .pmp .image {
text-align: center;
}
.dsp .contents .pmp .table--style {
table-layout: fixed;
}
.dsp .contents .pmp .table--style thead th:first-child {
width: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .pmp .table--style thead th:first-child {
width: auto;
}
}
@media only screen and (min-width: 1025px) {
.dsp .contents .pmp .table--style thead th:nth-child(n+2) {
width: 230px;
}
}
@media print {
.dsp .contents .pmp .table--style thead th:nth-child(n+2) {
width: 230px;
}
}
.ie8 .dsp .contents .pmp .table--style thead th:nth-child(n+2) {
width: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .pmp .table--style thead th:nth-child(n+2) {
width: auto;
}
}
.dsp .contents .pmp .table--style tbody tr:nth-child(1) td span,
.dsp .contents .pmp .table--style tbody tr:nth-child(3) td span {
font-weight: bold;
color: #1a5aa2;
}
.dsp .contents .pmp .table--style tbody tr:nth-child(1) {
width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .pmp .table--style tbody tr:nth-child(1) {
width: auto;
}
}
.dsp .contents .pmp .table--style tbody tr:nth-child(2) {
width: 225px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .pmp .table--style tbody tr:nth-child(2) {
width: auto;
}
}
.dsp .contents .pmp .table--style tbody tr:nth-child(3) {
width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dsp .contents .pmp .table--style tbody tr:nth-child(3) {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .header__inner {
height: auto;
}
.dsp .contents .header__inner .contents__title {
width: 176px;
padding: 2em 0 0;
}
.dsp .contents .header__inner .contents__lead {
padding-top: 50%;
margin-bottom: 1em;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
.dsp .contents .header__inner .contents__lead br {
display: none;
}
.dsp .contents .header__inner .image {
width: 7.5em;
max-width: 120px;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
right: inherit;
left: 50%;
top: 8em;
}
.dsp .contents .nav--page {
height: auto;
position: static;
}
.dsp .contents .nav--page li {
float: none;
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.dsp .contents .nav--page dl {
height: 80px;
}
.dsp .contents .nav--page dl dt {
width: 100px;
padding-top: 0;
margin-bottom: 0;
text-align: center;
}
.dsp .contents .nav--page dl dd {
padding: 0 20px 0 0;
}
.dsp .contents .nav--page dl dd br {
display: none;
}
.dsp .contents .inquiry-mail .inquiry__title {
font-size: 100%;
}
.dsp .contents .lead {
padding: 1.6em 0;
}
.dsp .contents .lead p {
line-height: 1.5;
text-align: center;
}
.dsp .contents .lead br {
display: none;
}
.dsp .contents .media {
padding-top: 3.125em;
padding-bottom: 2.1em;
margin-top: -3.125em;
}
.dsp .contents .media .media-container {
padding: 1.56em 0 0;
border: none;
}
.dsp .contents .media .media-container:before {
display: none;
}
.dsp .contents .media .media__inner {
margin: 0;
}
.dsp .contents .media .media__list {
float: none;
width: 100%;
}
.dsp .contents .media .media__list dt {
line-height: 1.4;
}
.dsp .contents .media .media__list dd {
height: auto;
}
.dsp .contents .media .media__list dd img {
width: 300px;
}
.dsp .contents .media .more-block {
display: none;
}
.dsp .contents .media .switch {
display: block;
padding: 1em 0;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #177FB8;
border: 1px solid #81C0DE;
position: relative;
}
.dsp .contents .media .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
right: 13px;
content: '';
}
.dsp .contents .media .switch:after.close:after {
background-position: 0 -368px;
}
.dsp .contents .point {
padding-bottom: 2.2em;
}
.dsp .contents .point .point-container {
padding: 0;
border: none;
}
.dsp .contents .point .point-block {
display: block;
padding: 0;
margin-bottom: 0;
}
.dsp .contents .point .point__list {
display: block;
width: 100%;
padding: 2.2em 0;
border-right: none;
border-top: 1px solid #81C0DE;
}
.dsp .contents .point .point__list:last-child {
padding-bottom: 1.9em;
border-bottom: none;
}
.dsp .contents .point .point__list .icon {
height: auto;
margin-bottom: 1.2em;
}
.dsp .contents .point .point__list .icon img {
width: 143px;
}
.dsp .contents .point .point__list dt {
margin-bottom: 1em;
}
.dsp .contents .point .point__list dt small {
font-size: 1.5em;
font-size: 1.5rem;
line-height: 1.5;
}
.dsp .contents .point .image {
height: 315px;
margin: 0;
}
.dsp .contents .point .image:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_data-volume_sp.png?v=2);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
position: absolute;
top: 31px;
right: 25px;
bottom: 31px;
left: 25px;
content: '';
}
.dsp .contents .point .image img {
display: none;
}
.dsp .contents .pmp {
padding: 28px 0 50px;
}
.dsp .contents .pmp .contents__header {
margin-bottom: 30px;
}
.dsp .contents .pmp .contents__header .title {
margin-bottom: 7px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
.dsp .contents .pmp .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dsp .contents .pmp .pmp__block {
padding: 0;
border: none;
}
.dsp .contents .pmp .pmp__contents {
padding: 24px 0 35px;
}
.dsp .contents .pmp .pmp__contents h3 {
line-height: 1.5;
}
.dsp .contents .pmp .private-market-place {
padding-bottom: 20px;
}
.dsp .contents .pmp .private-market-place h3 {
margin-bottom: 9px;
}
.dsp .contents .pmp .private-market-place li {
padding-left: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
.dsp .contents .pmp .private-market-place li:before {
font-size: 2.61538em;
font-size: 2.61538rem;
top: -5px;
left: -12px;
}
.dsp .contents .pmp .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_private-market-place-sp.png?v=2) no-repeat center top;
background-size: contain;
height: 263px;
}
.dsp .contents .pmp .image img {
display: none;
}
.dsp .contents.close:after {
background-position: 0 -683px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__inner>.media__list:first-child {
padding-bottom: 2.5em;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dt {
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dd {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dd img {
width: 300px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .more-block {
display: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .switch {
display: block;
padding: 1em 0;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #1a5aa2;
border: 1px solid #81C0DE;
position: relative;
}
.dsp .contents .media .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
right: 13px;
content: '';
}
.dsp .contents .media .switch.close:after {
background-position: 0 -683px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .switch.close:after {
background-position: 0 -368px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point {
padding-bottom: 2.2em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point-container {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point-block {
display: block;
padding: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list {
display: block;
width: 100%;
padding: 2.2em 0;
border-right: none;
border-top: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list:last-child {
padding-bottom: 1.9em;
border-bottom: none;
}
.dsp .contents .point .image {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list .icon {
height: auto;
margin-bottom: 1.25em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list .icon img {
width: 9em;
max-width: 143px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list dt {
margin-bottom: 1em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list dt small {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image {
height: 315px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_data-volume_sp.png?v=2);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
position: absolute;
top: 31px;
right: 25px;
bottom: 31px;
left: 25px;
content: '';
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp {
padding: 1.75em 0 3.125em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header {
margin-bottom: 1.9em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header .title {
margin-bottom: 0.5em;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__block {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__contents {
padding: 1.5em 0 2.2em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__contents h3 {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place {
padding-bottom: 1.25em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place h3 {
margin-bottom: 0.5em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place li {
padding-left: 1em;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place li:before {
font-size: 2.61538em;
font-size: 2.61538rem;
top: -5px;
left: -12px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_private-market-place-sp.png?v=2) no-repeat center top;
background-size: contain;
height: 263px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dt {
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dd {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .media__list dd img {
width: 300px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .more-block {
display: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .switch {
display: block;
padding: 1em 0;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #177FB8;
border: 1px solid #81C0DE;
position: relative;
}
.dsp .contents .media .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
right: 13px;
content: '';
}
.dsp .contents .media .switch.close:after {
background-position: 0 -683px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .media .switch.close:after {
background-position: 0 -368px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point {
padding-bottom: 2.2em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point-container {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point-block {
display: block;
padding: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list {
display: block;
width: 100%;
padding: 2.2em 0;
border-right: none;
border-top: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list:last-child {
padding-bottom: 1.9em;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list .icon {
height: auto;
margin-bottom: 1.25em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list .icon img {
width: 143px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list dt {
margin-bottom: 1em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .point__list dt small {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image {
height: 315px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_data-volume_sp.png?v=2);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
position: absolute;
top: 31px;
right: 25px;
bottom: 31px;
left: 25px;
content: '';
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .point .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp {
padding: 1.75em 0 3.125em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header {
margin-bottom: 1.9em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header .title {
margin-bottom: 0.5em;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__block {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__contents {
padding: 1.5em 0 2.2em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .pmp__contents h3 {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place {
padding-bottom: 1.25em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place h3 {
margin-bottom: 0.5em;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place li {
padding-left: 1em;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .private-market-place li:before {
font-size: 2.61538em;
font-size: 2.61538rem;
top: -5px;
left: -12px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dsp/img_private-market-place-sp.png?v=2) no-repeat center top;
background-size: contain;
height: 263px;
}
}
@media only screen and (max-width: 767px) {
.dsp .contents .pmp .image img {
display: none;
}
} .ssp .inner {
max-width: 1100px;
padding: 0;
}
.ssp .contents>.contents__header {
height: auto;
}
.ssp .contents .header__inner {
height: 418px;
position: relative;
}
.ssp .contents .header__inner .contents__title {
width: 306px;
padding-top: 65px;
}
.ssp .contents .header__inner .contents__lead dt {
margin-bottom: 14px;
font-weight: bold;
}
.ssp .contents .header__inner .image {
width: 238px;
top: 20px;
right: 0;
}
.ssp .contents .nav--page {
height: 140px;
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .contents .nav--page {
bottom: 20px;
}
}
.ssp .contents .nav--page li {
background-color: #FFF;
float: left;
width: 18.75%;
height: 140px;
margin-right: 1.5625%;
text-align: center;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.ssp .contents .nav--page li:last-child {
margin-right: 0;
}
.ssp .contents .nav--page dt {
padding-top: 5px;
margin-bottom: 5px;
}
.ssp .contents .nav--page dt img {
width: 88px;
}
.ssp .contents .nav--page dd {
padding-bottom: 20px;
font-size: 1em;
font-size: 1rem;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
}
.ssp .ssp-partner {
padding: 85px 0;
}
.ssp .ssp-partner .title {
background-color: #F3F9FB;
padding: 23px 0;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
line-height: 1.4;
border: 1px solid #86C0DE;
position: relative;
}
.ssp .ssp-partner .title:after {
background-color: #F3F9FB;
display: block;
width: 20px;
height: 20px;
margin-left: -10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #86C0DE;
position: absolute;
bottom: -11px;
left: 50%;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ssp .ssp-partner .image {
padding: 45px 0;
text-align: center;
border-width: 0 1px 1px;
border-style: solid;
border-color: #1957a0;
}
.ssp .inquiry--ssp {
background-color: #F2F7F9;
padding: 30px 0 20px;
margin-top: 70px;
border-bottom: 1px solid #cbdadf;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .inquiry--ssp {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp {
margin-top: 2em;
}
}
.ssp .inquiry--ssp h2 {
margin-bottom: 10px;
font-size: 193%;
font-weight: bold;
line-height: 1.3;
text-align: center;
color: #1957a0;
}
.ssp .inquiry--ssp .txt_inquiry {
margin-bottom: 20px;
font-size: 26px;
font-weight: bold;
color: #1957a0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .inquiry--ssp .txt_inquiry {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp .txt_inquiry {
margin-bottom: 1em;
font-size: 4.5vw;
}
}
.ssp .inquiry--ssp .link {
padding-top: 34px;
text-align: center;
}
.ssp .inquiry--ssp .link a {
text-decoration: underline;
}
.ssp .platform {
padding: 0;
margin-bottom: 5em;
}
.ssp .platform h2 {
text-align: center;
color: #333;
margin-bottom: 1em;
}
.ssp .platform h2 .img {
display: block;
}
@media only screen and (max-width: 480px) {
.ssp .platform h2 .img {
display: inline;
vertical-align: middle;
}
}
.ssp .platform h2 .jp {
font-size: 247%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.ssp .platform h2 .jp {
display: inline;
font-size: 160%;
}
}
.ssp .platform h2 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 124%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.ssp .platform h2 .en {
font-size: 100%;
}
}
.ssp .platform .contents__block {
padding: 40px;
border-width: 1px 1px 0;
border-style: solid;
border-color: #1957a0;
-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) {
.ssp .platform .contents__block {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .contents__block {
padding: 5%;
}
}
.ssp .platform .contents__header {
margin-bottom: 46px;
}
.ssp .platform .title {
padding: 10px 0 10px 70px;
margin-bottom: 20px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.3;
color: #1957a0 !important;
position: relative;
text-align: left;
}
.ssp .platform .title:before {
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
display: block;
width: 61px;
height: 54px;
margin-top: -27px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.ssp .platform .platform--01 .title:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/ssp/ico_platform-01.png);
}
.ssp .platform .platform--02 .title:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/ssp/ico_platform-03.png);
}
.ssp .platform .platform--03 .title:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/ssp/ico_platform-04.png);
}
.ssp .platform .platform--04 .title:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/ssp/ico_platform-05.png);
}
.ssp .platform .platform--01 .block {
text-align: center;
}
.ssp .platform .platform--01 [class^="block--"] {
display: inline-block;
margin: 0 8px;
vertical-align: top;
}
.ssp .platform .platform--01 .block__list {
background-color: #FCFDFE;
height: 250px;
border: 3px solid #87BFDD;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ssp .platform .platform--01 h3 {
display: inline-block;
font-size: 1.15385em;
font-size: 1.15385rem;
font-weight: bold;
line-height: 1;
color: #1957a0;
position: absolute;
top: -9px;
left: 50%;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ssp .platform .platform--01 h3:after {
background-color: #FCFDFE;
display: block;
height: 9px;
position: absolute;
bottom: 0;
left: -4px;
right: -4px;
z-index: -1;
content: '';
}
.ssp .platform .platform--01 .block--01 {
width: 31.18609%;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .platform .platform--01 .block--01 {
width: 40%;
margin: 0;
}
}
.ssp .platform .platform--01 .block--01 .device {
display: table;
width: 100%;
padding-top: 60px;
}
.ssp .platform .platform--01 .block--01 dl {
display: table-cell;
width: 50%;
vertical-align: bottom;
}
.ssp .platform .platform--01 .block--01 dt {
margin-bottom: 10px;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
}
.ssp .platform .platform--01 .block--01 img {
height: 67px;
}
.ssp .platform .platform--01 .block--02 {
width: 64.41718%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .platform .platform--01 .block--02 {
width: 57%;
margin: 0;
}
}
.ssp .platform .platform--01 .block--02 ul {
padding: 25px 20px;
text-align: left;
}
.ssp .platform .platform--01 .block--02 li {
padding-left: 20px;
margin-bottom: 25px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
position: relative;
}
.ssp .platform .platform--01 .block--02 li:before {
position: absolute;
left: 0;
top: 0;
content: '・';
}
.ssp .platform .platform--01 .block--02 small {
display: block;
padding-top: 5px;
font-size: 0.92308em;
font-size: 0.92308rem;
font-weight: bold;
}
.ssp .platform .platform--02 .block {
background-color: #F3F9FB;
padding: 0 30px 30px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ssp .platform .platform--02 h3 {
padding: 25px 0;
font-weight: bold;
color: #1a5aa2;
}
.ssp .platform .platform--02 .image {
background-color: #FFF;
padding: 40px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ssp .platform .platform--03 .block {
background-color: #F3F9FB;
display: table;
width: 100%;
padding: 40px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-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) {
.ssp .platform .platform--03 .block {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .block {
padding: 5%;
}
}
.ssp .platform .platform--03 .image,
.ssp .platform .platform--03 .smart-yield {
display: table-cell;
vertical-align: middle;
}
.ssp .platform .platform--03 .image {
width: 41.76611%;
padding-left: 2.6253%;
text-align: left;
}
.ssp .platform .platform--03 .image img {
max-width: 310px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .platform .platform--03 .image img {
max-width: 220px;
}
}
.ssp .platform .platform--03 .smart-yield {
background-color: #FFF;
padding: 24px 30px;
position: relative;
}
.ssp .platform .platform--03 .smart-yield:before {
background-color: #FFF;
display: block;
width: 58px;
height: 58px;
margin-top: -28px;
position: absolute;
top: 50%;
left: -17px;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ssp .platform .platform--03 .smart-yield dt {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/ssp/ico_smart-yield.png) no-repeat center top;
background-size: 66px auto;
padding-top: 90px;
margin-bottom: 15px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1;
color: #1a5aa2;
}
.ssp .platform .platform--03 .smart-yield dd {
text-align: left;
line-height: 1.8;
position: relative;
}
.ssp .platform .platform--04 {
border-bottom: 1px solid #81C0DE;
}
.ssp .platform .platform--04 .report {
display: table;
width: 720px;
margin: 0 auto 50px;
}
.ssp .platform .platform--04 .report__list {
display: table-cell;
width: 240px;
text-align: center;
vertical-align: bottom;
}
.ssp .platform .platform--04 dt {
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
}
.ssp .platform .platform--04 dd img {
width: 152px;
}
.ssp .results {
padding: 80px 0 85px;
}
.ssp .results .title {
margin-bottom: 80px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
}
.ssp .results .inner>div {
background-color: #eee;
height: 351px;
}
.ssp .flow {
padding: 50px 0 40px;
}
.ssp .flow .title {
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1957a0;
text-align: center;
margin-bottom: 30px;
}
.ssp .flow ol {
display: table;
width: 100%;
height: 160px;
margin-bottom: 0;
overflow: hidden;
}
.ssp .flow li {
background-color: #FFF;
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
position: relative;
}
.ssp .flow li:before,
.ssp .flow li:after {
background-color: #F2F7F9;
display: block;
width: 14px;
height: 160px;
position: absolute;
right: 3px;
z-index: 10;
content: '';
}
.ssp .flow li:before {
top: 75px;
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.ssp .flow li:after {
bottom: 75px;
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.ssp .flow li:last-child:before,
.ssp .flow li:last-child:after {
display: none;
}
.ssp .flow dt {
margin-bottom: 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1;
color: #1957a0;
text-transform: uppercase;
letter-spacing: 0;
}
.ssp .flow dd {
line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .flow dd {
font-size: 85%;
}
}
.ssp .flow dd p {
margin-bottom: 10px;
}
.ssp .flow dd img {
width: 58px;
}
.ssp .flow .btn--ssp {
max-width: 820px;
}
.ssp .con_case {
overflow: hidden;
*zoom: 1;
padding: 40px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ssp .con_case {
padding: 40px 0 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .con_case {
padding: 5% 0 0;
}
}
.ssp .con_case h2 {
text-align: center;
color: #333;
margin-bottom: 1em;
}
.ssp .con_case h2 .img {
display: block;
}
@media only screen and (max-width: 480px) {
.ssp .con_case h2 .img {
display: inline;
vertical-align: middle;
}
}
.ssp .con_case h2 .jp {
font-size: 247%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.ssp .con_case h2 .jp {
display: inline;
font-size: 160%;
}
}
.ssp .con_case h2 .en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 124%;
display: block;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
.ssp .con_case h2 .en {
font-size: 100%;
}
}
.ssp .con_case .inner {
padding: 0;
}
.ssp .con_case .box_case {
overflow: hidden;
*zoom: 1;
}
.ssp .con_case .box_case ul {
overflow: hidden;
*zoom: 1;
}
.ssp .con_case .box_case ul li {
float: left;
width: 23.27273%;
margin-right: 2.27273%;
position: relative;
}
@media only screen and (max-width: 767px) {
.ssp .con_case .box_case ul li {
width: 100%;
margin-right: 0;
margin-bottom: 3%;
}
}
.ssp .con_case .box_case ul li:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #1957a0 transparent;
}
.ssp .con_case .box_case ul li a {
display: block;
border: 1px solid #177fb8;
padding: 9.76563%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
.ssp .con_case .box_case ul li a:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.ssp .con_case .box_case ul li a .title_case {
text-align: center;
font-size: 154%;
color: #1957a0;
font-weight: bold;
}
.ssp .con_case .box_case ul li a .img {
margin: 20px auto 10px;
text-align: center;
}
.ssp .con_case .box_case ul li a .txt_des {
text-align: right;
}
.ssp .con_case .box_case ul li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .contents__title {
width: 176px;
padding: 33px 0 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .contents__lead {
padding-top: 183px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .contents__lead dt {
margin-bottom: 10px;
font-size: 1.53846em;
font-size: 1.53846rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .contents__lead dt br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .contents__lead dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .header__inner .image {
width: 100%;
margin-left: 0;
right: inherit;
left: 0;
top: 70px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page {
height: auto;
position: static;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page li {
float: none;
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 10px;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dl {
display: table;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dt,
.ssp .contents .nav--page dd {
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dt {
width: 105px;
padding-top: 0;
margin-bottom: 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dt img {
width: 68px;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dd {
padding: 0 30px 0 0;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .contents .nav--page dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.ssp .ssp-partner {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .ssp-partner .title:after {
width: 14px;
height: 14px;
margin-left: -10px;
bottom: -8px;
}
}
@media only screen and (max-width: 767px) {
.ssp .ssp-partner .image {
padding: 25px 0 20px;
border-width: 0 0 1px;
}
}
@media only screen and (max-width: 767px) {
.ssp .ssp-partner .image img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp h2 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp .link {
padding-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .inquiry--ssp .link a {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform {
padding: 35px 0 30px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .contents__block {
padding: 0;
border-width: 0 0 1px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .contents__header {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .title {
padding-left: 80px;
margin-bottom: 15px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .title:before {
background-size: contain;
width: 67px;
height: 61px;
margin-top: -30px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .description {
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 [class^="block--"] {
display: block;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 h3 {
font-size: 0.84615em;
font-size: 0.84615rem;
top: -7px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 h3:after {
bottom: -2px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 {
width: auto;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 .block__list {
height: auto;
margin: 0 12px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 h3 {
font-size: 0.84615em;
font-size: 0.84615rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 .device {
display: block;
padding: 25px 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 dl {
display: inline-block;
width: auto;
margin: 0 11px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 dt {
margin-bottom: 5px;
font-size: 0.76923em;
font-size: 0.76923rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--01 img {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--02 {
width: auto;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--02 .block__list {
height: auto;
margin: 0 12px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--02 ul {
padding: 15px 15px 5px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--02 li {
padding-left: 15px;
margin-bottom: 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--01 .block--02 small {
font-size: 0.76923em;
font-size: 0.76923rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--02 {
padding-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--02 .block {
background-color: transparent;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--02 h3 {
background-color: #F3F9FB;
padding: 15px 0;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--02 .image {
padding: 22px 0 32px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--02 .image img {
width: 100%;
max-width: 325px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .block {
display: block;
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .image,
.ssp .platform .platform--03 .smart-yield {
display: block;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .image {
width: auto;
padding-left: 0;
margin-bottom: 32px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .image img {
width: 100%;
max-width: 260px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .smart-yield {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .smart-yield:before {
margin: 0 0 0 -28px;
top: -6px;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--03 .smart-yield dt {
background-size: 50px auto;
padding-top: 60px;
margin-bottom: 10px;
position: relative;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--04 {
padding-top: 50px;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--04 .report {
display: block;
width: auto;
margin-bottom: 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--04 .report__list {
display: inline-block;
width: auto;
margin: 0 18px 22px;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--04 dt {
font-size: 0.76923em;
font-size: 0.76923rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .platform .platform--04 dd img {
width: 114px;
}
}
@media only screen and (max-width: 767px) {
.ssp .results {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .results .title {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow .title {
margin-bottom: 30px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow ol {
display: block;
width: 275px;
height: auto;
margin: 0 auto 35px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow li {
display: block;
width: 100%;
padding: 25px 0;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow li:before,
.ssp .flow li:after {
width: 100%;
height: 10px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow li:before {
margin-right: -7px;
top: inherit;
right: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow li:after {
margin-left: -7px;
left: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow dt {
margin-bottom: 8px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow dd p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow dd img {
width: 52px;
}
}
@media only screen and (max-width: 767px) {
.ssp .flow .btn--ssp {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp a {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp strong,
.ssp .btn--ssp p {
display: block;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp strong {
width: auto;
padding: 8px 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp p span {
padding: 12px 0 10px;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp p span:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.ssp .btn--ssp p span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 10px;
}
} .dmp .contents>.contents__header {
height: auto;
}
.dmp .contents>.contents__header .header__inner {
height: 418px;
position: relative;
}
.dmp .contents>.contents__header .header__inner .contents__title {
width: 51.77083%;
padding-top: 70px;
max-width: 51.77083%;
}
.dmp .contents>.contents__header .header__inner .contents__lead {
font-size: 1.69em;
font-size: 1.69rem;
letter-spacing: 0;
line-height: 1.4;
font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dmp .contents>.contents__header .header__inner .contents__lead {
padding-right: 31.25%;
}
}
.dmp .contents>.contents__header .header__inner .image {
width: 17.8125%;
top: 70px;
right: 10.41667%;
}
.dmp .contents>.contents__header .nav--header img {
max-width: 389px;
}
.dmp .contents__block {
padding-top: 130px;
margin-top: -130px;
}
.dmp .inquiry-dmp {
padding: 20px 0;
margin-bottom: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dmp .inquiry-dmp {
margin-bottom: 4em;
}
}
@media only screen and (max-width: 767px) {
.dmp .inquiry-dmp {
margin-bottom: 2em;
}
}
.dmp .inquiry-dmp.inquiry-bottom {
padding-bottom: 100px;
}
.dmp .inquiry-dmp .inquiry__block {
max-width: 920px;
}
.dmp .inquiry__block {
display: table;
width: 100%;
margin: 0 auto;
}
.dmp .inquiry__title {
margin-bottom: 40px;
font-size: 1.92em;
font-size: 1.92rem;
font-weight: bold;
line-height: 1.3;
text-align: center;
color: #1957a0;
}
@media only screen and (max-width: 767px) {
.dmp .inquiry__title {
margin-bottom: 25px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
.dmp .inquiry__box ul {
letter-spacing: -0.4em;
overflow: hidden;
*zoom: 1;
}
.dmp .inquiry__box li {
display: block;
letter-spacing: normal;
width: 49%;
float: left;
margin-left: 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dmp .inquiry__box li:first-child {
margin-left: 0;
}
.dmp .inquiry__box a {
display: block;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMDVmMjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4NTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f05f21), color-stop(50%, #d8541a));
background: -moz-linear-gradient(#f05f21 50%, #d8541a 50%);
background: -webkit-linear-gradient(#f05f21 50%, #d8541a 50%);
background: linear-gradient(#f05f21 50%, #d8541a 50%);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
border-bottom: 0.5em solid #ac4316;
color: #fff;
line-height: 62px;
height: 62px;
max-width: 590px;
color: #fff;
text-decoration: none;
}
.dmp .inquiry__box a:hover {
color: #fff;
}
.dmp .inquiry__box a span {
font-size: 1.85em;
font-size: 1.85rem;
display: block;
text-align: center;
}
.dmp .inquiry__box a span:before,
.dmp .inquiry__box a span:after {
font-family: FontAwesome;
vertical-align: middle;
}
.dmp .inquiry__box a span>* {
vertical-align: middle;
display: inline;
}
.dmp .inquiry__box a span:after {
content: "";
margin-left: .5em;
}
.dmp .inquiry__box a span:after {
position: static;
display: inline-block;
width: 0.9em;
height: 0.9em;
background: none;
margin-top: 0;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 0.9;
text-align: center;
background: none;
margin-top: 0;
}
.dmp .inquiry__box a.plan--free {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlMGI2MTIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyYWEwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #e0b612), color-stop(50%, #d2aa0c));
background: -moz-linear-gradient(#e0b612 50%, #d2aa0c 50%);
background: -webkit-linear-gradient(#e0b612 50%, #d2aa0c 50%);
background: linear-gradient(#e0b612 50%, #d2aa0c 50%);
border-bottom-color: #c19d0d;
}
@media only screen and (max-width: 767px) {
.dmp .inquiry__box a {
width: auto;
height: auto;
line-height: 1.3;
text-align: center;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dmp .inquiry__box a span {
padding: 0.5em 0.3em;
}
}
.dmp .inquiry__box .plan--free {
background-color: #F4863D;
}
.dmp .inquiry__box .plan--charge {
background-color: #F2680C;
}
.dmp [class*="for-"].contents__block>.contents__header {
background-repeat: no-repaet;
background-position: center center;
background-size: cover;
}
.dmp [class*="for-"].contents__block .header__inner {
display: table;
max-width: 960px;
margin: auto;
height: 300px;
}
.dmp [class*="for-"].contents__block .header__group {
display: table-cell;
vertical-align: middle;
}
.dmp [class*="for-"].contents__block .header__group div {
position: relative;
}
.dmp [class*="for-"].contents__block .header__group div:before {
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
display: block;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.dmp [class*="for-"].contents__block .header__group p {
padding-top: 8px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.3;
letter-spacing: 0.1em;
}
.dmp .for-app>.contents__header {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/bg_for-app.png);
}
.dmp .for-app .header__group div {
padding-left: 70px;
}
.dmp .for-app .header__group div:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_app.png);
width: 46px;
height: 74px;
margin-top: -37px;
}
.dmp .for-app .header__group h2 {
width: 389px;
}
.dmp .for-app .inquiry-dmp {
padding: 40px 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dmp .for-app .inquiry-dmp {
padding: 2.5em 0;
}
}
@media only screen and (max-width: 767px) {
.dmp .for-app .inquiry-dmp {
padding: 1.3em 0;
}
}
.dmp .for-app .inquiry-dmp .inquiry__block {
max-width: 920px;
}
.dmp .for-app .inquiry-dmp .inquiry__app li a {
height: 75px;
line-height: 75px;
border-bottom-width: 0.8em;
}
@media only screen and (max-width: 767px) {
.dmp .for-app .inquiry-dmp .inquiry__app li a {
width: auto;
height: auto;
line-height: 1.3;
text-align: center;
font-size: 1.07692em;
font-size: 1.07692rem;
border-bottom-width: 0.5em;
}
.dmp .for-app .inquiry-dmp .inquiry__app li a span {
padding: 0.5em 0.3em;
}
}
.dmp .for-web>.contents__header {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/bg_for-web.png);
}
.dmp .for-web .header__group div {
padding-left: 100px;
}
.dmp .for-web .header__group div:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_web.png);
width: 79px;
height: 76px;
margin-top: -38px;
}
.dmp .for-web .header__group h2 {
width: 394px;
}
.dmp .for-web .inquiry-dmp {
padding: 40px 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dmp .for-web .inquiry-dmp {
padding: 2.5em 0;
}
}
@media only screen and (max-width: 767px) {
.dmp .for-web .inquiry-dmp {
padding: 1.3em 0;
}
}
.dmp .for-web .inquiry-dmp .inquiry__block {
max-width: 920px;
}
.dmp .for-web .inquiry-dmp .inquiry__app li a {
height: 75px;
line-height: 75px;
border-bottom-width: 0.8em;
}
@media only screen and (max-width: 767px) {
.dmp .for-web .inquiry-dmp .inquiry__app li a {
width: auto;
height: auto;
line-height: 1.3;
text-align: center;
font-size: 1.07692em;
font-size: 1.07692rem;
border-bottom-width: 0.5em;
}
.dmp .for-web .inquiry-dmp .inquiry__app li a span {
padding: 0.5em 0.3em;
}
}
.dmp .visualize-everything {
padding: 57px 0 90px;
}
.dmp .visualize-everything h3 {
height: 171px;
margin-bottom: 66px;
text-align: center;
}
.dmp .visualize-everything h3 img {
height: inherit;
}
.dmp .visualize-everything .visualize__contents {
border: 1px solid #81C0DE;
}
.dmp .visualize-everything .visualize__list {
padding: 40px;
border-bottom: 1px solid #81C0DE;
}
.dmp .visualize-everything .visualize__inner {
display: table;
width: 100%;
table-layout: fixed;
}
.dmp .visualize-everything .visualize__list--01 h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_visualized-01.png);
}
.dmp .visualize-everything .visualize__list--01 .visualize__image img {
height: 176px;
}
.dmp .visualize-everything .visualize__list--02 h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_visualized-02.png);
}
.dmp .visualize-everything .visualize__list--03 h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_visualized-03.png);
}
.dmp .visualize-everything .visualize__list--04 h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dmp/ico_visualized-04.png);
}
.dmp .visualize-everything .visualize__txt,
.dmp .visualize-everything .visualize__image {
display: table-cell;
vertical-align: top;
}
.dmp .visualize-everything .visualize__txt {
width: 270px;
}
.dmp .visualize-everything .visualize__txt h4 {
padding-left: 73px;
margin-bottom: 28px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
position: relative;
}
.dmp .visualize-everything .visualize__txt h4:before {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 65px;
height: 46px;
margin-top: -23px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.dmp .visualize-everything .visualize__txt p {
line-height: 1.8;
}
.dmp .visualize-everything .visualize__image {
padding: 10px 0 5px 30px;
text-align: center;
}
.dmp .price h3 {
padding: 76px 0 25px; font-weight: bold;
color: #177FB8;
line-height: 1.5;
}
.dmp .price .price__contents .switch {
padding: 26px 0;
color: #177FB8;
text-align: center;
font-weight: bold;
line-height: 1.3;
border: 1px solid #81C0DE;
position: relative;
cursor: pointer;
}
.dmp .price .price__contents .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -36px;
width: 14px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 14px;
content: '';
}
.dmp .price .price__contents .switch.close:after {
background-position: 0 -683px;
}
.dmp .price .price__contents .details {
display: none;
padding-top: 5px;
}
.dmp .price .table-container {
margin-bottom: 50px;
}
.dmp .price .price__detail h4 {
padding-left: 75px;
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
position: relative;
}
.dmp .price .price__detail h4:before {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 56px;
height: 48px;
margin-top: -24px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
@media only screen and (max-width: 767px) {
.dmp .price .price__detail h4 {
padding-left: 0;
margin-bottom: 1.5em;
}
}
.dmp .price .price__detail.detail--analytics h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/dmp/ico_price--analytics.png);
}
.dmp .price .price__detail.detail--tracking h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/dmp/ico_price--tracking.png);
}
.dmp .price .price__detail.detail--dmp h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/dmp/ico_price--dmp.png);
}
.dmp .price .price__detail.detail--xchange h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/dmp/ico_price--xchange.png);
}
.dmp .price .price__detail h5 {
margin-bottom: 30px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #177FB8;
}
.dmp .tracking-partner h3 {
padding: 76px 0 25px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
line-height: 1.5;
}
.dmp .tracking-partner .traking-partner__inner {
padding: 40px 0;
margin-bottom: 30px;
text-align: center;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
.dmp .case {
padding-bottom: 50px;
}
.dmp .case h3 {
padding: 76px 0 25px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
line-height: 1.5;
}
.dmp .case__contents {
overflow: hidden;
}
.dmp .case__list {
float: left;
width: 48.95833%;
margin-right: 2.08333%;
}
.dmp .case__list:last-child {
margin-right: 0;
}
.dmp .case__list .case__inner {
padding: 45px 30px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dmp .case__list .case__inner {
padding: 45px 30px;
}
}
@media only screen and (max-width: 767px) {
.dmp .case__list .case__inner {
padding: 5% 3%;
}
}
.dmp .case__list .case__inner>h5 {
margin-bottom: 22px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #177FB8;
text-align: center;
line-height: 1.4;
}
.dmp .case__list .case__inner .logo {
float: left;
width: 34.04255%;
margin-right: 5.95745%;
border: 1px solid #DDDDDD;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dmp .case__list .case__inner>p {
line-height: 1.8;
overflow: hidden;
}
.dmp .case__list .case__header {
margin-bottom: 40px;
overflow: hidden;
}
.dmp .case__list .case__header>p {
line-height: 1.8;
overflow: hidden;
}
.dmp .case__list .case__approach {
padding-top: 40px;
border-top: 1px solid #86C0DE;
position: relative;
}
.dmp .case__list .case__approach:after {
background-color: #fff;
display: block;
width: 20px;
height: 20px;
margin-left: -10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #86C0DE;
position: absolute;
top: -11px;
left: 50%;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dmp .case__list .case__approach h5 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #177FB8;
text-align: center;
line-height: 1.5;
}
.dmp .case__list .case__approach p {
margin-bottom: 30px;
line-height: 1.8;
}
.dmp .case__list .case__approach .image {
width: 302px;
}
.dmp .case__list .case__approach .image img[src*="case-01.png"] {
padding: 14px 0 27px;
}
.dmp .case--web .case__inner {
min-height: 350px;
}
.dmp .for-web .lead {
padding: 75px 0;
}
.dmp .for-web .point {
border: 1px solid #81C0DE;
}
.dmp .for-web .point--large .point__list {
display: table;
width: 100%;
border-bottom: 1px solid #81C0DE;
}
.dmp .for-web .point--large .image,
.dmp .for-web .point--large .txt {
display: table-cell;
padding-top: 50px;
padding-bottom: 50px;
vertical-align: middle;
}
.dmp .for-web .point--large .image {
width: 302px;
padding-left: 80px;
}
.dmp .for-web .point--large .image img {
width: 221px;
}
.dmp .for-web .point--large .txt {
padding-right: 30px;
padding-left: 75px;
}
.dmp .for-web .point--large .txt dt {
margin-bottom: 20px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
line-height: 1.3;
}
.dmp .for-web .point--large .txt dd {
line-height: 1.8;
}
.dmp .for-web .point--small {
display: table;
width: 100%;
}
.dmp .for-web .point--small .point__list {
display: table-cell;
width: 25%;
padding: 52px 0 40px;
vertical-align: top;
border-right: 1px solid #81C0DE;
}
.dmp .for-web .point--small .point__list:last-child {
border-right: none;
}
.dmp .for-web .point--small .image {
display: table;
width: 100%;
height: 134px;
margin-bottom: 20px;
text-align: center;
}
.dmp .for-web .point--small .image span {
display: table-cell;
vertical-align: middle;
}
.dmp .for-web .point--small .image img {
width: 157px;
}
.dmp .for-web .point--small dt {
font-weight: bold;
text-align: center;
color: #177FB8;
line-height: 1.4;
}
.dmp .for-web .feature h3 {
padding: 85px 0 25px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #177FB8;
line-height: 1.5;
}
.dmp .for-web .feature-container {
padding-bottom: 66px;
overflow: hidden;
}
.dmp .for-web .feature__list {
background-color: #F3F9FB;
float: left;
width: 49%;
margin: 0 20px 20px 0;
}
.dmp .for-web .feature__list:nth-child(2n+2) {
margin-right: 0;
}
.dmp .for-web .feature__list .feature__inner {
display: table;
width: 100%;
height: 205px;
}
.dmp .for-web .feature__list .icon,
.dmp .for-web .feature__list dl {
display: table-cell;
vertical-align: middle;
}
.dmp .for-web .feature__list .icon {
width: 112px;
padding-left: 30px;
}
.dmp .for-web .feature__list .icon img {
width: 82px;
}
.dmp .for-web .feature__list dl {
padding: 0 24px 0 20px;
}
.dmp .for-web .feature__list dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #177FB8;
line-height: 1.4;
}
.dmp .for-web .feature__list dd {
line-height: 1.8;
}
html.lower .page-service.dmp #contents .tmp_st {
margin-bottom: 0px;
} @media only screen and (max-width: 767px) {
.dmp .contents>.contents__header {
padding-bottom: 0;
}
.dmp .contents>.contents__header .header__inner {
height: auto;
min-height: 418px;
}
.dmp .contents>.contents__header .header__inner .contents__title {
width: 100%;
padding: 33px 0 0;
max-width: 100%;
}
.dmp .contents>.contents__header .header__inner .contents__lead {
padding-top: 156px;
margin-bottom: 23px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
.dmp .contents>.contents__header .header__inner .contents__lead br {
display: none;
}
.dmp .contents>.contents__header .header__inner .image {
width: 127px;
margin-left: -63px;
right: inherit;
left: 50%;
top: 109px;
}
.dmp .inquiry-dmp {
padding: 1.2em 0;
}
.dmp .inquiry-dmp.inquiry-bottom {
padding-bottom: 35px;
}
.dmp .inquiry__block {
display: block;
}
.dmp .inquiry__box {
display: block;
padding-right: 0;
}
.dmp .inquiry__box li {
display: block;
margin: 0 0 10px;
float: none;
width: 100%;
margin-left: 0;
}
.dmp .inquiry__box li:last-child {
margin-bottom: 0;
}
.dmp .inquiry__box a {
width: 100%;
text-align: center;
}
.dmp .inquiry__box a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 9px;
}
.dmp [class*="for-"].contents__block>.contents__header {
padding: 0 25px;
}
.dmp [class*="for-"].contents__block .header__inner {
width: 100%;
height: 175px;
}
.dmp [class*="for-"].contents__block .header__group p {
font-size: 1em;
font-size: 1rem;
}
.dmp .for-app .header__group div {
padding-left: 52px;
}
.dmp .for-app .header__group div:before {
width: 35px;
height: 56px;
margin-top: -28px;
}
.dmp .for-app .header__group h2 {
width: 223px;
}
.dmp .for-web .header__group div {
padding-left: 70px;
}
.dmp .for-web .header__group div:before {
width: 58px;
height: 56px;
margin-top: -28px;
}
.dmp .for-web .header__group h2 {
width: 226px;
}
.dmp .for-web .lead {
padding: 28px 0 43px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
.dmp .for-web .point {
border-width: 1px 0 0;
}
.dmp .for-web .point--large .point__list {
display: block;
}
.dmp .for-web .point--large .image {
display: block;
padding: 0;
width: 100%;
padding: 25px 0 0;
margin-bottom: 30px;
text-align: center;
}
.dmp .for-web .point--large .image img {
width: 151px;
}
.dmp .for-web .point--large .txt {
display: block;
padding: 0;
padding: 0 0 30px;
}
.dmp .for-web .point--large .txt dt {
margin-bottom: 15px;
font-size: 1.23077em;
font-size: 1.23077rem;
text-align: center;
line-height: 1.5;
}
.dmp .for-web .point--large .txt dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dmp .for-web .point--small {
display: block;
}
.dmp .for-web .point--small .point__list {
display: block;
width: 100%;
padding: 37px 0 29px;
border-bottom: 1px solid #81C0DE;
border-right: none;
}
.dmp .for-web .point--small .image {
display: block;
height: auto;
margin-bottom: 14px;
}
.dmp .for-web .point--small .image span {
display: block;
}
.dmp .for-web .point--small .image img {
width: 156px;
}
.dmp .for-web .point--small dt {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
.dmp .for-web .point--small dt br {
display: none;
}
.dmp .for-web .feature h3 {
padding: 27px 0 33px;
line-height: 1.3;
}
.dmp .for-web .feature-container {
padding-bottom: 35px;
}
.dmp .for-web .feature__list {
float: none;
width: 100%;
margin: 0 0 15px;
}
.dmp .for-web .feature__list:last-child {
margin-bottom: 0;
}
.dmp .for-web .feature__list .feature__inner {
display: block;
height: auto;
padding-top: 15px;
}
.dmp .for-web .feature__list .icon {
display: block;
width: 100%;
padding-left: 0;
margin-bottom: 16px;
text-align: center;
}
.dmp .for-web .feature__list .icon img {
width: 61px;
}
.dmp .for-web .feature__list dl {
display: block;
padding: 0 20px 15px;
}
.dmp .for-web .feature__list dt {
margin-bottom: 8px;
text-align: center;
line-height: 1.5;
}
.dmp .for-web .feature__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dmp .visualize-everything {
padding: 50px 0 35px;
}
.dmp .visualize-everything h3 {
height: 127px;
}
.dmp .visualize-everything .visualize__contents {
border-width: 1px 0 0;
}
.dmp .visualize-everything .visualize__list {
padding: 30px 0 35px;
}
.dmp .visualize-everything .visualize__list:last-child {
padding-bottom: 0;
border-bottom: none;
}
.dmp .visualize-everything .visualize__txt {
display: block;
width: 100%;
}
.dmp .visualize-everything .visualize__txt h4 {
padding-left: 60px;
margin-bottom: 24px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
.dmp .visualize-everything .visualize__txt h4:before {
width: 49px;
height: 35px;
margin-top: -17px;
}
.dmp .visualize-everything .visualize__txt p {
margin-bottom: 22px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dmp .visualize-everything .visualize__image {
display: block;
padding: 0;
}
.dmp .price {
padding-top: 50px;
margin-top: -50px;
}
.dmp .price h3 {
padding: 32px 0;
line-height: 1.3;
}
.dmp .price .price__contents .switch {
padding: 20px 0;
}
.dmp .price .price__contents .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
}
.dmp .price .price__contents .switch.close:after {
background-position: 0 -368px;
}
.dmp .price .table-container tbody th {
text-align: center;
}
.dmp .price .price__detail h4 {
padding-left: 60px;
margin-bottom: 30px;
}
.dmp .price .price__detail h4:before {
width: 41px;
height: 36px;
margin-top: -18px;
}
.dmp .price .price__detail h5 {
margin-bottom: 22px;
}
.dmp .price#price-web .table-container tbody tr {
width: 200px;
}
.dmp .tracking-partner h3 {
padding: 32px 0;
line-height: 1.3;
}
.dmp .tracking-partner .traking-partner__inner {
padding: 20px 0 0;
margin-bottom: 18px;
border: none;
}
.dmp .tracking-partner .note {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
.dmp .case {
padding-bottom: 4px;
}
.dmp .case h3 {
padding: 30px 0;
line-height: 1.3;
}
.dmp .case__list {
float: none;
width: 100%;
margin-right: 0;
}
.dmp .case__list h4 {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.4;
}
.dmp .case__list .case__inner {
padding: 37px 0;
border: none;
}
.dmp .case__list .case__inner .logo {
width: 118px;
margin: 0 15px 15px 0;
}
.dmp .case__list .case__inner>p {
font-size: 1.07692em;
font-size: 1.07692rem;
overflow: visible;
}
.dmp .case__list .case__header {
margin-bottom: 30px;
}
.dmp .case__list .case__approach {
padding-top: 25px;
}
.dmp .case__list .case__approach:after {
width: 14px;
height: 14px;
margin-left: -10px;
top: -8px;
}
.dmp .case__list .case__approach h5 {
margin-bottom: 10px;
line-height: 1.4;
}
.dmp .case__list .case__approach p {
margin-bottom: 20px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dmp .case__list .case__approach .image {
width: 100%;
text-align: center;
}
.dmp .case__list .case__approach .image img {
width: 277px;
}
.dmp .case__list .case__approach .image img[src*="case-01.png"] {
padding: 0;
}
.dmp .case--web .case__inner {
min-height: inherit;
}
} .gaurl .contents>.contents__header .inquiry-mail {
background-color: #e6e9ec;
padding: 20px 0;
}
.gaurl .contents>.contents__header {
height: auto;
}
.gaurl .contents .header__inner {
height: 418px;
position: relative;
}
.gaurl .contents .header__inner .contents__title {
padding-top: 70px;
margin-bottom: 24px;
}
.gaurl .contents .header__inner .contents__title img {
height: 30px;
}
.gaurl .contents .header__inner .contents__lead dt {
margin-bottom: 20px;
line-height: 1.4;
letter-spacing: 0.16em;
font-size: 1.69em;
font-size: 1.69rem;
font-weight: 600;
}
.gaurl .contents .header__inner .contents__lead dd {
font-size: 1.23em;
font-size: 1.23rem;
}
.gaurl .contents .header__inner .language {
padding-top: 23px;
}
.gaurl .contents .header__inner .language dt,
.gaurl .contents .header__inner .language dd {
display: inline-block;
color: #fff;
}
.gaurl .contents .header__inner .language a {
color: #fff;
text-decoration: underline;
}
.gaurl .contents .header__inner .language a:hover {
text-decoration: none;
}
.gaurl .contents .partner {
text-align: right;
position: absolute;
right: 30px;
bottom: 51px;
z-index: 100;
}
.gaurl .contents .partner .partner__inner {
display: table;
}
.gaurl .contents .partner .partner__text,
.gaurl .contents .partner .partner__badge {
display: table-cell;
vertical-align: middle;
}
.gaurl .contents .partner dt {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
.gaurl .contents .partner dd {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
color: #fff;
}
.gaurl .contents .partner .partner__badge {
padding-left: 20px;
}
.gaurl .contents .partner .partner__badge img {
width: 165px;
}
.gaurl .contents .banner {
background-color: #FFF;
display: table;
width: 300px;
height: 105px;
text-align: right;
position: absolute;
bottom: 40px;
right: 35px;
z-index: 100;
}
.gaurl .contents .banner dt,
.gaurl .contents .banner dd {
display: table-cell;
padding: 13px;
vertical-align: middle;
}
.gaurl .contents .banner dt {
width: 111px;
margin: 0 0 14px auto;
}
.gaurl .contents .banner dd {
padding-left: 0;
text-align: left;
font-size: 0.92308em;
font-size: 0.92308rem;
line-height: 1.4;
color: #000000;
}
.gaurl .contents>.inquiry-mail {
width: 420px;
padding: 0;
position: absolute;
top: 400px;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.gaurl .contents>.inquiry-mail {
width: 100%;
}
}
.gaurl .contents>.inquiry-mail .btn--mail {
display: table;
width: 100%;
}
.gaurl .contents>.inquiry-mail .btn--mail a {
display: table-cell;
height: 80px;
vertical-align: middle;
line-height: 1.3;
font-size: 1.07692em;
font-size: 1.07692rem;
}
.gaurl .contents>.inquiry-mail .btn--mail a span {
padding: 0 84px;
}
.gaurl .contents>.inquiry-mail .btn--mail a span:before {
margin: 0;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -912px;
width: 32px;
height: 22px;
margin-top: -11px;
display: block;
position: absolute;
top: 50%;
left: 30px;
}
.gaurl .gaurl-technology .contents__block:first-child {
padding: 66px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.gaurl .gaurl-technology .contents__block:first-child {
padding-top: 100px;
}
}
.gaurl .gaurl-technology .contents__header {
margin-bottom: 34px;
}
.gaurl .gaurl-technology .contents__header dt {
margin-bottom: 20px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
letter-spacing: 0.1em;
}
.gaurl .gaurl-technology .contents__header dd {
line-height: 1.8;
}
.gaurl .gaurl-technology .inner>.image {
margin-bottom: 64px;
text-align: center;
}
.gaurl .gaurl-technology .point {
padding-bottom: 82px;
overflow: hidden;
}
.gaurl .gaurl-technology .point__list {
background-color: #FFF;
float: left;
width: 48.95833%;
margin-right: 2.08333%;
}
.gaurl .gaurl-technology .point__list:last-child {
margin-right: 0;
}
.gaurl .gaurl-technology .point__inner {
display: table;
width: 100%;
height: 205px;
}
.gaurl .gaurl-technology .point__inner .icon,
.gaurl .gaurl-technology .point__inner .text {
display: table-cell;
vertical-align: middle;
}
.gaurl .gaurl-technology .point__inner .icon {
width: 126px;
text-align: center;
}
.gaurl .gaurl-technology .point__inner .icon img {
width: 66px;
}
.gaurl .gaurl-technology .point__inner dt {
margin-bottom: 5px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
}
.gaurl .gaurl-technology .point__inner dd {
padding-right: 25px;
line-height: 1.8;
}
.gaurl .gaurl-technology .use__list {
padding: 45px 0;
border-bottom: 1px solid #DBDBDC;
overflow: hidden;
}
.gaurl .gaurl-technology .use__list:last-child {
border-bottom: none;
}
.gaurl .gaurl-technology .use__list .image {
float: left;
width: 336px;
padding-left: 16px;
}
.gaurl .gaurl-technology .use__list .image img {
width: 275px;
}
.gaurl .gaurl-technology .use__list .text {
padding-right: 20px;
overflow: hidden;
}
.gaurl .gaurl-technology .use__list h3 {
margin-bottom: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.5;
}
.gaurl .gaurl-technology .use__list dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.4;
}
.gaurl .gaurl-technology .use__list dd {
line-height: 1.8;
}
.gaurl .flow {
padding: 78px 0 27px;
}
.gaurl .flow .contents__header {
margin-bottom: 30px;
}
.gaurl .flow .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
.gaurl .flow .title {
margin-bottom: 22px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
}
.gaurl .flow ol {
display: table;
width: 100%;
height: 80px;
margin-bottom: 30px;
overflow: hidden;
}
.gaurl .flow li {
background-color: #FFF;
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle;
position: relative;
}
.gaurl .flow li:before,
.gaurl .flow li:after {
background-color: #F2F7F9;
display: block;
width: 14px;
height: 160px;
position: absolute;
right: 3px;
z-index: 10;
content: '';
}
.gaurl .flow li:before {
top: 35px;
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.gaurl .flow li:after {
bottom: 35px;
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.gaurl .flow li:last-child:before,
.gaurl .flow li:last-child:after {
display: none;
}
.gaurl .flow dt,
.gaurl .flow dd {
display: inline-block;
margin: 0 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1;
}
.gaurl .flow dt {
color: #1a5aa2;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.gaurl .flow .note {
margin-bottom: 10px;
}
.gaurl .flow .inquiry-mail .btn--mail a:before {
margin-right: 50px;
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__title {
width: 281px;
padding: 36px 0 0;
margin-bottom: 27px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__title img {
height: 28px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__lead {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__lead dt {
margin-bottom: 5px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__lead dt br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .contents__lead dd {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .header__inner .language {
padding: 0 0 30px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner {
display: block;
padding-bottom: 30px;
margin: 0 auto;
text-align: center;
position: relative;
right: 0;
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner .partner__inner {
display: block;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner .partner__text {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/gaurl/img_adsense.png) no-repeat 50% top;
background-size: 166px auto;
display: block;
padding-top: 85px;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner dt {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner dd {
font-size: 0.76923em;
font-size: 0.76923rem;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .partner .partner__badge {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .banner {
padding: 25px 0;
margin: 0 25px;
text-align: left;
position: relative;
bottom: 0;
right: 0;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .banner dt {
float: left;
width: 67px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .banner dd {
padding-left: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents .banner dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents>.inquiry-mail {
width: 100%;
position: relative;
top: 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents>.inquiry-mail .btn--mail a {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.gaurl .contents>.inquiry-mail .btn--mail a span:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -469px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 25px;
height: 17px;
margin-top: -9px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .contents__block:first-child {
padding-top: 34px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .contents__header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .contents__header dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .contents__header dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .inner>.image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/gaurl/img_gaurl-technology-01_sp.png) no-repeat center top;
background-size: contain;
width: 325px;
height: 348px;
margin: 0 auto 35px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .inner>.image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point {
padding-bottom: 53px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__list {
float: none;
width: 100%;
padding: 0 20px 20px;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner .icon,
.gaurl .gaurl-technology .point__inner .text {
display: block;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner .icon {
width: 100%;
padding-top: 21px;
margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner .icon img {
width: 49px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner dt {
margin-bottom: 10px;
line-height: 1.5;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .point__inner dd {
padding-right: 0;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list .image {
float: none;
width: 100%;
padding-left: 0;
margin-bottom: 26px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list .image img {
width: 325px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list .text {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list h3 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list dt {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.gaurl .gaurl-technology .use__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow {
padding: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow .title {
margin-bottom: 30px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow ol {
display: block;
width: 275px;
height: auto;
margin: 0 auto 30px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow li {
display: block;
width: 100%;
padding: 50px 0 60px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow li:last-child {
padding: 60px 0 50px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow li:before,
.gaurl .flow li:after {
width: 100%;
height: 10px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow li:before {
margin-right: -7px;
top: inherit;
right: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow li:after {
margin-left: -7px;
left: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow dt,
.gaurl .flow dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow .note {
margin-bottom: 30px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow .inquiry-mail {
padding-top: 0;
}
}
@media only screen and (max-width: 767px) {
.gaurl .flow .inquiry-mail .btn--mail a {
text-align: center;
}
} .google-product .contents>.contents__header {
height: auto;
}
.google-product .contents .header__inner {
height: 400px;
position: relative;
}
.google-product .contents .header__inner .contents__title {
padding-top: 103px;
margin-bottom: 24px;
}
.google-product .contents .header__inner .contents__title img {
height: 62px;
}
.google-product .contents .header__inner .contents__lead dt {
margin-bottom: 20px;
line-height: 1.4;
letter-spacing: 0.16em;
}
.google-product .contents .partner {
text-align: right;
position: absolute;
bottom: 40px;
right: 30px;
z-index: 100;
}
.google-product .contents .partner dt {
margin-bottom: 10px;
}
.google-product .contents .partner dt img {
width: 165px;
}
.google-product .contents .partner dd {
font-size: 0.84615em;
font-size: 0.84615rem;
line-height: 1.4;
}
.google-product .contents .banner {
background-color: #FFF;
display: table;
width: 300px;
height: 105px;
text-align: right;
position: absolute;
bottom: 40px;
right: 35px;
z-index: 100;
}
.google-product .contents .banner dt,
.google-product .contents .banner dd {
display: table-cell;
padding: 13px;
vertical-align: middle;
}
.google-product .contents .banner dt {
width: 111px;
margin: 0 0 14px auto;
}
.google-product .contents .banner dd {
padding-left: 0;
text-align: left;
font-size: 0.92308em;
font-size: 0.92308rem;
line-height: 1.4;
color: #000000;
}
.google-product .contents>.inquiry-mail {
width: 420px;
padding: 0;
position: absolute;
top: 400px;
right: 0;
}
.google-product .contents>.inquiry-mail .btn--mail {
display: table;
width: 100%;
}
.google-product .contents>.inquiry-mail .btn--mail a {
display: table-cell;
height: 80px;
vertical-align: middle;
line-height: 1.3;
font-size: 1.07692em;
font-size: 1.07692rem;
text-decoration: none;
}
.google-product .contents>.inquiry-mail .btn--mail a span {
padding: 0 84px;
}
.google-product .contents>.inquiry-mail .btn--mail a span:before {
margin: 0;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -912px;
width: 32px;
height: 22px;
margin-top: -11px;
display: block;
position: absolute;
top: 50%;
left: 30px;
}
.google-product .gaurl-technology .contents__block:first-child {
padding: 66px 0 0;
}
.google-product .gaurl-technology .contents__header {
margin-bottom: 34px;
}
.google-product .gaurl-technology .contents__header h2 {
width: 327px;
margin-bottom: 40px;
}
.google-product .gaurl-technology .contents__header dt {
margin-bottom: 20px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
letter-spacing: 0.1em;
}
.google-product .gaurl-technology .contents__header dd {
line-height: 1.8;
}
.google-product .gaurl-technology .inner>.image {
margin-bottom: 64px;
text-align: center;
}
.google-product .gaurl-technology .point {
padding-bottom: 82px;
overflow: hidden;
}
.google-product .gaurl-technology .point__list {
background-color: #FFF;
float: left;
width: 470px;
margin-right: 20px;
}
.google-product .gaurl-technology .point__list:last-child {
margin-right: 0;
}
.google-product .gaurl-technology .point__inner {
display: table;
width: 100%;
height: 205px;
}
.google-product .gaurl-technology .point__inner .icon,
.google-product .gaurl-technology .point__inner .text {
display: table-cell;
vertical-align: middle;
}
.google-product .gaurl-technology .point__inner .icon {
width: 126px;
text-align: center;
}
.google-product .gaurl-technology .point__inner .icon img {
width: 66px;
}
.google-product .gaurl-technology .point__inner dt {
margin-bottom: 5px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
}
.google-product .gaurl-technology .point__inner dd {
padding-right: 25px;
line-height: 1.8;
}
.google-product .gaurl-technology .use__list {
padding: 45px 0;
border-bottom: 1px solid #DBDBDC;
overflow: hidden;
}
.google-product .gaurl-technology .use__list:last-child {
border-bottom: none;
}
.google-product .gaurl-technology .use__list .image {
float: left;
width: 336px;
padding-left: 16px;
}
.google-product .gaurl-technology .use__list .image img {
width: 275px;
}
.google-product .gaurl-technology .use__list .text {
padding-right: 20px;
overflow: hidden;
}
.google-product .gaurl-technology .use__list h3 {
margin-bottom: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.5;
}
.google-product .gaurl-technology .use__list dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.4;
}
.google-product .gaurl-technology .use__list dd {
line-height: 1.8;
}
.google-product .flow {
padding: 78px 0 27px;
}
.google-product .flow .contents__header {
margin-bottom: 30px;
}
.google-product .flow .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
.google-product .flow .title {
margin-bottom: 22px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
}
.google-product .flow ol {
display: table;
width: 100%;
height: 80px;
margin-bottom: 30px;
overflow: hidden;
}
.google-product .flow li {
background-color: #FFF;
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle;
position: relative;
}
.google-product .flow li:before,
.google-product .flow li:after {
background-color: #F2F7F9;
display: block;
width: 14px;
height: 160px;
position: absolute;
right: 3px;
z-index: 10;
content: '';
}
.google-product .flow li:before {
top: 35px;
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.google-product .flow li:after {
bottom: 35px;
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.google-product .flow li:last-child:before,
.google-product .flow li:last-child:after {
display: none;
}
.google-product .flow dt,
.google-product .flow dd {
display: inline-block;
margin: 0 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1;
}
.google-product .flow dt {
color: #1a5aa2;
text-transform: uppercase;
letter-spacing: 0;
}
.google-product .flow .note {
margin-bottom: 10px;
}
.google-product .flow .inquiry-mail .btn--mail a:before {
margin-right: 50px;
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/google-product/ttl_contents_sp.png) no-repeat left bottom;
background-size: contain;
width: 275px;
height: 111px;
padding: 36px 0 0;
margin-bottom: 27px;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__title img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__lead {
padding-bottom: 47px;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__lead dt {
margin-bottom: 10px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__lead dt br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .header__inner .contents__lead dd {
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.5;
}
.google-product .contents .header__inner .contents__lead dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .partner {
padding-bottom: 27px;
position: relative;
bottom: inherit;
right: inherit;
}
.google-product .contents .partner dl {
display: table;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .partner dt {
display: table-cell;
width: 50%;
text-align: right;
vertical-align: middle;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .partner dd {
display: table-cell;
width: 50%;
padding: 0 30px 0 10px;
text-align: left;
vertical-align: middle;
font-size: 0.92308em;
font-size: 0.92308rem;
}
.google-product .contents .partner dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .banner {
padding: 25px 0;
margin: 0 25px;
text-align: left;
position: relative;
bottom: 0;
right: 0;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .banner dt {
float: left;
width: 67px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .banner dd {
padding-left: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents .banner dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents>.inquiry-mail {
width: 100%;
position: relative;
top: 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents>.inquiry-mail .btn--mail a {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.google-product .contents>.inquiry-mail .btn--mail a span:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -469px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 25px;
height: 17px;
margin-top: -9px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .contents__block:first-child {
padding-top: 34px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .contents__header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .contents__header h2 {
width: 236px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .contents__header dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .contents__header dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .inner>.image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/google-product/img_gp-technology-01_sp.png) no-repeat center top;
background-size: contain;
width: 325px;
height: 348px;
margin: 0 auto 35px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .inner>.image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point {
padding-bottom: 53px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__list {
float: none;
width: 100%;
padding: 0 20px 20px;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner .icon,
.google-product .gaurl-technology .point__inner .text {
display: block;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner .icon {
width: 100%;
padding-top: 21px;
margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner .icon img {
width: 49px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner dt {
margin-bottom: 10px;
line-height: 1.5;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .point__inner dd {
padding-right: 0;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list {
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list .image {
float: none;
width: 100%;
padding-left: 0;
margin-bottom: 26px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list .image img {
width: 325px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list .text {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list h3 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list dt {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.google-product .gaurl-technology .use__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow {
padding: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow .title {
margin-bottom: 30px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow ol {
display: block;
width: 275px;
height: auto;
margin: 0 auto 30px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow li {
display: block;
width: 100%;
padding: 50px 0 60px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow li:last-child {
padding: 60px 0 50px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow li:before,
.google-product .flow li:after {
width: 100%;
height: 10px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow li:before {
margin-right: -7px;
top: inherit;
right: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow li:after {
margin-left: -7px;
left: 50%;
bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow dt,
.google-product .flow dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow .note {
margin-bottom: 30px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow .inquiry-mail {
padding-top: 0;
}
}
@media only screen and (max-width: 767px) {
.google-product .flow .inquiry-mail .btn--mail a {
text-align: center;
}
} .publishers .contents>.contents__header {
height: auto;
padding-bottom: 25px;
}
.publishers .contents .header__inner {
height: 450px;
position: relative;
}
.publishers .contents .header__inner .contents__name {
padding-top: 91px;
}
.publishers .contents .header__inner .contents__title {
width: 38.02083%;
}
.publishers .contents .header__inner .contents__lead dt {
margin-bottom: 19px;
font-weight: bold;
}
.publishers .contents .header__inner .image {
width: 38.125%;
top: 81px;
right: -22px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.publishers .contents .header__inner .image {
right: 10px;
}
}
.publishers .ssp {
padding-top: 68px;
}
.publishers .ssp .contents__header {
margin-bottom: 74px;
}
.publishers .ssp h2 {
width: 290px;
margin-bottom: 38px;
}
.publishers .ssp dt {
margin-bottom: 30px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
}
.publishers .ssp dd {
line-height: 1.8;
}
.publishers .ssp .structure {
margin: 86px 0;
border: 1px solid #81C0DE;
}
.publishers .ssp .structure h3 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico_gear.png) no-repeat left center;
background-size: 25px auto;
padding: 40px 0 40px 30px;
margin: 0 40px 32px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #1a5aa2;
border-bottom: 1px solid #81C0DE;
}
.publishers .ssp .structure .about {
padding-bottom: 30px;
margin: 0 40px 48px;
border-bottom: 1px solid #81C0DE;
}
.publishers .ssp .structure .about dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.4;
}
.publishers .ssp .structure .about dd {
line-height: 1.8;
}
.publishers .ssp .structure .image {
margin: 0 40px 32px;
text-align: center;
}
.publishers .ssp .structure .description {
width: 93.75%;
padding: 28px 0 40px;
overflow: hidden;
}
.publishers .ssp .structure .description__list {
float: left;
background-color: #F3F9FB;
min-height: 430px;
padding: 30px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.publishers .ssp .structure .description__list:before {
background-color: #F3F9FB;
display: block;
width: 40px;
height: 40px;
margin-left: -18px;
position: absolute;
top: -20px;
left: 50%;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.publishers .ssp .structure .description__list .icon {
margin-bottom: 20px;
text-align: center;
}
.publishers .ssp .structure .description__list .icon img {
width: 54px;
}
.publishers .ssp .structure .description__list dt {
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
line-height: 1.4;
}
.publishers .ssp .structure .description__list dd {
line-height: 1.8;
}
.publishers .ssp .structure .description--01 {
width: 68.88889%;
margin-right: 2.22222%;
}
.publishers .ssp .structure .description--02 {
width: 28.88889%;
}
.publishers .inquiry--ssp {
background-color: #F2F7F9;
padding: 50px 0;
}
.publishers .inquiry--ssp h2 {
width: auto;
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.3;
text-align: center;
color: #1a5aa2;
}
.publishers .inquiry--ssp .link {
padding-top: 34px;
text-align: center;
}
.publishers .inquiry--ssp .link a {
text-decoration: underline;
}
.publishers .inquiry--ssp .btn--ssp a {
background-color: #FF6600;
display: table;
width: 100%;
height: 90px;
border: 3px solid #FF6600;
text-decoration: none;
}
.publishers .inquiry--ssp .btn--ssp strong,
.publishers .inquiry--ssp .btn--ssp p {
display: table-cell;
vertical-align: middle;
}
.publishers .inquiry--ssp .btn--ssp strong {
background-color: #FFF;
width: 250px;
padding: 0 37px;
font-size: 1.15385em;
font-size: 1.15385rem;
font-weight: bold;
color: #FF6600;
}
.publishers .inquiry--ssp .btn--ssp strong img {
width: 44px;
margin-left: 10px;
vertical-align: middle;
}
.publishers .inquiry--ssp .btn--ssp p {
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #fff;
text-align: center;
position: relative;
overflow: hidden;
}
.publishers .inquiry--ssp .btn--ssp p span {
display: block;
padding-right: 30px;
position: relative;
}
.publishers .inquiry--ssp .btn--ssp p span:before {
display: block;
background-color: #FFF;
width: 210px;
height: 210px;
margin-top: -105px;
position: absolute;
top: 50%;
left: -200px;
content: '';
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.publishers .inquiry--ssp .btn--ssp p span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 20px;
content: '';
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__name {
padding-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__title {
width: 213px;
margin-bottom: 31px;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__lead {
padding-top: 236px;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__lead dt {
margin-bottom: 10px;
font-size: 1.53846em;
font-size: 1.53846rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__lead dt br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .contents__lead dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .contents .header__inner .image {
width: 270px;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 120px;
right: inherit;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp {
padding-top: 35px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .contents__header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp h2 {
width: 207px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp dt {
margin-bottom: 8px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure {
margin: 35px 0;
border-width: 1px 0 0;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure h3 {
background-size: 19px auto;
padding: 32px 0 32px 30px;
margin: 0;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .about {
padding-bottom: 0;
margin: 0 0 30px;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .about dt {
margin-bottom: 5px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .about dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/img_structure_sp.png) no-repeat center top;
background-size: contain;
max-width: 325px;
height: 639px;
margin: 0 auto 26px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list {
float: none;
min-height: inherit;
padding: 23px 20px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list .icon {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list .icon img {
width: 41px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list dt {
margin-bottom: 5px;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description--01 {
width: 100%;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 767px) {
.publishers .ssp .structure .description--02 {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp h2 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .link {
padding-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .link a {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp a {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp strong,
.publishers .inquiry--ssp .btn--ssp p {
display: block;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp strong {
width: auto;
padding: 8px 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp p span {
padding: 12px 0 10px;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp p span:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.publishers .inquiry--ssp .btn--ssp p span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 10px;
}
} .agency .contents>.contents__header {
height: auto;
padding-bottom: 25px;
}
.agency .contents .header__inner {
height: 440px;
position: relative;
}
.agency .contents .header__inner .contents__name {
padding-top: 70px;
}
.agency .contents .header__inner .contents__title {
margin-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .header__inner .contents__title {
max-width: 47.1875%;
}
}
.agency .contents .header__inner .contents__lead {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.4;
}
.agency .contents .header__inner .image {
width: 290px;
top: 88px;
right: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .header__inner .image {
right: 7px;
}
}
.agency .contents .nav--page {
height: 72px;
position: absolute;
bottom: 27px;
left: 0;
right: 0;
}
.agency .contents .nav--page li {
background-color: #FFF;
float: left;
width: 48%;
height: 72px;
margin-right: 1.5625%;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.agency .contents .nav--page li:last-child {
margin-right: 0;
}
.agency .contents .nav--page dl {
display: table;
width: 100%;
height: 72px;
}
.agency .contents .nav--page dt,
.agency .contents .nav--page dd {
display: table-cell;
vertical-align: middle;
}
.agency .contents .nav--page dt {
width: 41.93548%;
text-align: center;
}
.agency .contents .nav--page dt img {
width: 80px;
}
.agency .contents .nav--page dd {
font-size: 120%;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
}
.agency .contents .lead {
padding: 80px 0;
}
.agency .contents .lead p {
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
text-align: center;
color: #1a5aa2;
}
.agency .contents .media {
padding-bottom: 82px;
}
.agency .contents .media .media-container {
padding: 45px 0 50px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
position: relative;
overflow: hidden;
}
.agency .contents .media .media-container:before {
background-color: #81C0DE;
display: block;
width: 1px;
position: absolute;
top: 50px;
left: 50%;
bottom: 50px;
content: '';
}
.agency .contents .media .media__inner {
margin: 0 40px;
}
.agency .contents .media .media__list {
float: left;
width: 50%;
margin-bottom: 40px;
}
.agency .contents .media .media__list dt {
margin-bottom: 10px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
}
.agency .contents .media .media__list dd {
height: 240px;
text-align: center;
}
.agency .contents .media .more-block .media__list {
padding-top: 40px;
border-top: 1px solid #81C0DE;
}
.agency .contents .media .switch {
display: none;
}
.agency .contents .apesoint {
padding-bottom: 70px;
}
.agency .contents .apesoint .point-container {
border: 1px solid #81C0DE;
}
.agency .contents .apesoint .point__list {
padding: 57px 40px;
border-bottom: 1px solid #81C0DE;
}
.agency .contents .apesoint .point__header {
margin-bottom: 32px;
}
.agency .contents .apesoint .point__header h2 {
margin-bottom: 26px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
}
.agency .contents .apesoint .point__header .icon {
padding-left: 74px;
position: relative;
}
.agency .contents .apesoint .point__header .icon:before {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
width: 74px;
position: absolute;
top: 50%;
content: '';
}
.agency .contents .apesoint .point__header .icon--low-cost:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/agency/ico_low-cost.png);
height: 55px;
margin-top: -27px;
left: -12px;
}
.agency .contents .apesoint .point__header .icon--high-quality:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/agency/ico_high-quality.png);
width: 74px;
height: 55px;
margin-top: -24px;
left: -8px;
}
.agency .contents .apesoint .point__header .icon--data-volume:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/agency/ico_data-volume.png);
height: 36px;
margin-top: -18px;
left: -4px;
}
.agency .contents .apesoint .point__header small {
display: block;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
}
.agency .contents .apesoint .point__header p {
line-height: 1.8;
}
.agency .contents .pmp {
padding: 66px 0 95px;
}
.agency .contents .pmp .contents__header {
margin-bottom: 55px;
}
.agency .contents .pmp .contents__header .title {
margin-bottom: 30px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
}
.agency .contents .pmp .contents__header p {
line-height: 1.8;
}
.agency .contents .pmp .pmp__block {
padding: 57px 30px 30px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
.agency .contents .pmp .pmp__contents {
padding: 50px 0;
border-bottom: 1px solid #81C0DE;
}
.agency .contents .pmp .pmp__contents h3 {
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.agency .contents .pmp .pmp__contents:last-child {
padding-bottom: 0;
border-bottom: none;
}
.agency .contents .pmp .private-market-place h3 {
margin-bottom: 20px;
}
.agency .contents .pmp .private-market-place li {
padding-left: 17px;
position: relative;
}
.agency .contents .pmp .private-market-place li:before {
display: block;
font-size: 2em;
font-size: 2rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1;
position: absolute;
top: -2px;
left: -8px;
content: '・';
}
.agency .contents .pmp .target h3 {
margin-bottom: 36px;
}
.agency .contents .pmp .image {
text-align: center;
}
.agency .contents .pmp .table--style {
table-layout: fixed;
}
.agency .contents .pmp .table--style thead th:first-child {
width: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .pmp .table--style thead th:first-child {
width: auto;
}
}
.agency .contents .pmp .table--style thead th:nth-child(n+2) {
width: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .pmp .table--style thead th:nth-child(n+2) {
width: auto;
}
}
.agency .contents .pmp .table--style tbody tr:nth-child(1) td span,
.agency .contents .pmp .table--style tbody tr:nth-child(3) td span {
font-weight: bold;
color: #1a5aa2;
}
.agency .contents .pmp .table--style tbody tr:nth-child(1) {
width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .pmp .table--style tbody tr:nth-child(1) {
width: auto;
}
}
.agency .contents .pmp .table--style tbody tr:nth-child(2) {
width: 225px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .pmp .table--style tbody tr:nth-child(2) {
width: auto;
}
}
.agency .contents .pmp .table--style tbody tr:nth-child(3) {
width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.agency .contents .pmp .table--style tbody tr:nth-child(3) {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .contents__name {
padding-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .contents__title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/agency/ttl_contents_sp.png) no-repeat left bottom;
background-size: 226px auto;
width: 226px;
height: 95px;
padding: 23px 0 0;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .contents__title img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .contents__lead {
padding-top: 176px;
margin-bottom: 23px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .contents__lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .header__inner .image {
width: 218px;
margin-left: -109px;
right: inherit;
top: 15em;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page {
height: auto;
position: static;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page li {
float: none;
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page dl {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page dt {
width: 100px;
padding-top: 0;
margin-bottom: 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page dd {
padding: 0 20px 0 0;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .nav--page dd br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .lead {
padding: 26px 25px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .lead p {
line-height: 1.5;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media {
padding-top: 50px;
padding-bottom: 35px;
margin-top: -50px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media-container {
padding: 25px 0 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media-container:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__inner {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__inner>.media__list:first-child {
padding-bottom: 40px;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__list {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__list dt {
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__list dd {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .media__list dd img {
width: 300px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .more-block {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .switch {
display: block;
padding: 15px 0;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #1a5aa2;
border: 1px solid #81C0DE;
position: relative;
}
.agency .contents .media .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
right: 13px;
content: '';
}
.agency .contents .media .switch.close:after {
background-position: 0 -683px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .media .switch.close:after {
background-position: 0 -368px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point-container {
border-width: 1px 0;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point__list {
padding: 32px 0;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point__header {
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point__header h2 {
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point__header small {
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .point__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .image {
background-repeat: no-repeat;
background-position: center center;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .image--low-cost {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/agency/img_low-cost_sp.png);
background-color: #F3F9FB;
background-size: auto 190px;
height: 190px;
}
}
@media screen and (max-width: 374px) {
.agency .contents .point .image--low-cost {
background-size: contain;
height: 0;
padding-bottom: 58.5%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .image--high-quality {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/agency/img_high-quality_sp.png);
background-color: #F3F9FB;
background-size: auto 190px;
height: 190px;
}
}
@media screen and (max-width: 374px) {
.agency .contents .point .image--high-quality {
background-size: contain;
height: 0;
padding-bottom: 58.5%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .point .image--data-volume {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/agency/img_data-volume_sp.png);
background-size: auto 305px;
height: 305px;
}
}
@media screen and (max-width: 374px) {
.agency .contents .point .image--data-volume {
background-size: contain;
height: 0;
padding-bottom: 93.9%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp {
padding: 28px 0 50px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .contents__header {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .contents__header .title {
margin-bottom: 7px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .pmp__block {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .pmp__contents {
padding: 24px 0 35px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .pmp__contents h3 {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .private-market-place {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .private-market-place h3 {
margin-bottom: 9px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .private-market-place li {
padding-left: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .private-market-place li:before {
font-size: 2.61538em;
font-size: 2.61538rem;
top: -5px;
left: -12px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/agency/img_private-market-place-sp.png) no-repeat center top;
background-size: contain;
height: 263px;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style {
font-size: 77%;
}
.agency .contents .pmp .table--style thead th {
width: 110px;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style thead th:first-child {
width: 100%;
height: 50px;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style thead th:nth-child(n+2) {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style thead th span {
display: block;
padding: 15% 0;
line-height: 1.3;
vertical-align: middle;
border-bottom: 1px solid #fff;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style tbody th {
height: auto;
padding: 1%;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style tbody td {
height: auto;
padding: 1%;
line-height: 1.3;
white-space: normal;
}
}
@media only screen and (max-width: 767px) {
.agency .contents .pmp .table--style tbody td span {
display: table-cell;
vertical-align: middle;
}
} @media only screen and (max-width: 767px) {
.app .inquiry-mail {
margin-bottom: 1em;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-mail .inner {
padding-bottom: 1em;
}
}
.app .inquiry-mail .btn--mail a {
max-width: 900px;
}
.app .contents>.contents__header {
height: auto;
padding-bottom: 25px;
margin-bottom: 83px;
}
.app .contents>.contents__header .header__inner {
height: 450px;
position: relative;
}
.app .contents>.contents__header .header__inner .contents__title {
width: 572px;
}
.app .contents>.contents__header .header__inner .contents__lead {
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.4;
}
.app .contents>.contents__header .header__inner .image {
width: 450px;
top: 82px;
right: -85px;
}
.app .contents>.contents__header .nav--header img {
height: 49px;
}
.app .inquiry--app {
background-color: #F3F9FB;
padding: 50px 0;
}
.app .inquiry--app h2 {
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.3;
text-align: center;
color: #1a5aa2;
}
.app .btn--app a {
background-color: #FF6600;
display: table;
width: 100%;
height: 90px;
border: 3px solid #FF6600;
text-decoration: none;
}
.app .btn--app strong,
.app .btn--app p {
display: table-cell;
vertical-align: middle;
}
.app .btn--app strong {
background-color: #FFF;
width: 250px;
padding: 0 37px;
font-size: 1.15385em;
font-size: 1.15385rem;
font-weight: bold;
color: #FF6600;
}
.app .btn--app strong img {
width: 44px;
margin-left: 10px;
vertical-align: middle;
}
.app .btn--app p {
font-size: 1.07692em;
font-size: 1.07692rem;
color: #fff;
text-align: center;
overflow: hidden;
}
.app .btn--app p span {
display: block;
padding-right: 30px;
font-weight: bold;
position: relative;
}
.app .btn--app p span:before {
display: block;
background-color: #FFF;
width: 210px;
height: 210px;
margin-top: -105px;
position: absolute;
top: 50%;
left: -200px;
content: '';
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.app .btn--app p span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 20px;
content: '';
}
.app .ssp-for-app {
padding-top: 140px;
margin-top: -140px;
}
.app .ssp-for-app .contents__header h2 {
width: 458px;
margin-bottom: 77px;
}
.app .ssp-for-app .block {
padding: 53px 0 64px;
text-align: center;
border: 1px solid #81C0DE;
}
.app .ssp-for-app .block p {
margin-bottom: 5px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.3;
color: #1a5aa2;
}
.app .merit {
padding: 82px 0 85px;
}
.app .merit h2 {
margin-bottom: 80px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
}
.app .merit .merit-container {
margin: 0 -10px;
overflow: hidden;
}
.app .merit .merit__list {
float: left;
width: 50%;
padding: 0 10px;
margin-bottom: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.app .merit .merit__list:nth-child(2) .icon img {
margin-top: -13px;
}
.app .merit .merit__inner {
background-color: #F3F9FB;
display: table;
width: 100%;
height: 155px;
}
.app .merit .merit__inner .icon,
.app .merit .merit__inner dl {
display: table-cell;
vertical-align: middle;
}
.app .merit .merit__inner .icon {
width: 126px;
text-align: center;
}
.app .merit .merit__inner .icon img {
width: 74px;
}
.app .merit .merit__inner dt,
.app .merit .merit__inner dd {
padding-right: 30px;
}
.app .merit .merit__inner dt {
margin-bottom: 5px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.app .merit .merit__inner dd {
font-size: 1em;
font-size: 1rem;
line-height: 1.8;
}
.app .inquiry-mail {
margin-bottom: 87px;
}
.app .dmp-for-app {
padding-top: 140px;
margin-top: -140px;
margin-bottom: 86px;
}
.app .dmp-for-app .contents__header {
margin-bottom: 80px;
}
.app .dmp-for-app .contents__header h2 {
width: 459px;
height: 77px;
margin-bottom: 70px;
}
.app .dmp-for-app .contents__header p {
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
}
.app .visualize-everything .block {
padding: 50px 40px 46px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
text-align: center;
}
.app .visualize-everything .image {
padding-bottom: 46px;
border-bottom: 1px solid #81C0DE;
}
.app .visualize__contents {
border: 1px solid #81C0DE;
}
.app .visualize__list {
padding: 40px 0 0;
text-align: left;
}
.app .visualize__list h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ico_visualized.png);
}
.app .visualize__inner {
display: table;
width: 100%;
}
.app .visualize__txt,
.app .visualize__image {
display: table-cell;
vertical-align: top;
}
.app .visualize__txt {
width: 270px;
}
.app .visualize__txt h4 {
padding-left: 73px;
margin-bottom: 28px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
position: relative;
}
.app .visualize__txt h4:before {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 65px;
height: 46px;
margin-top: -23px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.app .visualize__txt p {
line-height: 1.8;
}
.app .visualize__image {
padding: 10px 0 5px 30px;
text-align: center;
}
.app .price h3 {
padding: 76px 0 45px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.5;
}
.app .price .price__contents .switch {
padding: 26px 0;
color: #1a5aa2;
text-align: center;
font-weight: bold;
line-height: 1.3;
border: 1px solid #81C0DE;
position: relative;
cursor: pointer;
}
.app .price .price__contents .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -36px;
width: 14px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 14px;
content: '';
}
.app .price .price__contents .switch.close:after {
background-position: 0 -683px;
}
.app .price .price__contents .details {
display: none;
padding-top: 5px;
}
.app .price .table-container {
margin-bottom: 50px;
}
.app .price .price__detail h4 {
padding-left: 75px;
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
position: relative;
}
.app .price .price__detail h4:before {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 56px;
height: 48px;
margin-top: -24px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.app .price .price__detail.detail--analytics h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ico_price--analytics.png);
}
.app .price .price__detail.detail--tracking h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ico_price--tracking.png);
}
.app .price .price__detail.detail--dmp h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ico_price--dmp.png);
}
.app .price .price__detail.detail--xchange h4:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ico_price--xchange.png);
}
.app .price .price__detail h5 {
margin-bottom: 30px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
}
.app .inquiry-dmp {
padding: 37px 0;
}
.app .inquiry-dmp .inquiry__block {
background-color: #FFF;
display: table;
width: 100%;
border: 1px solid #81C0DE;
}
.app .inquiry-dmp .inquiry__title,
.app .inquiry-dmp .inquiry__box {
display: table-cell;
vertical-align: middle;
}
.app .inquiry-dmp .inquiry__title {
width: 355px;
padding-left: 30px;
font-size: 1.38462em;
font-size: 1.38462rem;
color: #1a5aa2;
line-height: 1.5;
}
.app .inquiry-dmp .inquiry__title span {
display: block;
font-weight: bold;
position: relative;
}
.app .inquiry-dmp .inquiry__title span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -423px;
width: 30px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
right: 30px;
content: '';
}
.app .inquiry-dmp .inquiry__box {
padding-right: 23px;
}
.app .inquiry-dmp .inquiry__box dl {
padding: 20px 0;
letter-spacing: -0.4em;
}
.app .inquiry-dmp .inquiry__box dt,
.app .inquiry-dmp .inquiry__box dd {
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
}
.app .inquiry-dmp .inquiry__box dt {
width: 28.35539%;
padding: 0 0 0 0.94518%;
}
.app .inquiry-dmp .inquiry__box dt img {
height: 40px;
}
.app .inquiry-dmp .inquiry__box dd {
width: 34.62838%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dd {
width: auto;
}
}
.app .inquiry-dmp .inquiry__box a {
display: block;
height: 60px;
margin: 0 1px;
font-size: 1.07692em;
font-weight: bold;
text-align: center;
line-height: 60px;
color: #fff;
position: relative;
text-decoration: none;
}
.app .inquiry-dmp .inquiry__box a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 22px;
content: '';
}
.app .inquiry-dmp .inquiry__box .plan--free {
background-color: #F4863D;
}
.app .inquiry-dmp .inquiry__box .plan--charge {
background-color: #F2680C;
}
.app .fello {
background-color: #0082BF;
padding: 72px 0;
}
.app .fello .fello__block {
display: table;
width: 100%;
padding: 32px 0;
border: 1px solid #fff;
text-decoration: none;
}
.app .fello h3,
.app .fello dl {
display: table-cell;
vertical-align: middle;
color: #fff;
}
.app .fello h3 {
width: 340px;
padding-left: 74px;
}
.app .fello h3 span {
display: block;
font-weight: bold;
position: relative;
}
.app .fello h3 span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 0;
content: '';
}
.app .fello dt,
.app .fello dd {
display: inline-block;
vertical-align: middle;
}
.app .fello dt {
padding-left: 58px;
}
.app .fello dt img {
height: 36px;
}
.app .fello dd {
margin-left: 34px;
font-size: 0.84615em;
font-size: 0.84615rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner .contents__title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ttl_contents_sp.png) no-repeat left bottom;
background-size: contain;
width: 204px;
height: 76px;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner .contents__title img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner .contents__lead {
padding-top: 174px;
margin-bottom: 23px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner .contents__lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .header__inner .image {
width: 250px;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
right: inherit;
top: 120px;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .nav--header li {
background-repeat: no-repeat;
background-position: center center;
background-size: 248px auto;
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .nav--header li:nth-child(1) {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/btn_ssp-for-app_sp?v=2.png);
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .nav--header li:nth-child(2) {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/btn_dmp-for-app_sp.png?v=2);
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .nav--header a {
display: block;
height: 90px;
}
}
@media only screen and (max-width: 767px) {
.app .contents>.contents__header .nav--header img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry--app {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry--app h2 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app a {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app strong,
.app .btn--app p {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app strong {
width: auto;
padding: 8px 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app p span {
padding: 12px 0 10px;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app p span:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .btn--app p span:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 10px;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app {
padding-top: 90px;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .contents__header h2 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ttl_ssp-for-app_sp.png?v=2) no-repeat left top;
background-size: contain;
width: 266px;
height: 55px;
margin-bottom: 31px;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .contents__header h2 img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .block {
padding: 30px 0 35px;
border-width: 1px 0;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .block p {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .block p br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .block .image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/img_ssp-for-app_sp.png?v=2) no-repeat center top;
background-size: contain;
max-width: 237px;
height: 173px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.app .ssp-for-app .block .image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .merit {
padding: 30px 0 20px;
}
}
@media only screen and (max-width: 767px) {
.app .merit h2 {
margin-bottom: 30px;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit-container {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__list {
float: none;
width: 100%;
padding: 0;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__list:nth-child(2) .icon img {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner {
display: block;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner .icon,
.app .merit .merit__inner dl {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner .icon {
width: 100%;
padding-top: 25px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner .icon img {
width: 56px;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner dl {
padding-bottom: 16px;
margin: 0 20px;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner dt,
.app .merit .merit__inner dd {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner dt {
margin-bottom: 12px;
text-align: center;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.app .merit .merit__inner dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.app .dmp-for-app {
padding-top: 6em;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.app .dmp-for-app .contents__header {
padding-bottom: 30px;
margin-bottom: 33px;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.app .dmp-for-app .contents__header h2 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/app/ttl_dmp-for-app_sp.png?v=2) no-repeat left top;
background-size: contain;
width: 290px;
height: 53px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.app .dmp-for-app .contents__header h2 img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .dmp-for-app .contents__header p {
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.app .visualize-everything {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.app .visualize-everything .block {
padding: 33px 0 33px;
border-width: 0 0 1px;
}
}
@media only screen and (max-width: 767px) {
.app .visualize-everything .image {
max-width: 325px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__contents {
border-width: 1px 0 0;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__list {
padding: 30px 0 35px;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__list:last-child {
padding-bottom: 0;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__txt,
.app .visualize__image {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__txt {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__txt h4 {
padding-left: 60px;
margin-bottom: 24px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__txt h4:before {
width: 49px;
height: 35px;
margin-top: -17px;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__txt p {
margin-bottom: 22px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.app .visualize__image {
max-width: 325px;
padding: 0;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.app .price {
padding-top: 50px;
margin-top: -50px;
}
}
@media only screen and (max-width: 767px) {
.app .price h3 {
padding: 32px 0;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__contents .switch {
padding: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__contents .switch:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -60px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 18px;
height: 21px;
margin-top: -11px;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__contents .switch.close:after {
background-position: 0 -368px;
}
}
@media only screen and (max-width: 767px) {
.app .price .table-container tbody tr {
width: 150px;
}
}
@media only screen and (max-width: 767px) {
.app .price .table-container tbody th,
.app .price .table-container tbody td {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.app .price#price-web .table-container tbody tr {
width: 200px;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__detail h4 {
padding-left: 60px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__detail h4:before {
width: 41px;
height: 36px;
margin-top: -18px;
}
}
@media only screen and (max-width: 767px) {
.app .price .price__detail h5 {
margin-bottom: 22px;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__block {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__title,
.app .inquiry-dmp .inquiry__box {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__title {
width: auto;
padding: 20px 0;
margin: 0 15px;
font-size: 1.23077em;
font-size: 1.23077rem;
text-align: center;
line-height: 1.3;
border-bottom: 1px solid #85C1E0;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__title span:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box {
padding-right: 0;
margin: 0 15px;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dl {
padding: 15px 0;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dt,
.app .inquiry-dmp .inquiry__box dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dt {
float: left;
width: 150px;
padding: 40px 15px 0 5px;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dd {
margin: 0 0 10px 150px;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box dd:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box a {
width: auto;
padding-left: 18px;
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.app .inquiry-dmp .inquiry__box a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 9px;
}
}
@media only screen and (max-width: 767px) {
.app .fello {
padding: 25px 0;
}
}
@media only screen and (max-width: 767px) {
.app .fello .fello__block {
display: block;
padding: 25px 0 27px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.app .fello h3,
.app .fello dl {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .fello h3 {
width: 100%;
padding-left: 0;
margin-bottom: 23px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.app .fello h3 span:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.app .fello dt,
.app .fello dd {
display: block;
}
}
@media only screen and (max-width: 767px) {
.app .fello dt {
padding-left: 0;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.app .fello dt img {
height: 32px;
}
}
@media only screen and (max-width: 767px) {
.app .fello dd {
margin-left: 0;
font-size: 0.92308em;
font-size: 0.92308rem;
}
} .fello .contents>.contents__header {
background-color: #2C8ADC;
height: auto;
padding-bottom: 25px;
}
.fello .contents>.contents__header:after {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYjFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODdmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
}
.fello .contents>.contents__header .header__inner {
height: 500px;
position: relative;
}
.fello .contents>.contents__header .header__inner .contents__title {
width: 198px;
}
.fello .contents>.contents__header .header__inner .contents__lead {
margin-bottom: 19px;
line-height: 1.4;
font-size: 1.23077em;
font-size: 1.23077rem;
}
.fello .contents>.contents__header .header__inner .contents__lead dt {
font-weight: bold;
}
.fello .contents>.contents__header .header__inner .contents__lead dd {
padding-top: 10px;
}
.fello .contents>.contents__header .header__inner .contents__lead p {
margin-bottom: 10px;
font-size: 1em;
font-size: 1rem;
}
.fello .contents>.contents__header .header__inner .image {
width: 270px;
top: 98px;
right: 44px;
}
.fello .contents>.contents__header .nav--header img {
height: 49px;
}
.fello .partner {
padding: 74px 0 40px;
}
.fello .partner h2 {
margin-bottom: 78px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
text-align: center;
}
.fello .partner p {
text-align: center;
}
.fello .partner .partner-container {
padding: 45px 0 50px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
position: relative;
overflow: hidden;
}
.fello .partner .partner__inner {
margin: 0 40px;
}
.fello .partner .partner__list {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #81C0DE;
}
.fello .partner .partner__list:nth-child(2) {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.fello .partner .partner__list dt {
margin-bottom: 23px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
color: #1a5aa2;
text-align: center;
}
.fello .partner .partner__list dd {
text-align: center;
}
.fello .partner .partner__list dd img {
max-width: 880px;
}
.fello .point {
padding-top: 40px;
margin-bottom: 80px;
}
.fello .point .point-container {
display: table;
width: 100%;
}
.fello .point .point__list {
display: table-cell;
width: 33.333%;
padding: 0 35px;
text-align: center;
vertical-align: top;
}
.fello .point .point--multi-platform dt {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_multi-platform.png);
}
.fello .point .point--report dt {
background-position: center 7px;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_report.png);
}
.fello .point .point--function dt {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_function.png);
}
.fello .point dl {
margin-bottom: 10px;
}
.fello .point dt {
background-repeat: no-repeat;
background-position: center top;
background-size: 158px auto;
padding-top: 130px;
margin-bottom: 10px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.5;
}
.fello .point dd {
line-height: 1.8;
text-align: left;
}
.fello .point dd small {
font-weight: bold;
color: #1a5aa2;
}
.fello .point ul {
text-align: left;
}
.fello .point li {
padding-left: 17px;
position: relative;
}
.fello .point li:before {
display: block;
font-size: 2em;
font-size: 2rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1;
position: absolute;
top: -2px;
left: -8px;
content: '・';
}
.fello .inquiry-fello {
padding: 50px 0;
}
.fello .inquiry-fello.inquiry-bottom {
padding-bottom: 100px;
}
.fello .inquiry__block {
background-color: #FFF;
display: table;
width: 100%;
border: 1px solid #81C0DE;
}
.fello .inquiry__title,
.fello .inquiry__box {
display: table-cell;
vertical-align: middle;
}
.fello .inquiry__title {
width: 330px;
padding-left: 40px;
font-size: 1.15385em;
font-size: 1.15385rem;
color: #1a5aa2;
line-height: 1.5;
}
.fello .inquiry__title strong {
display: block;
font-weight: bold;
position: relative;
}
.fello .inquiry__title strong:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -423px;
width: 30px;
height: 24px;
margin-top: -12px;
position: absolute;
top: 50%;
right: 44px;
content: '';
}
.fello .inquiry__title img {
width: 44px;
margin-left: 24px;
vertical-align: middle;
}
.fello .inquiry__box {
padding-right: 23px;
}
.fello .inquiry__box ul {
padding: 20px 0;
letter-spacing: -0.4em;
overflow: hidden;
*zoom: 1;
}
.fello .inquiry__box li {
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
width: 50%;
padding: 0 .5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box li {
width: 100%;
display: block;
padding: 0;
}
}
.fello .inquiry__box a {
display: table;
height: 70px;
width: 100%;
margin: 0 1px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-weight: bold;
text-align: center;
line-height: 1.5;
color: #fff;
position: relative;
text-decoration: none;
}
.fello .inquiry__box a:hover {
color: #fff;
}
.fello .inquiry__box a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
right: 22px;
content: '';
}
.fello .inquiry__box a span {
display: table-cell;
vertical-align: middle;
}
.fello .inquiry__box .plan--free {
background-color: #F4863D;
}
.fello .inquiry__box .plan--charge {
background-color: #F2680C;
}
.fello .function {
padding: 57px 0 90px;
}
.fello .function .function__contents {
margin-bottom: 82px;
border: 1px solid #81C0DE;
}
.fello .function .function__list {
padding: 40px;
border-bottom: 1px solid #81C0DE;
}
.fello .function .function__list:last-child {
border-bottom: none;
}
.fello .function .function__inner {
display: table;
width: 100%;
}
.fello .function .function__list--01 h2:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_function-01.png);
}
.fello .function .function__list--02 h2:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_function-02.png);
}
.fello .function .function__list--03 h2:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/ico_function-03.png);
}
.fello .function .function__txt,
.fello .function .function__image {
display: table-cell;
vertical-align: top;
}
.fello .function .function__txt {
width: 270px;
}
.fello .function .function__txt h2 {
padding-left: 73px;
margin-bottom: 28px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
color: #1a5aa2;
line-height: 1.3;
position: relative;
}
.fello .function .function__txt h2:before {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 68px;
height: 60px;
margin-top: -30px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.fello .function .function__txt p {
line-height: 1.8;
}
.fello .function .function__image {
padding: 10px 0 5px 30px;
text-align: center;
}
.fello .flow {
padding: 60px 0 50px;
}
.fello .flow .contents__header {
margin-bottom: 52px;
}
.fello .flow .contents__header h2 {
padding-left: 223px;
margin-bottom: 44px;
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
line-height: 40px;
color: #1a5aa2;
position: relative;
}
.fello .flow .contents__header h2 small {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_registration.png) no-repeat left top;
display: block;
width: 206px;
height: 40px;
padding-left: 12px;
margin-top: -20px;
color: #fff;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 40px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.fello .flow .contents__header p {
line-height: 1.8;
}
.fello .flow .flow__list {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-02.png) no-repeat center bottom;
padding-bottom: 53px;
margin-bottom: 13px;
text-align: center;
}
.fello .flow .flow__list dl {
background-color: #FFF;
padding: 30px 0;
}
.fello .flow .flow__list dt {
margin-bottom: 7px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #1a5aa2;
}
.fello .flow .flow__list strong {
display: block;
margin-bottom: 10px;
font-weight: bold;
line-height: 1.4;
}
.fello .flow .flow__list a {
text-decoration: underline;
}
.fello .flow .flow--01 {
background-image: none;
padding-bottom: 0;
margin-bottom: 0;
}
.fello .flow .flow--02 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-charge.png) no-repeat 708px bottom;
}
.fello .flow .flow--03 {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-01.png) no-repeat center bottom;
padding: 66px 0 100px;
margin-top: -66px;
overflow: hidden;
}
.fello .flow .flow--03 dl {
float: right;
width: 470px;
position: relative;
}
.fello .flow .flow--07 {
background-image: none;
padding-bottom: 0;
margin-bottom: 0;
}
.fello .flow .flow--07 p {
background-color: #0087C9;
height: 87px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
color: #fff;
line-height: 87px;
}
.fello .flow .flow__plan {
padding-bottom: 0;
margin-bottom: 0;
overflow: hidden;
}
.fello .flow .flow__plan .trial,
.fello .flow .flow__plan .charge {
background-repeat: no-repeat;
background-position: center bottom;
width: 48.95833%;
padding-bottom: 53px;
margin-bottom: 13px;
}
.fello .flow .flow__plan .trial>p,
.fello .flow .flow__plan .charge>p {
font-size: 1.38462em;
font-size: 1.38462rem;
font-weight: bold;
color: #fff;
line-height: 80px;
}
.fello .flow .flow__plan .trial {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-free.png);
float: left;
}
.fello .flow .flow__plan .trial p {
background-color: #39A1D1;
}
.fello .flow .flow__plan .charge {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-charge.png);
float: right;
}
.fello .flow .flow__plan .charge p {
background-color: #0086C7;
}
.fello .flow .flow__plan .charge a {
background-color: #FF6300;
display: block;
width: 220px;
height: 45px;
margin: 20px auto 0;
text-align: center;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 45px;
text-decoration: none;
color: #fff;
position: relative;
}
.fello .flow .flow__plan .charge a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -277px;
width: 16px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
right: 8px;
content: '';
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .contents__title {
width: 148px;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .contents__lead {
padding-top: 234px;
margin-bottom: 23px;
font-size: 1.53846em;
font-size: 1.53846rem;
font-weight: bold;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .contents__lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .contents__lead dt {
margin-bottom: 7px;
font-size: 1.53846em;
font-size: 1.53846rem;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .contents__lead dd {
padding-top: 0;
font-size: 1.23077em;
font-size: 1.23077rem;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .header__inner .image {
width: 203px;
margin-left: -101px;
right: inherit;
top: 146px;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.fello .contents>.contents__header .nav--header img {
height: 36px;
}
}
@media only screen and (max-width: 767px) {
.fello .partner {
padding: 30px 0 35px;
}
}
@media only screen and (max-width: 767px) {
.fello .partner h2 {
margin-bottom: 30px;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner-container {
padding: 25px 0 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner__inner {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner__list {
padding-bottom: 22px;
margin-bottom: 23px;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner__list:nth-child(2) {
padding-bottom: 22px;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner__list dt {
margin-bottom: 15px;
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
.fello .partner .partner__list dd img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.fello .point {
padding-top: 0;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point-container {
display: block;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point__list {
display: block;
width: 100%;
padding: 0 0 30px;
margin-bottom: 30px;
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point__list:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point--multi-platform dt {
padding-top: 95px;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point--report dt {
padding-top: 95px;
}
}
@media only screen and (max-width: 767px) {
.fello .point .point--function dt {
padding-top: 95px;
}
}
@media only screen and (max-width: 767px) {
.fello .point dt {
background-size: 119px auto;
}
}
@media only screen and (max-width: 767px) {
.fello .point dd {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .point dd small {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .point li {
padding-left: 15px;
font-size: 1.07692em;
font-size: 1.07692rem;
line-height: 1.8;
}
}
@media only screen and (max-width: 767px) {
.fello .point li:before {
font-size: 2.61538em;
font-size: 2.61538rem;
top: -5px;
left: -12px;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry-fello {
padding: 35px 0;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry-fello.inquiry-bottom {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__block {
display: block;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__title,
.fello .inquiry__box {
display: block;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__title {
width: auto;
padding: 20px 0;
margin: 0 15px;
font-size: 1.23077em;
font-size: 1.23077rem;
text-align: center;
line-height: 1.3;
border-bottom: 1px solid #85C1E0;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__title strong:after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box {
padding-right: 0;
margin: 0 15px;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box ul {
padding: 15px 0;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box li {
display: block;
margin: 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box li:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box a {
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.fello .inquiry__box a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -305px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 9px;
}
}
@media only screen and (max-width: 767px) {
.fello .function {
padding: 0 0 35px;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__contents {
margin-bottom: 35px;
border: none;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__list {
padding: 58px 0 35px;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__list:last-child {
border-bottom: 1px solid #81C0DE;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__list--01 .function__image {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/img_function-01_sp.png) no-repeat center top;
background-size: auto 144px;
height: 144px;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__list--01 .function__image img {
display: none;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt,
.fello .function .function__image {
display: block;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt h2 {
padding-left: 88px;
margin-bottom: 45px;
font-size: 1.23077em;
font-size: 1.23077rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt h2:before {
width: 67px;
height: 60px;
margin-top: -30px;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt h2 br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__txt p {
margin-bottom: 22px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .function .function__image {
max-width: 325px;
padding: 0;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.fello .flow {
padding: 32px 0 0;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .contents__header h2 {
padding-left: 0;
margin-bottom: 25px;
font-size: 1.53846em;
font-size: 1.53846rem;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .contents__header h2 small {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_registration_sp.png);
background-size: contain;
margin: 0 0 10px;
position: static;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .contents__header p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__list {
background-size: 17px auto;
padding-bottom: 26px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__list dl {
padding: 15px 0;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__list dt {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__list dd {
margin: 0 15px;
font-size: 0.92308em;
font-size: 0.92308rem;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__list strong {
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--02 {
background-position: left top;
background-size: 17px 0;
padding-bottom: 26px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--03 {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-01_sp.png);
background-size: auto 223px;
padding: 31px 0 49px;
margin-top: -31px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--03 dl {
background-color: transparent;
width: 50%;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--03 dl:before {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-charge.png) no-repeat left top;
background-size: 17px auto;
display: block;
width: 17px;
height: 26px;
position: absolute;
top: -31px;
left: 76px;
content: '';
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--03 dt {
background-color: #FFF;
padding: 15px 10px 7px;
margin: 0 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow--03 dd {
background-color: #FFF;
padding: 0 10px 15px;
margin: 0 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial,
.fello .flow .flow__plan .charge {
width: 50%;
padding-bottom: 26px;
margin-bottom: 5px;
position: relative;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial:before,
.fello .flow .flow__plan .charge:before {
background-size: 17px auto;
display: block;
width: 17px;
height: 26px;
position: absolute;
bottom: 0;
content: '';
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial>p,
.fello .flow .flow__plan .charge>p {
display: table;
width: 100%;
height: 76px;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial>p span,
.fello .flow .flow__plan .charge>p span {
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial {
background-image: none;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .trial:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-free.png);
right: 50%;
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge {
background-image: none;
float: right;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/fello/images/bg_flow-charge.png);
left: 50%;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge dl {
padding: 10px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge dt {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge dd {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge a {
width: 100%;
height: auto;
padding: 12px 0;
margin: 10px 0 0;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.fello .flow .flow__plan .charge a:after {
display: none;
}
} .inquiry .contents>.contents__header .header__inner {
padding-top: 80px;
}
.inquiry .contents>.contents__header .header__inner .contents__title {
margin-bottom: 17px;
font-size: 1.84615em;
font-size: 1.84615rem;
font-weight: bold;
color: #1a5aa2;
}
.inquiry .contents>.contents__header .header__inner .contents__lead {
padding-bottom: 80px;
font-size: 1em;
font-size: 1rem;
line-height: 1.8;
color: #000000;
}
.inquiry .contents>.contents__header .header__inner .contents__lead a {
text-decoration: underline;
color: #1a5aa2;
}
.inquiry .contents>.contents__header.header--form {
margin-bottom: 0;
}
.inquiry .contents>.contents__header.header--form .contents__title {
margin-bottom: 67px;
}
.inquiry .contents>.contents__header.header--form .contents__lead p {
margin-bottom: 26px;
font-size: 1em;
font-size: 1rem;
line-height: 1.8;
}
.inquiry .contents>.contents__header.header--form .contents__lead p:last-child {
margin-bottom: 0;
}
.inquiry .inquiry-container {
padding-bottom: 95px;
border-width: 1px 0 0;
border-style: solid;
border-color: #81C0DE;
}
.inquiry .inquiry-container li {
border-width: 0 1px 1px;
border-style: solid;
border-color: #81C0DE;
}
.inquiry .inquiry-container a {
display: block;
padding-left: 20px;
height: 80px;
font-size: 1.07692em;
font-size: 1.07692rem;
color: #1a5aa2;
font-weight: bold;
line-height: 80px;
position: relative;
}
.inquiry .inquiry-container a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -259px;
width: 16px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
right: 14px;
content: '';
}
.inquiry .form-block {
padding-bottom: 86px;
}
.inquiry .form-block iframe {
width: 100%;
}
.inquiry .link--block {
padding-bottom: 75px;
margin-top: -9px;
text-align: center;
}
.inquiry .link--block a {
display: inline-block;
padding: 13px 65px 13px 33px;
border: 1px solid #177FB8;
color: #1a5aa2;
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: relative;
}
.inquiry .link--block a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -259px;
width: 16px;
height: 14px;
margin-top: -7px;
display: block;
position: absolute;
top: 50%;
right: 13px;
content: '';
}
@media only screen and (max-width: 767px) {
.inquiry .contents>.contents__header .header__inner {
padding-top: 46px;
}
}
@media only screen and (max-width: 767px) {
.inquiry .contents>.contents__header .header__inner .contents__title {
margin-bottom: 10px;
font-size: 1.53846em;
font-size: 1.53846rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.inquiry .contents>.contents__header .header__inner .contents__lead {
padding-bottom: 45px;
}
}
@media only screen and (max-width: 767px) {
.inquiry .contents>.contents__header.header--form {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.inquiry .contents>.contents__header.header--form .contents__title {
margin-bottom: 38px;
}
}
@media only screen and (max-width: 767px) {
.inquiry .inquiry-container {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.inquiry .inquiry-container a {
height: auto;
padding: 20px 40px 20px 15px;
line-height: 1.4;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.inquiry .inquiry-container a:after {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -265px;
-moz-background-size: 34px auto;
-o-background-size: 34px auto;
-webkit-background-size: 34px auto;
background-size: 34px auto;
width: 22px;
height: 18px;
margin-top: -9px;
right: 10px;
}
}
@media only screen and (max-width: 767px) {
.inquiry .form-block {
height: auto;
}
}
@media screen and (max-width: 568px) {
.inquiry .link--block {
padding-bottom: 40px;
margin-top: -46px;
}
}
@media screen and (max-width: 568px) {
.inquiry .link--block a {
display: block;
}
} .privacy .contents>.contents__header {
height: auto;
margin-bottom: 74px;
}
.privacy .contents>.contents__header .header__inner {
padding-top: 80px;
}
.privacy .contents>.contents__header .header__inner .contents__title {
margin-bottom: 74px;
font-size: 1.84615em;
font-size: 1.84615rem;
font-weight: bold;
color: #1a5aa2;
}
.privacy .contents>.contents__header .header__inner .contents__lead {
padding: 35px 40px;
font-size: 1em;
font-size: 1rem;
line-height: 1.8;
color: #000000;
border: 1px solid #DBDBDC;
}
.privacy .contents>.contents__header .header__inner .contents__lead p {
margin-bottom: 23px;
}
.privacy .contents>.contents__header .header__inner .contents__lead p:last-child {
margin-bottom: 0;
}
.privacy .contents .contents__block a {
color: #1a5aa2;
text-decoration: underline;
}
.privacy .privacy__list {
padding-bottom: 30px;
}
.privacy .privacy__list h2 {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.4;
color: #1a5aa2;
}
.privacy .privacy__list p {
margin-bottom: 20px;
}
.privacy .privacy__list>ul {
margin-bottom: 20px;
counter-reset: number;
}
.privacy .privacy__list>ul>li {
padding-left: 3em;
margin-bottom: 8px;
position: relative;
}
.privacy .privacy__list>ul>li:before {
position: absolute;
top: 0;
left: 0;
counter-increment: number;
content: "（" counter(number) "）";
}
.privacy .privacy__list>ul ul {
counter-reset: number;
}
.privacy .privacy__list>ul ul>li {
padding-left: 1.3em;
margin-bottom: 8px;
position: relative;
}
.privacy .privacy__list>ul ul>li:before {
position: absolute;
top: 0;
left: 0;
counter-increment: number;
content: counter(number) ".";
}
.privacy .privacy__list li p {
margin-bottom: 8px;
}
.privacy .privacy__footer {
padding-bottom: 80px;
text-align: right;
}
.privacy .privacy__footer p,
.privacy .privacy__footer dl {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.privacy .contents>.contents__header .header__inner {
padding-top: 46px;
}
}
@media only screen and (max-width: 767px) {
.privacy .contents>.contents__header .header__inner .contents__title {
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.privacy .contents>.contents__header .header__inner .contents__lead {
padding: 20px 23px;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.privacy .privacy__list h2 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.privacy .privacy__list p {
font-size: 1.07692em;
font-size: 1.07692rem;
}
} .other .contents>.contents__header {
height: auto;
}
.other .contents>.contents__header .header__inner {
padding-top: 80px;
margin-bottom: 44px;
}
.other .contents>.contents__header .header__inner .contents__title {
margin-bottom: 0;
font-size: 1.84615em;
font-size: 1.84615rem;
font-weight: bold;
color: #1a5aa2;
}
.other .contents>.contents__header .header__inner .contents__lead {
padding-top: 74px;
font-size: 1em;
font-size: 1rem;
line-height: 1.8;
color: #000000;
}
.other .contents>.contents__header .header__inner .contents__lead p {
margin-bottom: 23px;
}
.other .contents>.contents__header .header__inner .contents__lead p:last-child {
margin-bottom: 0;
}
.other .contents .contents__block {
padding-bottom: 80px;
word-wrap: break-word;
}
.other .contents .contents__block a {
color: #1a5aa2;
text-decoration: underline;
}
.other .contents .contents__block p {
margin-bottom: 20px;
}
.other .contents .contents__block .list {
margin-bottom: 20px;
}
.other .contents .contents__block .list>li {
padding-left: 1.2em;
margin-bottom: 16px;
position: relative;
}
.other .contents .contents__block .list>li:before {
position: absolute;
top: 0;
left: 0;
content: '・';
}
.other .contents .contents__block iframe {
margin: 0 -10px;
}
.other .contents .contents__block #opt iframe {
width: 100%;
margin: 0;
}
@media only screen and (max-width: 767px) {
.other .contents>.contents__header .header__inner {
padding-top: 46px;
}
}
@media only screen and (max-width: 767px) {
.other .contents>.contents__header .header__inner .contents__title {
margin-bottom: 40px;
font-size: 1.53846em;
font-size: 1.53846rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.other .contents>.contents__header .header__inner .contents__lead {
padding-top: 0;
font-size: 1.07692em;
font-size: 1.07692rem;
}
}
@media only screen and (max-width: 767px) {
.other .contents .contents__block iframe {
margin: 0;
}
} .majin .contents>.contents__header {
height: auto;
padding-bottom: 25px;
}
.majin .contents .header__inner {
height: 370px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .contents .header__inner {
height: auto;
padding-bottom: 2em;
}
}
.majin .contents .header__inner .contents__title {
padding-top: 70px;
font-size: 270%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
line-height: 1;
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .contents .header__inner .contents__title {
padding-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.majin .contents .header__inner .contents__title {
padding-top: 2em;
}
}
.majin .contents .header__inner .contents__title .contents__name {
display: inline-block;
padding-top: 0;
margin-bottom: 0;
font-size: 55%;
font-weight: normal;
}
.majin .contents .header__inner .contents__lead {
font-weight: 500;
line-height: 1.3;
font-size: 170%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .contents .header__inner .contents__lead {
padding-right: 0;
}
}
.majin .contents .header__inner .youtube {
position: absolute;
top: 70px;
right: 0;
}
.majin .contents__block a {
text-decoration: none !important;
}
.majin .contents__block h2 {
font-size: 1.53846em;
font-size: 1.53846rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
text-align: center;
letter-spacing: 0.20em;
}
.majin .lead {
text-align: center;
}
.majin .lead h2 {
padding-top: 50px;
margin-bottom: 30px;
}
.majin .lead p {
margin-bottom: 30px;
}
.majin .lead a {
text-decoration: none;
}
.majin .difference {
background-color: #F2F7F9;
}
.majin .difference h2 {
padding-top: 50px;
margin-bottom: 30px;
}
.majin .difference p {
margin-bottom: 56px;
text-align: center;
}
.majin .difference .difference__list {
width: 95.3125%;
padding: 24px 0 50px;
margin: 0 auto;
text-align: center;
overflow: hidden;
counter-reset: number;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .difference .difference__list {
padding: 24px 0 50px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list {
padding: 5% 0 8%;
}
}
.majin .difference .difference__list .difference__item {
float: left;
width: 26.77596%;
margin-right: 9.83607%;
position: relative;
counter-increment: number;
}
.majin .difference .difference__list .difference__item:last-child {
margin-right: 0;
}
.majin .difference .difference__list .difference__item:before {
background-color: #1a5aa2;
display: block;
width: 48px;
height: 48px;
font-size: 1.38462em;
font-size: 1.38462rem;
line-height: 48px;
color: #fff;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
content: counter(number);
position: absolute;
top: -24px;
left: 50%;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.majin .difference .difference__list .image {
width: 89.79592%;
margin: 0 auto 33px;
}
.majin .difference .difference__list dt {
margin-bottom: 7px;
font-size: 1.23077em;
font-size: 1.23077rem;
font-weight: bold;
line-height: 1.5;
color: #1a5aa2;
}
.majin .difference .difference__list dd {
text-align: left;
line-height: 1.8;
}
.majin .expectation {
padding-bottom: 60px;
}
.majin .expectation h2 {
padding-top: 50px;
margin-bottom: 20px;
text-align: center;
}
.majin .expectation .problem__list {
padding: 39px 0;
margin-bottom: 50px;
border: 1px solid #80C1E0;
overflow: hidden;
}
.majin .expectation .problem__item {
float: left;
width: 33%;
min-height: 290px;
border-right: 1px solid #87BFDD;
}
.majin .expectation .problem__item:last-child {
border-right: none;
}
.majin .expectation .problem__item .image {
padding-top: 25px;
margin-bottom: 36px;
text-align: center;
}
.majin .expectation .problem__item .image img {
width: 60px;
}
.majin .expectation .problem__item small,
.majin .expectation .problem__item dt {
text-align: center;
line-height: 1;
color: #0084C3;
font-weight: bold;
}
.majin .expectation .problem__item small {
display: block;
margin-bottom: 6px;
}
.majin .expectation .problem__item dt {
margin-bottom: 20px;
font-size: 1.23077em;
font-size: 1.23077rem;
}
.majin .expectation .problem__item dd {
padding: 0 30px;
line-height: 1.8;
}
.majin .expectation .banner {
width: 700px;
height: 110px;
margin: 0 auto;
}
.majin .expectation .banner a {
background-color: #000;
display: table;
width: 100%;
height: 110px;
text-decoration: none;
}
.majin .expectation .banner p,
.majin .expectation .banner dl {
display: table-cell;
vertical-align: middle;
}
.majin .expectation .banner p {
width: 250px;
text-align: center;
color: #fff;
}
.majin .expectation .banner dl {
padding-left: 70px;
position: relative;
}
.majin .expectation .banner dl:before {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/services/images/publishers/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -353px;
width: 21px;
height: 18px;
margin-top: -9px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
.majin .expectation .banner dl dt,
.majin .expectation .banner dl dd {
display: inline-block;
vertical-align: middle;
}
.majin .expectation .banner dl dt {
width: 136px;
margin-right: 28px;
}
.majin .expectation .banner dl dd {
color: #fff;
}
.majin .inquiry-mail {
padding: 30px 0;
}
.majin .inquiry-mail .inquiry__title {
margin-bottom: 10px;
}
.majin .con_freetrial {
background: #357dd1;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzM1N2RkMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM1N2RkMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTZlOWVjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlOWVjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(1%, #357dd1), color-stop(50%, #207cca), color-stop(50%, #2989d8), color-stop(50%, #357dd1), color-stop(50%, #e6e9ec), color-stop(100%, #e6e9ec));
background: -moz-linear-gradient(left, #357dd1 1%, #207cca 50%, #2989d8 50%, #357dd1 50%, #e6e9ec 50%, #e6e9ec 100%);
background: -webkit-linear-gradient(left, #357dd1 1%, #207cca 50%, #2989d8 50%, #357dd1 50%, #e6e9ec 50%, #e6e9ec 100%);
background: linear-gradient(to right, #357dd1 1%, #207cca 50%, #2989d8 50%, #357dd1 50%, #e6e9ec 50%, #e6e9ec 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#357dd1', endColorstr='#e6e9ec', GradientType=1);
overflow: hidden;
*zoom: 1;
}
.majin .con_freetrial .inner {
background: #357dd1;
position: relative;
padding: 10px 0 15px;
overflow: hidden;
*zoom: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .con_freetrial .inner {
padding: 10px 3% 15px;
}
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner {
padding: 3%;
}
}
@media only screen and (max-width: 1024px) {
.majin .con_freetrial .inner {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.majin .con_freetrial .inner:before {
background-color: #e6e9ec;
display: block;
width: 60px;
height: 160px;
position: absolute;
right: -10px;
z-index: 10;
content: '';
top: 40%;
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner:before {
display: none;
}
}
.majin .con_freetrial .inner:after {
background-color: #e6e9ec;
display: block;
width: 60px;
height: 160px;
position: absolute;
right: -10px;
z-index: 10;
content: '';
bottom: 40%;
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner:after {
display: none;
}
}
.majin .con_freetrial .inner .txt_free {
float: left;
width: 75.90909%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .con_freetrial .inner .txt_free {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner .txt_free {
display: block;
width: 100%;
margin-bottom: 3%;
}
}
.majin .con_freetrial .inner .btn_free {
float: left;
width: 17.27273%;
margin-left: 1.81818%;
display: table;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .con_freetrial .inner .btn_free {
width: 25%;
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner .btn_free {
display: block;
width: 100%;
}
}
.majin .con_freetrial .inner .btn_free a {
color: #f05f21;
text-decoration: none;
font-size: 170%;
display: table-cell;
vertical-align: middle;
text-align: right;
}
.majin .con_freetrial .inner .btn_free a .fa-angle-right {
border: 1px solid #f05f21;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
*zoom: 1;
line-height: 1;
padding: 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;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.majin .con_freetrial .inner .btn_free a .fa-angle-right {
font-size: 124%;
}
}
@media only screen and (max-width: 767px) {
.majin .con_freetrial .inner .btn_free a {
text-align: center;
display: block;
}
}
@media only screen and (max-width: 767px) {
.majin .contents>.contents__header {
padding-bottom: 34px;
}
}
@media only screen and (max-width: 767px) {
.majin .contents .header__inner {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.majin .contents .header__inner .contents__title {
padding: 0;
margin-bottom: 3%;
margin-top: 10%;
font-size: 150%;
}
}
@media only screen and (max-width: 767px) {
.majin .contents .header__inner .contents__lead {
font-size: 1.23846em;
font-size: 1.23846rem;
line-height: 1.5;
}
.majin .contents .header__inner .contents__lead br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.majin .contents .header__inner .youtube {
width: 100%;
padding-bottom: 56.25%;
margin-bottom: 35px;
position: relative;
left: 0;
top: 0;
right: 0;
}
.majin .contents .header__inner .youtube iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 767px) {
.majin .contents__block h2 {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 767px) {
.majin .lead {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.majin .lead h2 {
padding-top: 30px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.majin .lead p {
margin-bottom: 25px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
text-align: left;
}
.majin .lead p br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.majin .difference h2 {
padding-top: 30px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference p {
margin-bottom: 20px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
text-align: left;
}
.majin .difference p br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list {
width: 100%;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list .difference__item {
float: none;
width: 100%;
margin: 0 0 46px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list .difference__item:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list .difference__item:before {
width: 36px;
height: 36px;
font-size: 1em;
font-size: 1rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
line-height: 36px;
top: -18px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list .image {
width: 165px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list dt {
margin-bottom: 10px;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.majin .difference .difference__list dd {
font-size: 1.07692em;
font-size: 1.07692rem;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation {
padding-bottom: 36px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation h2 {
padding-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__list {
padding: 0;
margin-bottom: 37px;
border-width: 1px 0 0;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item {
float: none;
width: 100%;
min-height: inherit;
border-right: none;
border-bottom: 1px solid #87BFDD;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item .image {
padding-top: 27px;
margin-bottom: 28px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item .image img {
width: 90px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item small {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item dt {
margin-bottom: 22px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .problem__item dd {
padding: 0 0 26px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner a {
display: block;
height: auto;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner p,
.majin .expectation .banner dl {
display: block;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner p {
width: 100%;
padding-top: 26px;
margin-bottom: 22px;
font-size: 1.07692em;
font-size: 1.07692rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner dl {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner dl:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner dl dt,
.majin .expectation .banner dl dd {
display: block;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner dl dt {
width: 171px;
margin: 0 auto 20px;
}
}
@media only screen and (max-width: 767px) {
.majin .expectation .banner dl dd {
padding-bottom: 30px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
}
@media only screen and (max-width: 767px) {
.majin .inquiry-mail .btn--mail span {
padding-top: 22px;
padding-bottom: 22px;
padding-left: 50px;
padding-right: 40px;
}
.majin .inquiry-mail .btn--mail span:after {
right: 8px;
}
}
.contents {
background-color: #FFF;
position: relative;
}
@-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);
}
}
@-moz-keyframes def {
0% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
100% {
display: none;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes def {
0% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
display: none;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes def {
0% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
display: none;
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);
}
}
.nav--bottom {
position: absolute;
right: 0;
bottom: 60px;
left: 0;
z-index: 20;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.nav--bottom {
bottom: 30px;
}
}
.nav--bottom ul {
width: 100%;
height: 90px;
overflow: hidden;
}
.nav--bottom li {
float: left;
width: 48%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
}
.nav--bottom li:not(:first-child) {
margin-left: 3%;
}
.nav--bottom.nav--col3 li {
width: 31.3%;
text-align: center;
}
.nav--bottom a {
display: inline-block;
padding: 16px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.nav--bottom a {
padding: 1em 1.8em;
}
}
@media only screen and (max-width: 767px) {
.nav--bottom a {
padding: 1em 1.8em;
}
}
@media screen and (max-width: 736px) {
.nav--bottom {
position: static;
margin-bottom: 1em;
}
.nav--bottom ul {
height: auto;
border-right: none;
}
.nav--bottom ul li {
float: none;
width: 100%;
border-left: none;
margin: 3% 0;
}
.nav--bottom ul li:not(:first-child) {
margin-left: 0;
}
}
@media screen and (max-width: 736px) {
.nav--bottom li:last-child {
border-bottom: none;
}
}
@media screen and (max-width: 736px) {
.nav--bottom.nav--col3 li {
width: 100%;
}
}
.color--l-b {
background-color: #F3F9FB;
}
.balloon--under {
background-color: #e4edf8;
padding: 1.5em 0;
font-size: 1.54em;
font-size: 1.54rem;
font-weight: bold;
color: #1957a0;
text-align: center;
line-height: 1.4;
border: 1px solid #1957a0;
position: relative;
}
.balloon--under:after {
background-color: #e4edf8;
display: block;
width: 20px;
height: 20px;
margin-left: -10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #1957a0;
position: absolute;
bottom: -11px;
left: 50%;
content: '';
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 736px) {
.balloon--under {
padding: 0.8em 0.2em;
}
}
@media screen and (max-width: 736px) {
.balloon--under:after {
width: 14px;
height: 14px;
margin-left: -10px;
bottom: -8px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.contents__header .header__inner .contents__lead {
padding-right: 245px;
}
}
.inquiry-button {
background: #F2F7F9;
padding: 0 0 20px;
text-align: center;
}
.inquiry-button .btn_servies a {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMDVmMjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4NTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f05f21), color-stop(50%, #d8541a));
background: -moz-linear-gradient(#f05f21 50%, #d8541a 50%);
background: -webkit-linear-gradient(#f05f21 50%, #d8541a 50%);
background: linear-gradient(#f05f21 50%, #d8541a 50%);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
border-bottom: 0.8em solid #ac4316;
color: #fff;
line-height: 75px;
height: 75px;
width: 590px;
display: inline-block;
text-align: center;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies a {
width: 100%;
display: block;
border-bottom: 0.1em solid #ac4316;
line-height: 2;
height: auto;
padding: 0.8em 0;
}
}
.inquiry-button .btn_servies a span {
font-size: 185%;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies a span {
font-size: 131%;
}
}
.inquiry-button .btn_servies a span:before {
display: none;
}
.inquiry-button .btn_servies a span:before,
.inquiry-button .btn_servies a span:after {
font-family: FontAwesome;
vertical-align: middle;
}
.inquiry-button .btn_servies a span>* {
vertical-align: middle;
display: inline;
}
.inquiry-button .btn_servies a span:after {
content: "";
margin-left: .5em;
}
.inquiry-button .btn_servies a span:after {
position: static;
display: inline-block;
width: auto;
height: auto;
background: none;
margin-top: 0;
}
.inquiry-button .btn_servies a:hover {
color: #FFF;
}
.inquiry-button .btn_servies.inquiry-mail a {
width: 365px;
height: 62px;
line-height: 62px;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies.inquiry-mail a {
width: 100%;
display: block;
line-height: 2;
height: auto;
}
}
.inquiry-button .btn_servies02 a {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMDVmMjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4NTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f05f21), color-stop(50%, #d8541a));
background: -moz-linear-gradient(#f05f21 50%, #d8541a 50%);
background: -webkit-linear-gradient(#f05f21 50%, #d8541a 50%);
background: linear-gradient(#f05f21 50%, #d8541a 50%);
-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
border-bottom: 0.8em solid #ac4316;
color: #fff;
line-height: 75px;
height: 75px;
width: 590px;
display: inline-block;
text-align: center;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies02 a {
width: 100%;
display: block;
border-bottom: 0.1em solid #ac4316;
line-height: 2;
height: auto;
padding: 0.8em 0;
}
}
.inquiry-button .btn_servies02 a span {
font-size: 185%;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies02 a span {
font-size: 131%;
}
}
.inquiry-button .btn_servies02 a span:before {
display: none;
}
.inquiry-button .btn_servies02 a span:before,
.inquiry-button .btn_servies02 a span:after {
font-family: FontAwesome;
vertical-align: middle;
}
.inquiry-button .btn_servies02 a span>* {
vertical-align: middle;
display: inline;
}
.inquiry-button .btn_servies02 a span:after {
content: "";
margin-left: .5em;
transform: rotate(90deg);
}
.inquiry-button .btn_servies02 a span:after {
position: static;
display: inline-block;
width: auto;
height: auto;
background: none;
margin-top: 0;
}
.inquiry-button .btn_servies02 a:hover {
color: #FFF;
}
.inquiry-button .btn_servies02.inquiry-mail a {
width: 365px;
height: 62px;
line-height: 62px;
}
@media only screen and (max-width: 767px) {
.inquiry-button .btn_servies02.inquiry-mail a {
width: 100%;
display: block;
line-height: 2;
height: auto;
}
}
.ma-jin-form {
border: none;
} .dooh .contents > .contents__header {
height: auto;
}
.dooh .contents .header__inner {
height: 418px;
position: relative;
}
.dooh .contents__title {
padding: 71px 0 0 0;
margin: 0 0 25px 0;
font-size: 2.76923em;
font-size: 2.76923rem;
line-height: 1.25em;
}
.dooh .contents__lead dt {
margin-bottom: 14px;
font-weight: bold;
}
.dooh .header__inner .image {
top: 94px;
right: 62px;
width: 203px;
}
.dooh .nav--bottom {
bottom: 50px;
}
.dooh .nav--bottom a {
color: #1957A0 !important;
font-size: 1.38461em;
font-size: 1.38461rem;
font-weight: bold;
text-decoration: none;
display: flex;
align-items: center;
}
.dooh .nav--bottom a.link-dooh {
padding: 8.2px 17.1px;
}
.dooh .nav--bottom a.link-dooh-ssp {
padding: 23px 37px 22.6px;
}
.dooh .nav--bottom a .icon-down {
margin-left: 13px;
}
.dooh .nav--bottom a .icon-service-dooh {
margin-right: 13px;
}
.dooh .nav--bottom a .icon-service-dooh-ssp {
margin-right: 37px;
}
.dooh .contents .inquiry-mail {
padding: 20px 0;
}
.dooh .contents .inquiry-mail .btn a {
line-height: 62px;
height: 62px;
max-width: 365px;
border-bottom-width: 0.4em;
}
.dooh #dooh {
margin-top: -46px;
margin-bottom: 75px;
padding-top: 130px;
}
.dooh #dooh .contents__header {
margin-bottom: 60px;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/bg_for-app.png) center center / cover no-repeat;
}
.dooh #dooh .header__inner {
height: 320px;
display: flex;
align-items: center;
justify-content: center;
}
.dooh #dooh .header__inner img {
width: 75px;
height: 95.73px;
margin-right: 32px;
}
.dooh #dooh .header__inner h2 {
color: #000;
font-size: 2.69230em;
font-size: 2.69230rem;
}
.dooh .box-style {
padding: 40px;
border: solid 1px #1957A0;
}
.dooh .box-style + .box-style {
border-top: none;
}
.dooh .box-style h3 {
margin-bottom: 14px;
color: #1957A0;
font-size: 2.07692em;
font-size: 2.07692rem;
}
.dooh .feature-block {
max-width: 940px;
margin: 40px auto 0;
display: flex;
justify-content: space-between;
}
.dooh .feature-block .block--item {
width: 31.915%;
padding: 22px 17px 19px;
background: #F3F9FB;
text-align: center;
box-sizing: border-box;
}
.dooh .feature-block .block--item .block--num {
margin-bottom: 16px;
color: #1957A0;
font-size: 1.38461em;
font-size: 1.38461rem;
font-weight: bold;
}
.dooh .feature-block .block--item .block--img {
margin-bottom: 17px;
}
.dooh .feature-block .block--item .block--ttl {
margin-bottom: 16px;
color: #1957A0;
font-size: 1.38461em;
font-size: 1.38461rem;
font-weight: bold;
}
.dooh .feature-block .block--item .block--dis {
text-align: left;
}
.dooh #dooh-ssp {
margin-top: -8px;
margin-bottom: 75px;
padding-top: 130px;
}
.dooh #dooh-ssp .contents__header {
margin-bottom: 60px;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/products/images/dooh/bg_for-web.png) center center / cover no-repeat;
}
.dooh #dooh-ssp .header__inner {
height: 320px;
display: flex;
align-items: center;
justify-content: center;
}
.dooh #dooh-ssp .header__inner img {
width: 75px;
height: 60.66px;
margin-right: 18px;
}
.dooh #dooh-ssp .header__inner h2 {
color: #000;
font-size: 2.69230em;
font-size: 2.69230rem;
}
.dooh #dooh-ssp .feature-block .block--item .block--num {
margin-bottom: 45px;
}
.dooh #dooh-ssp .feature-block .block--item .block--img {
margin-bottom: 48px;
height: 114.11px;
display: flex;
align-items: center;
justify-content: center;
}
.dooh #dooh-ssp .box-style small {
margin-top: 14px;
display: block;
}
@media only screen and (max-width: 767px) {
.dooh .contents .header__inner {
height: auto;
}
.dooh .contents__title {
padding: 33px 0 0 0;
}
.dooh .contents__lead {
padding-top: 160px;
}
.dooh .header__inner .image {
width: 203.62px;
height: 141.33px;
top: 109px;
left: 50%;
transform: translate(-50%,0);
}
.dooh .nav--bottom a {
font-size: 1.07692em;
font-size: 1.07692rem;
}
.dooh .nav--bottom a.link-dooh {
padding: 12px 25px;
}
.dooh .nav--bottom a.link-dooh-ssp {
padding: 15px 17px 15.61px;
}
.dooh .nav--bottom a .icon-service-dooh {
height: 50px;
margin-right: 25px;
}
.dooh .nav--bottom a .icon-service-dooh-ssp {
margin-right: 16px;
}
.dooh .contents .inquiry-mail .btn a {
line-height: 1.3;
height: auto;
}
.dooh #dooh, .dooh #dooh-ssp {
margin-top: -75px;
margin-bottom: 30px;
padding-top: 130px
}
.dooh #dooh .contents__header, .dooh #dooh-ssp .contents__header {
margin-bottom: 30px;
}
.dooh #dooh .header__inner, .dooh #dooh-ssp .header__inner {
height: 175px;
}
.dooh #dooh .header__inner img {
width: 39px;
height: 50px;
margin-right: 15px;
}
.dooh #dooh .header__inner h2, .dooh #dooh-ssp .header__inner h2 {
color: #000;
font-size: 1.53846em;
font-size: 1.53846rem;
}
.dooh #dooh-ssp .header__inner img {
width: 53px;
height: 40px;
margin-right: 15px;
}
.dooh .box-style {
padding: 0 0 15px;
border-width: 0 0 1px;
}
.dooh .box-style + .box-style {
margin-top: 15px;
}
.dooh .box-style h3 {
font-size: 1.53846em;
font-size: 1.53846rem;
}
.dooh .feature-block {
margin: 30px auto 0;
display: block;
}
.dooh .feature-block .block--item {
width: 100%;
}
.dooh .feature-block .block--item + .block--item {
margin-top: 15px;
}
} h1#request_title {
color: #177FB8;
text-align: center;
padding-top: 3em;
margin-bottom: 1.6em;
font-size: 185%;
font-weight: bold;
}