@charset "UTF-8";
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;
    font-size: 12px;
    /* font-size: 14px; */
    font-family: 'メイリオ', HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", Helvetica, sans-serif;
    color: #333;
    width: 100%;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    background: #fff;
}

img {
    border: none;
}

ul {
    list-style: none;
}

.button {
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pcOFF {
    display: none;
}

#single_navi {
    width: 930px;
    margin: 15px auto;
    padding-top: 15px;
    border-top: solid 1px #ccc;
    font-size: 12px;
    overflow: hidden;
}

.title_w100pc {
    font-size: 230%;
    margin-bottom: 30px;
    line-height: 120%;
    width: 100%;
}


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */


/* js - mosaic.js 用CSS */

.mosaic-block_210x200 {
    float: left;
    position: relative;
    overflow: hidden;
    width: 208px;
    height: 198px;
}

.mosaic-block_210x200.bar .mosaic-overlay {
    bottom: -198px;
    height: 198px;
    background-color: rgba(44, 100, 12, 0.8);
    /* background-color: rgba(0,0,0,0.8); */
}

.mosaic-block_440x200 {
    float: left;
    position: relative;
    overflow: hidden;
    width: 436px;
    /* width:438px; */
    height: 198px;
}

.mosaic-block_440x200.bar .mosaic-overlay {
    bottom: -198px;
    height: 198px;
    background-color: rgba(232, 27, 27, 0.8);
    /* background-color: rgba(44,100,12,0.8); */
}


/* mosaic hover コンテンツ */

#content .box_service ul li .bar a {
    color: #fff;
    text-decoration: none;
}

#content .box_service ul li .details {
    padding: 10px;
    line-height: 1.7;
}

#content .box_service ul li .details .more {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* float contact */


/* float contact */

#float_contact {
    position: fixed;
    top: 200px;
    right: 10px;
    z-index: 9999;
    border-radius: 40px;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.22);
    width: 76px;
    height: 76px;
    background: url(../images/sidemail.png) no-repeat #fff center 6px;
}

#float_contact a {
    width: 100%;
    font-weight: bold;
    font-size: 11px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #666;
    padding-top: 50px;
    padding-bottom: 10px;
}

#float_contact a:hover {
    color: #000;
}


/* float contact */


/* float contact */

.infobox {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.infobox p {
    margin: 0;
    padding: 0;
}

.info1 {
    color: red;
    font-size: 30px;
    text-align: center;
}

.info2 {
    font-size: 24px;
    text-align: center;
}


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* 固定するのは「position: fixed;」です。 */

#pc_Navi {
    height: 50px;
    position: fixed;
    z-index: 999;
    background: #FFFFFF;
    width: 100%;
    padding: 10px 0;
    border-bottom: solid 1px #ddd;
    /*  */
}

#pc_Navi .inner {
    width: 1020px;
    margin: 0 auto;
}

#pc_Navi .inner h1 {
    float: left;
}

#pc_Navi .inner .right {
    float: right;
    margin-top: 10px;
}

#pc_Navi .inner .right ul {}

#pc_Navi .inner .right ul li {
    float: left;
    width: 100px;
}


/* #content */


/* #content */


/* #content */


/* #content */


/* #content */


/* スクロールする場所：固定ナビゲーションの高さ＋余白をpadding-topに指定したりします。 */

#content {
    padding: 0px 0 0 0;
    margin: 0 auto;
    background: url("../images/bk01.png");
}


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */


/* #pc_Navi */

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: left;
    position: relative;
    width: 200px;
    /*親メニューの幅*/
    height: 40px;
    /*親メニューの高さ*/
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.menu ul li a {
    display: block;
    text-decoration: none;
}

.menu ul li:hover,
.menu ul li a:hover {}

.menu ul li div {
    position: absolute;
    top: 40px;
    /*親メニューの高さと同じにする*/
    z-index: 100;
    border: solid 1px #ccc;
    visibility: hidden;
    overflow: hidden;
    /* box-shadow */
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 2px;
}

.menu ul li div h3 {
    clear: left;
    color: #ccc;
    font-size: 13px;
    background: #333;
}

.menu ul li div p {
    float: left;
    width: 198px;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px dashed #ccc;
    margin: 3px;
    box-sizing: border-box;
}

.menu ul li div p:hover {
    background: #F2CF00;
}

.menu ul li div p a {
    color: #000;
}

.menu ul li:hover div {
    visibility: visible;
    overflow: visible;
    z-index: 10;
}


/*
.menu * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
*/

.menu .menu02 div {
    width: 1020px;
    /*margin-left:-620px;*/
    margin-left: -520px;
    background: #fff;
}


/* #content - #content_header */


/* #content - #content_header */


/* #content - #content_header */


/* #content - #content_header */

#content_header {
    padding-top: 60px;
    margin-bottom: -80px;
    /* margin-bottom:50px;  */
}


/* content_lead */

#content_lead {
    background: url("../images/header_bk_pattern.gif") repeat;
    border-top: solid 5px #ddd;
}

#content_lead .inner {
    padding: 20px 0 20px;
}

#content_lead .inner.sp {
    background: url("../images/header_bk_sp.png") no-repeat right top;
}

#content_lead .inner.web {
    background: url("../images/header_bk_web.png") no-repeat right top;
}

#content_lead .inner.media {
    background: url("../images/header_bk_media.png") no-repeat right top;
    padding: 50px 0;
}

#content_lead .inner.company {
    background: url("../images/header_bk_company.png") no-repeat right top;
    padding: 40px 0;
}

#content_lead .inner.pack {
    background: url("../images/header_bk_pack.png") no-repeat right top;
    padding: 40px 0;
}

#content_lead .inner.seminar {
    background: url("../images/header_bk_seminar.png") no-repeat right top;
    padding: 40px 0;
    /* padding:40px 0; */
}

#content_lead .inner.single {
    background: #000;
    padding: 40px 0;
    color: #fff;
}

#content_lead .inner .box {
    width: 1020px;
    /* width:1020px; */
    margin: 0 auto;
    padding: 10px 0 10px;
}

