/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/全体設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,h1,h2,h3,h4,h5,h6,p,i {
    font-family: 'Lucida Grande', Arial,  Meiryo, 'メイリオ', sans-serif;
    text-align: left;
}

/* UXROトップ用 */
body header, header h2{
    text-align: center;
}
header h2.h2{
    font-size: 5.4rem;
}

h3{
    font-size:1.5em;
}

div.container{
    max-width: 1000px;
    margin: auto;
}
.large{
    font-size: 1.2em;
}
.midashi{
    font-weight: bold;
    font-size: 1.2em;
}

.bold{
    font-weight: bold;
}
a {color: #e74c3c; text-decoration: underline;}
a.nounder{text-decoration: none;}
a:hover {text-decoration: none;}

h4.bg{
    background-color: #EEE;
    padding: 10px;
}

.padding-top-5{
    padding-top: 5px;
}

.mgb10 { margin-bottom: 10px;}
.mgb20 { margin-bottom: 20px;}
.mgb40 { margin-bottom: 40px;}
.mgb60 { margin-bottom: 60px;}


.sidebar-nav-v1 li a{
    padding-right:10px;
}

p.title{
    font-size:1.5em;
}

span.facebook_like{
    background-color: rgba(249, 78, 61, 0.16);
    font-size: 0.8em;
    padding: 3px;
    color: #e74c3c;
}

.table_mark{
    font-size:2em;
    text-align:center;
    margin: 0;
}

figure{
    border:#DDD solid 1px;
    text-align: center;
}
figcaption{
    padding:10px;
    background-color: #DDD;
    font-size:1.2em;
}

ul.check li{
    list-style-image: url(/assets/img/li_check.png);
    font-size:1.5em;
    margin-bottom:5px;
}

ul.check li strong{
    background-color: #FFEAFF;
    font-size:1.3em;
    padding: 3px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/トップページ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
div.purchase {
    margin-bottom:0px;
    padding-top:15px;
    padding-bottom:10px;
}

div.purchase p{
    font-size: 1.2em;
    margin-bottom:5px;
}

@charset "utf-8";
/* CSS Document */



.News-column.-overlap {
    position: relative;
    z-index: 1;
    margin-top: -1.5em;
}
.News-column {
    max-width:970px;
    margin: 20px auto 15px auto;
    height:5rem;
    z-index: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-template-areas: "nh_label nh_body";
    align-items: center;
    background-color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    border:1px solid #ddd;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}
.News-column-h3 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: nh_label;
    margin: 0;
    padding: 0 1rem;
    font-size: inherit;
    letter-spacing: .1em;
    font-weight: inherit;
    -ms-grid-row-align: stretch;
    color: #c62f2f;
    text-transform: uppercase;
}
.News-column-p {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-area: nh_body;
    margin: 0;
    padding-right: .625rem;
    font-size: 1.1em;
}
.News-column-p>* {
    margin: 0 0 0 .83333rem;
    vertical-align: middle;
}
.News-column-p > a{
    color:#555 !important;
}
.News-column-date{display:none;}
@media (min-width: 48em){
    .News-column-p>* {
        margin-left: 1.25rem;
    }
    .News-column-title {
        color: currentColor;
        text-decoration: underline;
    }
    .News-column-date{
        display:inline-block;
    }
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/文字サイズ調整（小さいケースが多い）
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* Q&AのQ*/
.panel-group{font-size:1.2em;}
.acc-v1 .panel-heading a{font-size: 1.1em;}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/スマホ用カルーセル（owl）の調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.owl-carousel div{
    text-align: center;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/事例ページ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.case_img{
    max-width:600px;
    width:100%;
}

strong.bg{
    color: #e74c3c;
    background-color: #fdf3f2;
    padding: 3px;
    font-weight: bold;
}

.jirei h3{
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    padding:20px 0;
    margin-bottom:20px;
    font-size:1.8em;
    font-weight: bold;
}

p.case_list{
    margin-top:10px;
    font-size:1.3em;
    text-align:left;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/テーブル用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
td.heading, th.heading{
    background: #EEE;
    padding:10px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/資料請求ボタン用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
button.btn-siryo{
    font-size: 2em;
    padding:30px;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/サービスページ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.service-kaiyu{
    padding-bottom:10px;
}
.service-kaiyu li{
    font-size:1.2em;
    line-height: 1.8em;
}





/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/ブログ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#content{ padding-top:30px;}
#content h1.entry-title{
    font-size:2.0em;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold !important;
}
#content h2, div.entry-summary h2{
    border-left: 10px solid #CCC;
    padding: 5px 0px 5px 10px;
    font-size: 1.7em;
    font-weight: bold !important;
}
#content h3{
    font-size: 1.5em;
    color: black;
    background-color: #EEE;
    padding: 10px 10px 10px 15px;
}
#content div.entry-content p, #content div.entry-content li, div.entry-summary p, div.entry-summary li{font-size:1.3em;}
#content div.entry-content li, div.entry-summary li{margin-bottom:10px;}
#content strong{
    background-color: palegoldenrod;
    padding: 3px 0px;
}

p#blog-name{
    margin: 0px;
    font-weight: bold;
}
p#blog-name a{
    font-size: 1.7em;
}
p#blog-name a{
    color: black;
    text-decoration: none;
}

