@charset "utf-8";
/*トップカテゴリー*/
.post-box p.cat .new-s {
	color: #960702;
}
.post-box p.cat .event {
	color: #e86e00;
}
.post-box p.cat .case {
	color: #00a0e9;
}
/*記事*/
.side-box .list-all {
	padding-top: 1em;
}
.side-box .list-all li:before {
	display: none;
}
.side-box .list-all li {
	text-indent: 0;
	margin-left: 0;
}
/*サービス*/
.pgae-service .page-head.navi-on {
	padding-bottom: 137px;
}
.pgae-service #page-navi {
	position: absolute;
	bottom: 71px;
}
#page-navi-sub {
	text-align: center;
	overflow: hidden;
	background: #fff;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 71px;
}
#page-navi-sub li {
	display: block;
	width: 22%;
	float: left;
	margin: 0 4% 0 0;
	padding: 10px 0;
	text-align: center;
}
#page-navi-sub li a {
	display: block;
	padding: 10px 0;
	text-align: center;
}
#page-navi-sub li a, #page-navi-sub li img {
	line-height: 0;
	text-align: center;
}
#page-navi-sub li:last-child {
	margin-right: 0;
}
.pgae-service #page-navi.fixed {
	position: fixed;
	top: 64px;
	left: 0;
}
.pgae-service #page-navi-sub.fixed {
	position: fixed;
	top: 130px;
	left: 0;
	z-index: 800;
}
.service_ad #page-navi-sub li.ad a {
	border-bottom: 5px solid #0086AE;
}
.service_sdk #page-navi-sub li.sdk a {
	border-bottom: 5px solid #E5004F;
}
.service_dmp #page-navi-sub li.dmp a {
	border-bottom: 5px solid #BCC800;
}
.service_inbound #page-navi-sub li.inbound a {
	border-bottom: 5px solid #999;
}

@media screen and (max-width: 950px) {
.service_inbound .ttl_text{width:40%; margin-left:120px;}
}

@media screen and (max-width: 800px) {
#page-navi li a {
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}
#page-navi-sub li a, #page-navi-sub li img.sp {
	width: 55px;
	margin: 0 auto;
}
.pgae-service .page-head.navi-on {
	padding-bottom: 112px;
}
.pgae-service #page-navi-sub.fixed {
	position: fixed;
	top: 110px;
	left: 0;
}
#page-navi-sub li {
	width: 25%;
	margin: 0;
	padding: 0 10px;
}
.service_ad #page-navi-sub li.ad a {
	border-bottom: 3px solid #0086AE;
}
.service_sdk #page-navi-sub li.sdk a {
	border-bottom: 3px solid #E5004F;
}
.service_dmp #page-navi-sub li.dmp a {
	border-bottom: 3px solid #BCC800;
}
.service_inbound #page-navi-sub li.inbound a {
	border-bottom: 3px solid #999;
}

.service_inbound .ttl_text{width:100% !important; margin-left:0 !important;}
}
/*160902追記 Profile Passport AD　tanimura_wrote*/
.service_ad #sec03 h1.tit01_n {
	border-bottom: 3px solid #0086AE;
	width: 52%;
	margin: 0px 24% 80px;
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}
.service_ad .ad_bb {
	font-size: 24px;
	color: #0086AE;
}
.service_ad p.ad_push_l {
	width: 40%;
	height: 113px;
	font-size: 14px;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 28px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
.service_ad p.ad_push_s {
	width: 25%;
	height: 113px;
	font-size: 14px;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 40px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
p.ad_push_ra {
	width: 20px;
	float: left;
}
.right_arrow {
	margin: 48px 4px;
}
.ad_0103l {
	border-bottom: inherit;	
}
.ad_0103s {
	font-size: 14px;
}
.ad_target_s {
	width: 24%;
    font-size: 14px !important;
    float: left;
    margin-right: 4%;
	margin-top:50px;
}
.ad_beacon_s {
	font-size: 14px !important;
}
.beacon_ex {
	width: 100%;
	height: 86px;
	font-size: 13px !important;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 28px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
.col-6 {
	width: 100%;
	display: block;
	margin-bottom: 60px;
	height: 142px;
}
.col-6 .col-box {
	width: 16%;
	float: left;
	margin: 0 0.66666666% 0 0;
}
.service-box .img-box, .seo-box .img-box, .blog-box .img-box {
	display: inline-block;
}
.service-box .img-box img, .seo-box .img-box img, .blog-box .img-box img {
	display: block;
	margin: 0 auto !important;
}
#topnews .col-box {
	margin-bottom: 20px !important;
}
.page-privacy .titleWrap {
	margin: 50px 0 5px;
}
#w25 {
	width: 25% !important;
}
#w75 {
	width: 70% !important;
	margin-left: 5% !important;
}
.sec6_txt {
	border:3px solid #E5004F;
	padding:20px;
	width:60%;
	margin:0 20%;
	text-align:center;
}
.sec6_txt p {
	font-size:20px !important;
}
.home #top_logobox {
	height:300px;
}
.home .inner_txt {
	text-align:left !important;
}
.ad_beacon_p {
	font-size:8px !important;
}
#inbound_pc_img {
	margin:60px 0 0 30px;
	width:16% !important;
}
.w80 {
	width:60% ;
	margin:0 ;
}

