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

/*loader*/
#loader {display:none;}
/*
#loader {display:none;}
#loader {width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;background:#1a4e90;}
#loader > div {width:100%;top:50%;position:absolute;}
#ling {display:block;width:38px;height:0;margin-left:1px;background:#fff;}
#load-text {display:none;width:100%;color:#fff;text-align:center;}
#bar {width:100%;font-size:1px;color:#fff;}
#bar span {display:block;width:100%;height:1px;background:#fff;}*/

/*googlemap*/
#map_custmomize {width:100%;height:400px;}

section {position:relative;}
section .categoryTitle {margin:0;}
section .categoryTitle:after {display:none;}

/*slide*/
.slide {position:relative;opacity:1;}
.slide .window {width:100%;height:100%;position:absolute;}
.slide ul,
.slide ul li {width:100%;height:100%;overflow:hidden;}
.slide ul {position:relative;}
.slide ul li {position:absolute;}
.slide ul li {z-index:1;}
.slide ul li:first-child {z-index:2;}
.slide ul li img {display:block;width:auto;width:100%;height:auto;margin:0 auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
/*.slide ul li img.open {opacity:1;transition:0.3s;}
.slide ul.out li img {transform:translate(-50%,-50%) scale(1);transition:2s cubic-bezier(0,1,1,1);}*/
/*.slide.on ul li img.open {opacity:1;}
.slide.on ul li img.open {opacity:0;}*/

.slide .main_base {display:block;width:100%;}

.slide img.sp {display:none !important;}

.slide .pager {bottom:15px;}
.slide .pager a {width:20px;height:20px;background:url(../../images/mainvisual/pager_off.svg) no-repeat center center;}
.slide .pager a.current {background:url(../../images/mainvisual/pager_on.svg) no-repeat center center;}

/*
#scrollMark {background:url(../images/arrow_under_blue.svg) no-repeat right center;background-size:12px auto;padding-right:30px;position:absolute;left:50%;transform:translate(-50%,0);bottom:50px;z-index:4;display:none;}
#scrollMark a {color:#1b5199;}*/

/*copy*/
#copy {display:table;width:100%;background:#1b5199;color:#fff;font-size:1.2em;line-height:1.5em;text-align:center;}
#copy p {display:table-cell;width:5000px;height:90px;padding:0 10%;vertical-align:middle;}
/*非常時用*/
#copy a:hover {opacity: 0.7;}

/*case*/
#case {padding:55px 0;}
#case .categoryTitle {margin-bottom:50px;}
section .categoryTitle::after {display:block;background-color:#333;}
#case > ul {margin-bottom:50px;}
#case > ul > li {width:30%;margin-left:5%;float:left;}
#case > ul > li:first-child {margin-left:0;}
#case .image {border:solid 1px #ccc;margin-bottom:20px;}
#case .image img {display:block;width:100%;}
#case .text {color:#333;}
#case .text h3 {font-size:1.15em;font-weight:bold;lilne-height:1.5em;margin-bottom:15px;}


/*category*/
#category {display:table;width:100%;table-layout:fixed;}
#category > div {display:table-cell;position:relative;}
#category a,
#category img {display:block;width:100%;}
#category .categoryTitle {padding-top:40px;}
#category .categoryTitle:after {display:none;}
#category .area {position:absolute;}
#category .categoryTitle .en {font-size:42px;line-height:1.3em;}
#category a:hover {opacity:0.7;}

/*member*/
#member {overflow:hidden;}
#member .area {width:100%;height:100%;}
#member .area .catch {font-size:2em;line-height:1.5em;margin-bottom:5px;}
#member .area .sps .categoryTitle .en,
#member .area .sps .categoryTitle .ja {color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.4);}
#member .area .box {width:calc(100% - 30px);padding:15px;text-align:center;background:rgba(255,255,255,0.8);position:absolute;left:0;bottom:0;}
#member .area .box h3 {font-size:1.6em;line-height:1.5em;font-weight:bold;color:#1b5199;margin-bottom:15px;}
#member .area .box .type {font-size:0.9em;margin-bottom:5px;}
#member .area .box .name {font-size:1.3em;line-height:1.5em;}
#member .area p {width:100%;text-align:center;color:#1b5199;font-size:1.6em;line-height:1.5em;font-weight:bold;position:absolute;bottom:55px;}

/*works*/
#mind .area {width:100%;height:100%;}
#mind .area .categoryTitle .en,
#mind .area .categoryTitle .ja {color:#fff;}
#mind .area .name {width:calc(100% - 70px);padding:0 35px;position:absolute;bottom:15px;left:0;text-align:center;}
#mind .area p {width:100%;text-align:center;color:#fff;font-size:1.6em;line-height:1.5em;font-weight:bold;position:absolute;bottom:55px;}

/*csr*/
#csr .area {width:100%;height:100%;}

/*information*/
#information {display:table;width:100%;table-layout:fixed;padding:55px 0;}
#information > div {display:table-cell;vertical-align:top;}
#information .borderTitle {margin-bottom:30px;}

/*news*/
/*#news .area {width:435px;float:right;margin:0 20px 20px 0;position:relative;}*/
#news {margin: 50px 0 70px;}
#news .area {position:relative;}
#news .area ul {margin-top: 20px;margin-bottom: 58px;}
#news .area li {border-bottom:solid 1px #eee;/*padding:25px 0;display: flex;*/}
#news .area li:last-child {border-bottom: none;}
#news .area li .data {color:#1b5199;width: 100px;flex: 0 0 100px; font-weight: bold;padding: 30px 0 30px 20px;}
#news .area li .newsItem {display: flex;}
#news .area li .newsItem_txt {display: inline-block;width: calc(100% - 120px);padding: 30px 0 30px 40px;}
#news .area li .newsItem_txt > span {color: #666;}
#news .area li a.out {background-image: none;padding: 0;margin: 0;}
#news .area li a.out .newsItem_txt > span {padding-right: 28px; background: url(../images/out_link.svg) no-repeat right center;}
#news .area li a[href$=".pdf"] .newsItem_txt > span {padding-right: 28px; background: url(../images/pdf.svg) no-repeat right center;}
#news .area li a:hover .newsItem {background: #eee;}
#news .area li a .newsItem_txt > span {color: #0d89c9;}
/*#news .area .btn {position:absolute;top:0;right:0;}*/
#news .area .btn {position:absolute;top:30px;right:0;}

/*event*/
#event {overflow:hidden; margin: 55px 0;}
#event .area {position:relative;}
#eventSlider ul li a,
#eventSlider ul li img {display:block;}
#eventSlider li table {width:100%;}
#eventSlider li table th,
#eventSlider li table td {border:solid 1px #999;border-top:none;padding:5px 10px;text-align:center;font-size:0.9em;}
#eventSlider li table .new {color:#ff5353;border-left:none;font-weight:bold;font-style:italic;}
#eventSlider li table .data {}
#eventSlider li table .type {border-right:none;font-weight:bold;}
#eventSlider li .dramatic .type {color:#ff5353;}
#eventSlider li .creative .type {color:#57bb20;}
/*#event .area .btn {position:absolute;top:0;right:0;}*/
#event .area .btn {position:absolute;top:30px;right:0;}

/*#eventSlider ul {width:420px;height:360px;overflow:hidden;position:relative;}*/
#eventSlider ul li {width:calc(100% - 2px);background:#fff;position:absolute;left:0;top:0;border:solid 1px #999;}
#eventSlider .base {display:block;padding:87px 0 0;border:solid #fff 1px;}
#eventSlider .base img {display:block;width:calc(100% - 2px);height:auto;}
#eventSlider .es_area h3 {font-size:1.05em;line-height:1.5em;font-weight:bold;overflow:hidden;margin:15px 30px;}
#eventSlider .es_area .image {border-top:solid 1px #999;}
#eventSlider .es_area .image img {dispaly:block;width:100%;height:auto;}
#eventSlider a {cursor:pointer;}
#eventSlider ul li a:hover table th,
#eventSlider ul li a:hover table td {background:#eee;}
#eventSlider ul li a:hover .es_area {background:#EBFCFF;}
#eventSlider a:hover img {opacity:0.8;}

#eventSlider .prev,
#eventSlider .next {width:15px;height:50px;cursor:pointer;}
#eventSlider .prev {background:url(../images/top_arrow_left.svg) no-repeat left center;background-size:15px 30px;left:-30px;}
#eventSlider .next {background:url(../images/top_arrow_right.svg) no-repeat left center;background-size:15px 30px;right:-30px;}
#eventSlider .pager {bottom:-25px;}
#eventSlider .pager a {border-radius:100%;width:10px;height:10px;margin:0 5px;background:#ccc;}
#eventSlider .pager a.current {background:#1b5199;}

/*service*/
/*
#service .area {padding:50px 0 50px;background:url(../../images/service.jpg) no-repeat center top;background-size:cover;}
#service .area .categoryTitle,
#serviceSp .area .categoryTitle {margin-bottom:50px;}
#service .area .categoryTitle:after,
#serviceSp .area .categoryTitle:after {display:block;background:#fff;}
#service .area ul {width:100%;text-align:center;}
#service .area ul li {display:inline-block;border-radius:100%;border:solid 1px #fff;margin:0 20px;overflow:hidden;transition:0.2s cubic-bezier(0.3, 0.9, 0.4, 2);background:url(../images/arrow_under_white.svg) no-repeat center 150px;background-size:20px auto;}
#service .area ul li a {display:table-cell;width:199px;height:199px;vertical-align:middle;}
#service .area ul li h3 {width:100%;padding-top:20px;}
#service .area ul li .en,
#service .area ul li .ja {text-align:center;}
#service .area ul li .en {color:#1b5199;font-size:24px;margin-bottom:10px;line-height:1em;}
#service .area ul li .ja {font-size:1.05em;color:#fff;}

#service .area ul li a.creative {background:url(../images/megamenu/creative.svg) no-repeat center 20px;background-size:42px auto;}
#service .area ul li a.promotion {background:url(../images/megamenu/promotion.svg) no-repeat center 27px;background-size:50px auto;}
#service .area ul li a.consulting {background:url(../images/megamenu/consulting.svg) no-repeat center 25px;background-size:52px auto;}
#service .area ul li a.ather {background:url(../images/megamenu/ather.svg) no-repeat center 32px;background-size:34px auto;}

#service .area ul li:hover a.creative,
#service .area ul li.current a.creative {background-image:url(../images/megamenu/creative_blue.svg);}
#service .area ul li:hover a.promotion,
#service .area ul li.current a.promotion {background-image:url(../images/megamenu/promotion_blue.svg);}
#service .area ul li:hover a.consulting,
#service .area ul li.current a.consulting {background-image:url(../images/megamenu/consulting_blue.svg);}
#service .area ul li:hover a.ather,
#service .area ul li.current a.ather {background-image:url(../images/megamenu/ather_blue.svg);}


#service .area ul li:hover,
#service .area ul li.current {transform:scale(0.95);background-color:#fff;background-image:url(../images/arrow_under_blue.svg);}
#service .area ul li:hover .ja,
#service .area ul li.current .ja {color:#333;}

#serviceSp {display:none;}
#serviceSp .area {padding:50px 0 50px;}
#serviceSp .serviceSpMenu > div .en,
#serviceSp .serviceSpMenu > div .ja {text-align:center;margin-bottom:20px;}
#serviceSp .serviceSpMenu > div .en {color:#56abe1;font-size:20px;margin-bottom:10px;line-height:1em;}
#serviceSp .serviceSpMenu > div .ja {font-size:12px;background:#56abe1;color:#fff;margin-bottom:0;}
#serviceSp .serviceSpMenu > div {width:20%;margin-left:5%;float:left;}
#serviceSp .serviceSpMenu > div:nth-child(4n+1) {margin-left:0;clear:both;}
#serviceSp .serviceSpMenu > div a {display:block;width:100%;height:100%;background:url(../images/arrow_b.svg) no-repeat right 10px center;background-size:14px auto;border-bottom:solid 1px #999;vertical-align:middle;}
/*#serviceSp .serviceSpMenu > div ul li:first-child a {border-top:solid 1px #999;}
#serviceSp .serviceSpMenu > div ul li a span {display:table-cell;width:calc(100% - 50px);height:80px;padding:0 30px 0 20px;vertical-align:middle;}
*/

#service .area {padding:50px 0 50px;background:url(../../images/service.gif) repeat left top;}
#service .area .categoryTitle {margin-bottom:50px;color:#fff;}
#service .area .categoryTitle:after {display:block;background:#fff;}

#service .area > ul {display:table;table-layout:fixed;}
#service .area > ul > li {display:table-cell;width:33.3%;border-left:solid 1px rgba(27,81,153,0.6);vertical-align:top;transition:2s;}
#service .area > ul > li:first-child {border-left:none;}
#service .area > ul > li a {cursor:default;}
#service .area > ul > li h3 {width:100%;padding-top:160px;margin:0 auto 30px;transition:0.3s;}
#service .area > ul > li .en,
#service .area > ul > li .ja {text-align:center;}
#service .area > ul > li .en {color:#1b5199;font-size:24px;margin-bottom:10px;line-height:1em;}
#service .area > ul > li .ja {font-size:20px;color:#fff;}

#service .area .creative h3 {background:url(../images/megamenu/creative.svg) no-repeat center 60px;background-size:42px auto;}
#service .area .promotion h3 {background:url(../images/megamenu/promotion.svg) no-repeat center 67px;background-size:50px auto;}
#service .area .consulting h3 {background:url(../images/megamenu/consulting.svg) no-repeat center 65px;background-size:52px auto;}

#service .area > ul > li.active h3 {width:140px;height:140px;border-radius:100%;margin:0 auto 15px;padding:0;}
#service .area > ul > li.active .en {font-size:20px;margin-bottom:2px;padding-top:70px;}
#service .area > ul > li.active .ja {font-size:10px;color:#333;padding-bottom:20px;}

#service .area .creative.active h3 {background:#fff url(../images/megamenu/creative_blue.svg) no-repeat center 20px;background-size:37px auto;}
#service .area .promotion.active h3 {background:#fff url(../images/megamenu/promotion_blue.svg) no-repeat center 25px;background-size:45px auto;}
#service .area .consulting.active h3 {background:#fff url(../images/megamenu/consulting_blue.svg) no-repeat center 25px;background-size:47px auto;}


#service .area > ul > li a > p {height:160px;color:#fff;padding:0 30px;background:url(../images/arrow_under_white.svg) no-repeat center bottom 60px;background-size:30px auto;}
#service .area > ul > li.active a > p {display:none;}

#service .area .open_menu {width:calc(100% - 60px);margin:0 auto;display:none;}
#service .area .open_menu li {overflow:hidden;border-radius:5px;margin-bottom:5px;}
#service .area .open_menu li a {display:block;width:calc(100% - 50px);padding:15px 25px;background:rgba(212, 219, 229, 0.91) url(../images/arrow_b.svg) no-repeat right 10px center;background-size:14px auto;color:#333;transition:0.1s;cursor:pointer;}
#service .area .open_menu li a:hover {background:#1b5199 url(../images/arrow.svg) no-repeat right 10px center;background-size:14px auto;;color:#fff;}

#service .area li.active .open_menu {display:block;}
/*
#openMenu {overflow:hidden;background:#fff;}
#openMenu ul {padding:50px 0;width:100%;background:#fff;display:none;}
#openMenu ul li {width:30%;margin-left:5%;float:left;}
#openMenu ul li:nth-child(3n+1) {margin-left:0;clear:left;}
#openMenu ul li a {display:block;width:100%;height:100%;background:url(../images/arrow_b.svg) no-repeat right 10px center;background-size:14px auto;border-bottom:solid 1px #999;vertical-align:middle;}
#openMenu ul li a span {display:table-cell;width:calc(100% - 50px);height:80px;padding:0 30px 0 20px;vertical-align:middle;}
/*#openMenu ul li:first-child a {border-top:solid 1px #999;}
#openMenu ul li a:hover {background-color:#eee;}*/


/*recruit*/
#recruit {background:url(../../images/recruit.jpg) no-repeat center top;background-size:cover;padding:50px 0 100px;transition:0.5s;}
#recruit.over {/*background-position:center -1000px;*/}
#recruit .categoryTitle {margin-bottom:55px;}
#recruit .categoryTitle::after {display:block;}
#recruit .btn {background-color:rgba(27,81,153,0.8);display:block;}
#recruit .btn:hover {opacity:1;}
#recruit .lede {text-align:center;margin-bottom:55px;font-size:1.3em;line-height:1.5em;}

/*contact*/
#contactArea {background:#fff;}
#contactArea .categoryTitle {margin-bottom:50px;}

/*banner*/
#banner {padding:60px 0;background:#eee;text-align:center;}
#banner li {width:30%;margin-left:5%;float:left;margin-bottom:35px;}
#banner li:nth-child(3n + 1) {margin-left:0;clear:both;}
#banner li img {display:block;width:100%;}
#banner li a:hover {opacity:0.7;}


@media (max-width:1156px){
  #category #member .categoryTitle .en{
    font-size: 36px;
  }
}
@media (max-width:1020px){
#member .area .catch {display:none;}

#news .area,
#event .area {width:90%;float:none;margin:30px auto 25px;}

#eventSlider ul {width:100%;}
#eventSlider li table th,
#eventSlider li table td {font-size:0.8em;}

#category .categoryTitle {padding-top:15px;}
#category .categoryTitle .en, #category #member .categoryTitle .en {font-size:30px;}
#member .area .box h3,
#mind .area p, #member .area p {font-size:1.2em;}
#member .area .box h3 {margin-bottom:0;}
#member .area .box .type,
#member .area .box .name {display:none;}
#mind .area p, #member .area p {bottom:15px;}

#recruit {background-position:left top;}
#recruit .categoryTitle {margin-bottom:65px;}
#recruit .btn.os,
#recruit .btn.ns {position:static;margin:0 auto 20px;}


}
@media (max-width:1156px){
  #category #member .categoryTitle .en{
    font-size: 26px;
  }
}
@media (max-width:800px){
#loadFilter {background-size:50% auto;}
	
#category > div {display:block;}
#category .categoryTitle {padding-top:40px;}
#category .categoryTitle .en, #category #member .categoryTitle .en {font-size:42px;}
#member .area .box h3,
#mind .area p, #member .area p {font-size:1.6em;}
#member .area .box h3 {margin-bottom:15px;}
#member .area .box .type,
#member .area .box .name {display:block;}
#mind .area p, #member .area p {bottom:55px;}


#information > div {display:block;}
#news,
#event {padding:40px 0;}
#news .area,
#event .area {margin:0 auto;}

#news .area .btn,
#event .area .btn {position:relative;margin-top:30px;}

#banner li {display:block;text-align:center !important;}

#recruit {padding:100px 0 60px;}

#banner li,
#banner li:nth-child(3n + 1) {width:47.5%;margin-left:5%;float:left;margin-bottom:30px;clear:none;}
#banner li:nth-child(2n + 1) {margin-left:0;clear:both;}

#news .area li .newsItem {display: block;}
#news .area li .data {width: 100%;padding: 30px 0 8px 0;}
#news .area li .newsItem_txt {padding: 0 0 30px;width: 100%;text-align: left !important;}
#news .area li a:hover .newsItem {background: inherit;}
}
@media (max-width:680px){
#contents {margin-top:90px;}	

.slide ul.out li img.pc {display:none !important;}
.slide ul.out li img.sp {display:block !important;}

#copy {font-size:1em;line-height:1.5em;}
	/*非常時用*/
#copy a:hover {opacity: 0.7;}

#case > ul > li {width:100%;margin-left:0;float:none;margin-bottom:30px;}
#case .text {display:none;}

#service .area > ul {display:block;table-layout:inherit;}
#service .area > ul > li {display:block;width:100%;border:none;}
#service .area > ul > li a {display:block;width:100%;cursor:pointer;}
#service .area > ul > li > a:hover .en,
#service .area > ul > li > a:hover .ja {text-decoration:underline;}
#service .area > ul > li a > p {text-align:center;}
#service .area > ul > li h3 {padding-top:190px;}
#service .area .creative h3,
#service .area .promotion h3,
#service .area .consulting h3 {background-size:auto 100px;}

#service .area .active h3 {width:200px;height:200px;}

#eventSlider {margin-bottom:55px;}
#eventSlider .base {padding-top:120px;}
#eventSlider li table th,
#eventSlider li table td {display:block;}
#eventSlider li table .new {width:5em;float:left;}
#eventSlider li table .data {border-right:none;}
#eventSlider li .dramatic .type {border-left:none;}

#mind .area p, #member .area p {font-size:1.3em;}

#member .area .box h3 {font-size:1.2em;}
#member .area .box .type {font-size:0.8em;}
#member .area .box .name {font-size:1.1em;font-weight:bold;color:#666;}





/*googlemap*/
/*
#map_custmomize {height:250px;}*/
}
@media (max-width:480px){
#banner li,
#banner li:nth-child(3n + 1),
#banner li:nth-child(2n + 1) {width:100%;margin-left:0;float:none;clear:none;}
}
@media (max-width:396px){
  #category #member .categoryTitle .en{
    font-size: 30px;
  }
}