footer.entry-meta { text-align: right}
div.entry-meta {text-align: right;}

#secondary ul{ padding-left: 20px}
#secondary ul li{ list-style: inherit; margin-bottom: 5px;}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/お問合せ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
td.thead{
    background-color: #F3F3F3;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/料金表
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.pricing-head h3, .pricing-head h3 span, .pricing-head h4, .pricing-head h4 i, .pricing-head h4 span{
    font-family: Meiryo, 'メイリオ', 'Lucida Grande', Arial,   sans-serif;
    line-height: 1em;
}
.pricing-head h3{
    font-size:1.4em;
}
.pricing-head h3 span{
    font-weight: normal;
}
.pricing-head h4{
    padding-top: 15px;
    font-size:3em;
}
.pricing-head h4 i, .pricing-head h4 span{
    font-size:16px;
    font-weight: normal;
    line-height: 2em;
}

ul.pricing-content li{
    font-size: 1.2em;
}

ul.pricing-content-detail{
    list-style-type: none;
    padding-left: 10px;
}

ul.pricing-content-detail li{
    border-bottom: none;
    padding:3px 3px;
    font-size:0.8em;
}

li.list-group-item-child {
    padding-left:10px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/流れ
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.tag-box-v3 h3{
    font-size:1.5em;
    font-weight: bold;
}

.flow-yajirushi{
    margin-top: -20px;
    margin-bottom:10px;
    padding-left: 15px;
    text-align: left;
    font-size:1.2em;
    color: gray;
}
.flow-yajirushi-top{
    margin-top:0px;
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.social-area-syncer
{
    width: 100% ;
    min-height: 190px;
    background: #F5F1E9 ;	/* 背景色 */
    padding: 5px ;
    margin-bottom:10px;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px )
{
    .social-area-syncer
    {
        min-height: 110px ;
    }
}

/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button-syncer
{
    width: 238px ;
    margin: 24px auto ;
    padding: 0 ;
    border: none ;
    list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px )
{
    ul.social-button-syncer
    {
        width: 410px ;
    }
}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li
{
    float: left ;
    text-align: center ;
    height: 71px ;
    margin: 0 8px ;
    padding:0 ;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw
{
    width: 71px ;
}

/* [Facebook] */
.sc-fb
{
    z-index: 99 ;
    width: 69px ;
}

/* [LINE] */
.sc-li
{
    width: 50px ;
}

.sc-li-img
{
    border: none ;
    margin: 0 auto!important;
    padding:0 ;
    width: 36px ;
    height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px )
{
    .sc-li
    {
        display: none ;
    }
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/ リリース内容
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
div#release_content {
    font-size:1.4em;
    margin-bottom:50px;
}
div#release_content h3{
    background-color: #EEE;
    padding: 15px;
}
div#release_content br{

}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/ リリース内容
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
div.seminar_close, tr.seminar_close{
    display:none;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/ その他
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
dl.blog_link dt{
    font-size:1.4em;
    font-weight: normal;
}
dl.blog_link dd{
    font-size:1.4em;
    padding-left: 22px;
    font-size: 1.2em;
    margin-bottom: 15px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
  事例集ダウンロード
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
div#ebook{
    padding: 20px;
    border: 1px solid #DDD;
    background-color: #F1F1F1;
}
div#ebook p{
    font-size: 1.5em;
    font-weight: bold;
}
div#ebook div{
    font-size:1.15em;
}
div.ebook_hp{
    background-color: white!important;
    border: none!important;
}
div#ebook p{
    font-size: 1.2em!important;
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━
/ミッション
━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.word_mission {
    font-size: 2.5em;
    padding: 20px;
}

@media only screen and (max-width : 640px){
    .word_mission {
        font-size: 1.4em;
    }
}