@charset "utf-8";
/*========================================

  Reset CSS

========================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    color: #3B5369;
    vertical-align:baseline;
    background:transparent;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
img {
    line-height: 1;
}

/*change colours to suit your needs*/
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}



/*========================================

  Basic

========================================*/
html {
    min-width: 320px;
    font-size: 62.5%; /* 10px */
}
body {
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    color: #5D6776;
    -webkit-font-smoothing: antialiased;
}
.wrapper {
    box-sizing: border-box;
    position: relative;
    z-index: 998;
    width: 100%;
    padding-left: 120px;
}
a {
    text-decoration: none;
    color: #3E3E3F;
}
a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/* clearfix */
.cfx:before,
.cfx:after {
	display: table;
	content: " ";
}
.cfx:after {
	clear: both;
}

/*========================================

  format

========================================*/
/* anchor - more 
--------------------*/
.more a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(/files/user/img/blt_cirarr_r_gr.png) no-repeat center center;
    background-size: 18px;
    vertical-align: middle;
}


/* text 
--------------------*/
hr.sep {
    width: 30%;
    height: 0;
    margin: 1.5em auto;
    border-top: 1px solid #E6E6E6;
}
hr.invisible {
    clear: both;
    height: 0;
    margin: -1px 0 0 0;
    padding-top: 1px;
    border: none;
}

/*========================================

  Header

========================================*/
header {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    width: 120px;
    height: 100%;
    background-color: #FFF;
}

