@charset "UTF-8";

/* index
----------------------- */

.headline_others{
color:#e85330;
border:1px solid #e85330;
padding:4px 20px;
display:inline-block;
min-width: 210px;
text-align:center;
font-weight: bold;
background: rgba(255,255,255,0.2);
}

.headline_adtechnology{
color:#284bc3;
border:1px solid #284bc3;
padding:4px 20px;
display:inline-block;
min-width: 210px;
text-align:center;
font-weight: bold;
background: rgba(255,255,255,0.2);
}

.headline_marketingsolutions{
color:#69b01c;
border:1px solid #69b01c;
padding:4px 20px;
display:inline-block;
min-width: 210px;
text-align:center;
font-weight: bold;
background: rgba(255,255,255,0.2);
}

div#container{background:#f9f9f9;}
div#container .pas  {
    padding: 0;
}
 .pas section.company-list {
    margin: 65px 0;
}

 .pas section.company-list ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1000px;
    width:100%;margin: 0 auto;
}

 .pas section.company-list ul li {
    width: 320px;
    margin: 0 0 20px 0;
    padding: 12px 30px 70px 30px;
    background: #ffffff;
    position: relative;
}

 .pas section.company-list ul li.nobg {
    background: transparent;
}

 .pas section.company-list ul li p.pas-category01 {
    margin: 0 0 10px 0;
    color: #2551c7;
    font-size: 85%;
    text-align: right;
}

 .pas section.company-list ul li p.pas-category02 {
    margin: 0 0 10px 0;
    color: #69b01c;
    font-size: 85%;
    text-align: right;
}

 .pas section.company-list ul li p.pas-category03 {
    margin: 0 0 10px 0;
    color: #e85330;
    font-size: 85%;
    text-align: right;
}

 .pas section.company-list ul li p.pas-text {
    margin: 0 0 20px 0;
    font-size: 100%;
}

 .pas section.company-list ul li p.pas-image {
    text-align: center;
}

 .pas section.company-list ul li p.pas-btn {
    position: absolute;
        left: 20px;
    right: 20px;
    bottom: 20px;
    max-width: 320px;
}

 .pas section.company-list ul li p.pas-btn a {
    display: block;
    padding: 0;
    text-align: center;
}
.button_ir{
width: auto;
  height: auto;
  line-height: 50px;
      font-size: 12px;
}


 .pas div.inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
}