#content_lead .inner .box h2 {
    font-size: 28px;
    margin: 0 0 15px;
    padding: 0;
}

#content_lead .inner .box h2 span {
    font-size: 20px;
    margin-left: 20px;
}

#content_lead .inner .box p {
    font-size: 12px;
    /* 19px */
    margin: 0;
    padding: 0;
    line-height: 1.3;
}


/* パンくずリスト */

#breadCrumb {
    border-bottom: solid 1px #ddd;
    background: #fff;
}

#breadCrumb ul {
    width: 1020px;
    margin: 0 auto;
    padding: 10px 0;
}

#breadCrumb ul li {
    display: inline;
    list-style: none;
    font-size: 12px;
    margin-right: 5px;
}

#breadCrumb ul li:after {
    content: "\20\3e";
}

#breadCrumb li:last-child:after {
    content: "";
}


/* #content - .content_inner */


/* #content - .content_inner */


/* #content - .content_inner */


/* #content - .content_inner */

#content .content_inner {
    width: 1020px;
    /* width:1020px; */
    margin: 0 auto 200px;
    /* margin:0 auto 200px; センター揃え   */
    padding: 25px 20px;
    background: #fff;
}

#pg_index #content .content_inner {
    padding-top: 30px;
    width: 1020px;
    /* width:1130px; */
    margin-bottom: 0px;
}

#pg_index #content .content_inner {
    background: none;
}


/* メインビジュアル */

#pg_index .box_mainimg {
    background: url("../images/bk01.png");
}

#pg_index .box_mainimg .content_inner {
    width: 100%;
    max-width: 1300px;
    margin: 0px auto;
}

.flex-viewport {
    margin-bottom: 0px;
}

.flex-viewport li {}

.flex-viewport li img {}

.flex-viewport li.flex-active-slide {}

.flexslider {
    background: none;
    border: none;
    overflow-y: overflow: hidden;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    padding-top: 70px;
}

.flex-control-nav {
    position: static;
    padding: 9px 0;
}


/* 各種サービス */


/* 各種サービス */


/* 各種サービス */


/* 各種サービス */


/* 各種サービス */


/* 各種サービス */

#content .box_service {
    background: url("../images/bk01.png");
    padding-top: 10px;
    padding-bottom: 80px;
    /* padding-bottom:80px; */
}

#content .box_service ul {
    overflow: hidden;
    width: 1142px;
    margin-right: 18px;
}

#content .box_service ul li {
    float: left;
    margin-right: 18px;
    margin-bottom: 18px;
    border: solid 1px #65AA30;
    /* border:dashed 1px #65AA30;       #ccc; */
    box-sizing: border-box;
}


/* news */

#content .box_service ul li.box01.news {
    width: 440px;
    height: 418px;
    background: #fff;
}

#content .box_service ul li.box01.news .inner {
    width: 415px;
    margin: 20px auto 10px;
}

#content .box_service ul li.box01.news .flaot_box {
    overflow: hidden;
    margin-bottom: 20px;
}

#content .box_service ul li.box01.news .flaot_box .left {
    float: left;
}

#content .box_service ul li.box01.news .flaot_box .right {
    float: right;
}

#content .box_service ul li.box01.news .flaot_box .right a {
    color: #333;
    font-weight: bold;
}

#content .box_service ul li.box01.news .flaot_box .right a:hover {
    color: #EB1B4C;
}

#content .box_service ul li.box01.news .inner dl {
    overflow: hidden;
    margin-bottom: 20px;
}

#content .box_service ul li.box01.news .inner dl dt {
    float: left;
    width: 60px;
    font-family: Arial;
}

#content .box_service ul li.box01.news .inner dl dt span.yyyymm {
    display: block;
    width: 100%;
    /* background:#F8DD96; */
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0;
}

#content .box_service ul li.box01.news .inner dl dt span.dd {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 33px;
    padding: 8px 0;
    background: #63A233;
    /* #F2CF00 */
    color: #fff;
    height: 30px;
    width: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#content .box_service ul li.box01.news .inner dl dd {
    float: right;
    width: 340px;
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    color: #666;
}

#content .box_service ul li.box01.news .inner dl dd a {
    text-decoration: underline;
    font-weight: bold;
    color: #333;
}

#content .box_service ul li.box01.news .inner dl dd a:hover {
    color: #EB1B4C;
}

#content .box_service ul li.box02 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box03 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box04 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box05 {
    width: 438px;
    height: 200px;
}

#content .box_service ul li.box06 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box07 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box08 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box09 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box10 {
    width: 210px;
    height: 200px;
}

#content .box_service ul li.box11 {
    width: 210px;
    height: 200px;
}


/* 事業内容 */


/* 事業内容 */


/* 事業内容 */


/* 事業内容 */


/* 事業内容 */


/* 事業内容 */

#content .box_jigyou {
    background: #233305 url("../images/bk02.png") no-repeat center top;
    background-size: 100% auto;
    height: 800px;
}

@media screen and (max-width: 1200px) {
    #content .box_jigyou {
        background-size: auto 120%;
        background-position: center bottom;
        height: 700px;
    }
}

#content .box_jigyou .content_inner {
    width: 1070px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 30px;
}

#content .box_jigyou .content_inner h3 {
    margin-bottom: 60px;
}

#content .box_jigyou ul.inner {
    overflow: hidden;
    width: 1110px;
    margin-right: -40px;
}

#content .box_jigyou ul.inner>li {
    float: left;
    background-color: rgba(255, 255, 255, 0.5);
}

#content .box_jigyou ul.inner .box01 {
    width: 330px;
    min-height: 100px;
    margin-right: 40px;
}

#content .box_jigyou ul.inner .box02 {
    width: 330px;
    min-height: 100px;
    margin-right: 40px;
}

#content .box_jigyou ul.inner .box03 {
    width: 330px;
    min-height: 100px;
    margin-right: 40px;
}

#content .box_jigyou ul.inner dl {
    width: 310px;
    margin: 0 auto;
}

#content .box_jigyou ul.inner dt strong {
    padding: 10px 0;
    font-weight: bold;
    font-size: 13px;
    display: block;
}

