@charset "utf-8";



/*****************************************************************************

.showcase-heading

*****************************************************************************/

.showcase-heading {

    padding: 50px 10px 25px 10px;

}

.showcase-heading > div {

    max-width: 1000px;

    margin: 0 auto;

}



.showcase-heading h1 {

    font-size: 150%;/*24*/

}

.showcase-heading p {

    font-size: 81.3%;/*13*/

}









/*****************************************************************************

.showcase-container

*****************************************************************************/

.showcase-container {

    padding: 0 10px 75px 10px;

}

.showcase-container > div {

    max-width: 1000px;

    margin: 0 auto;

}









/*****************************************************************************

.level-link

*****************************************************************************/

ul.level-link {

	letter-spacing: -.4em;

}

ul.level-link li {

	letter-spacing: normal;

    display: inline-block;

    margin: 10px 10px 0 0;

}



ul.level-link li a {

	display: block;

    

    font-size: 81.3%;/*13*/

	font-weight: bold;

	color: #FFF;

    

    padding: 5px 10px;

    border-radius: 5px 5px 0 0;

}

ul.level-link li a.platinum { background-color: #CCCCCC; }

ul.level-link li a.gold     { background-color: #D9D900; }

ul.level-link li a.silver   { background-color: #AAAAAA; }

ul.level-link li a.bronze   { background-color: #D9A300; }

ul.level-link li a.training { background-color: #33c759; }











/*****************************************************************************

.level-bar

*****************************************************************************/

.level-bar {

	position: relative;

    display: inline-block;

    

    font-size: 100%;/*16*/

    font-weight: bold;

	color: #FFF;

    

    padding: 5px 15px;

    border-radius: 10px 10px 0 0;

    

    margin-top: 50px;

}

.level-bar.platinum { background-color: #CCCCCC; }

.level-bar.gold     { background-color: #D9D900; }

.level-bar.silver   { background-color: #AAAAAA; }

.level-bar.bronze   { background-color: #D9A300; }

.level-bar.training { background-color: #33c759; }



.anchor {

	position: absolute;

	top: -60px;

}











/*****************************************************************************

.showcase

*****************************************************************************/

.showcase {

	position: relative;

    display: table;

    width: 100%;

    border-top: solid 1px #CCC;

}



.showcase-l,

.showcase-r {

    display: table-cell;

    vertical-align: top;

}

.showcase-l {

	width: 40%;

    padding: 50px 0;

    text-align: center;

}

.showcase-r {

	width: 60%;

    padding: 30px 0;

}

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

    .showcase-l,

    .showcase-r {

        display: block;

        width: 100%;

    }

    .showcase-r {

        padding-top: 0;

    }

}



/* テキスト ******************************************************/

.showcase h3 {

    font-size: 106.3%;/*17*/

    margin: 0 0 20px 0;

}



.showcase h4 {

    font-size: 93.8%;/*15*/

    margin: 15px 0 0 0;

}

.showcase h5 {

    font-size: 87.5%;/*14*/

    margin: 15px 0 0 0;

}



.showcase p {

    font-size: 81.3%;/*13*/

    margin: 0 0 10px 0;

}

.showcase p:last-child {

    margin-bottom: 0;

}



/* ロゴ ************************************************************/

.showcase .logo {

    width: 100%;

    max-width: 125px;

}



/* PLATINUM */

.showcase .logo.yeswecan        { max-width: 125px; }

.showcase .logo.genecom         { max-width: 225px; }

.showcase .logo.technicalunion  { max-width: 250px; }



/* GOLD */

.showcase .logo.kotobukishokai  { max-width: 275px; }

.showcase .logo.startiaraise    { max-width: 225px; }

.showcase .logo.nec             { max-width: 225px; }



/* SILVER */

.showcase .logo.itcrowd         { max-width: 200px; }

.showcase .logo.supportas       { max-width: 225px; }

.showcase .logo.splash          { max-width: 250px; }

.showcase .logo.dbpowers        { max-width: 150px; }

.showcase .logo.too             { max-width: 125px; }

.showcase .logo.topofficesystem { max-width: 125px; }

.showcase .logo.nishikawa       { max-width: 125px; }

.showcase .logo.pattosystem     { max-width: 150px; }



/* BRONZE */

.showcase .logo.iandc           { max-width: 250px; }

.showcase .logo.iware           { max-width: 125px; }

.showcase .logo.wisdom          { max-width: 150px; }

.showcase .logo.kawai           { max-width: 125px; }

.showcase .logo.icds            { max-width: 175px; }

.showcase .logo.juppo           { max-width: 125px; }

.showcase .logo.balloonhelp     { max-width: 225px; }



/* トレーニング相談 */

.showcase .logo.candc           { max-width: 250px; }

.showcase .logo.mirai-switch    { max-width: 200px; }

.showcase .logo.u-nexus         { max-width: 225px; }