@media screen and (max-width: 767px) {
     .pas section.company-list ul {
        display: block;
        width: 96%;
    }
     .pas section.company-list ul li {
        width: 100%;
    }
    
     .pas div.inner {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
   .pas section.company-list ul li.nobg {
      display:none;
   }
}



/* Ad Technology
----------------------- */

 .pas section#business-intro {
    margin: 0;
    padding: 70px 0;
    background: url("/assets/themes/smn/img/business/index/bg_intro.png");
    border-bottom: 1px solid #303030;
}

 .pas section#business-intro div.business-intro-title {
    width: 460px;
    margin: 0 auto 50px auto;
    padding: 15px 0;
    text-align: center;
    line-height: 1.6;
    font-family: Vollkorn,serif;
    font-weight: 400;
}

 .pas section#business-intro.at div.business-intro-title {
    border: 1px solid #284bc3;
    color: #284bc3;
}

 .pas section#business-intro.ms div.business-intro-title {
    border: 1px solid #69b01c;
    color: #69b01c;
}

 .pas section#business-intro.ot div.business-intro-title {
    border: 1px solid #e85330;
    color: #e85330;
}

 .pas section#business-intro div.business-intro-title h1 {
    font-size: 250%;
}

 .pas section#business-intro div.business-intro-title p {
    font-size: 125%;
        font-family: Open Sans,Yu Gothic,YuGothic,Hiragino Kaku Gothic Pro,Meiryo,Osaka,"MS Pゴシック",MS PGothic,sans-serif;
}

 .pas section#business-intro p.business-intro-text {
    font-weight: bold;
    text-align: center;
    line-height: 2.0;
}

 .btmline {
    border-bottom: 1px solid #000;
}


 .pas section.business-valis {
    margin: 0;
    padding: 45px 0 0 0;
    background: #0699da url("/assets/themes/smn/img/business/adtechnology/bg_valis.png") no-repeat center top;
    background-size: cover;
    border-bottom: 1px solid #303030;
    font-size: 90%;
    color: #ffffff;
}

 .pas section.business-valis div.inner h2 {
    margin: 0 0 45px 0;
    font-size: 200%;
    text-align: center;
    font-family: Vollkorn,serif;
        font-style: italic;
}

 .pas section.business-valis div.inner div.business-valis01 {
    width: 360px;
    margin-left: auto;
    margin-bottom: 120px;
    text-align: center;
}

 .pas section.business-valis div.inner div.business-valis01 p.logo {
    margin-bottom: 50px;
}

 .pas section.business-valis div.inner div.business-valis02 {
    width: 480px;
    margin-right: auto;
    margin-bottom: 100px;
    text-align: left;
}

 .pas section.business-valis div.inner div.business-valis02 strong {
    font-size: 125%;
}

 .pas section.business-valis div.inner p.business-valis-fig {
    position: absolute;
    margin-bottom: -100px;
    bottom: 0;
    right: 0;
    font-size: 0;
}


 .pas section.business-service {
    margin: 0;
    padding: 70px 0;
    background: #ffffff;
    background-size: cover;
    border-bottom: 1px solid #303030;
    color: #303030;
}

 .pas section.business-service div.inner h2 {
    margin: 0 0 10px 0;
    font-size: 200%;
    text-align: center;
    font-family: Vollkorn,serif;
        font-style: italic;
    color: #606060;
}

 .pas section.business-service div.inner h3 {
    margin: 0 0 10px 0;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

 .pas section.business-service div.inner p.business-service-logo {
    text-align: center;
}

 .pas section.business-service div.inner p.business-service-text {
    margin:  0 0 40px 0;
    text-align: center;
}

 .pas section.business-service div.inner p.business-service-fig {
    margin:  0 0 40px 0;
    text-align: center;
}

 .pas section.business-service div.inner ul.business-service-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:  0 0 40px 0;
}

 .pas section.business-service div.inner ul.business-service-list li {
    width: 290px;
    font-size: 85%;
}

 .pas section.business-service div.inner ul.business-service-list li dl dt {
    margin: 0 0 20px 0;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

.pas section.business-service div.inner ul.business-service-list li dl dd.t-center {
    text-align: center;
}

 .pas section.business-service div.inner ul.business-service-list02 {
    display: flex;
    justify-content: space-between;
    width: 860px;
    margin:  0 auto 40px auto;
}

 .pas section.business-service div.inner ul.business-service-list02 li {
    width: 370px;
    font-size: 85%;
}

 .pas section.business-service div.inner ul.business-service-list02 li dl {
    margin: 0 0 60px 0;
}

 .pas section.business-service div.inner ul.business-service-list02 li dl dt {
    margin: 0 0 20px 0;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

 .pas section.business-service div.inner ul.business-service-list02 li dl dd {
    line-height: 2.0;
}


 .pas section#business-valis-cockpit {
    margin: 0;
    padding: 30px 0 70px 0;
    background: #ffffff;
    background-size: cover;
    border-bottom: 1px solid #303030;
    color: #303030;
}

 .pas section#business-valis-cockpit div.inner h2 {
    margin: 0 0 54px 0;
    font-size: 200%;
    text-align: center;
}

 .pas section#business-valis-cockpit div.inner p.business-valis-cockpit-logo {
    text-align: center;
}

 .pas section#business-valis-cockpit div.inner p.business-valis-cockpit-text {
    margin:  0 0 40px 0;
    text-align: center;
}

 .pas section#business-valis-cockpit div.inner p.business-valis-cockpit-fig {
    margin:  0 0 40px 0;
    text-align: center;
}

 .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:  0 0 40px 0;
}

 .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list li {
    width: 280px;
    font-size: 85%;
}

 .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list li dl dt {
    margin: 0 0 20px 0;
    text-align: center;
}

 .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list li dl dd {
    text-align: center;
}


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


.headline_others{
font-size: 14px;
}

.headline_adtechnology{
font-size: 14px;
}

.headline_marketingsolutions{
font-size: 14px;
}

 .pas  {
    padding: 0;
}

     .pas section#business-intro div.business-intro-title {
        width: 90%;
        margin-bottom: 30px;
        font-size: 85%;
    }
    
     .pas section#business-intro p.business-intro-text {
        width: 90%;
        margin: 0 auto;
    }
    
     .pas section.business-valis {
        padding: 20px 0;
    }
    
     .pas section.business-valis div.inner div.business-valis01 {
        width: 100%;
        margin-left: auto;
        margin-bottom: 40px;
    }
    
     .pas section.business-valis div.inner div.business-valis01 p.logo {
        margin: 0 0 20px 0;
    }

     .pas section.business-valis div.inner div.business-valis02 {
        width: 100%;
        margin-bottom: 20px;
    }
    
     .pas section.business-valis div.inner p.business-valis-fig {
        position: relative;
        margin-bottom: 0;
        text-align: center;
    }
    
     .pas section.business-valis div.inner p.business-valis-fig img {
        width: 90%;
        height: auto;
    }
    
     .pas section.business-service div.inner ul.business-service-list {
        display: block;
        width: 100%;
        margin:  0 0 40px 0;
    }

     .pas section.business-service div.inner ul.business-service-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    
     .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list {
        display: block;
        width: 100%;
        margin:  0 0 40px 0;
    }

     .pas section#business-valis-cockpit div.inner ul.business-valis-cockpit-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    
     .pas section.business-service div.inner ul.business-service-list02 {
        display: block;
        width: 100%;
        margin:  0 auto 40px auto;
    }

     .pas section.business-service div.inner ul.business-service-list02 li {
        width: 100%;
        margin: 0 0 40px 0;
    }
}