/* new css */
.slick-prev:before, .slick-next:before {content: none;}
.slick-prev{background:url(../images/icon_arrow_left.png) no-repeat left center;}
.slick-next{background:url(../images/icon_arrow_right.png) no-repeat left center;}
.slider-slick {
    margin-top: 40px;
}
.wrap-content {
    padding: 0 20px;
    color: #666;
}
.wrap-content:focus{outline: none;}
.border-content{
    border: 1px solid #999;
}
.date-slide {
    padding: 5px 20px;
    border-bottom: 1px solid #999;
    background: #eee;
}
.content-slide {
    padding: 15px 20px;
    border-bottom: 1px solid #999;
}
.content-slide p {
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 52px;
}
.title-slide {
    font-size: 1em;
    margin-bottom: 10px;
    font-weight: 600;
}
.slick-slide img {
    width: 100%;
}
.slick-prev, .slick-next {
    width: 25px;
    height: 50px;
}
.slick-prev:hover, .slick-prev:focus{
    color: inherit;
    outline: none;
    background:url(../images/icon_arrow_left.png) no-repeat left center;
}
.slick-next:hover, .slick-next:focus{
    color: inherit;
    outline: none;
    background:url(../images/icon_arrow_right.png) no-repeat left center;
}
.slick-next {
    right: -30px;
}
.slick-prev {
    left: -30px;
}
.slick-dots{
    bottom: -30px;
}
.slick-dots li button {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #ccc;
}
.slick-dots li.slick-active button {
    background: #1b5199;
}
.slick-dots li button:before{
    content: none;
}
.slick-dots li {
    width: 15px;
    height: 15px;
}
@media (max-width:1024px){
    .title-slide{
        font-size: 0.8em;
        min-height: 42px;
    }
}