@media screen and (max-width: 800px) {
.service_ad #sec03 h1.tit01_n {
	position: relative;
	padding: .5em .75em;
	border-bottom: 3px solid #0086AE;
	width: 86%;
	margin: 0% 7% 10%;
	font-size: 28px;
}
.linebg {
	display: none;
}
.service_ad #sec03 h1.tit01_n:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #0086AE;
}
.service_ad p.ad_push_l {
	width: 42%;
	height: 100px;
	font-size: 11px;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 8px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
.service_ad p.ad_push_s {
	width: 22%;
	height: 100px;
	font-size: 11px;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 18px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
.service_ad p.ad_push_ra {
    width: 2%;
    float: left;
	margin:0 2.5% 0 1%;
}
.service_ad p.ad_push_ra img {
	margin-top: 42px;
	width:100%;
}
.ad_target_s {
	width: 100%;
	font-size: 14px !important;
	margin-top:0 !important;
	margin-bottom:30px;
}
.ad_target_s_img {
	width: 86%;
	margin: 0 7%;
}
.service_ad p.ad_0103 {
	padding: 15px 0 10px !important;
	line-height:0.8em !important;
}
.ad_0103l {
	font-size: 16px !important;
	line-height:2em !important;
}
.ad_0103s {
	font-size: 12px !important;
	margin-top:20px;
}
.beacon_ex {
	width: 100%;
	font-size: 12px !important;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 21px 0 10px;
	color: #0086AE;
	border-radius: 10px;
	border: 2px solid #0086AE;
	float: left;
	font-weight: bold;
}
.col-6 {
	width: 100%;
	display: block;
	margin-bottom: 60px;
	min-height: 280px;
}
.col-6 .col-box {
	width: 32%;
	float: left;
	margin: 0 1.3333333% 20px 0;
	height: auto;
}
#w25 {
	width: 60% !important;
	margin: 0 20%;
}
#w75 {
	width: 100% !important;
	margin-left: 0 !important;
	margin-top: 20px !important;
}
.sec6_txt {
	border:3px solid #E5004F;
	padding:20px;
	width:100% !important;
	margin:0 !important;
	text-align:center;
}
.sec6_txt p {
	font-size:18px !important;
}
.service_sdk #sec02 .sdk0401 .img{ width:90% !important; margin:50px 4%;}
.service_sdk #sec02 .sdk0401 .title {
    text-align: center;
    color: #fff;
    font-size: 16px;
	margin-bottom:10px !important;
	font-weight:bold;
}
#top_logobox {
	min-height:360px !important;
	height:auto !important;
	margin: 30px 4% 0 !important;
}
.home .detail-link-s {
	text-align: center;
	bottom:40px;
    width: 24%;
    margin: 25px auto 0;
	left:38% !important;
}
.home .detail-link-s p {
	width:100% !important;
}
.w80 {
	width:80% !important;
	margin:0 10% !important;
}
.service_ad #sec02 h1.tit01 {
    width: 90% !important;
    margin: 0% 5% 10% !important;
}
.sp_no {
	display:none;
}
#use {
	width:76% !important;
	margin:0 12% !important;
}
.use_title {
	margin-bottom:-20px !important;
}
.service_seo #sec02 h2.tit01,
.service_seo #sec03 h2.tit01 {
    width: 90% !important;
    margin: 0% 5% 10% !important;
}
.service_seo #sec04 .wrap01 {
    text-align: left !important;
}
}