#content .box_jigyou ul.inner dd a {
    display: block;
    background: #5B80AA;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    background-image: url("../images/jigyou_marker.png");
    background-repeat: no-repeat;
    background-position: right center;
}

#content .box_jigyou ul.inner dd a:hover {
    background-color: #9AB1CB;
}


/* */

#content .box_jigyou ul.inner .box00 {
    width: 1072px;
    min-height: 100px;
    margin-bottom: 35px;
    overflow: hidden;
    padding: 10px 10px 5px;
    box-sizing: border-box;
}

#content .box_jigyou ul.inner .box00 dl {
    width: 100%;
}

#content .box_jigyou ul.inner .box00 dt {
    float: left;
    width: 330px;
    padding: 0px;
}

#content .box_jigyou ul.inner .box00 dl dd {
    float: left;
    width: 330px;
    margin-left: 30px;
}

#content .box_jigyou ul.inner .box00 dl dd a {
    margin-bottom: 5px;
}


/* 制作実績 */


/* 制作実績 */


/* 制作実績 */


/* 制作実績 */


/* 制作実績 */

#content .box_jirei {
    padding-top: 55px;
    padding-bottom: 100px;
    background: url("../images/bk03.png") no-repeat center top;
    background-size: 100% auto;
    max-height: 800px;
}

@media screen and (max-width: 1200px) {
    #content .box_jirei {
        background-size: auto 110%;
    }
}

#content .box_jirei .float_box {
    overflow: hidden;
    margin: 0 auto;
    width: 1070px;
}

#content .box_jirei .float_box .left {
    float: left;
    width: 310px;
    text-align: left;
}

#content .box_jirei .float_box .right {
    float: right;
    width: 310px;
    text-align: right;
}

#content .box_jirei .content_inner {
    padding: 50px 0;
}

.slick-prev {
    position: absolute;
    top: 70px;
    left: -80px;
    cursor: pointer;
}

.slick-next {
    position: absolute;
    top: 70px;
    right: -50px;
    cursor: pointer;
}

#content .box_jirei .single-item {
    color: #ddd;
    font-size: 13px;
    font-weight: bold;
}

#content .box_jirei .single-item strong {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}


/* .pageTop */

.pageTop {
    text-align: center;
    padding: 80px 0 50px;
    background: #fff;
}


/* fotter */

footer {
    background: #64A932;
    /* #333; */
    padding-top: 30px;
    /* padding-top:80px; */
}

footer address {
    color: #fff;
    font-style: normal;
    text-align: center;
    padding: 20px 0;
    border-top: solid 1px #fff;
}

footer .inner {
    width: 1030px;
    margin: 0 auto 25px;
    background: url("../images/footer-line01.png");
    overflow: hidden;
}

footer .links li {
    color: #fff;
    margin-bottom: 1em;
}

footer .links a {
    color: #fff;
    text-decoration: none;
    background: url("../images/footer_marker.png") no-repeat left center;
    padding-left: 15px;
    font-size: 11px;
    font-weight: normal;
}

footer .links a:hover {
    color: #ff0;
}

footer .links .title {
    font-size: 13px;
    font-weight: bold;
    width: 665px;
    color: #fff;
}

footer div.address .logo {
    margin-bottom: 25px;
}


/* レイアウト */

footer div.address {
    color: #fff;
    line-height: 1.3;
    width: 300px;
    float: left;
    font-size: 13px;
}

footer .links {
    width: 650px;
    float: right;
}

footer .links {
    overflow: hidden;
}

footer .links .box01 {
    overflow: hidden;
    float: left;
    width: 460px;
}

footer .links .box02 {
    overflow: hidden;
    float: left;
    width: 190px;
    background:
}

.inner01 {
    float: left;
    width: 210px;
    overflow: hidden;
}

.inner02 {
    float: left;
    width: 210px;
}


/* .inner01 */

footer .links .inner01 .level1 {}

footer .links .inner01 .level2 {
    padding-left: 0.8em;
}

footer .links .inner01 .level3 {
    padding-left: 1.6em;
}

footer .links .inner01 .level4 {
    padding-left: 2.4em;
}


/*
 ■■■■■■■■■■■■■■■■■■■■■■■■■
 ■■■■■■■■■■■■■■■■■■■■■■■■■
 ■■■■■■■■■■■■■■■■■■■■■■■■■

 下層ページ

 ■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* -----------------------------------------------
ここからは追加分です
----------------------------------------------- */

.mediapg_topimg {
    margin: 0px auto 40px;
}

.pg_lead {
    font-size: 130%;
    line-height: 150%;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: #C2C2C2 2px solid;
    margin: 0px auto 70px;
}

.pg_lead02 dt {}

.pg_lead02 dd {
    background: #eee;
    padding: 10px;
}

.pg_lead03 dt {
    background: #0867A6;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.pg_lead03 dd {}

.pg_lead04 {
    background: #eee url(../images/header_bk_pattern.gif) repeat;
    padding: 20px;
}

.pg_lead04 dt {
    color: #FF4C4C;
    text-align: center;
}

.pg_lead04 dd {}

.content_area {
    overflow: hidden;
    margin: 0px auto 10px;
    /* 60px */
    padding-bottom: 10px;
    /* 60px */
    border-bottom: solid 1px #ccc;
    background: #F5F6CE;
    /* 追加 */
}

.content_area .align_l {
    float: left;
}

.content_area .align_r {
    float: right;
}

.content_text {
    width: 600px;
}

.content_text_100pc {
    width: 100%;
    margin-bottom: 30px;
}

.content_image {
    width: 400px;
}

.content_image img {
    max-width: 400px;
}

.content_text dt {
    font-size: 230%;
    margin-bottom: 30px;
    line-height: 120%;
}

.content_text dd {
    font-size: 120%;
    line-height: 150%;
}

.content_text.fnt01 dt {
    font-size: 130%;
    font-weight: bold;
    color: #0666A5;
}

.content_text.fnt02 dt {
    font-size: 130%;
    font-weight: bold;
    color: #0666A5;
}

.content_text.fnt02 dd {
    margin-bottom: 15px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 15px;
}

dt.fnt01 {
    font-size: 130%;
    font-weight: bold;
    color: #0666A5;
}

dt.fnt01+dd {
    margin-bottom: 25px;
}

.content_text dd li {
    margin-bottom: 20px;
}


/* [メディア] ページ共通 下部のリンク
------------------------------------------*/

.media_nv {
    margin: 0px auto 60px;
    display: table;
    background: #eee;
    padding: 20px 30px;
    width: 960px;
}

.media_nv li {
    display: table-cell;
    width: 330px;
    padding-left: 15px;
}

.media_nv li a {
    font-size: 18px;
    display: block;
    border: #fff 1px solid;
    text-align: center;
    padding: 20px 0px;
    text-decoration: none;
    color: #fff;
    position: relative;
    background: #31D5B8;
}

.media_nv li a:hover {
    background: #242424;
}

.media_nv li a i {
    position: absolute;
    right: 10px;
    top: 30px;
}

.media_nv li:first-child {
    padding-left: 0px;
}


/* 画面下部お問い合わせ[全固定ページ共通]
------------------------------------------*/

#btm_contact {
    background: #3683B7;
    margin-top: 50px;
}

