/*
 *  felica-j/about / about.css
 *  created --- 2016/04/14
 *
 */


/* tab */

.c5-TabBox2 a {
	font-weight: bold;
    padding: 24px 35px;
}

@media (max-width: 639px) {
    .c5-TabBox2 a {
        padding: 10px 16px;
        font-size: 11px;
    }
}

article .c5_header_c1 h1 {
    font-size: 21.7px;
    line-height: 1;
	letter-spacing: 0.1em;
}

@media (max-width: 639px) {
    article .c5_header_c1 h1 {
        padding-bottom: 10px;
		letter-spacing: 0.1em;
    }
}

li {
    list-style-type: none;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}


/* intro */

.intro {
    display: block;
    margin-top: 0px;
    margin-bottom: 19px;
    overflow: hidden;
}

.intro h3 {
    font-size: 21.27px;
    margin-bottom: 30px;
    text-align: center;
}

.intro .intro-inner {
    margin-top: 38px;
    overflow: hidden;
}

.intro .intro-inner p {
    font-size: 15px;
    line-height: 26px;
	font-weight: bold;
}

.intro .intro-inner img {
    float: right;
    margin: 0 0 0px 55px;
}

@media (max-width: 639px) {
    .intro .intro-inner img {
        float: none;
        margin: 0 0 15px 0px;
        width: 100%;
        height: auto;
    }
}


/* intro */

.intro2 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

.intro2 h3 {
    font-size: 21.27px;
    margin-bottom: 30px;
    text-align: center;
}

.intro2-inner {
    margin-top: 22px;
}

.intro2 .intro2-inner p {
    font-size: 15px;
    line-height: 26px;
}

.intro2 .intro2-inner img {
    float: right;
    margin: -32px 0 33px 50px;
}

@media (max-width: 639px) {
    .intro2 {
        margin-top: -20px !important;
    }
    .intro2 .intro2-inner img {
        float: none;
        margin: 0 0 15px 0px;
        width: 100%;
        height: auto;
    }
}

.feat {
    background-color: #ebf4f7;
    padding-bottom: 10px;
}

.feat h1 {
    font-size: 17.57px;
    font-weight: bold;
    padding-top: 48px;
    margin-left: 48px;
    margin-bottom: 20px;
}

.feat h4 {
    font-size: 17.57px;
    font-weight: bold;
    padding-top: 48px;
    margin-left: 48px;
    margin-bottom: 20px;
}

.feat ul {
    margin: 0 48px;
}

.feat ul li {
    width: 46.2%;
    float: left;
    padding: 0 3.8% 0 0;
    /*    width: 390px;
  float: left;
 */
    margin-top: 20px;
    margin-bottom: 20px;
    /*    margin-right: 84px;
 */
}

.feat ul li:nth-child(2n) {
    padding: 0 0 0 3.8%;
    margin-right: 0px;
}

.feat ul li h1 {
    font-size: 17px;
    color: #006bb3;
    margin-bottom: 10px;
    line-height: 1;
	margin-left: 0;
}

.feat ul li h5 {
    font-size: 17px;
    color: #006bb3;
    margin-bottom: 10px;
    line-height: 1;
}

.feat ul li p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 24px;
}

@media (max-width: 639px) {
    .feat {
        padding: 10px;
    }
    .feat h4 {
        padding: 0;
        margin: 0 0 0px 0;
    }
    .feat ul {
        margin: 0;
    }
    .feat ul li {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .feat ul li:nth-child(2n) {
        padding: 0;
    }
    .feat ul li img {
        max-width: 100%;
        height: auto;
    }
}

.usecase h1 {
    font-size: 22.43px;
    color: #006bb3;
}

.usecase h3 {
    font-size: 22.43px;
    color: #006bb3;
    margin-top: 77px;
    margin-bottom: 40px;
}

.usecase ul li {
    width: 45.5%;
    float: left;
    padding: 0 4.5% 50px 0;
}

.usecase ul li:nth-child(2n) {
    padding: 0 0 50px 4.5%;
}

.usecase ul li h1 a {
    font-size: 17px;
    /*font-weight: bold;*/
    color: #006bb3;
    margin-bottom: 15px;
}

.usecase ul li h4 a {
    font-size: 17px;
    /*font-weight: bold;*/
    color: #006bb3;
    margin-bottom: 15px;
}

.usecase ul li p {
    font-size: 14px;
    margin-top: 5px;
}

.usecase ul li img {
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.usecase .jirei {
    float: right;
}

.usecase .jirei a {
    display: inline-block;
    width: 140px;
    height: 21px;
    font-size: 12px;
    color: white;
}

@media (max-width: 639px) {
    .usecase ul {
        overflow: hidden;
    }
    .usecase ul li {
        overflow: hidden;
        width: 100%;
        float: none;
        margin-right: 0px;
        clear: both;
        margin-bottom: 20px;
        padding: 0;
    }
    .usecase ul li:nth-child(2n) {
        margin-right: 0px;
        padding: 0;
    }
    .usecase ul li img {
        width: 100%;
        height: auto;
    }
}


/*2016/04/22*/

.c5-row-01 {
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 2px solid white;
}

.c5-row-02 {
    margin-top: 0px;
}

.scheme {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}

.scheme h1 {
    line-height: 1;
}

.scheme h3 {
    line-height: 1;
}

.scheme p {
    font-size: 14px;
    line-height: 24px;
}

.scheme .boxWidth-400px {
    width: 400px;
}

.scheme .c5-mscTable2 thead th {
    padding: 5px 24px 4px 24px;
}

.scheme .c5-mscTable2 tbody th,
.c5-mscTable2 tfoot th {
    padding: 5px 24px 4px 24px;
    border-top: solid 4px #fff;
}

.scheme .c5-mscTable2 tbody td,
.c5-mscTable2 tfoot td {
    padding: 5px 24px 4px 24px;
    border-top: solid 4px #fff;
}

#scheme10 {
    margin-bottom: 90px;
}

.c5-TabBox {
    border-left: 2px #ffffff solid;
}

.c5-TabBox a {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 12px 0px 24px 0px
}

.c5-TabBox a span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 13.5px;
    line-height: 17px;
}

@media (max-width: 639px) {
    .c5-row-01 {
        margin-top: 20px;
        border: none;
        display: inline;
    }
    .c5-row-02 {
        margin-top: 0px;
        display: inline;
    }
    .c5-TabBox {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin: 1% auto 1% auto;
        border: none;
        border-left: 0px #ffffff solid;
    }
    .c5-TabBox a{
        padding:6px 0px 18px 0px;
    }
    .c5-TabBox a.btnBottomIcon:before{
        bottom:6px;
    }
    .c5-TabBox a span{
        font-size:11px;
    }
    .scheme {
        clear: both;
        overflow: hidden;
        margin-top: 20px;
    }
    .scheme h3 {
        transform-origin: left top;
        -moz-transform-origin: left top;
        -webkit-transform-origin: left top;
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        width: 120%;
    }
    .scheme p {
        font-size: 12px;
        line-height: 20px;
    }
    .scheme img {
        max-width: 100%;
        height: auto;
        margin:15px auto;
    }
    .scheme .boxWidth-400px {
        width: 100%;
    }
    .scheme .c5-mscTable2 thead th {
        padding: 3px 12px;
    }
    .scheme .c5-mscTable2 tbody th,
    .c5-mscTable2 tfoot th {
        padding: 3px 12px;
    }
    .scheme .c5-mscTable2 tbody td,
    .c5-mscTable2 tfoot td {
        padding: 3px 12px;
    }
}