@media screen and (max-width: 500px) {

.home .detail-link-s {
	text-align: center;
	bottom:40px;
    width: 46%;
    margin: 25px auto 0;
	left:26% !important;
}
.home .detail-link-s p {
	width:100% !important;
}
.service_ad .col-6 .col-box{
	min-height:100px !important;	
}
}


@media screen and (max-width: 370px) {
.service_sdk #sec02 .sdk0401 .title {
    font-size: 13px !important;

}
.service_sdk #sec02 .sdk0401 .img {
    width: 90% !important;
    margin: 15px 4% 0;
}
.service_sdk #sec02 .sdk0401 .title, .service_sdk #sec03 .sdk0401 .title, .service_sdk #sec05 .sdk0401 .title {
    font-size: 13px !important
}
#page-navi li {
    display: inline-block;
    padding: 0 1%;
}
.parent-pageid-9 #page-navi ,.page-id-9 #page-navi,.parent-pageid-106 #page-navi{
        height: 70px;
}
.parent-pageid-9 .page-head.navi-on  ,.page-id-9 .page-head.navi-on{
    padding-bottom: 70px;
}
.parent-pageid-106 .page-head.navi-on{
	  padding-bottom: 140px;
}
.parent-pageid-106  #page-navi-sub.fixed {
    position: fixed;
    top: 130px;
    left: 0;
}
}


/*　講演　*/
.koen {
	width:100%;
	float:left;
	margin-bottom:30px;
	}
.koen .ttl_box{
	display:block;
	width:100%;
	background:#00afcc;
	color:#fff;
	float:left;
	padding:5px 2%;
	margin-bottom:20px;
	}
.koen .ttl_box h2{
	font-size:140%;
	float:left;
	padding:0px;
	margin:0 2% 0 0;
	}
.koen .ttl_box .time{
	font-size:100%;
	float:right;
	margin-top:6px;
	}
.koen .name {
	font-size:120%;
	float:left;
	width:100%;
	font-weight:bold;
	}
.koen .name .eng{
	font-size:70%;
	color:#777;
	}
.koen .jobttl{
	font-size:100%;
	float:left;
	width:100%;
	margin-bottom:20px;
	}
.koen .photo{
	float:left;
	width:30%;
	height:auto;
	margin:0 2% 10px 0;}
.koen .prof{
	float:left;
	width:68%;
	height:auto;
	font-size:90%;
	padding:1%;
	border:#DEDCDC dotted 2px;
	margin-bottom:10px;}