#btm_contact_m {
    padding: 45px 5px 50px;
    overflow: hidden;
    margin: 0px auto;
    width: 1020px;
    color: #fff;
}

.btm_contact_txt {
    width: 500px;
}

.btm_contact_txt dt {
    font-weight: bold;
    font-size: 180%;
    line-height: 150%;
    margin-bottom: 10px;
}

.btm_contact_txt dd {
    font-size: 130%;
    line-height: 150%;
}

.btm_contact_btn {
    width: 500px;
    display: table;
}

#btm_contact .align_l {
    float: left;
}

#btm_contact .align_r {
    float: right;
}

.btm_contact_btn li {
    display: table-cell;
    width: 150px;
    padding-left: 40px;
    padding-top: 25px;
    width: 200px;
}

.btm_contact_btn li:first-child {
    padding-left: 0px;
}

#btm_contact p {
    text-align: center;
}

#btm_contact .contact_btn {
    margin-top: 5px;
}

#btm_contact .contact_btn a {
    font-size: 140%;
    background: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 20px 0px;
    color: #3683b7;
    position: relative;
    border-radius: 5px;
}

#btm_contact .contact_btn a:hover {
    background: #F2CF00;
    color: #fff;
}

#btm_contact .contact_btn a i {
    /*	position:absolute;
	right:20px;
	top:17px;*/
}

#btm_service_back {
    background: #eee;
    padding: 60px 0;
}

#btm_service_back p {
    text-align: center;
}

#btm_service_back a {
    padding: 15px 40px 15px 60px;
    color: #fff;
    background: #31D5B8 url(../images/marker01.png) no-repeat 25px 18px;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
}

#btm_service_back a:hover {
    background-color: #3683B7;
}

.btm_service_next {
    padding: 20px 0;
}

.btm_service_next p {
    text-align: right;
}

.btm_service_next a {
    padding: 15px 40px 15px 60px;
    color: #fff;
    background: #31D5B8;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
}

.btm_service_next a:hover {
    background-color: #3683B7;
}


/* サービス TOP
------------------------------------------*/

.service_navi {
    margin-bottom: 40px;
}

.service_navi li:first-child {
    margin-left: 0px;
}

.service_navi li {
    display: inline-block;
    margin-left: 20px;
    background: #3683B7;
    width: 320px;
}

.service_navi li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px 0px 10px;
    text-align: center;
    font-size: 150%;
    line-height: 150%;
}

.service_navi li a:hover {
    color: #fff;
}

.sercice_display {
    overflow: hidden;
    border-top: #c2c2c2 2px solid;
    margin-bottom: 40px;
    padding-top: 40px;
}

.sercice_display:first-child {
    border: none;
    padding-top: 30px;
}

.service_name {
    float: left;
    width: 235px;
}

.service_name dt {
    font-size: 230%;
    line-height: 120%;
    color: #000;
    margin-bottom: 10px;
}

.service_name dd {
    font-size: 110%;
    line-height: 150%;
    color: #999;
}

.service_items {
    float: right;
    width: 750px;
}

.service_items h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #666 1px dashed;
    margin-bottom: 30px;
    padding: 10px;
}

.service_item {
    width: 750px;
}

.service_item li {
    display: inline-block;
    /*border:#ccc 2px solid;*/
    background: #eee;
    margin: 0px 30px 30px 0px;
    width: 350px;
}

.service_item li a {
    text-decoration: none;
    display: block;
}

.service_item li a:hover {
    background: #efefef;
}

.service_item li:nth-child(even) {
    margin-right: 0px;
}

.service_item li dl {
    overflow: hidden;
    position: relative;
    /*background:url("../images/service_cursor.jpg") no-repeat right 50%;*/
}

.service_item li dl:before {
    content: "　";
    display: block;
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    background: url(../images/service_cursor.png) no-repeat 50% 50% #053a6b;
    height: 100%;
    width: 20px;
}

.service_item li dt {
    font-size: 150%;
    font-weight: bold;
    color: #333;
    padding: 15px 15px;
}

.service_item li dt .ruby {
    font-size: 60%;
    color: #ccc;
    padding-top: 5px;
}

.service_item li dd {
    color: #444;
    line-height: 150%;
    padding: 0px 20px 15px 15px;
    height: 80px;
}

.service_item.flow {
    border-top: #ccc 1px dashed;
    padding-top: 30px;
}

.service_item.flow li {
    width: 745px;
    margin: 0px;
}


/* 会社概要
------------------------------------------*/

.company_area {
    overflow: hidden;
}

.company_menu {
    width: 240px;
}

.company_main {
    width: 600px;
    /* width:750px; */
}

.company_menu h2,
.company_main h2 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #63A233 2px solid;
    /* border-bottom:#C2C2C2 2px solid; */
    margin-bottom: 30px;
    padding: 10px;
}

.company_area .align_l {
    float: left;
}

.company_area .align_r {
    float: right;
}

.company_area .sidemenu li {
    border-bottom: 1px solid;
}