/* logo */
header h1 {
    overflow: hidden;
    width: 100%;
    height: 76px;
}
header h1 a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 76px;
    background: url(/files/user/img/logo.png) no-repeat center center;
    background-size: 80px 25px;
    line-height: 1.5;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

            
    -webkit-transition: height 0ms linear;
    -moz-transition: height 0ms linear;
    -ms-transition: height 0ms linear;
    -o-transition: height 0ms linear;
    transition: height 0ms linear;
}
header h1 a:hover {
    background: url(/files/user/img/logo_wh.png) no-repeat center center #28A13A;
    background-size: 80px 25px;

    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


/* navi */
.globalNav .navMenu {
    display: none;
    box-sizing: border-box;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    background: url(/files/user/img/icon_burger.png) no-repeat center center #EEEEEB;
    background-size: 32px 32px;
    cursor: pointer;

    -webkit-border-radius: 50%;
    border-radius: 50%;

    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.globalNav .navMenu:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.globalNav .searchMenu {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    background: url(/files/user/img/icon_loupe.png) no-repeat center center #28A13A;
    background-size: 24px 24px;
    cursor: pointer;

    -webkit-border-radius: 50%;
    border-radius: 50%;

    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.globalNav .searchMenu:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.globalNav ul li {
    display: table;
    border-top: 1px solid #EEEEEB;
    width: 100%;
    height: 68px;
}
.globalNav ul li a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.2rem;
}
.globalNav ul li a::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 4px;
}
.globalNav ul li.gn01 a::before { background: url(/files/user/img/icon_menu_paper.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn02 a::before { background: url(/files/user/img/icon_menu_device.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn03 a::before { background: url(/files/user/img/icon_menu_analysis.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn04 a::before { background: url(/files/user/img/icon_menu_building.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn05 a::before { background: url(/files/user/img/icon_menu_tie.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn06 a::before { background: url(/files/user/img/icon_menu_pin.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn07 a::before { background: url(/files/user/img/icon_menu_login.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn08 a::before { background: url(/files/user/img/icon_menu_mail.png) no-repeat center center; background-size: 100%;}

.globalNav ul li a:hover,
.globalNav ul li.current a {
    text-decoration: none;
    background-color: #28A13A;
    color: #FFF;

    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.globalNav ul li.gn01 a:hover::before { background: url(/files/user/img/icon_menu_paper_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn02 a:hover::before { background: url(/files/user/img/icon_menu_device_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn03 a:hover::before { background: url(/files/user/img/icon_menu_analysis_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn04 a:hover::before { background: url(/files/user/img/icon_menu_building_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn05 a:hover::before { background: url(/files/user/img/icon_menu_tie_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn06 a:hover::before { background: url(/files/user/img/icon_menu_pin_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn07 a:hover::before { background: url(/files/user/img/icon_menu_login_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn08 a:hover::before { background: url(/files/user/img/icon_menu_mail_wh.png) no-repeat center center; background-size: 100%;}

.globalNav ul li.gn01.current a::before { background: url(/files/user/img/icon_menu_paper_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn02.current a::before { background: url(/files/user/img/icon_menu_device_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn03.current a::before { background: url(/files/user/img/icon_menu_analysis_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn04.current a::before { background: url(/files/user/img/icon_menu_building_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn05.current a::before { background: url(/files/user/img/icon_menu_tie_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn06.current a::before { background: url(/files/user/img/icon_menu_pin_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn07.current a::before { background: url(/files/user/img/icon_menu_login_wh.png) no-repeat center center; background-size: 100%;}
.globalNav ul li.gn08.current a::before { background: url(/files/user/img/icon_menu_mail_wh.png) no-repeat center center; background-size: 100%;}

.globalNav ul li.gn07 a span::before {
    content: "・";
}



/* reset webkit search input browser style */
.searchForm {
    box-sizing: border-box;
    width: 100%;
    padding: 23px 14px;
    border-top: 1px solid #EEEEEB;
}
.searchForm form {
    display: block;
    position: relative;
    width: 92px;
    height: 30px;
}
.searchForm form .input-btn {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #28A13A;
}
.searchForm form .input-btn input{
    padding:25%;
    width:50%;
    height:50%;
}
.searchForm input {
	outline: none;
}
.searchForm input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-size: 100%;
}
.searchForm input::-webkit-search-decoration,
.searchForm input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
.searchForm input[type=search] {
	width: 50px;
    height: 18px;
	padding: 5px 5px 5px 35px;
    background-color: #F2F2F2;
	border: 1px solid #EEEEEB;

    line-height: 1.8rem;
    font-size: 14px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.searchForm input[type=search]:focus {
	width: 160px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
.searchForm input:-moz-placeholder {color: #D6D9DD;}
.searchForm input::-webkit-input-placeholder {color: #D6D9DD;}


@media only screen and (max-width: 768px) {
    .wrapper {
        padding-left: 0;
        padding-top: 182px;
    }
    header {
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
    }
    /* logo */
    header h1 {
        box-sizing: border-box;
        padding: 20px 40px;
        height: auto;
    }
    header h1 a {
        width: 160px;
        margin: 0 auto;
        padding-top: 50px;
        background: url(/files/user/img/logo.png) no-repeat center center;
        background-size: 160px 50px;
        
        -webkit-transition: height 0ms linear;
        -moz-transition: height 0ms linear;
        -ms-transition: height 0ms linear;
        -o-transition: height 0ms linear;
        transition: height 0ms linear;
    }
    header h1 a:hover {
        background: url(/files/user/img/logo.png) no-repeat center center;
        background-size: 160px 50px;
        
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }
    /* navi */
    .globalNav ul {
        display: table;
        width: 100%;
        height: 90px;
        border-top: 1px solid #EEEEEB;
        border-bottom: 1px solid #EEEEEB;
    }
    .globalNav ul li {
        box-sizing: border-box;
        display: table-cell;
        float: left;
        width: 14.286%;
        height: 90px;
        background-color: #FFF;
        border-top: none;
        border-left: 1px solid #EEEEEB;
    }
    .globalNav ul li:first-child {
        border-left: none;
    }
    .globalNav ul li a {
        box-sizing: border-box;
        display: block;
        height: 90px;
        padding-top: 20px;
    }
    .globalNav ul li.gn07 a span {
        display: block;
    }
    .globalNav ul li.gn07 a span::before {
        display: none;
    }

    /* search form */
    .searchForm {
        position: absolute;
        left: 20px;
        top: 30px;
        box-sizing: border-box;
        width: 160px;
        padding: 0;
        border-top: none;
    }
    .searchForm input[type=search] {
        width: 100px;
    }
}
@media only screen and (max-width: 600px) {
    .wrapper {
        padding: 56px 0 60px;
    }
    /* logo */
    header h1 {
        padding: 10px;
        border-bottom: 1px solid #EEEEEB;
    }
    header h1 a {
        width: 112px;
        padding-top: 35px;
        background-size: 112px 35px;
    }
    header h1 a:hover {
        background-size: 112px 35px;
    }
    
    /* navi */
    .globalNav .navMenu {
        display: block;
    }
    .globalNav .searchMenu {
        display: block;
    }
    .globalNav ul {
        display: none;
        position: absolute;
        top: 56px;
        left: 0;
        z-index: 0;
        width: 100%;
        background-color: #FFF;
        border-top: none;
        border-bottom: none;
    }
    .globalNav ul li {
        display: table;
        box-sizing: border-box;
        float: left;
        width: 50%;
        height: 50px;
        border-left: none;
        border-bottom: 1px solid #EEEEEB;
    }
    .globalNav ul li:nth-child(2n+1) {
        border-right: 1px solid #EEEEEB;
    }
    .globalNav ul li a {
        box-sizing: border-box;
        display: table-cell;
        height: 50px;
        padding: 10px;
        text-align: left;
    }
    .globalNav ul li a::before {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }
    
    .globalNav ul li.gn08 a span {
        display: inline-block;
    }
    .globalNav ul li.gn08 a span::before {
        display: inline-block;
    }

    /* search form */
    .searchForm {
        display: none;
        position: absolute;
        left: 0;
        top: 56px;
        width: 100%;
        padding: 10px;
        background-color: #FFF;
        border-top: none;
        text-align: center;
    }
    .searchForm form {
        display: inline-block;
        width: 202px;
    }
    .searchForm input[type=search] {
        width: 160px;
    }
    .searchForm input[type=search]:focus {
        width: 160px;
    }
}



/*========================================

  Content

========================================*/
.contents {
    box-sizing: border-box;
    background-color: #F9F9F7;
}
.contents.havNav .main {
    padding-top: 46px;
}
#top .contents.havNav .main,#sitemap .contents.havNav .main,#search .contents.havNav .main{
    padding-top:0;
}
.main {
    padding-bottom: 1px;
}
@media only screen and (max-width: 768px) {
    .contents.havNav .main {
        padding-top: 0;
    }
}



/* content - head */
.contentHead {
    display: block;
    padding: 8px 8px 7px 12px;
    background-color: #28A13A;
    margin-bottom: 25px;
    border-bottom: 3px solid #EEEEEB;
    font-weight: normal;
    font-size: 2.4rem;
    color: #FFF;
}
.contentHeadGroup strong {
    font-weight: normal;
    font-size: 1.6rem;
    color: #28A13A;
}
.summaryBlock .contentHeadGroup .contentHead {
    padding: 0;
    background: none;
    border-bottom: none;
    line-height: 1.2;
    font-weight: normal;
    font-size: 2.4rem;
    color: #28A13A;
}

.subHead {
    margin: 40px 0 20px;
    border-bottom: 1px solid #28A13A;
    font-weight: bold;
    font-size: 1.6rem;
    color: #28A13A;
}

@media only screen and (max-width: 600px) {
    .contentHead {
        font-size: 2rem;
        margin-bottom: 15px;
    }
    .contentHeadGroup strong {
        font-size: 1.2rem;
    }
    .contentHead br,
    .subHead br {
        display: none;
    }
}




/* page - summary */
.summaryBlock {
    background-color: #FFF;
}
#topics_list1 .summaryBlock{
    background-color: #f9f9f7;
}

.summaryBlock .pageTitle {
    display: table;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 154px;
    position: relative;
    padding: 40px;
    background-color: #F9F9F7;
    border-bottom: 1px solid #EEEEEB;
}
.summaryBlock .pageTitle.havCap {
    display: none;
}
.summaryBlock .pageTitle.headline {
    min-height: 232px;
    padding: 80px 40px 40px;
}
.summaryBlock .pageTitle time {
    position: absolute;
    left: 40px;
    top: 40px;
    font-size: 1.4rem;
}
.summaryBlock .pageTitle time em {
    margin-right: 20px;
}
.summaryBlock .pageTitle .fb-like {
    position: absolute;
    right: 40px;
    top: 40px;
}
.summaryBlock .pageTitle h2 {
    display: table-cell;
    line-height: 1.4;
    vertical-align: middle;
    font-weight: normal;
    font-size: 2.4rem;
    color: #28A13A;
}
.summaryBlock .pageTitle.headline h2 {
    vertical-align: bottom;
}
.summaryBlock .pageTitle h2 small {
    display: block;
    font-size: 1.6rem;
    color: #5D6776;
    padding-bottom: 10px;
}
.summaryBlock .pageTitle .cnv_open {
    display: none;
    position: absolute;
    right: 40px;
    top: 50%;
    overflow: hidden;
    width: 40px;
    height: 0;
    margin-top: -20px;
    padding-top: 40px;
    background: url(/files/user/img/icon_wedge_d.png) no-repeat center center;
    background-size: 32px 32px;
    line-height: 1.5;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .summaryBlock .pageTitle {
        padding: 40px 80px 40px 40px;
    }
    .summaryBlock .pageTitle.havCap {
        display: table;
    }
    .summaryBlock .pageTitle.headline {
        padding: 70px 90px 40px 40px;
    }
    .summaryBlock .pageTitle .cnv_open {
        display: block;
    }
}
@media only screen and (max-width: 600px) {
    .summaryBlock .pageTitle {
        min-height: auto;
        padding: 20px 60px 20px 20px;
    }
    .summaryBlock .pageTitle.headline {
        min-height: auto;
        padding: 50px 60px 20px 20px;
    }
    .summaryBlock .pageTitle .cnv_open {
        right: 10px;
    }
    .summaryBlock .pageTitle time {
        left: 20px;
        top: 20px;
    }
    .summaryBlock .pageTitle .fb-like {
        right: 20px;
        top: 20px;
    }
    .summaryBlock .pageTitle h2 {
        font-size: 2rem;
    }

}
@media only screen and (max-width: 400px) {
    .summaryBlock .pageTitle {
        min-height: auto;
    }
}

.summaryBlock .pageCaption {
    display: table;
    width: 100%;
    height: 320px;
}
#service .summaryBlock .pageCaption { background: url(/files/user/img/page_caption_service.jpg) no-repeat center center; background-size: cover;}
#company .summaryBlock .pageCaption { background: url(/files/user/img/page_caption_company.jpg) no-repeat center bottom; background-size: cover;}
#message .summaryBlock .pageCaption { background: url(/files/user/img/page_caption_message.jpg) no-repeat center top; background-size: cover;}



.summaryBlock .pageCaption .inr {
    display: table-cell;
    vertical-align: middle;
}
.summaryBlock .pageCaption .inr p {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 40px;
    line-height: 1.5;
    font-size: 2.8rem;
    color: #FFF;
}
.summaryBlock .pageCaption .inr p strong {
    display: block;
    margin-bottom: 1em;
    font-size: 1.6rem;
}
.summaryBlock .pageCaption .inr p span {
    display: block;
    margin-top: 1em;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .summaryBlock .pageCaption {
        height: 240px;
    }
    .summaryBlock .pageCaption .inr p {
        font-size: 2.4rem;
    }
}
@media only screen and (max-width: 600px) {
    .summaryBlock .pageCaption {
        height: 160px;
    }
    .summaryBlock .pageCaption .inr p {
        padding: 0 20px;
        font-size: 1.8rem;
    }
    .summaryBlock .pageCaption .inr p strong {
        font-size: 1.2rem;
    }
    .summaryBlock .pageCaption .inr p span {
        font-size: 1.2rem;
    }

}

/*  block - content */
.contentBlock {
    padding: 40px;
    line-height: 1.5;
}
@media only screen and (max-width: 600px) {
    .contentBlock {
        padding: 20px;
    }
}

/*  block - article */
.articleBlock {
    max-width: 860px;
    margin: 40px auto 60px;
    padding: 0 40px;
    line-height: 1.5;
}
.articleBlock p {
    margin-top: 1em;
    line-height: 1.8;
    font-size: 1.6rem;
}
.articleBlock > p:first-child {
    margin-top: 0;
}
.summaryBlock .articleBlock {
    margin: 0 auto;
    padding: 60px;
}
@media only screen and (max-width: 600px) {
    .articleBlock {
        margin: 20px auto;
        padding: 0 20px;
        line-height: 1.5;
    }
    .articleBlock p {
        line-height: 1.6;
        font-size: 1.4rem;
    }
    .summaryBlock .articleBlock {
        padding: 20px;
    }
}


/* figure box */
.figBox {
    margin-top: 30px;
    padding: 30px;
    background-color: #FFF;
    border-bottom: 3px solid #EEEEEB;
}
.figBox img {
    width: 100%;
    height: auto;
}
.figBox .fitFrame {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.figBox .fitFrame .inr {
    position: relative;
    display: block;
    width: 100%;
    padding: 56.25% 0 0;
}
.figBox .fitFrame .inr iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 600px) {
    .figBox {
        margin-top: 20px;
        padding: 10px;
    }
}


/* utility box */
.utilBox {
    border-bottom: 3px solid #EEEEEB;
}
.utilBox dt {
    padding: 10px 20px;
    background-color: #EEEEEB;
    font-size: 1.6rem;
}
.utilBox dd {
    padding: 10px 20px 20px;
    background-color: #FFF;
}
/* separetor */
hr.separate {
    width: 100%;
    height: 0;
    margin: 60px 0;
    border-top: 1px solid #EEEEEB;
}
@media only screen and (max-width: 600px) {
    hr.separate {
        margin: 20px 0;
    }
}

/* notes */
.notes {
    margin-top: 1em;
}
.notes li {
    padding-left: 1em;
    text-indent: -1em;
}
.notes li::before {
    content: "※";
}

/* remark */
.remark {
    font-style: normal;
    color: #ED1E79;
}

/* label - emark  */
.label_emark {
    position: fixed;
    right: -116px;
    top: -116px;
    z-index: 999;
    overflow: hidden;
    width: 232px;
    height: 232px;
    
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.label_emark a {
    display: block;
    width: 232px;
    height: 232px;
}
.label_emark a img {
    margin: 150px 0 0 34px;
    
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.label_emark #label_emark {
    width: 164px;
    height: 164px;
    margin: 150px 0 0 34px;
    
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);    
}

@media only screen and (max-width: 768px) {
    .label_emark {
        right: -63px;
        top: -63px;
        width: 127px;
        height: 127px;
    }
    .label_emark a {
        width: 127px;
        height: 127px;
    }
    .label_emark a img {
        width: 90px;
        height: 90px;
        margin: 82px 0 0 18px;
    }
    .label_emark #label_emark {
        width: 90px;
        height: 90px;
        margin: 82px 0 0 18px;
    }

}
@media only screen and (max-width: 600px) {
    .label_emark {
        display: none;
    }
}


/* category navi
--------------------*/
.categoryNav {
    position: fixed;
    z-index: 999;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 46px;
    padding: 0 200px 0 40px;
    background-color: #28A13A;
}
.categoryNav::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 46px;
    background-color: #28A13A;
}
.categoryNav ul {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    height: 46px;
    white-space: nowrap;
    font-size: 0;
}
.categoryNav ul li {
    /*float: left;*/
    display: inline-block;
    height: 46px;
}
.categoryNav ul li a {
    display: block;
    padding: 15px 10px;
    line-height: 1.6rem;
    font-size: 1.4rem;
    color: #FFF;
}
.categoryNav ul li a:hover {
    text-decoration: none;
}
.categoryNav ul li.current a {
    position: relative;
    padding: 15px 20px;
    background-color: #CCDA00;
}
.categoryNav ul li.current a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent transparent #FFF  transparent;
}
.categoryNav ul li a.blank::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    background: url(/files/user/img/icon_link_wh.png) no-repeat center center;
    background-size: 16px 16px;
    vertical-align: middle;
}
.categoryNav .cnv_prev,
.categoryNav .cnv_next {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 100;
    width: 40px;
    height: 0;
    padding-top: 46px;
    line-height: 1.5;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    cursor: pointer;
}
.categoryNav .cnv_prev {
    left: 0;
    background: url(/files/user/img/icon_wedge_l_wh.png) no-repeat center center #26A13A;
    background-size: 16px 16px;
}
.categoryNav .cnv_next {
    right: 160px;
    background: url(/files/user/img/icon_wedge_r_wh.png) no-repeat center center #26A13A;
    background-size: 16px 16px;
}
.categoryNav .cnv_prev:hover,
.categoryNav .cnv_next:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .categoryNav {
        display: none;
        position: absolute;
        left: 0;
        top: 182px;
        z-index: 990;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: #FFF;
    }
    .categoryNav::after {
        display: none;
    }
    .categoryNav ul {
        position: static;
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
        white-space: normal;
    }
    .categoryNav ul li {
        box-sizing: border-box;
        width: 50%;
        height: 47px;
        border-bottom: 1px solid #EEEEEB;
        border-right: 1px solid #EEEEEB;
    }
    .categoryNav ul li:nth-child(even) {
        border-right: none;
    }
    .categoryNav ul li a,
    .categoryNav ul li.current a {
        display: block;
        padding: 15px 20px;
        background-color: #FFF;
        line-height: 1.6rem;
        font-size: 1.4rem;
        color: #5D6776;
    }
    .categoryNav ul li a:hover,
    .categoryNav ul li.current a:hover {
        background-color: #28A13A;
        color: #FFF;
        
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    .categoryNav ul li.current a::after {
        display: none;
    }
    .categoryNav ul li a.blank::after {
        background: url(/files/user/img/icon_link.png) no-repeat center center;
        background-size: 16px 16px;
    }
    .categoryNav ul li a.blank:hover::after {
        background: url(/files/user/img/icon_link_wh.png) no-repeat center center;
        background-size: 16px 16px;
    }

    .categoryNav .cnv_prev,
    .categoryNav .cnv_next {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .categoryNav ul li {
        float: none;
        width: 100%;
        border-right: none;
    }
}







/* breadcrumb
--------------------*/
.breadcrumb {
    box-sizing: border-box;
    overflow: hidden;
    height: 31px;
    padding: 8px 40px;
    border-bottom: 1px solid #EEEEEB;
}
.breadcrumb ul {
    list-style: none;
    white-space: nowrap;
    font-size: 0;
}
.breadcrumb ul li {
    /*float: left;*/
    display: inline-block;
    line-height: 1.4rem;
    font-size: 1.2rem;
}
.breadcrumb ul li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 20px;
    background: url(/files/user/img/blt_wedge_r_lm.png) no-repeat center center;
    background-size: cover;
    vertical-align: middle;
}
.breadcrumb ul li:first-child::before {
    display: none;
}
.breadcrumb ul li a {
    line-height: 1.4rem;
    font-size: 1.2rem;
    color: #28A13A;
}
@media only screen and (max-width: 768px) {
    .breadcrumb {
        display: none;
    }
}


/* banner */
.emarkTrial {
    margin-top: 40px;
    text-align: center;
}
.emarkTrial.sp {
    display: none;
}
.emarkTrial a {
    display: block;
    box-sizing: border-box;
    position: relative;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    padding: 36px 140px;
    background-color: #ED5679;
    border-bottom: 3px solid #DF2D58;
}
.emarkTrial a::before {
    content: "";
    display: block;
    position: absolute;
    left: 4%;
    top: 50%;
    width: 86px;
    height: 86px;
    margin-top: -43px;
    background: url(/files/user/img/icon_label_free.png) no-repeat center center;
    background-size: 86px 86px;
}
.emarkTrial a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background: url(/files/user/img/icon_wedge_r_wh.png) no-repeat center center #DF2D58;
    background-size: 48px 48px;
}
.emarkTrial a img {
    max-width: 443px;
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 600px) {
    .emarkTrial {
        box-sizing: border-box;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
        min-width: 320px;
        height: 60px;
        margin-top: 0;
    }
    .emarkTrial.sp {
        display: block;
    }
    .emarkTrial a {
        display: block;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 10px 40px 10px 80px;
        background-color: #ED5679;
        border-bottom: 3px solid #DF2D58;
    }
    .emarkTrial a::before {
        left: -2%;
    }
    .emarkTrial a::after {
        width: 30px;
        background-size: 24px 24px;
    }
    .emarkTrial a img {
        width: auto;
        height: 40px;
    }

}
@media only screen and (max-width: 400px) {
    .emarkTrial a {
        padding: 15px 40px 15px 80px;
    }
    .emarkTrial a::before {
        margin-top: -32px;
    }
    .emarkTrial a img {
        width: auto;
        height: 30px;
    }

}





/*========================================

  Footer

========================================*/
footer {
    position: relative;
    padding-top: 50px;
    background-color: #3B5369;
}


/* fatlink */
footer nav {
    display: table;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 320px 40px 40px;
}
footer nav .categoryBox {
    display: table-cell;
    box-sizing: border-box;
    width: 20%;
    padding-left: 20px;
}
footer nav .categoryBox:first-child {
    padding-left: 0;
}
footer nav .categoryBox > a {
    font-size: 1.6rem;
    color: #FFF;
}
footer nav .categoryBox ul li {
    margin-top: 1em;
}
footer nav .categoryBox ul li a {
    font-size: 1.2rem;
    color: #FFF;
}
footer nav .categoryBox ul li a.blank::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    background: url(/files/user/img/icon_link_wh.png) no-repeat center center;
    background-size: 16px 16px;
    vertical-align: middle;
}
footer nav .categoryBox:first-child ul li a {
    white-space: nowrap;
}
footer nav iframe {
    position: absolute;
    right: 40px;
    top: 40px;
}


@media only screen and (max-width: 1200px) {
    footer nav {
        display: block;
        padding: 40px 280px 40px 40px;
    }
    footer nav .categoryBox {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    footer nav .categoryBox:first-child {
        margin-top: 0;
    }
    footer nav .categoryBox ul li {
        display: inline-block;
        margin-top: 0.5em;
        margin-right: 20px;
    }
    footer nav .categoryBox ul li a {
        font-size: 1.2rem;
        color: #FFF;
    }
}
@media only screen and (max-width: 768px) {
    footer nav {
        padding: 40px;
    }
    footer nav iframe {
        position: static;
        display: block;
        margin: 30px auto 0;
    }
}
@media only screen and (max-width: 600px) {
    footer nav {
        padding: 20px;
    }
}


/* copyrights */
.copyrights {
    display: block;
    overflow: hidden;
    padding: 20px 40px;
    background-color: #1E2A35;
    border-top: 3px solid #CCDA00;
}
.copyrights h2 {
     float: left;
}
.copyrights h2 a {
    display: block;
    width: 80px;
    height: 0;
    padding-top: 25px;
    background: url(/files/user/img/logo_wh.png) no-repeat center center;
    background-size: cover;
}
.copyrights h2 a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.copyrights small {
    float: right;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #FFF;
}

/* page top */
.pageTop {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #FFF;
}
.pageTop a {
    display: table-cell;
    background-color: rgba(40,141,58,1);
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    color: #FFF;
}





/*========================================

  Home (index)

========================================*/
/* contents block */
.indexContBlock {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin: 40px 0;
    padding: 0 40px;
}
@media only screen and (max-width: 600px) {
    .indexContBlock {
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        margin: 40px 0;
        padding: 0 20px;
    }
}


.indexContBlock .more {
    margin-top: 20px;
    text-align: right;
}

/* contents header */
.indexContHead {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 2.4rem;
    color: #5D6776;
}


/* main slide */
.mainSlide {
    position: relative;
    overflow: hidden;
}
.mainSlide .indexMaimSlide {
    position: relative;
    z-index: 90;
}
.mainSlide .indexMaimSlide .slideBox {
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 320px;
    width: 100%;
}
.mainSlide .indexMaimSlide .slideBox a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.mainSlide .indexMaimSlide .slideBox img {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: auto;
    margin: auto;
}
.mainSlide .indexMaimSlide .slideBox .bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 320px;
    background-color: rgba(0,0,0,0.25);
}
.mainSlide .indexMaimSlide .slideBox .leading {
    box-sizing: border-box;
    position: absolute;
    left: 60px;
    top: 0;
    z-index: 100;
    width: 450px;
    height: 320px;
    padding-top: 60px;
}

.mainSlide .indexMaimSlide .slideBox .leading.position-left{left:80px;}
.mainSlide .indexMaimSlide .slideBox .leading.position-center{left:50%;margin-left: -225px;}
.mainSlide .indexMaimSlide .slideBox .leading.position-right{left:auto;right:80px;}

.mainSlide .indexMaimSlide .slideBox .leading h2 {
    box-sizing: border-box;
    position: relative;
    padding: 0 35px;
    line-height: 4.8rem;
    font-size: 3.6rem;
    color: #FFF;
}
.mainSlide .indexMaimSlide .slideBox .leading h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 100%;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
}
.mainSlide .indexMaimSlide .slideBox .leading h2::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 100%;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.mainSlide .indexMaimSlide .slideBox .leading p,
.mainSlide .indexMaimSlide .slideBox .leading div.sub{
    margin: 20px auto 0;
    line-height: 1.8;
    font-size: 1.6rem;
    color: #FFF;
}

@media only screen and (max-width: 600px) {
    .mainSlide .indexMaimSlide::before {
        height: 200px;
    }
    .mainSlide .indexMaimSlide .slideBox {
        height: 200px;
    }
    .mainSlide .indexMaimSlide .slideBox .leading {
        width: 300px;
        height: 200px;
        padding-top: 30px;
    }
    .mainSlide .indexMaimSlide .slideBox .leading.position-left,
    .mainSlide .indexMaimSlide .slideBox .leading.position-center,
    .mainSlide .indexMaimSlide .slideBox .leading.position-right{left:50%;margin-left: -150px;}

    .mainSlide .indexMaimSlide .slideBox .leading h2 {
        box-sizing: border-box;
        position: relative;
        padding: 0 24px;
        line-height: 3.2rem;
        font-size: 2.4rem;
        color: #FFF;
    }
    .mainSlide .indexMaimSlide .slideBox .leading h2::before,
    .mainSlide .indexMaimSlide .slideBox .leading h2::after {
        width: 14px;
    }

    .mainSlide .indexMaimSlide .slideBox .leading p {
        margin: 10px auto 0;
        line-height: 1.6;
        font-size: 1.2rem;
        color: #FFF;
    }
    .mainSlide .indexMaimSlide .slideBox .leading p br {
        display: none;
    }
}


/* slide setting */
.slick-prev,
.slick-next {
    width: 36px;
    height: 36px;
    z-index: 900;
}
.slick-prev:before,
.slick-next:before {
    font-size: 36px;
}
.slick-prev {
    left: 20px;
}
.slick-next {
    right: 20px;
}
.indexMaimSlide .slick-dots li {
    width: 10px;
}
.indexMaimSlide .slick-dots li button:before {
    opacity: 1;
    color: #5D6776;
}
.indexMaimSlide .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #CCDA00;
}
@media only screen and (max-width: 600px) {
    .slick-prev {
        left: 5px;
    }
    .slick-next {
        right: 5px;
    }
}

/* facebook like button */
.mainSlide .fb-like {
    float: right;
    margin-top: -15px;
    margin-right: 40px;
}
@media only screen and (max-width: 600px) {
    .mainSlide .fb-like {
        float: right;
        margin-top: -15px;
        margin-right: 20px;
    }
}



/* information */
.information {}
.information ul {
    border-bottom: 2px solid #EEEEEB;
}
.information ul li {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 160px;
    background-color: #FFF;
    border-bottom: 1px solid #EEEEEB;
}
.information ul li em {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    padding: 20px;
    font-size: 1.6rem;
    font-style: normal;
    
}
.information ul li p {
    padding: 20px 20px 20px 0;
    font-size: 1.6rem;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* analysis report */
.analysisReport {}
.analysisReport .indexReportSlide {}
.indexReportSlide .slick-prev:before,
.indexReportSlide .slick-next:before {
    color: #5D6776;
}
@media only screen and (max-width: 600px) {
    .indexReportSlide .slick-prev {
        left: -15px;
    }
    .indexReportSlide .slick-next {
        right: -15px;
    }
}



.analysisReport .indexReportSlide a.reportSlideBox {
    display: block;
    max-width: 236px;
    margin: 0 auto;
    background-color: #FFF;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-bottom: 3px solid #EEEEEB;
}
.analysisReport .indexReportSlide a.reportSlideBox:hover {
    border-color: #28A13A;
}
.analysisReport .indexReportSlide .reportSlideBox .thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px;
}
.analysisReport .indexReportSlide .reportSlideBox .thumb img {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: auto;
    margin: auto;
}
.analysisReport .indexReportSlide .reportSlideBox .slideBody {
    overflow: hidden;
    padding: 20px;
}
.analysisReport .indexReportSlide .reportSlideBox .slideBody em {
    display: inline-block;
    min-width: 80px;
    padding: 4px 0;
    text-align: center;
    line-height: 1;
    font-style: normal;
    font-size: 1rem;
    color: #FFF;
}
.analysisReport .indexReportSlide .reportSlideBox .slideBody em.status_report { background-color: #00A99D;}
.analysisReport .indexReportSlide .reportSlideBox .slideBody em.status_rank { background-color: #FBB03B;}
.analysisReport .indexReportSlide .reportSlideBox .slideBody em.status_knowhow { background-color: #29ABE2;}
.analysisReport .indexReportSlide .reportSlideBox .slideBody em.status_china { background-color: #56a3c0;}

.analysisReport .indexReportSlide .reportSlideBox .slideBody p {
    overflow: hidden;
    margin: 10px 0;
    height: 7.2rem;
    line-height: 1.5;
    font-size: 1.6rem;
}
.analysisReport .indexReportSlide .reportSlideBox .slideBody .fb-like {
    float: left;
}
.analysisReport .indexReportSlide .reportSlideBox .slideBody time {
    float: right;
    line-height: 2rem;
    font-size: 1.2rem;
}

/* service information */
.serviceInfo {}
.serviceInfo .leading  {
    display: table;
    position: relative;
    background-color: #EEEEEB;
    border-bottom: 3px solid #EEEEEB;
}
.serviceInfo .leading::after {
    content: "";
    display: table-cell;
}
.serviceInfo .leading .leadingMain {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    min-width: 520px;
    background-color: #FFF;
}
.serviceInfo .leading .leadingMain a {
    box-sizing:  border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}
.serviceInfo .leading .leadingMain a:hover {
    border-color: #28A13A;

    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.serviceInfo .leading .leadingMain h3 {
    margin-bottom: 40px;
    line-height: 1.6;
    font-size: 2.4rem;
    color: #28A13A;
}
.serviceInfo .leading .leadingMain .serviceItem {
    position: relative;
    min-height: 125px;
    padding-right: 145px;
}
.serviceInfo .leading .leadingMain .serviceItem::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 125px;
    height: 125px;
    background: url(/files/user/img/logo_emark.png) no-repeat center center;
    background-size: contain;
}
.serviceInfo .leading .leadingMain .serviceItem p:first-child {
    font-size: 1.4rem;
}
.serviceInfo .leading .leadingMain .serviceItem h4 {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 10px 0;
    padding: 0 20px;
    text-align: center;
    font-weight: normal;
    font-size: 1.6rem;
    color: #28A13A;
}
.serviceInfo .leading .leadingMain .serviceItem h4::before,
.serviceInfo .leading .leadingMain .serviceItem h4::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    border: 1px solid #28A13A;
}
.serviceInfo .leading .leadingMain .serviceItem h4::before { left:0; border-right:none;}
.serviceInfo .leading .leadingMain .serviceItem h4::after { right:0; border-left:none;}

.serviceInfo .leading .leadingMain .serviceItem h4 strong {
    display: block;
    text-align: center;
    letter-spacing: 1px;
    white-space: nowrap;
    font-size: 3.4rem;
}
.serviceInfo .leading .leadingMain .serviceItem h4 + p {
    line-height: 1.5;
    font-size: 1.2rem;
}

@media only screen and (max-width: 960px) {
    .serviceInfo .leading  {
        display: block;
    }
    .serviceInfo .leading::after {
        display: none;
    }
    .serviceInfo .leading .leadingMain {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .serviceInfo .leading  {
        display: block;
    }
    .serviceInfo .leading .leadingMain {
        display: block;
        width: 100%;
        max-width: initial;
        min-width: auto;
        padding: 0;
    }
    .serviceInfo .leading .leadingMain a {
        width: 100%;
        padding: 20px;
    }
    .serviceInfo .leading .leadingMain h3 {
        margin-bottom: 0;
        padding: 0;
        line-height: 1.4;
        font-size: 1.8rem;
        text-align: center;
    }
    .serviceInfo .leading .leadingMain .serviceItem {
        min-height: 64px;
        padding-right: 0;
        padding-top: 95px;
    }
    .serviceInfo .leading .leadingMain .serviceItem::before {
        left: 50%;
        top: 15px;
        width: 64px;
        height: 64px;
        margin-left: -32px;
    }
    .serviceInfo .leading .leadingMain .serviceItem p:first-child {
        text-align: center;
    }
    .serviceInfo .leading .leadingMain .serviceItem h4 {
        display: block;
        width: 240px;
        margin: 10px auto;
        font-size: 1.3rem;
    }
    .serviceInfo .leading .leadingMain .serviceItem h4 strong {
        display: block;
        text-align: center;
        letter-spacing: 1px;
        white-space: nowrap;
        font-size: 2.4rem;
    }
    .serviceInfo .leading .leadingMain .serviceItem h4 + p {
        line-height: 1.5;
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 600px) {
    .serviceInfo .leading .leadingMain h3 br {
        display: none;
    }
}


/* slide - eMark series */
.indexEmarkSlide {
    margin-top: 20px;
}
.indexEmarkSlide .slick-prev:before,
.indexEmarkSlide .slick-next:before {
    color: #5D6776;
}
@media only screen and (max-width: 600px) {
    .indexEmarkSlide .slick-prev {
        left: -15px;
    }
    .indexEmarkSlide .slick-next {
        right: -15px;
    }
}

.indexEmarkSlide .emarkSlideBox {
    width: 236px;
    margin: 0 auto;
}
.indexEmarkSlide .emarkSlideBox a {
    display: block;
}
.indexEmarkSlide .emarkSlideBox a h4 {
    box-sizing: border-box;
    position: relative;
    padding: 16px;
    background-color: #FFF;
    text-align: center;
    line-height: 1.5;
    font-size: 1.2rem;
    color: #6BBE37;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.indexEmarkSlide .emarkSlideBox a h4::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.07);
}

.indexEmarkSlide .emarkSlideBox a h4 strong {
    display: block;
    margin-top: 20px;
}
.indexEmarkSlide .emarkSlideBox a h4 strong img {
    margin: 0 auto;
}
.indexEmarkSlide .emarkSlideBox a p {
    padding: 10px;
    line-height: 1.5;
    font-size: 1.2rem;
}
.indexEmarkSlide .emarkSlideBox a p strong {
    display: block;
    margin-bottom: 10px;
    padding-top: 100px;
    text-align: center;
    font-size: 1.6rem;
}

.indexEmarkSlide .emarkSlideBox a:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.indexEmarkSlide .emarkSlideBox a:hover p {
    color: #FFF;
}

/* other category */
.otherCategory {
    margin: 0;
    padding: 60px;
    background-color: #FFF;
    border-top: 1px solid #EEEEEB;
}
.otherCategory ul {}
.otherCategory ul li {
    position: relative;
    float: left;
    width: 25%;
    min-width: 160px;
    padding-top: 180px;
}
.otherCategory ul li h2 {
    font-weight: bold;
    text-align: center;
}
.otherCategory ul li h2 a {
    font-size: 1.6rem;
    color: #3B5369;
}
.otherCategory ul li h2 a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 160px;
    height: 160px;
    margin-left: -80px;
    
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.otherCategory ul li.oc01 h2 a::before { background: url(/files/user/img/icon_category_building.png) no-repeat center center #28A13A; background-size: 96px;}
.otherCategory ul li.oc02 h2 a::before { background: url(/files/user/img/icon_category_tie.png) no-repeat center center #28A13A; background-size: 96px;}
.otherCategory ul li.oc03 h2 a::before { background: url(/files/user/img/icon_category_pin.png) no-repeat center center #28A13A; background-size: 96px;}
.otherCategory ul li.oc04 h2 a::before { background: url(/files/user/img/icon_category_mail.png) no-repeat center center #28A13A; background-size: 96px;}

.otherCategory ul li p {
    margin-top: 20px;
    text-align: center;
    line-height: 1.9rem;
    font-size: 1.2rem;
}
.otherCategory ul li .more {
    margin-top: 30px;
    text-align: center;
}

@media only screen and (max-width: 960px) {
    .otherCategory ul li {
        position: relative;
        float: left;
        width: 50%;
        min-width: 160px;
        padding-top: 180px;
    }
}
@media only screen and (max-width: 600px) {
    .otherCategory {
        padding: 20px;
    }
    .otherCategory ul li:nth-child(2n+1) {
        clear: both;
    }

}
@media only screen and (max-width: 440px) {
    .otherCategory ul li {
        float: none;
        width: 280px;
        margin: 0 auto;
        padding-top: 100px;
    }
    .otherCategory ul li h2 a::before {
        width: 80px;
        height: 80px;
        margin-left: -40px;
    }
    .otherCategory ul li.oc01 h2 a::before { background: url(/files/user/img/icon_category_building.png) no-repeat center center #28A13A; background-size: 64px;}
    .otherCategory ul li.oc02 h2 a::before { background: url(/files/user/img/icon_category_tie.png) no-repeat center center #28A13A; background-size: 64px;}
    .otherCategory ul li.oc03 h2 a::before { background: url(/files/user/img/icon_category_pin.png) no-repeat center center #28A13A; background-size: 64px;}
    .otherCategory ul li.oc04 h2 a::before { background: url(/files/user/img/icon_category_mail.png) no-repeat center center #28A13A; background-size: 64px;}
    
    .otherCategory ul li p {
        text-align: left;
    }
    .otherCategory ul li p br {
        display: none;
    }
    .otherCategory ul li .more {
        margin-top: 10px;
    }
}


/*========================================

  service

========================================*/
/* summary */
#service .summaryBlock .contentBlock::before {
    content: "";
    display: block;
    float: right;
    width: 110px;
    height: 110px;
    margin: 0 0 20px 40px;
    background: url(/files/user/img/logo_emark.png) no-repeat center center;
    background-size: contain;
}
@media only screen and (max-width: 600px) {
    #service .summaryBlock .contentBlock::before {
        float: none;
        margin: 0 auto 20px;
    }
}

/* eMak+ 種類 */
.emarkVariety {
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 4px;
}
.emarkVariety li {
    box-sizing: border-box;
    float: left;
    width: 50%;
    margin-top: 12px;
    padding: 0 0 0 4px;
}
.emarkVariety li:nth-child(2n+1) {
    clear: both;
    padding: 0 4px 0 0;
}
.emarkVariety li:nth-child(-n+2) {
    margin-top: 0;
}
.emarkVariety li a {
    position: relative;
    display: block;
}
.emarkVariety li.val01 a { background-color: #6BBE37;}
.emarkVariety li.val02 a { background-color: #2FB4E6;}
.emarkVariety li.val03 a { background-color: #0071BC;}
.emarkVariety li.val04 a { background-color: #808080;}

.emarkVariety li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #EEEEEB;
}
.emarkVariety li .colset {
    display: table;
    border-width: 4px;
    border-style: solid;
}
.emarkVariety li.val01 .colset { border-color: #6BBE37;}
.emarkVariety li.val02 .colset { border-color: #2FB4E6;}
.emarkVariety li.val03 .colset { border-color: #0071BC;}
.emarkVariety li.val04 .colset { border-color: #808080;}

.emarkVariety li .colset .valHead {
    box-sizing: border-box;
    display: table-cell;
    width: 48%;
    padding: 8px;
    background-color: #FFF;
    vertical-align: middle;
    text-align: center;
}
.emarkVariety li .colset .valHead p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.emarkVariety li.val01 .colset .valHead p { color: #6BBE37;}
.emarkVariety li.val02 .colset .valHead p { color: #2FB4E6;}
.emarkVariety li.val03 .colset .valHead p { color: #0071BC;}
.emarkVariety li.val04 .colset .valHead p { color: #808080;}

.emarkVariety li .colset .valHead img {
    max-width: 155px;
    width: 100%;
    height: auto;
}


.emarkVariety li .colset .valBody {
    box-sizing: border-box;
    display: table-cell;
    width: 52%;
    padding: 15px 10px 15px 15px;
    vertical-align: top;
    color: #FFF;
}
.emarkVariety li .colset .valBody strong {
    line-height: 1.5;
    font-size: 1.6rem;
}
.emarkVariety li .colset .valBody p {
    margin-top: 0.5em;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1.2rem;
}
.emarkVariety li .more {
    position: relative;
    padding: 8px;
    border-top: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.25);
    line-height: 1.3;
    font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
}
.emarkVariety li .more::after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(/files/user/img/icon_wedge_r_wh.png) no-repeat center center;
    background-size: contain;
}

.emarkVariety + .emarkTrial {
    margin-top: 8px;
}
@media only screen and (max-width: 960px) {
    .emarkVariety li .colset .valHead p {
        line-height: 1.3;
    }
    .emarkVariety li .colset .valHead p br {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .emarkVariety {
        margin-top: 10px;
    }
    .emarkVariety li {
        float: none;
        width: 100%;
        padding: 0;
    }
    .emarkVariety li:nth-child(2n+1) {
        padding: 0;
    }
    .emarkVariety li:nth-child(-n+2) {
        margin-top: 12px;
    }
    .emarkVariety li .colset .valHead p br {
        display: block;
    }
}
@media only screen and (max-width: 400px) {
    .emarkVariety li .colset {
        display: block;
    }
    .emarkVariety li .colset .valHead {
        display: block;
        width: 100%;
        padding: 8px;
        background-color: #FFF;
        vertical-align: middle;
        text-align: center;
    }
    .emarkVariety li .colset .valBody {
        display: block;
        width: 100%;
        padding: 15px 10px 15px 15px;
        vertical-align: top;
        color: #FFF;
    }


}


/* 表 */

/*旧CSS*/

.contentTable {
  margin: 0 auto 20px;
  width: 620px;
  font-size: 12px;
}
.contentTable,
.contentTable th,
.contentTable td {
  padding: 5px 10px;
  text-align: center;
}

.contentTable tr,
.contentTable th,
.contentTable td {
  border: solid 1px #999999;
}

.contentTable thead {
  border-bottom: double 3px #999999;
}

.contentTable .line_R { border-right: double 3px #999999 !important;}
.contentTable .line_L { border-left: double 3px #999999 !important;}
.contentTable .line_T { border-top: double 3px #999999 !important;}
.contentTable .line_B { border-bottom: double 3px #999999 !important;}
.contentTable .line_N { border: none !important;}

.contentTable .pickupText {
  color: #F00;
  font-weight: bold;
}
.contentTable .pickupText2 {
  color: #09F;
  font-weight: bold;
}
.contentTable .bgColor {
  background-color: #FFDED1;
}

.match-up {
    width: 100%;
    margin: 30px 0 20px;
    border-bottom: 4px solid #EEEEEB;
}
.match-up thead th {
    box-sizing: border-box;
    padding: 12px 8px;
    width: 33.33%;
    background-color: #28A13A;
    vertical-align: middle;
    line-height: 1.3;
    font-weight: normal;
    font-size: 1.6rem;
    color: #FFF;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.match-up thead th:nth-child(1) { background-color: #D2CDDE;}
.match-up thead th:nth-child(2) { background-color: #EDAFB5;}

.match-up thead th small {
    display: block;
    margin-top: 0.5em;
    font-size: 1.2rem;
}
.match-up thead th .tb,
.match-up thead th .sp {
    display: none;
}
.match-up tbody td {
    padding: 16px 8px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    font-weight: normal;
    font-size: 1.4rem;
}
.match-up tbody tr:nth-child(odd) td {
    background-color: #FFF;
}
.match-up tbody td p {
    margin: 0;
    text-align: center;
    font-size: 1.4rem;
}
.match-up tbody td p small {
    display: block;
    font-size: 1rem;
}



/*========================================

  company

========================================*/
/* companyCategory */
.companyCategory {
    padding: 40px;
}
.companyCategory ul {
    overflow: hidden;
}
.companyCategory li {
    float: left;
    width: 25%;
}
.companyCategory li a {
    position: relative;
    box-sizing: border-box;
    display: block;
    max-width: 235px;
    width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    border-bottom: 3px solid #EEEEEB;
}
.companyCategory li a::after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
}
.companyCategory li a:hover::after {
    border-color: #28A13A;
}
.companyCategory li a img {
    width: 100%;
    height: auto;
}
.companyCategory li a p {
    padding: 20px;
    line-height: 1.5;
    font-size: 1.4rem;
}
.companyCategory li a p strong {
    display: block;
    margin-bottom: 1em;
    color: #28A13A;
}

@media only screen and (max-width: 1000px) {
    .companyCategory li {
        box-sizing: border-box;
        width: 50%;
        padding-left: 20px;
        margin-top: 20px;
    }
    .companyCategory li:nth-child(odd) {
        padding-left: 0;
        padding-right: 20px;
    }
    .companyCategory li:nth-child(-n+2) {
        margin-top: 0;
    }
    .companyCategory li a {
        width: 100%;
        max-width: none;
    }
}
@media only screen and (max-width: 600px) {
    .companyCategory {
        padding: 20px;
    }
    .companyCategory li {
        padding-left: 10px;
    }
    .companyCategory li:nth-child(odd) {
        padding-left: 0;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 400px) {
    .companyCategory li {
        width: 100%;
        padding-left: 0;
    }
    .companyCategory li:nth-child(odd) {
        padding-right: 0;
    }
    .companyCategory li:nth-child(-n+2) {
        margin-top: 20px;
    }
    .companyCategory li:first-child {
        margin-top: 0;
    }
    .companyCategory li a {
        width: 100%;
        max-width: none;
    }
}


/* message */
#message .summaryBlock .contentHeadGroup .contentHead {
    margin-top: 10px;
    line-height: 1.8;
}
#message .summaryBlock .flt-l {
    clear: both;
    float: left;
    margin: 0 40px 20px 0;
}
#message .summaryBlock .flt-r {
    clear: both;
    float: right;
    margin: 0 0 20px 40px;
}
#message .summaryBlock .contentHead {
    margin-top: 40px;
}
#message .summaryBlock .signature {
    clear: both;
    text-align: right;
}
#message .summaryBlock .signature p {
    margin: 0 0 10px;
    font-size: 1.2rem;
}
@media only screen and (max-width: 600px) {
    #message .summaryBlock .flt-l {
        margin: 0 20px 10px 0;
    }
    #message .summaryBlock .flt-r {
        margin: 0 0 10px 20px;
    }
}
@media only screen and (max-width: 540px) {
    #message .summaryBlock .flt-l,
    #message .summaryBlock .flt-r {
        float: none;
        margin: 1em auto;
        text-align: center;
    }
    #message .summaryBlock .flt-l img,
    #message .summaryBlock .flt-r img {
        max-width: 100%;
    }
}



/* profile */
.profileBox {
    min-height: 240px;
    position: relative;
    padding: 40px 0 40px 240px;
    border-top: 1px solid #EEEEEB;
}
.articleBlock .profileBox:first-child {
    border-top: none;
    padding-bottom: 40px;
}
.articleBlock .profileBox:last-child {
    padding-bottom: 0;
}
.profileBox .person {
    position: absolute;
    left: 0;
    top: 40px;
    width: 190px;
}
.articleBlock .profileBox:first-child .person {
    top: 0;
}
.profileBox .person img {
    display: block;
    width: 100%;
    height: auto;
}
.profileBox .person p {
    margin-top: 10px;
    line-height: 1.5;
    text-align: center;
    font-size: 1.2rem
}
.profileBox .person p strong {
    display: block;
    font-weight: normal;
    font-size: 2.4rem;
    color: #28A13A;
}
.profileBox p {
    margin-top: 0;
}
@media only screen and (max-width: 600px) {
    .profileBox {
        min-height: 200px;
        padding: 40px 0 40px 165px;
    }
    .profileBox .person {
        width: 135px;
    }
}
@media only screen and (max-width: 400px) {
    .profileBox {
        min-height: 200px;
        padding: 30px 0;
    }
    .profileBox .person {
        position: static;
        width: 190px;
        margin: 0 auto 10px;
    }

}

/* outline */
.outlineSheet {
    overflow: hidden;
    border-bottom: 1px solid #EEEEEB;
}
.outlineSheet dt {
    clear: left;
    float: left;
    width: 130px;
    padding: 16px 0 15px;
    font-size: 1.6rem;
    color: #28A13A;
}
.outlineSheet dd {
    padding: 15px 0 15px 130px;
    border-top: 1px solid #EEEEEB;
    font-size: 1.6rem;
}
.outlineSheet + h3.contentHead {
    margin-top: 60px;
}
.outlineSheet dd ul.default {
    margin-left: 20px;
    list-style: disc;
}
.outlineSheet dd ul.dateList {
    overflow: hidden;
}
.outlineSheet dd ul.dateList li {
    padding: 15px 0;
    border-top: 1px solid #EEEEEB;
}
.outlineSheet dd ul.dateList li:first-child {
    padding-top: 0;
    border-top: 0;
}
.outlineSheet dd ul.dateList li:last-child {
    padding-bottom: 0;
}
.outlineSheet dd ul.dateList li time {
    float: left;
    width: 130px;
}
.outlineSheet dd ul.dateList li p {
    margin: 0;
    padding-left: 130px;
    line-height: 1.5;
    font-size: 1.6rem;
}
.outlineSheet dd ul.dateList a {
    color: #28A13A;
}
@media only screen and (max-width: 600px) {
    .outlineSheet dt {
        width: 80px;
        padding: 11px 0 10px;
    }
    .outlineSheet dd {
        padding: 10px 0 10px 80px;
    }
    .outlineSheet dd ul.dateList li {
        padding: 10px 0;
    }
    .outlineSheet dd ul.dateList li time {
        width: 80px;
    }
    .outlineSheet dd ul.dateList li p {
        padding-left: 80px;
    }
}
@media only screen and (max-width: 400px) {
    .outlineSheet dt {
        float: none;
        width: 100%;
        border-top: 3px solid #EEEEEB;
        border-bottom: 1px solid #EEEEEB;
    }
    .outlineSheet dd {
        border-top: none;
        padding-left: 0;
    }

}


/* privacy policy */
.policyTerms {}
.policyTerms h3 {
    margin-top: 60px;
}
.policyTerms > h3:first-child {
    margin-top: 0;
}
ol.numList{
    padding: 20px 0 0 2.6rem;
    font-size: 1.6rem;
}
 
ol.numList li{
    list-style-type: none;
    list-style-position: outside;
    counter-increment: cnt;
    text-indent: -1.5em;
}
ol.numList li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
}
@media only screen and (max-width: 600px) {
    .policyTerms h3 {
        margin-top: 40px;
    }
}


/*========================================

  information

========================================*/
.newsBlock {
    padding: 40px;
}
.newsList {
    background-color: #FFF;
    border-bottom: 3px solid #EEEEEB;
}
.newsList li {
    display: table;
    width: 100%;
    border-top: 1px solid #EEEEEB;
}
.newsList li:first-child {
    border-top: none;
}
.newsList li time {
    display: table-cell;
    width: 130px;
    padding: 15px 20px;
    vertical-align: top;
    line-height: 1.5;
    font-weight: bold;
    font-size: 1.6rem;
}
.newsList li p {
    display: table-cell;
    margin: 0;
    padding: 15px 20px 15px 0;
    vertical-align: top;
    line-height: 1.5;
    font-size: 1.6rem; 
}
.newsList li p a:hover {
    color: #28A13A;
}
@media only screen and (max-width: 600px) {
    .newsBlock {
        padding: 20px;
    }
    .newsList li {
        display: block;
    }
    .newsList li:first-child {
        border-top: none;
    }
    .newsList li time {
        display: inline-block;
        padding: 15px 20px 10px;
    }
    .newsList li p {
        display: block;
        padding: 0 20px 15px;
    }
}

.pageLink{
    clear:both;
    padding-top:5px;
}
.pageLink .summary{
    margin-top:40px;
    text-align:center;
}

.pageNavi,.pageLink ul.pagination{
    position: relative;
    margin-top: 10px;
    text-align: center;
    font-size: 0;
}
.pageNavi li,.pageLink ul.pagination li{
    display: inline-block;
    margin-bottom:5px;
}
.pageNavi li a,.pageLink ul.pagination li a{
    display: block;
    width: 40px;
    height:  40px;
    margin: 0 1px;
    background-color: #FFF;
    border: 3px solid #28A13A;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #28A13A;
}
.pageNavi li.current a,.pageNavi li a:hover,
.pageLink ul.pagination li.active a,.pageLink ul.pagination li a:hover{
    background-color: #28A13A;
    color: #FFF;

    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.pageNavi li:first-child a{
    margin-right: 40px;
    width: auto;
    padding: 0 10px;
}
.pageNavi li:first-child a::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url(/files/user/img/blt_wedge_l_gr.png) no-repeat center center;
    background-size: 12px 12px;
    vertical-align: middle;
}
.pageNavi li:first-child a:hover::before {
    background: url(/files/user/img/blt_wedge_l_wh.png) no-repeat center center;
    background-size: 12px 12px;
}
.pageNavi li:last-child {
    margin-left: 40px;
}
.pageNavi li:last-child a {
    width: auto;
    padding: 0 10px;
}
.pageNavi li:last-child a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(/files/user/img/blt_wedge_r_gr.png) no-repeat center center;
    background-size: 12px 12px;
    vertical-align: middle;
}
.pageNavi li:last-child a:hover::after {
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center;
    background-size: 12px 12px;
}

@media only screen and (max-width: 768px) {
    .pageNavi li:first-child {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-right: 0;
    }
    .pageNavi li:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    .pageNavi {
        padding-bottom: 60px;
    }
}


/* news - detail  */
.newsDetail h3 {
    font-size: 1.6rem;
}
.newsDetail p {
    margin-top: 1.8em;
    line-height: 1.8;
    font-size: 1.6rem;
}

.pageBack {
    margin-top: 40px;
    text-align: center;
}
.pageBack a {
    display: inline-block;
    height:  40px;
    padding: 0 20px;
    background-color: #FFF;
    border: 3px solid #28A13A;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #28A13A;

}



/*========================================

  report

========================================*/
/* report - index */
.reportColumnSet {
    display: table;
}

/* report - main */
.reportMainColumn {
    display: table-cell;
    padding: 40px 20px;
    vertical-align: top;
}
.reportPostList {
    overflow: hidden;
}
.reportPostBox {
    float: left;
    margin-top: 40px;
    padding: 0 20px;
}
.reportPostBox a {
    display: block;
    max-width: 236px;
    margin: 0 auto;
    background-color: #FFF;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-bottom: 3px solid #EEEEEB;
}
.reportPostBox a:hover {
    border-color: #28A13A;
}
.reportPostBox .thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px;
}
.reportPostBox .thumb img {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: auto;
    margin: auto;
}
.reportPostBox .postBody {
    overflow: hidden;
    padding: 20px;
    min-width: 196px;
}
.status_report,
.status_rank,
.status_knowhow,
.status_china,
.status_other{
    display: inline-block;
    min-width: 80px;
    padding: 4px 0;
    text-align: center;
    line-height: 1;
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    color: #FFF;
}
.status_report { background-color: #00A99D;}
.status_rank { background-color: #FBB03B;}
.status_knowhow { background-color: #29ABE2;}
.status_china { background-color: #56a3c0;}
.status_other { background-color: #888;}

.reportPostBox .postBody p {
    overflow: hidden;
    margin: 10px 0;
    height: 7.2rem;
    line-height: 1.5;
    font-size: 1.6rem;
}
.reportPostBox .postBody .fb-like {
    float: left;
}
.reportPostBox .postBody time {
    float: right;
    line-height: 2rem;
    font-size: 1.2rem;
}

/* report - side */
.reportSideColumn {
    display: table-cell;
    width: 235px;
    padding: 40px 40px 40px 0;
    vertical-align: top;
}
.reportSideColumn .sideFrame {
    border-bottom: 3px solid #EEEEEB;}
.reportSideColumn .sideFrame dt {
    padding: 20px;
    background-color: #EEEEEB;
    line-height: 1;
}
.reportSideColumn .sideFrame dd {
    background-color: #FFF;
}

/* report - side - reportSearch */
.reportSearch .searchBox {
    margin-top: 0;
    padding: 20px;
}

/* report - side - reportRanking */
.reportRanking {
    margin-top: 40px;
}
.reportRanking dl dd ul li  {
    overflow: hidden;
    padding: 20px;
    border-top: 1px solid #EEEEEB;
}
.reportRanking dl dd ul li:first-child  {
    border-top: none;
}
.reportRanking dl dd ul li p {
    position: relative;
    min-height: 36px;
    margin-bottom: 10px;
    padding-left: 45px;
}
.reportRanking dl dd ul li p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    line-height: 3.6rem;
    text-align: center;
    color: #FFF;
}
.reportRanking dl dd ul li:nth-child(1) p::before {content: "1"; background-color: #DAA520;}
.reportRanking dl dd ul li:nth-child(2) p::before {content: "2"; background-color: #C0C0C0;}
.reportRanking dl dd ul li:nth-child(3) p::before {content: "3"; background-color: #C47222;}
.reportRanking dl dd ul li:nth-child(4) p::before {content: "4"; background-color: #A9D9B0;}
.reportRanking dl dd ul li:nth-child(5) p::before {content: "5"; background-color: #A9D9B0;}

.reportRanking dl dd ul li p a {
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.3rem;
}
.reportRanking dl dd ul li .fb-like {
    float: left;
}
.reportRanking dl dd ul li time {
    float: right;
    line-height: 2rem;
    font-size: 1.2rem;
}


/* report - side - reportCategory */
.reportCategory {
    margin-top: 40px;
}
.reportCategory dd {
    padding: 20px;
    border-top: 1px solid #EEEEEB;
}
.reportCategory dd > p a {
    display: inline-block;
    min-height: 1.5rem;
    padding-left: 24px;
    background: url(/files/user/img/blt_cirarr_r_gr.png) no-repeat left top;
    background-size: 15px 15px;
    font-weight: bold;
}
.reportCategory dd ul li {
    margin-top: 0.5em;
}
.reportCategory dd ul li a {
    display: inline-block;
    padding-left: 24px;
    background: url(/files/user/img/blt_wedge_r_gr.png) no-repeat 6px top;
    background-size: 12px 12px;
    line-height: 1.2;
}

    
@media only screen and (min-width: 1275px) {
    /* 768px より大きい時 */
    .reportMainColumn {
        width: 840px;
    }
    .reportMainColumn .reportPostBox:nth-child(3n) {
        clear: both;
    }
    .reportMainColumn .reportPostBox:nth-child(-n+2) {
        margin-top: 0;
    }
    .reportMainColumn .reportPostBox:nth-child(-n+2) a {
        max-width: 376px;
        width: 376px;
    }
    .reportMainColumn .reportPostBox:nth-child(-n+2) a .thumb {
        height: 250px;
    }
}
@media only screen and (min-width:995px) and ( max-width:1274px) {
    .reportMainColumn {
        width: 560px;
    }
    .reportMainColumn .reportPostBox:nth-child(2n) {
        clear: both;
    }
    .reportMainColumn .reportPostBox:first-child  {
        margin-top: 0;
    }
    .reportMainColumn .reportPostBox:first-child a {
        max-width: 516px;
        width: 516px;
    }
    .reportMainColumn .reportPostBox:first-child a .thumb {
        height: 330px;
    }
}
@media only screen and (min-width:601px) and ( max-width:994px) {
    .reportColumnSet {
        display: block;
    }
    .reportMainColumn {
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        width: 600px;
        margin: 0 auto;
        padding: 40px 20px;
    }
    .reportMainColumn .reportPostBox:nth-child(2n) {
        clear: both;
    }
    .reportMainColumn .reportPostBox:first-child  {
        margin-top: 0;
    }
    .reportMainColumn .reportPostBox:first-child a {
        max-width: 516px;
        width: 516px;
    }
    .reportMainColumn .reportPostBox:first-child a .thumb {
        height: 330px;
    }
    .reportSideColumn {
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        width: 100%;
        padding: 40px 20px;
        border-top: 1px solid #EEEEEB;
    }
    .reportSideColumn .reportSearch {
        padding: 0 20px;
    }
    .reportSideColumn .reportRanking,
    .reportSideColumn .reportCategory {
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding: 0 20px;
    }
}

@media only screen and ( max-width:600px) {
    .reportColumnSet {
        display: block;
    }
    .reportMainColumn {
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
    }
    .reportMainColumn .reportPostBox{
        box-sizing: border-box;
        width: 50%;
        padding: 0 20px 0 10px;
    }
    .reportMainColumn .reportPostBox:first-child {
        margin-top: 0;
    }
    .reportMainColumn .reportPostBox:nth-child(2n) {
        clear: none;
    }
    .reportMainColumn .reportPostBox:nth-child(2n+1) {
        clear: both;
        padding: 0 10px 0 20px;
    }
    .reportSideColumn {
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        width: 100%;
        padding: 40px 0;
        border-top: 1px solid #EEEEEB;
    }
    .reportSideColumn .reportSearch {
        padding: 0 20px;
    }
    .reportSideColumn .reportRanking,
    .reportSideColumn .reportCategory {
        box-sizing: border-box;
        float: left;
        width: 50%;
    }
    .reportSideColumn .reportRanking {
        padding: 0 10px 0 20px;
    }
    .reportSideColumn .reportCategory {
        padding: 0 20px 0 10px;
    }
}
@media only screen and ( max-width:540px) {
    .reportMainColumn .reportPostBox{
        float: none;
        width: 100%;
        padding: 0 20px;
    }
    .reportSideColumn .reportRanking,
    .reportSideColumn .reportCategory {
        float: none;
        width: 100%;
        padding: 0 20px;
        margin-top: 20px;
    }
}


/* report - data */
.reportDataSet {
    padding: 0 20px 40px;
}
.postCategory ul {
    overflow: hidden;
    padding: 40px 40px 0;
    font-size: 0;
}
.postCategory ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}
.postCategory ul li a {
    display: block;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EEEEEB;
    line-height: 1;
    font-size: 1.2rem;
    
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.postCategory ul li a:hover,
.postCategory ul li.current a {
    background-color: #28A13A;
    border: 1px solid #28A13A;
    color: #FFF;
}

@media only screen and ( max-width:600px) {
    .reportDataSet {
        padding: 40px 0;
    }
    .reportDataSet .reportPostBox {
        box-sizing: border-box;
        width: 50%;
    }
    .reportDataSet .pageNavi {
        margin: 40px 20px 0;
    }

}
@media only screen and ( max-width:540px) {
    .reportDataSet .reportPostBox {
        box-sizing: border-box;
        width: 100%;
    }
}

/* report - detail */
.reportArticleBlock {
    max-width: 860px;
    margin: 0 auto;
    padding: 60px;
    line-height: 1.5;
    font-size: 1.6rem;
}
.reportArticleBlock .mainVisual img {
    max-width: 100%;
    height: auto;
}
.reportArticleBlock .contentHead {
    margin-top: 60px;
}
.reportArticleBlock h5 {
    margin-top: 1.5em;
}
.reportArticleBlock p {
    margin-top: 1em;
    line-height: 1.8;
    font-size: 1.6rem;
}
.reportArticleBlock figure {
    position: relative;
    margin-top: 2.5em;
    padding: 20px;
    border: 1px solid #EEEEEB;
    text-align: center;
}
.reportArticleBlock figure::before {
    display: block;
    position: absolute;
    left: 0;
    top: -22px;
    padding: 5px 16px;
    background-color: #5D6776;
    line-height: 1;
    font-weight: bold;
    font-size: 1.2rem;
    color: #FFF;
}
.reportArticleBlock figure:nth-of-type(1)::before { content: "図1";}
.reportArticleBlock figure:nth-of-type(2)::before { content: "図2";}
.reportArticleBlock figure:nth-of-type(3)::before { content: "図3";}
.reportArticleBlock figure:nth-of-type(4)::before { content: "図4";}
.reportArticleBlock figure:nth-of-type(5)::before { content: "図5";}
.reportArticleBlock figure:nth-of-type(6)::before { content: "図6";}
.reportArticleBlock figure:nth-of-type(7)::before { content: "図7";}
.reportArticleBlock figure:nth-of-type(8)::before { content: "図8";}
.reportArticleBlock figure:nth-of-type(9)::before { content: "図9";}
.reportArticleBlock figure:nth-of-type(10)::before { content: "図10";}

.reportArticleBlock figure.flt-r { float: right; margin-left: 40px; margin-top: 22px;}
.reportArticleBlock figure.flt-l { float: left; margin-right: 40px; margin-top: 22px;}

.reportArticleBlock figure img {
    max-width: 100%;
    height: auto;
}
.reportArticleBlock hr {
    clear: both;
    height: 0;
    margin: 0;
    border: none;
}
.btnEntry a {
    position: relative;
    display: inline-block;
    margin-top: 1em;
    padding: 15px 50px 15px 15px;
    background-color: #F2F2F2;
    border-bottom: 3px solid #EEEEEB;
    line-height: 1;
    color: #FFF;
}
.btnEntry a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 100%;
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #EEEEEB;
    background-size: 12px 12px;
}
.btnEntry.color01 a {
    background-color: #2FB4E6;
    border-bottom: 3px solid #2387AD;
}
.btnEntry.color01 a::after {
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #2387AD;
    background-size: 12px 12px;
}
.btnEntry.color02 a {
    background-color: #ED5679;
    border-bottom: 3px solid #DF2D58;
}
.btnEntry.color02 a::after {
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #DF2D58;
    background-size: 12px 12px;
}
.btnEntry.color03 a {
    background-color: #FBB03B;
    border-bottom: 3px solid #F7931E;
}
.btnEntry.color03 a::after {
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #F7931E;
    background-size: 12px 12px;
}
.btnEntry.color04 a {
background-color: #808080;
border-bottom: 3px solid #646160;
}
.btnEntry.color04 a::after {
background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #646160;
background-size: 12px 12px;
}
.btnEntry.color05 a {
background-color: #369dc3;
border-bottom: 3px solid #30758e;
}
.btnEntry.color05 a::after {
background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat center center #30758e;
background-size: 12px 12px;
}

.fbArea {
    margin-top: 1em;
    padding: 20px;
    background-color: #ECEEF0;
}
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

@media only screen and ( max-width:600px) {
    .reportArticleBlock {
        padding: 20px;
    }
    .reportArticleBlock figure.flt-r,
    .reportArticleBlock figure.flt-l {
        float: none;
        margin: 2.5em auto 0;
    }
}


/*========================================

  inquiry

========================================*/
/* inquery box */
.inquiryBox {
    margin-top: 60px;
}
@media only screen and ( max-width:600px) {
    .inquiryBox {
        margin-top: 20px;
    }
}
.inquiryBox table {
    width: 100%;
    border-bottom: 1px solid #EEEEEB;
}
.inquiryBox table th {
    position: relative;
    width: 170px;
    padding: 20px 30px 20px 0;
    border-top: 1px solid #EEEEEB;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1.6rem;
    color: #28A13A;
}
.inquiryBox table th small {
    font-size: 1rem;
}
.inquiryBox table th em {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-top: -8px;
    background-color: #ED1E79;
    text-align: center;
    line-height: 1.6;
    font-style: normal;
    font-size: 1rem;
    color: #FFF;
}
.inquiryBox table td {
    padding: 20px 0 20px 20px;
    border-top: 1px solid #EEEEEB;
    vertical-align: middle;
}
.inquiryBox .rowLine {
    border-bottom: 1px solid #EEEEEB;
}
.inquiryBox .rowLine dt {
    padding: 20px 0 5px;
    border-top: 1px solid #EEEEEB;
    font-weight: normal;
    font-size: 1.6rem;
    color: #28A13A;
}
.inquiryBox .rowLine dt:first-child {
    border-top: none;
}
.inquiryBox .rowLine dd {
    padding: 5px 0 20px;
}
.inquiryBox .btnArea {
    margin-top: 40px;
    text-align: center;
}
.inquiryBox .btnArea p {
    text-align: center;
    margin: 0;
}
.inquiryBox .btnArea p a {
    color: #28A13A;
}
.inquiryBox .btnArea label.btnSubmit {
    display: inline-block;
    margin: 0;
    line-height: 1;
}
.inquiryBox .btnArea p + label.btnSubmit {
    margin: 40px 0 0;
}


@media only screen and (max-width: 600px) {
    .inquiryBox table th {
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 20px 0 5px;
        border-top: 1px solid #EEEEEB;
    }
    .inquiryBox table th em {
        position: static;
        width: 32px;
        margin: 0 0 0 8px;
        vertical-align: text-bottom;
    }
    .inquiryBox table td {
        display: block;
        padding: 5px 0 20px;
        border-top: none;
    }
    .inquiryBox label.btnBack {
        margin: 0;
    }

}
@media only screen and (max-width: 400px) {
    .inquiryBox .btnArea p label {
        line-height: 1;
        font-size: 1.2rem;
    }
}


/* form item */
.inquiryBox input[type=text],
.inquiryBox input[type=submit],
.inquiryBox textarea {
	outline: none;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-size: 100%;
}
.inquiryBox input::-webkit-search-decoration,
.inquiryBox input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}
.inquiryBox label {
    display: inline-block;
    margin-right: 20px;
    line-height: 2;
}
.inquiryBox label input {
    margin-right: 4px;
    vertical-align: text-bottom;
}


/* search input field */
.inquiryBox input[type=text] {
    box-sizing: border-box;
    height: 30px;
	padding: 5px;
	border: 1px solid #EEEEEB;

    line-height: 1.8rem;
    font-size: 14px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.inquiryBox input.full { width: 100%;}
.inquiryBox input.half { width: 50%;}

.inquiryBox input[type=text]:focus {
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
.inquiryBox textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 160px;
	padding: 5px;
	border: 1px solid #EEEEEB;
}
.inquiryBox input[type=submit],.inquiryBox input[type=button]{
    width: 240px;
    line-height: 1;
    font-size:1.6rem;
    color: #28A13A;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.inquiryBox label.btnSubmit input[type=submit],.inquiryBox label.btnSubmit input[type=button] {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 40px 10px 20px;
    border: 3px solid #28A13A;
    background: url(/files/user/img/blt_wedge_r_gr.png) no-repeat 210px center #FFF;
    background-size: 12px 12px;
    font-size: 1.6rem;
}
.inquiryBox  label.btnSubmit input[type=submit]:hover,.inquiryBox  label.btnSubmit input[type=button]:hover {
    background: url(/files/user/img/blt_wedge_r_wh.png) no-repeat 210px center #28A13A;
    background-size: 12px 12px;
    color: #FFF;
}
.inquiryBox label.btnBack input[type=submit],.inquiryBox label.btnBack input[type=button] {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 20px 10px 40px;
    border: 3px solid #E6E6E6;
    background: url(/files/user/img/blt_wedge_l_gy.png) no-repeat 12px center #FFF;
    background-size: 12px 12px;
    font-size: 1.6rem;
    color: #E6E6E6;
}
.inquiryBox label.btnBack input[type=submit]:hover,.inquiryBox label.btnBack input[type=button]:hover {
    background: url(/files/user/img/blt_wedge_l_wh.png) no-repeat 12px center #E6E6E6;
    background-size: 12px 12px;
    color: #FFF;
}




/* placeholder */
.inquiryBox input:-moz-placeholder {color: #D6D9DD;}
.inquiryBox input::-webkit-input-placeholder {color: #D6D9DD;}


/*========================================

  sitemap

========================================*/

.searchBox {
    box-sizing: border-box;
    width: 100%;
    margin-top: 1em;
}
.searchBox form {
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
}
.searchBox form .input-btn{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color:#28A13A;
}
.searchBox form .input-btn input{
    padding:25%;
    width:50%;
    height:50%;
}
.searchBox input {
	outline: none;
}
.searchBox input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-size: 100%;
}
.searchBox input::-webkit-search-decoration,
.searchBox input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
.searchBox input[type=search] {
    box-sizing: border-box;
	width: 100%;
    height: 30px;
	padding: 5px 35px 5px 5px;
    background-color: #F2F2F2;
	border: 1px solid #EEEEEB;

    line-height: 1.8rem;
    font-size: 14px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.searchBox input[type=search]:focus {
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
.searchBox input:-moz-placeholder {color: #D6D9DD;}
.searchBox input::-webkit-input-placeholder {color: #D6D9DD;}



/* quick link */
.quickLink {
    overflow: hidden;
}
.quickLink .utilBox {
    float: left;
    width: 30%;
    margin-top: 40px;
    margin-left: 5%;
}
.quickLink .utilBox:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}
.quickLink .utilBox dd ul li a {
    display: block;
    padding-left: 20px;
    background:  url(/files/user/img/blt_cirarr_r_gr.png) no-repeat left top;
    background-size: 16px 16px;
}
.quickLink .utilBox dd ul li a.blank::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background:  url(/files/user/img/icon_link_gr.png) no-repeat center center;
    background-size: 16px 16px;
    vertical-align: middle;
}
@media only screen and (max-width: 1080px) {
    .quickLink .utilBox {
        width: 47.5%;
        margin-left: 5%;
    }
    .quickLink .utilBox:nth-child(3n+1) {
        clear: none;
        margin-left: 5%;
    }
    .quickLink .utilBox:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    .quickLink .utilBox {
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .quickLink .utilBox:nth-child(3n+1),
    .quickLink .utilBox:nth-child(2n+1) {
        clear: none;
        margin-left: 0;
    }
}

.gmap {
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
    height: 450px;
}
.gmapbtn a {
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    background-color: #FFF;
    border: 3px solid #28A13A;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #28A13A;
}





/*旧CSS*/

.reportArticleBlock table{border:1px solid #666;}
.reportArticleBlock table td{padding:10px;}

/* お問い合わせ注釈 */

.alert{
    color: #F00;
    margin: 0 auto 5rem;
    padding: 10px;
    border: 3px solid;
}
.btn_center{text-align:center;}

/* ナレッジ */

.knowledgeTable th {
  border-right: double 3px #999999 !important;
  background-color: #f6f6f6;
}

.knowledgeTable td {
  text-align: left;
}

.knowledgeTable2 th {
  background-color: #f6f6f6;
}

/* ノウハウ */
dl.list{
margin-bottom:20px;
}
dl.list dt{
margin-top:20px;
}
dl.list dd{
margin-top:5px;
margin-left:40px;
}

/* appli-ranking */
.appli-rank {
  width: 660px;
  margin-bottom: 30px;
}
.appli-rank .appli-rank-col2 {
  width: 660px;
  display: table;
  margin-bottom: 15px;
}
.appli-rank .appli-rank-col2:last-child {
  margin-bottom: 0;
}
.appli-rank .appli-rank-col2 .appli-rank-col2-leftbox {
  display: table-cell;
  vertical-align: top;
  width: 315px;
  margin-right: 15px;
  overflow: hidden;
}
.appli-rank .appli-rank-col2 .appli-rank-col2-rightbox {
  display: table-cell;
  vertical-align: top;
  width: 315px;
  margin-left: 15px;
  overflow: hidden;
}
.appli-rank .icon-img {
  width: 80px;
  float: left;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  line-height: 0;
}
.appli-rank .icon-img img {
  width: 100%;
}
.appli-rank .appli-rank-col2-text {
  float: left;
  width: 225px;
  margin-top: 5px;
}
.appli-rank .appli-rank-col2-text .appli-rank-col2-budge {
  overflow: hidden;
}
.appli-rank .appli-rank-col2-text .appli-rank-col2-budge .rank-budge {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.appli-rank .appli-rank-col2-text .appli-rank-col2-budge .price {
  float: right;
  font-size: 12px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.appli-rank .appli-rank-col2-text .appli-rank-col2-budge .price.free {
  color: #23ac38;
}
.appli-rank .appli-rank-col2-text .appli-rank-col2-budge .price.pay {
  color: #d80148;
}
.appli-rank .appli-rank-col2-text .appli-name {
  font-size: 14px;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.5;
}
.appli-rank .appli-rank-col2-text .appli-mom {
  font-size: 10px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #999;
}
.appli-rank .appli-rank-col2-text .appli-mom .mom1 {
  padding-right: 15px;
}

.appli-rank-other {
  width: 660px;
  margin-bottom: 20px;
}
.appli-rank-other .appli-rank-other-list {
  margin: 0;
  padding: 0;
}
.appli-rank-other .appli-rank-other-list li {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type:none;
}
.appli-rank-other .appli-rank-other-list li .list-rank-name,
.appli-rank-other .appli-rank-other-list li .list-rank-price,
.appli-rank-other .appli-rank-other-list li .list-rank-mom {
  padding: 0 12px;
  margin: 0;
}
.appli-rank-other .appli-rank-other-list li .list-rank-budge {
  font-weight: bold;
}
.appli-rank-other .appli-rank-other-list li .list-rank-price.free {
  font-size: 10px;
  color: #23ac38;
}
.appli-rank-other .appli-rank-other-list li .list-rank-price.pay {
  font-size: 10px;
  color: #d80148;
}
.appli-rank-other .appli-rank-other-list li .list-rank-mom {
  color: #999;
  font-size: 10px;
}

.appli-rank-lead > p {
  font-size: 11px;
  line-height: 1.3;
  padding: 0;
  margin-bottom: 2px;
}