@charset 'utf-8';

/*===================================== */
/*     ページ内メニュー：アイコン       */
/*===================================== */

.main__nav__icon--aboutBusiness {
    background-image: url('../../img/menu_about-business.png');
    width: 80px;
    height: 80px;
    margin: 45px auto 0px auto;
}

.main__nav li a.active .main__nav__icon--aboutBusiness {
    background-image: url('../../img/menu_about-business_on.png');
}

.main__nav__icon--products {
    background-image: url('../../img/menu_products.png');
    width: 180px;
    height: 80px;
    margin: 40px auto 10px auto;
}

.main__nav li a.active .main__nav__icon--products {
    background-image: url('../../img/menu_products_on.png');
}

/*===================================== */
/*              事業内容                */
/*===================================== */

/*-------------------------------------*/
/*       事業内容：事業について        */
/*-------------------------------------*/


.main__section#aboutBusiness {
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-color: #001C35;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #052039), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(left, #052039 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(left, #052039 50%, transparent 50%, transparent);
    background-image: linear-gradient(left, #052039 50%, transparent 50%, transparent);
}


.main__section#aboutBusiness p {
    color: #ECECEC;
}

.main__section#aboutBusiness .section__contents {
    width: 100%;
    max-width : 1280px;
    margin: auto;
}

.section__inner__descBusiness {
    padding: 0 180px;
    margin: 80px auto 0 auto;
}

#aboutBusiness .section__contents__inner {
    min-height: 700px;
}

.descBusiness__about  {
    min-height: 590px;
    width: 100%;
    max-width : 1280px;
    padding: 60px 0;
    box-sizing: border-box;
    text-shadow: 2px 2px 2px #052039;
    -webkit-text-shadow: 2px 2px 2px #052039;
    margin-top: -30px;
    background: url('../../img/pc/business_about.png') no-repeat 0 0;
    background-size: contain;
}

.descBusiness__about  p {
    padding: 0 0 0 180px;
    text-shadow: 2px 2px 2px #052039;
    -webkit-text-shadow: 2px 2px 2px #052039;
}



.descBusiness__actualy{
    width: 95%;
    max-width: 850px;
    margin: auto;
    padding: 0px 10px 80px 0px;    
}

.descBusiness__actualy h2 {
    margin: 0;
    color: #ECECEC;
}

.descBusiness__actualy img {
  width: 94%;
    display: block;
    margin: 20px auto 10px;
}

.descBusiness__usage {
    width: 95%;
    max-width: 850px;
    margin: auto;
    padding: 0px 10px 80px 0px;
    background: url('../../img/pc/business_about2.png') no-repeat 0 50px;
}

.descBusiness__usage h2 {
    margin: 0;
    color: #ECECEC;
}

.descBusiness__usage p {
    padding: 0 0 0 470px;
}

.descBusiness__usage h2 span {
    font-size: 13px;
    margin-left: 15px;
    font-weight: normal;
}

/*-------------------------------------*/
/*         事業内容：製品一覧          */
/*-------------------------------------*/


#productLine {
    background: url('../../img/pc/business_products.png') no-repeat 0 0;
    background-size: cover;
}

#productLine ul li.sm {
    background: url('../../img/pc/product_sm.png') no-repeat 0 0;
}

#productLine ul li.sm:hover {
    background: url('../../img/pc/product_sm_on.png') no-repeat 0 0;
}

#productLine ul li.tm {
    background: url('../../img/pc/product_tm.png') no-repeat 0 0;
}

#productLine ul li.tm:hover {
    background: url('../../img/pc/product_tm_on.png') no-repeat 0 0;
}

#productLine ul li.de {
    background: url('../../img/pc/product_de.png') no-repeat 0 0;
}

#productLine ul li.de:hover {
    background: url('../../img/pc/product_de_on.png') no-repeat 0 0;
}

#productLine ul li.fm {
    background: url('../../img/pc/product_fm.png') no-repeat 0 0;
}

#productLine ul li.fm:hover {
    background: url('../../img/pc/product_fm_on.png') no-repeat 0 0;
}

#productLine .section__contents__inner {
    width: 900px;
    margin: auto;
}

.section__inner__descProducts {
    text-align: center;
    margin: 70px auto 20px 0;
}

#productLine ul {
    width: 840px;
    margin: 40px auto;
}

#productLine ul li {
    width: 200px;
    padding-top: 280px;
    text-align: center;
    margin-right: 10px;
    float: left;
}


.section__inner__memberSystem {
    width: 900px;
    background: url('../../img/pc/service_member.png') no-repeat top right;
    min-height: 400px;
    margin: 140px auto 0 auto;
    padding-bottom: 90px;
}

.section__inner__memberSystem h2,
.section__inner__memberSystem p {
    margin-left: 60px;
}

.section__inner__memberSystem p {
    width: 400px;
}