.company_area .sidemenu li:first-child {
    border-top: 1px solid;
}

.company_area .sidemenu li a {
    display: block;
    padding: 20px;
    text-decoration: none;
    color: #333;
}

.company_area .sidemenu li a:hover {
    background: #efefef;
    /* background:#efefef; */
}

.company_area .company_tb {
    width: 100%;
    border-collapse: collapse;
}

.company_area .company_tb th,
.company_area .company_tb td {
    padding: 15px 15px;
    text-align: left;
    vertical-align: top;
    border-bottom: #63A233 1px solid;
    /* border-bottom:#ccc 1px solid; */
    line-height: 150%;
}

.company_area .company_tb tr:first-child th,
.company_area .company_tb tr:first-child td {
    border-top: #63A233 1px solid;
    /* border-top:#ccc 1px solid; */
}

.company_area .company_tb th {
    background: #ededed;
    /* background:#ededed; */
    width: 140px;
}

.company_area .company_tb td dl {
    padding-top: 5px;
}

.company_area .company_tb td dd {
    padding-left: 15px;
}

.company_area .company_tb td a {
    color: #333;
}

.company_area .company_tb td a:hover {
    text-decoration: none;
}

.company_area .company_tb td .urban_group li {
    margin-top: 5px;
}

.company_area .company_tb td .business li {
    display: inline-block;
    margin: 0px 20px 3px 0px;
    width: 250px;
}

.company_main.align_r table.btn {
    width: 100%;
    margin: 0 auto 30px;
    table-layout: fixed;
}

.company_main.align_r table.btn td {
    padding: 2px;
    text-align: center;
    width:
}

.company_area .align_r td p {
    margin-bottom: 25px;
}

.company_main.align_r table.btn td a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 20px 0;
    background: #3683b7;
    text-decoration: none;
}

.company_main.align_r table.btn td a:hover {
    background: #333;
}

.company_main.align_r h3 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.company_main.align_r #recruit01+table,
.company_main.align_r #recruit02+table,
.company_main.align_r #recruit03+table {
    width: 95%;
    margin: 0 auto 50px;
}

.company_tb .month {
    width: 35px;
    border-right: dashed 1px #ccc;
    text-align: center;
}

.content_inner.company_news dl {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: dashed 1px #ccc;
}

.content_inner.company_news dl dt {
    margin-bottom: 15px;
    font-weight: bold;
}

.content_inner.company_news dl dt span {
    background: #eee;
    padding: 1px 10px;
}

.content_inner.company_news dd {
    line-height: 1.5;
}


/* SP・セールスプロモーション
------------------------------------------*/


/* デジタルサイネージ */

.salespromotion_subtitle {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #C2C2C2 2px solid;
    margin-bottom: 30px;
    padding: 10px;
}

.signage_offer dt {
    font-size: 230%;
    line-height: 120%;
    margin-bottom: 20px;
}

.signage_offer table {
    width: 100%;
    border-collapse: collapse;
    border: #000 1px solid;
    margin-bottom: 50px;
}

.signage_offer table th,
.signage_offer table td {
    padding: 15px 15px;
    text-align: left;
    vertical-align: top;
    border-bottom: #000 1px solid;
    line-height: 150%;
}

.signage_offer table th {
    background: #3683B7;
    color: #fff;
    font-size: 150%;
    text-align: center;
    width: 50%;
}

.signage_offer table th:first-child {
    border-right: #fff 1px solid;
}

.signage_offer table td:first-child {
    border-right: #000 1px solid;
}

.signage_offer table tr:first-child th,
.signage_offer table tr:first-child td {
    border-bottom: none;
}

.signage_offer li {
    list-style-type: decimal;
    margin-left: 20px;
}


/* マーケットリサーチ */

.market_research dl {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.market_research>li dt,
.market_research>li dd {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.market_research>li dt {
    background: url("../images/market-research_bg_01.jpg") no-repeat;
    text-align: center;
    font-size: 150%;
    padding: 20px 0px;
    height: 50px;
    color: #fff;
}

.market_research>li:last-child dt {
    background: url("../images/market-research_bg_02.jpg") no-repeat;
}

.market_research>li dd {
    padding: 5px 0px 0px 20px;
}

.market_research>li ul li {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}


/* プライバシーポリシー
------------------------------------------*/

#policy h3 {
    margin-bottom: 30px;
    font-weight: normal;
}

#policy dl {
    width: 100%;
}

#policy dt {
    margin-bottom: 20px;
}

#policy dd {
    margin-bottom: 40px;
    line-height: 1.5;
}


/* 制作の流れ
------------------------------------------*/

.flow_lead {
    background: #F5F5F5;
    padding: 25px 30px;
    margin: 0px auto 30px;
    line-height: 150%;
}

.flow_lead p:first-child {
    margin-bottom: 15px;
}

.flow_subtitle {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #C2C2C2 2px solid;
    margin-bottom: 20px;
    padding: 10px;
}

.flow_subtext {
    margin-bottom: 30px;
    padding: 0px 10px;
}

.flow_tb {
    border-collapse: separate;
    border-spacing: 20px 0px;
}

.flow_tb th {
    background: #3683B7;
    color: #fff;
    padding: 20px 10px;
    width: 50%;
    font-size: 150%;
    vertical-align: top;
}

.flow_tb td {
    padding: 0px 0px 20px;
    width: 50%;
    vertical-align: top;
}

.flow_tb tr:nth-child(2) td {
    padding-top: 30px;
}

.flow_tb tr td:nth-child(1) dt {
    background: url("../images/flow_bg_01.jpg") no-repeat;
    background-size: 100%;
}

.flow_tb tr td:nth-child(2) dt {
    background: url("../images/flow_bg_02.jpg") no-repeat;
    background-size: 100%;
}

.flow_tb td dt {
    padding: 20px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    margin-bottom: 15px;
}

.flow_tb td dd {
    padding: 0px 20px;
    line-height: 150%;
}

.flow_tb tr td .square {
    border: #3684B7 2px solid;
}