.koen .prof  .ttl{
	color:#777;}
.koen .contents{
	float:left;
	width:100%;
	height:auto;
	padding:2%;
	border-radius:5px;
	background:#82cddd;}
.koen .contents .ttl{
	color:#777;}

/* タイムテーブル */
.timetable {
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
    width: 100%;
}
.timetable th,
.timetable td {
    border: 1px solid #ccc;
}
.timetable th {
    width: 20%;
    padding: 10px;
}
.timetable td {
    padding: 10px;
}
.timetable td .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.timetable a {
    color: #89c997;
    text-decoration: underline;
}
.timetable a:hover {
    opacity: 0.8;
}

/** Profile Passport Base **/
.service_base #page-navi-sub ul.wrap01 li img {
    width: 54px;
}
.service_base #page-navi-sub ul.wrap01 li{
    width: 25%;
}
.service_base #page-navi-sub ul.wrap01 li span {
    margin-left: 10px;
}
.service_base #page-navi-sub ul.wrap01 a{
    font-size: 1.1rem;
}
.service_base .title h1 span {
    color: #316499;
}
.service_base h2:after {
    border: 3px solid #316499;
    background-color: #316499;
}
.service_base h3{
    border: none;
}
.service_base h3 span:before {
    border-left: 10px solid #316499;
}
.service_base h3 span:after {
    border-left: 10px solid #316499;
}
.service_base .fig_bg{
    background-color: rgb(221,235,247);
    padding: 30px 5%;
    margin-bottom: 110px;
}
.service_base .plan_table{
    width: 100%;
    border: solid 1px #aaaaaa; 
    border-collapse: collapse;
    line-height: 1.3;
}
.service_base .plan_table th{
    border: solid 1px #aaaaaa;
    background-color: #8bb8e1;
    color: rgb(48,101,153);
    padding: 0.5em 0.2em;
}
.service_base .plan_table tr:first-child th{
    background-color: #6c92b7;
    color: #fff;
    font-weight: bold;
}
.service_base .plan_table th span{
    font-size: 10px;
}
.service_base .plan_table td{
    border: solid 1px #aaaaaa; 
    color: rgb(48,101,153);
    font-weight: bold;
    background-color: #fff;
    padding: 0.5em 0.2em;
}
/**
.service_base .plan_table tr:last-child td{
   color: #000;
}
**/
.service_base .plan_table td span{
    color: #f00;
    font-size: smaller;
}
.service_base .secBtn{
    margin-top: 50px;
    margin-bottom: 50px;
}
.service_base .secBtn a{
    background-color: #316499;
    border-radius: 25px;  
}
.service_base .secBtn a.left{
    margin-right: 5%;
}
.service_base .secBtn a.right{
    margin-left: 5%;
}
.service_base .function h5{
    font-size: 18px;
    margin: 0.5em 0;
    font-weight: bold;
}
.service_base .function p{
    font-size: 15px;
    line-height: 1.3;
}
.service_base h4.plan{
    text-align: center;
    color: rgb(48,101,153);
    font-weight: bold;
    font-size: 28px;
    border-bottom: 2px solid rgb(48,101,153);
    margin-bottom: 70px;
}
.service_base h4.plan span{
    font-size: 45px;
}
.service_base .secSa .movie{
    display: inline-block;
    width: auto;
    vertical-align: top;
}
.service_base .secSa iframe{
    width: 480px!important;
    height: 270px!important;
}
.service_base .secSa .txt{
    display: inline-block;
    width: calc(100% - 520px);
    margin-left: 20px;
    vertical-align: top;
}
.service_base .secCh .inner dl dt{
    background-color: #316499;
}
.service_base .secCh .inner dl:first-child dt span.imageBox img {
    width: 120px;
}
.service_base .secCh .inner dl:nth-child(2) dt span.imageBox img {
    width: 98px;
}
.service_base .secCh .inner dl:nth-child(3) dt span.imageBox img {
    width: 98px;
}
.service_base .secSa .inner p {
    font-size: 16px;
}

@media screen and (max-width: 950px) {
.service_base #page-navi-sub ul.wrap01 li {
    width: auto;
    margin: 0 15px;
}
.service_base .secSa iframe{
    width: 288px!important;
    height: 162px!important;
}
.service_base .secSa .txt{
    width: 100%;
    margin-left: 0;
    margin-top: 20px; 
}
.service_base .secBtn a.left{
    width: 100%;
    margin: 0;
}
.service_base .secBtn a.right{
   width: 100%;
   margin: 20px 0 0 0;
}
.service_base h4.plan{
    font-size: 22px;
    margin-bottom: 40px;
}
.service_base h4.plan span{
    font-size: 35px;
}
.service_base .function h5{
    font-size: 15px;
}
}
@media screen and (max-width:949px) {
.service_base h2:after {
    border: 2px solid #316499;
    width: 30px;
}
.service_base h3 span:before,
.service_base h3 span:after {
    border-left: 5px solid #316499;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.service_base .secCh .inner dl:first-child dt span.imageBox img {
    width: 100px;
}
.service_base .secCh .inner dl:nth-child(2) dt span.imageBox img {
    width: 80px;
}
.service_base .secCh .inner dl:nth-child(3) dt span.imageBox img {
    width: 80px;
}
.service_base .secCh .inner dl:nth-child(2) dt span.imageBox,
.service_base .secCh .inner dl:nth-child(3) dt span.imageBox{
    top: 5px;
}
.service_base .secSa .inner p {
    font-size: 10px!important;
}
.service_base .fig_bg{
    margin-bottom: 70px;
}
}

.service .srvPos .propass {
    width: 193px!important;
}
@media screen and (max-width: 750px) {
.service .srvPos .propass {
    width: 100%!important;
}
}