.flow_tb tr td .square dt {
    background-image: none;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.flow_tb tr td .square dd {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}

.flow_tb .half_bottom {
    padding-top: 20px;
}


/* お問合せフォーム mform
------------------------------------------*/

.form_title {
    text-align: left;
    color: #aa0000;
    padding: 10px;
}

form#m-form {
    margin: 0px auto 50px;
    padding: 0px;
    width: 780px;
    font-size: 12px;
}

#m-form strong {
    color: #336699;
}

#m-form .hissu {
    color: #ff3300;
    font-size: 14px;
}

#m-form .pan {
    color: #777777;
    padding: 8px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #dddddd;
    margin-bottom: 5px;
}

#m-form .send {
    text-align: center;
    padding: 10px;
}

#m-form .message {
    padding: 10px;
    color: #1CA;
}

#m-form .info {
    color: #666666;
}

#m-form table {
    border: 1px solid #dddddd;
    margin: 0px auto;
    width: 780px;
}

#m-form th {
    background: #f1f1f1;
    font-size: 12px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #cccccc;
    padding: 10px 10px 1px 10px;
    text-align: left;
    width: 200px;
    vertical-align: top;
}

#m-form td {
    background: #fafafa;
    font-size: 12px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
}

#m-form input {
    line-height: 18px;
}

#m-form th.top {
    border-top: 1px solid #cccccc;
}

#m-form td.top {
    border-top: 1px solid #dddddd;
}

#m-form textarea {
    width: 98%;
}

#m-form table.preview th {
    padding: 5px 10px;
}

#m-form table.preview td {
    padding: 5px 10px;
}

#m-form .error_message {
    border: 1px solid #dd3300;
    background: #fee1e1;
    padding: 10px;
    font-size: 14px;
    color: #dd3300;
}


/* archive-works.php
------------------------------------------*/

.content_inner.worksList {}

.content_inner.worksList h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #C2C2C2 2px solid;
    margin-bottom: 30px;
    padding: 10px;
}

.content_inner.worksList .floatbox {
    overflow: hidden;
    width: 1040px;
    margin-right: -20px;
}

.content_inner.worksList .box {
    border: solid 1px #ddd;
    float: left;
    width: 500px;
    min-height: 50px;
    /* min-height:100px; */
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.content_inner.worksList .box a {
    color: #333;
    text-decoration: none;
}

.content_inner.worksList .box .img {
    float: left;
    margin-right: 10px;
    height: 180px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
}

.waku01 {
    padding: 7px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.2);
    /* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}

.content_inner.worksList .box .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
}


/* single-works.php
------------------------------------------*/

.content_inner.archive-works {
    overflow: hidden;
}

.content_inner.archive-works .title_box {
    margin-bottom: 30px;
    margin-top: 20px;
}

.content_inner.archive-works .title_box .term {
    margin-bottom: 20px;
}

.content_inner.archive-works .title_box .term span {
    background: #333;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
}

.content_inner.archive-works .title_box .title {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 33px;
    font-weight: bold;
}

.content_inner.archive-works .title_box .work_title {
    font-size: 18px;
    font-weight: bold;
}

.content_inner.archive-works .left {
    width: 500px;
    float: left;
}

.content_inner.archive-works .left .slides li {
    height: 500px;
}

.content_inner.archive-works .left .flex-control-nav {
    background: none;
}

.content_inner.archive-works .right {
    width: 500px;
    float: right;
}

.content_inner.archive-works table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    margin-bottom: 30px;
}

.content_inner.archive-works table th {
    background: #eee;
    padding: 20px 10px;
    border-bottom: solid 1px #ccc;
    width: 100px;
    vertical-align: middle;
    text-align: left;
}

.content_inner.archive-works table td {
    padding: 20px 10px;
    border-bottom: solid 1px #ccc;
}

.content_inner.archive-works .point {
    margin-bottom: 30px;
}

.content_inner.archive-works h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.content_inner.archive-works .point p {
    line-height: 1.5;
}

#otherWorksList {
    clear: both;
    overflow: hidden;
    width: 1040px;
    margin-right: -20px;
    margin-top: 80px;
}

#otherWorksList h3 {
    border-bottom: solid 1px #ccc;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

#otherWorksList .listBox {
    float: left;
    width: 500px;
    border: solid 1px #eee;
    min-height: 100px;
    margin-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px;
}

#otherWorksList .listBox a {
    color: #333;
}

#otherWorksList .listBox a:hover {
    color: #f33;
}

#otherWorksList .listBox .left {
    float: left;
    margin-right: 15px;
    width: 150px;
}

#otherWorksList .listBox .right {
    float: right;
    width: 300px;
    font-size: 20px;
}

#otherWorksList .listBox .right p+p {
    margin-top: 20px;
}


/* ホームページ制作 */

.icon_list.pg_web {
    border-bottom: solid 1px #ccc;
}

.icon_list.pg_web dl:last-child {
    border: none;
}

.icon_list.pg_web dl {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #333;
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 100px;
}

.icon_list.pg_web dt {
    color: #0666A5;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 20px;
}

.icon_list.pg_web dd {
    font-size: 120%;
    line-height: 150%;
}

.icon_list.pg_web .list01 {
    background-image: url(../images/icon_list_pg_web01.png);
}

.icon_list.pg_web .list02 {
    background-image: url(../images/icon_list_pg_web02.png);
}

.icon_list.pg_web .list03 {
    background-image: url(../images/icon_list_pg_web03.png);
}

.icon_list.pg_web .list04 {
    background-image: url(../images/icon_list_pg_web04.png);
}

.icon_list.pg_web .list05 {
    background-image: url(../images/icon_list_pg_web05.png);
}

.icon_list.pg_web .list06 {
    background-image: url(../images/icon_list_pg_web06.png);
}

.icon_list.pg_web .list07 {
    background-image: url(../images/icon_list_pg_web07.png);
}

.icon_list.pg_web .list08 {
    background-image: url(../images/icon_list_pg_web08.png);
}

.icon_list.pg_web .list09 {
    background-image: url(../images/icon_list_pg_web09.png);
}

.icon_list.pg_web .list10 {
    background-image: url(../images/icon_list_pg_web10.png);
}

.pg_web .pg_web_flow {
    width: 1075px;
    margin-right: -45px;
    overflow: hidden;
}

.pg_web .pg_web_flow dl {
    width: 163px;
    float: left;
    margin-right: 45px;
}

.pg_web .pg_web_flow .flow01 dt,
.pg_web .pg_web_flow .flow02 dt,
.pg_web .pg_web_flow .flow03 dt,
.pg_web .pg_web_flow .flow04 dt,
.pg_web .pg_web_flow .flow05 dt {
    color: #0666A5;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
}

.pg_web .pg_web_flow .flow01 dd,
.pg_web .pg_web_flow .flow02 dd,
.pg_web .pg_web_flow .flow03 dd,
.pg_web .pg_web_flow .flow04 dd,
.pg_web .pg_web_flow .flow05 dd {
    font-size: 80%;
    margin-bottom: 20px;
}


/* CMS */

.pg_cms_list {
    width: 950px;
    background: #eee;
    margin: 30px auto;
}

.pg_cms_list dd p {
    color: #0666A5;
    padding: 20px 20px;
    font-size: 120%;
}

.pg_cms_list ul {
    overflow: hidden;
    width: 1000px;
    margin-right: -50px;
    padding-left: 20px;
}

.pg_cms_list ul li {
    width: 450px;
    float: left;
    margin-right: 50px;
    font-size: 16px;
}


/* スマートフォン制作　*/

.smartphone_def {
    width: 1060px;
    margin-right: -30px;
}

.smartphone_def li {
    background: url(../images/marker01.jpg) no-repeat left 5px;
    padding-left: 25px;
    border-bottom: dashed 1px #34A853;
    /* border-bottom:dashed 1px #ccc; */
    font-size: 90%;
}

.smartphone_def .left {
    width: 500px;
    margin-right: 30px;
    float: left;
}

.smartphone_def .right {
    width: 500px;
    margin-right: 30px;
    float: right;
}


/* SEO アドバンス */

.seoadvance_pricetbl {
    width: 100%;
    border-collapse: collapse;
}

.seoadvance_pricetbl th {
    border: solid 1px #333;
    padding: 10px;
    vertical-align: middle;
    color: #fff;
    background: #0867A6;
    font-size: 30px;
}

.seoadvance_pricetbl th span {
    font-size: 18px;
}

.seoadvance_pricetbl td {
    border: solid 1px #333;
    padding: 10px;
    vertical-align: middle;
    line-height: 20px;
}

.seoadvance_pricetbl td.price {
    font-size: 30px;
    line-height: 40px;
}


/*  */

.kyaku-byzo-point ul {
    list-style: disc;
    margin-left: 20px;
}

table.kyaku-byzo-tbl {}

table.kyaku-byzo-tbl caption {
    text-align: left;
    color: #0666A5;
    font-size: 20px;
    font-weight: bold;
}

table.kyaku-byzo-tbl th {
    width: auto;
    border-right: solid 1px #fff;
}

table.kyaku-byzo-tbl th:last-child {
    border-right: none;
}

table.kyaku-byzo-tbl td {
    border: solid 1px #000;
}


/* */

#urban-tbl01 {
    border-collapse: collapse;
    border: none;
    width: 99%;
}

#urban-tbl01 th {
    border: none;
    padding: 10px;
    background: #fff;
    color: #333;
    font-size: 12px;
}

#urban-tbl01 th.none {
    border: none;
}

#urban-tbl01 td {
    border: solid 1px #ccc;
    padding: 10px;
}

#urban-tbl01 td .erea-title01 {
    width: 100%;
    background: #B8373C;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

#urban-tbl01 td .erea-title02 {
    width: 100%;
    background: #556FA2;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

#urban-tbl01 td .erea-title03 {
    width: 100%;
    background: #308978;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

#urban-tbl01 td .erea-title04 {
    width: 100%;
    background: #EBAC42;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

#urban-tbl01 td.price {
    text-align: right;
}

#urban-tbl02 {
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
    margin-bottom: 10px;
    width: 99%;
}

#urban-tbl02 th {
    padding: 10px;
    background: #fff;
    color: #333;
    border: solid 1px #ccc;
    width: 300px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

#urban-tbl02 td {
    border: solid 1px #ccc;
    padding: 10px;
}

#urban-tbl02 td.price {
    text-align: right;
    width: 100px;
}

#urban-flow {}

#urban-flow li {
    border-bottom: dashed 1px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    list-style: none;
    vertical-align: middle;
}

#urban-flow li span {
    font-size: 20px;
    color: #FFCC00;
    margin-right: 20px;
}


/* e-page */

.pg_epage .pg_epage_flow {
    width: 1075px;
    margin-right: -45px;
    overflow: hidden;
}

.pg_epage .pg_epage_flow dl {
    width: 163px;
    float: left;
    margin-right: 25px;
    background: url(../images/pg_epage_flowborder.jpg) no-repeat right top;
    padding-right: 20px;
}

.pg_epage .pg_epage_flow dl:last-child {
    background: none;
}

.pg_epage .pg_epage_flow .flow01 dt,
.pg_epage .pg_epage_flow .flow02 dt,
.pg_epage .pg_epage_flow .flow03 dt,
.pg_epage .pg_epage_flow .flow04 dt,
.pg_epage .pg_epage_flow .flow05 dt {
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 25px;
    min-height: 30px;
}

.pg_epage .pg_epage_flow .flow01 dd,
.pg_epage .pg_epage_flow .flow02 dd,
.pg_epage .pg_epage_flow .flow03 dd,
.pg_epage .pg_epage_flow .flow04 dd,
.pg_epage .pg_epage_flow .flow05 dd {
    font-size: 80%;
    margin-bottom: 20px;
}

.pg_epage .pg_epage_flow .flow01 dt {
    background: url(../images/pg_epage_flow1.jpg) no-repeat left top;
}

.pg_epage .pg_epage_flow .flow02 dt {
    background: url(../images/pg_epage_flow2.jpg) no-repeat left top;
}

.pg_epage .pg_epage_flow .flow03 dt {
    background: url(../images/pg_epage_flow3.jpg) no-repeat left top;
}

.pg_epage .pg_epage_flow .flow04 dt {
    background: url(../images/pg_epage_flow4.jpg) no-repeat left top;
}

.pg_epage .pg_epage_flow .flow05 dt {
    background: url(../images/pg_epage_flow5.jpg) no-repeat left top;
}

.epage-box {
    border: solid 1px #ccc;
    padding: 15px;
    box-sizing: border-box;
}

.epage-box>dt {
    background: #0867A6;
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding: 10px;
}

.epage-box .point-list dl {
    padding-left: 80px;
    min-height: 70px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.epage-box .point-list dl.point1 {
    background: url(../images/epage-point1.jpg) no-repeat left top;
}

.epage-box .point-list dl.point2 {
    background: url(../images/epage-point2.jpg) no-repeat left top;
}

.epage-box .point-list dl.point3 {
    background: url(../images/epage-point3.jpg) no-repeat left top;
}

.epage-box .point-list dl.point4 {
    background: url(../images/epage-point4.jpg) no-repeat left top;
}

.epage-box .point-list dl.point5 {
    background: url(../images/epage-point5.jpg) no-repeat left top;
}

.epage-box .point-list dl.point6 {
    background: url(../images/epage-point6.jpg) no-repeat left top;
}

.epage-box .point-list dl dt {
    font-size: 20px;
    color: #0666A5;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.epage-box .qa-list dl {
    border-bottom: dashed 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.epage-box .qa-list dl dt {
    font-size: 20px;
    color: #0666A5;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 50px;
    background: url(../images/epage-q.jpg) no-repeat left top;
    min-height: 40px;
}

.epage-box .qa-list dl dd {
    line-height: 1.3;
    padding-left: 50px;
    background: url(../images/epage-a.jpg) no-repeat left top;
    min-height: 40px;
}

.epage-box .suport-list dl {
    border-bottom: dashed 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: 200px;
    padding-left: 150px;
}

.epage-box .suport-list dl dt {
    font-size: 20px;
    color: #0666A5;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.epage-box .suport-list dl dd {
    line-height: 1.3;
}

.epage-box .suport-list dl.suport1 {
    background: url(../images/epage-suport1.jpg) no-repeat left top;
}

.epage-box .suport-list dl.suport2 {
    background: url(../images/epage-suport2.jpg) no-repeat left top;
}

.epage-pricetbl1 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

.epage-pricetbl1 td {
    border: solid 1px #ccc;
    height: 180px;
    padding-left: 620px;
    padding-right: 20px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
}

.epage-pricetbl1 td.td01 {
    background: url(../images/epage-price1.jpg) no-repeat 20px center;
}

.epage-pricetbl1 td.td02 {
    background: url(../images/epage-price2.jpg) no-repeat 20px center;
}

.epage-pricetbl1 td span {
    color: #f00;
}

.epage-pricetbl2 {
    border-collapse: collapse;
    width: 100%;
    border-top: solid 1px #ccc;
}

.epage-pricetbl2 caption {
    text-align: left;
    padding: 10px;
    font-weight: bold;
}

.epage-pricetbl2 th {
    border: none;
    background: #fff;
    color: #66CC00;
    padding: 15px 10px;
    font-size: 16px;
    border-bottom: solid 1px #ccc;
}

.epage-pricetbl2 td {
    border-bottom: solid 1px #ccc;
    padding: 15px 10px;
    font-weight: bold;
}

.epage-pricetbl2 .bg01 td {
    background: #f5f5f5;
}

.epage-pricetbl2 tfoot td {
    font-weight: normal;
    font-size: 12px;
}


/* セミナー */

.pg_seminar .content_area {
    padding-top: 10px;
    border: none;
    margin-bottom: 10px;
    padding: -bottom: 10px;
}

.pg_seminar .content_area:nth-child(odd) {
    background: #CEF6CE;
    /* background:#f5f5f5; */
}

.pg_seminar .seminar_detail {
    font-size: 12px;
    border-bottom: solid 1px #333;
    margin-bottom: 15px;
}

.pg_seminar .seminar_detail .float_box {
    overflow: hidden;
}

.pg_seminar .seminar_detail .float_box .left {
    float: left;
}

.pg_seminar .seminar_detail .float_box .right {
    float: right;
    font-size: 14px;
}

.pg_seminar .seminar_detail .float_box+p {
    line-height: 1.2;
    margin-bottom: 15px;
}

.pg_seminar .seminar_detail .float_box .left .cat {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    margin-right: 10px;
}

.pg_seminar .seminar_detail .float_box .left .cat.web-seminar {
    background: #146EAA;
}

.pg_seminar .seminar_detail .float_box .left .cat.manager {
    background: #970102;
}

.pg_seminar .seminar_detail .float_box .left .day {
    font-size: 20px;
    font-weight: bold;
    color: #970100;
}

.pg_seminar .seminar_tit {
    font-size: 25px;
    line-height: 1.5;
}

.pg_seminar .seminar_tit a {
    border-bottom: dotted 1px #eee;
    text-decoration: none;
}

.pg_seminar .seminar_txt {
    font-size: 12px;
    /* font-size:13px; */
}

.pg_seminar .seminar_txt a {
    color: #333;
    text-decoration: none;
}

.pg_seminar .seminar_txt a:hover {
    color: #f00;
}


/* セミナーページ（シングル） */

.pg_single_seminar .content_area {
    background: #fff;
    /* background:#fff; */
}

.pg_single_seminar .content_area:nth-child(odd) {
    background: #fff;
    /* ackground: #fff; */
}

.pg_single_seminar .detailtbl {
    width: 100%;
    border-collapse: collapse;
}

.pg_single_seminar .detailtbl caption {
    margin-bottom: 15px;
    font-size: 20px;
    padding: 10px;
    background: #146EAA;
    color: #fff;
}

.pg_single_seminar .detailtbl th {
    border: solid 1px #ccc;
    padding: 20px 10px;
    background: #eee;
}

.pg_single_seminar .detailtbl td {
    border: solid 1px #ccc;
    padding: 20px 10px;
}