@charset "UTF-8";#loader{display:none;}
article{padding:90px 0;}
#contents{margin-top:90px;}
#mainvisual{width:100%;margin-bottom:20px;position:relative;}
#mainvisual .categoryTitle{width:100%;position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width: 255px;background: #1b5199;padding: 28px 0 45px;margin: 0;}
#mainvisual .categoryTitle .en, #mainvisual .categoryTitle .ja {color: #fff;}
#mainvisual .categoryTitle .en {line-height: 1.4;}
#mainvisual .categoryTitle::after {background: #fff;bottom: 27px;}

#mainvisual > img{display:block;width:100%;height:auto;min-height:338px;opacity:0;}

#mainvisual .mainvisual_img {max-height: 338px;overflow: hidden;}
#mainvisual .mainvisual_img > img {width: 100%;}
#mainvisual .mainvisual_img .sp {display: none;}

#mainvisual.regulation{background:url(../images/underlayer/regulation_mainvisual.jpg) no-repeat center center;background-size:cover;}
/*#mainvisual.about{background:url(../images/underlayer/about.jpg) no-repeat center center;background-size:cover;}*/
#mainvisual.service{background:url(../images/underlayer/service.jpg) no-repeat center center;background-size:cover;}
#mainvisual.member{background:url(../images/underlayer/member.jpg) no-repeat center center;background-size:cover;}
#mainvisual.csr{background:url(../images/underlayer/csr.jpg) no-repeat center center;background-size:cover;}
#mainvisual.recruit{background:url(../images/underlayer/recruit.jpg) no-repeat center center;background-size:cover;}
.un #mainvisual{height:auto;min-height:inherit;padding:35px 0 20px;background:#eee;border-bottom:solid 3px #ececec;}
.un #mainvisual img{display:none;}
.un #mainvisual .categoryTitle{margin-bottom:0;position:static;}
.un #mainvisual .categoryTitle .en{font-size:35px;line-height:1.3em;margin-bottom:5px;}
.un #mainvisual .categoryTitle_e .er{font-size:200px;line-height:1.3em;margin-bottom:5px;}
.un #mainvisual .categoryTitle .ja{font-size:1em;line-height:1.5em;}
.un #mainvisual .categoryTitle:after{display:none;}
/*.youtube{width: 100%; aspect-ratio: 16 / 9;}*/
/*.youtube iframe{width: 100%;height: 100%;}*/
.youtube {    position: relative;    width: 100%;    padding-top: 56.25%;  }
.youtube iframe {    position: absolute;    top: 0;    right: 0;    width: 100%;    height: 100%;  }

@media screen and (max-width: 1020px) {
    #mainvisual .categoryTitle {width: 158px;padding: 16px 0 35px;}
    #mainvisual .categoryTitle .en {font-size: 30px;}
    #mainvisual .categoryTitle .ja {font-size: 14px;}
    #mainvisual .categoryTitle::after {bottom: 20px;}
}

#breadcrumb{width:90%;text-align:center;margin:0 auto;}
#breadcrumb li{display:inline;}
#breadcrumb li:before{content:">";margin:0 10px;font-size:12px;font-weight:bold;color:#5d5d5d;position:relative;top:-2px;}
#breadcrumb li:first-child:before{display:none;}
#breadcrumb li a{color:#099;}
.pageTitle{color:#1b5199;font-size:2.54em;line-height:1.5em;text-align:center;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:bold;}
.pageTitle:after{content:"";display:block;width:30px;height:1px;background:#1b5199;position:absolute;bottom:0;left:50%;margin-left:-15px;}
.sectionTitle{font-size:1.8em;border-bottom:solid 1px #ccc;line-height:1.5em;text-align:center;position:relative;padding-bottom:20px;margin:50px 0 20px;}
.sectionTitle:after{content:"";display:block;width:120px;height:3px;background:#1b5199;position:absolute;bottom:-2px;left:50%;margin-left:-60px;}
.textTitle{font-size:1.45em;font-weight:bold;line-height:1.5em;text-align:center;position:relative;padding-bottom:20px;}
.textTitle:after{content:"";display:block;width:30px;height:1px;background:#666;position:absolute;bottom:0;left:50%;margin-left:-15px;}
.boldTitle{font-size:1.3em;font-weight:bold;line-height:1.5em;text-align:center;}
.boldTitle_blue{color:#1b5199;font-size:1.3em;font-weight:bold;line-height:1.5em;text-align:center;}
.borderBox .boldTitle_blue{color:#1b5199;font-size:1.3em;font-weight:bold;line-height:1.5em;text-align:center;}
.boldTitle_b{color:#1b5199;font-size:2.54em;font-weight:bold;line-height:1.5em;text-align:center;}
.mov{margin-bottom:30px;}
article p{margin-bottom:1em;}
article > div > p:last-child{margin-bottom:0;}
hr{border-color:#eee;clear:both;}
article img{display:block;max-width:100%;margin:0 auto 0;}
.caption{font-size:0.9em;margin:1em 0;}
.column[data-cols="1"] > div{width: 100%;margin: 0 auto;}
.column[data-cols="2"] > div{width:46.8%;float:right;}
.column[data-cols="2"] > div:nth-child(2n+1){float:left;clear:both;}
.column[data-cols="3"] > div{width:30%;float:left;margin-left:5%;}
.column[data-cols="3"] > div:nth-child(3n+1){clear:both;margin-left:0;}
.column[data-cols="4"] > div{width:22%;float:left;margin-left:4%;}
.column[data-cols="4"] > div:nth-child(4n+1){clear:both;margin-left:0;}
article li{margin-top:1.5em;}
article .contact li:first-child{margin-top:0;}
.disc > li:first-child{margin-top:0;}
.disc > li{background:url(../images/disc.svg) no-repeat 6px 0.5em;background-size:4px;padding-left:25px;}
.decimal{padding-left:1.4em;}
.decimal > li{list-style:decimal;}
.dot > li{padding-left:1em;text-indent:-1em;margin-bottom:1em;}
.dot > li:before{content:"E";}
.dot > li:last-child{margin-bottom:0;}
.disc > li.bold,
.decimal > li.bold,
.dot > li.bold{font-weight:bold;}
.disc > li.bold ul li,
.decimal > li.bold ul li,
.dot > li.bold ul li,
.disc > li.bold ol li,
.decimal > li.bold ol li,
.dot > li.bold ol li,
.disc > li.bold p,
.decimal > li.bold p,
.dot > li.bold p{font-weight:normal;}
.disc > li ul,
.decimal > li ul,
.dot > li ul,
.disc > li ol,
.decimal > li ol,
.dot > li ol{margin-top:1.5em;}
.boxList > li{width:calc(30% - 2px);float:left;margin:0 0 30px 5%;border:solid 1px #1b5199;}
.boxList > li:nth-child(3n+1){margin-left:0;clear:both;}
.boxList > li > span{display:table-cell;width:400px;height:4em;padding:0 1em;vertical-align:middle;text-align:center;color:#1b5199;}
.logoList > li{width:calc(32.5% - 2px);float:left;margin:0 0 30px 1.25%;border:solid 1px #ccc;}
.logoList > li:nth-child(3n+1){margin-left:0;clear:both;}
.logoList > li > div,
.logoList > li > a{display:table-cell;width:800px;height:155px;padding-bottom:45px;text-align:center;position:relative;vertical-align:middle;}
.logoList > li p{width:calc(100% - 2em);margin-bottom:0;padding:0 1em;position:absolute;bottom:30px;}
.logoList > li img{display:inline;max-width:100%;}
.logoList02 > li{width:calc(32.7% - 2px);border:none;}
.logoList02 > li > div,
.logoList02 > li > a{padding-bottom:0;}
.stackeddaruma > li{margin-bottom:15px;}
.stackeddaruma > li > div{border:solid 3px #ccc;padding:17px 17px 2px 17px;}
.stackeddaruma > li > div > *{margin-bottom:15px;}
.stackeddaruma_arrow{width:77px;height:80px;margin:30px auto;}
.stackeddaruma_answer > div{border:solid 3px #56abe1;padding:25px 25px 5px 25px;}
.stackeddaruma_answer > div > *{margin-bottom:20px;}
table{width:100%;}
table.underlineTable tr{border-bottom:solid 1px #ccc;}
table.underlineTable th,
table.underlineTable td{padding:20px 30px;}
table.underlineTable th{font-weight:bold;width:25%;}
table.lineTable th,
table.lineTable td{border:solid 1px #ccc;padding:20px 30px;}
table.lineTable th{background:#e6e9ed;font-weight:bold;}
a.pdf,
a.doc,
a.xls,
a.out{padding:5px 0 5px 0;}
a.pdf{padding-right:30px;background:url(../images/pdf.svg) no-repeat right center;}
a.doc{padding-right:28px;background:url(../images/doc.svg) no-repeat right center;}
a.xls{padding-right:28px;background:url(../images/xls.svg) no-repeat right center;}
a.out{padding-right:28px;background:url(../images/out_link.svg) no-repeat right center;}
a.pdf,
a.doc,
a.xls,
a.out,
article a{color:#099;margin-right:5px;}
#error a{color:#099;margin-right:5px;}
a.pdf:hover,
a.doc:hover,
a.xls:hover,
a.out:hover,
article a:hover{color:#1b5199;}
article .btn:hover{color:#fff;}
#error a:hover{color:#1b5199;}
.bth_single,
.bth_twin,
.bth_triplet{display:table;width:100%;table-layout:fixed;margin-bottom:60px;}
.bth_single li,
.bth_twin li,
.bth_triplet li{display:table-cell;}
.bth_single .btn,
.bth_twin .btn,
.bth_triplet .btn{margin:0 auto;}
.news li{display:table;width:100%;border-bottom:solid 1px #eee;}
.news li a{display:table;width:100%;padding:20px 0;transition:background-color 0.3s;}
.news li a:hover{background-color:#eee;}
.news li div{display:table-cell;padding:10px 0;}
.news li .date{width:25.5%;padding-left:7.5%;position:relative;}
.news li.new .date:before{content:"NEW";display:block;color:#fff;background:#1b5199;font-size:10px;font-weight:bold;font-style:italic;padding:10px 5px;position:absolute;left:0;top:0;}
.news li.out .text:after,
.news li.pdf .text:after,
.news li.doc .text:after,
.news li.xls .text:after{content:"";display:inline-block;width:1.5em;height:1em;background:url(../images/out_link.svg) no-repeat center center;background-size:contain;}
.news li.pdf .text:after{background-image:url(../images/pdf.svg);}
.news li.doc .text:after{background-image:url(../images/doc.svg);}
.news li.xls .text:after{background-image:url(../images/xls.svg);}
.borderBox{margin-bottom:50px;}
.borderBox > *{border:solid 5px #e5e9ef;padding:45px 45px 30px 45px;font-size:1.2em;color:#666;line-height:1.5em;}
.borderBox > * > *{margin-bottom:15px;}
.borderBox.w80 > *{width:80%;margin:0 auto;border:solid 2px #e5e9ef;}
.tile > li{width:30%;margin-left:5%;position:relative;float:left;margin-bottom:50px;background:url(../images/tile.png) repeat left top;}
.tile > li:nth-child(3n+1){margin-left:0;clear:both;}
.tile > li:before,
.tile > li:after{content:"";display:block;width:43px;height:43px;position:absolute;}
.tile > li:before{left:0;top:0;background:url(../images/tile_lt.svg) no-repeat left top;}
.tile > li:after{right:0;bottom:0;background:url(../images/tile_rb.svg) no-repeat right bottom;}
.tile > li > div{background:#fff;width:calc(100% - 56px);margin:8px;padding:20px;}
.tile > li > div h3{color:#1b5199;font-size:1.45em;min-height:80px;padding-top:20px;font-weight:bold;line-height:1.5em;text-align:center;}
.background{position:relative;}
.back{display:block;position:absolute;top:0;z-index:-1;}
.back img{max-width:100%;}
.back[data-position='left']{left:0;}
.back[data-position='right']{right:0;}
.line{background:#1b5199;padding:30px 0;margin-top:50px;margin-bottom:50px;text-align:center;}
.line a,
.line span{color:#fff;font-size:1.15em;}
.line a:before,
.line span:before{content:">";margin:0 10px;}
.line a:first-child:before,
.line span:first-child:before{display:none;}
.line a:hover{text-decoration:underline;color:#fff;}
.faq .q{padding:20px 10px 0 10px;border-bottom:dotted 1px #333;margin-bottom:10px;background:#eee;}
.faq .a{padding:10px;display:none;}
.faq .q:before,
.faq .a:before{font-family:museo-sans-rounded,"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo;font-size:2em;display:block;float:left;width:2em;margin:-5px 10px 0 0;text-align:center;}
.faq .q:before{content:"Q.";color:#1b5199;}
.faq .a:before{content:"A.";color:#D93235;}
.faq .q p,
.faq .a p{padding-left:5em;}
.bgArea{background-size:cover;background-position:center center;position:relative;}
.bgArea:before{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,0.5);left:0;top:0;position:absolute;}
.bgArea > div{padding:100px 0;}
.bgArea.brack:before{background:rgba(0,0,0,0.5);}
.bgArea.brack > div > *{color:#fff;}
.bgArea.no_text{min-height:400px;}
.bgArea.no_text:before{display:none;}
.mov > *{opacity:0;}
.mov .image{}
.mov h1,
.mov h2,
.mov h3,
.mov h4{opacity:1;}
.mov.on > *{opacity:1;}
.mov.on .image{}
.mov.on h1,
.mov.on h2,
.mov.on h3,
.mov.on h4{}
.lede{margin-bottom:50px;}
.lede p{font-size:2em;color:#56abe1;line-height:1.8em;text-align:center;font-weight:bold;}
.ledePage{font-size:1.2em;line-height:1.5em;}
.ps{font-size:2.3em;color:#1b5199;line-height:1.5em;text-align:center;font-weight:bold;}
.font_wide{font-size:1.15em;line-height:1.8em;}
.archiveList{margin-bottom:80px;}
.archiveList > div{width:30%;margin-left:5%;float:left;}
.archiveList > div:nth-child(3n+1){clear:both;margin-left:0;}
.archiveList > div h3{height:100px;padding-top:140px;background:#1b5199 url(../images/megamenu/creative.svg) no-repeat center 40px;}
.archiveList > div h3 .en,
.archiveList > div h3 .ja{color:#fff;text-align:center;}
.archiveList > div h3 .en{font-size:2em;line-height:1.5em;}
.archiveList > div h3.creativeIcon{background-image:url(../images/megamenu/creative.svg);background-size:60px auto;}
.archiveList > div h3.promotionIcon{background-image:url(../images/megamenu/promotion.svg);background-size:72px auto;}
.archiveList > div h3.consultingIcon{background-image:url(../images/megamenu/consulting.svg);background-size:76px auto;}
.archiveList > div h3.globalIcon{background-image:url(../images/megamenu/global.svg);background-size:60px auto;}
.archiveList > div h3.csrIcon{background-image:url(../images/megamenu/csr.svg);background-size:74px auto;}
.archiveList > div h3.reportIcon{background-image:url(../images/megamenu/report.svg);background-size:44px auto;}
.googlemap{margin-bottom:2em;}
.googlemap iframe{width:100%;height:600px;}
.archiveList > div h3.carrierIcon{background-image:url(../images/career.svg);background-size:72px auto;}
.archiveList > div h3.newIcon{background-image:url(../images/new.svg);background-size:50px auto;}
.archiveList[data-cols="2"] > div:first-child{margin-left:20%;}
.archiveList > div li{margin-top:0;}
.archiveList > div 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;color:#333;}
.archiveList > div li a span{display:table-cell;width:calc(100% - 50px);height:80px;padding:0 30px 0 20px;vertical-align:middle;}
.archiveList > div li a:hover{background-color:#eee;}
.archives li{width:30%;margin-left:5%;float:left;}
.archives li:nth-child(3n+1){margin-left:0;clear:both;}
.archives 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;color:#333;}
.archives li a span{display:table-cell;width:calc(100% - 50px);height:80px;padding:0 30px 0 20px;vertical-align:middle;}
.archives li a:hover{background-color:#eee;}
.member li{width:30%;margin-left:5%;font-size:0.9em;float:left;margin-bottom:50px;}
.member li:nth-child(3n+1){margin-left:0;clear:both;}
.member a{color:#333;}
.member a:hover{opacity:0.7;}
.member .image{margin-bottom:15px;}
.member .text table{width:100%;margin-bottom:15px;}
.member .text table th,
.member .text table td{border:solid 1px #ccc;padding:5px;text-align:center;}
.member .text table .new{font-style:italic;font-weight:bold;color:#ff5454;}
.member .text table .cat{color:#3eba3b;font-weight:bold;}
.memberTitle{font-size:1.45em;font-weight:bold;line-height:1.5em;color:#1b5199;padding-bottom:15px;margin-bottom:20px;position:relative;}
.memberTitle:after{content:"";display:block;width:20px;height:1px;background:#666;position:absolute;bottom:0;left:0;}
.memberTitle.mainSize{font-size:2.2em;line-height:1.3em;padding-bottom:1em;}
.member .text .jpbClass{margin-bottom:5px;}
.member .text .memberName{font-size:1.45em;line-height:1.5em;margin-bottom:15px;}
.member.pickup{margin-bottom:100px;}
.member.pickup .image{width:50%;float:left;}
.member.pickup .text table{margin-bottom:40px;}
.member.pickup .text table th,
.member.pickup .text table td{padding:10px;}
.member.pickup .text{width:45%;float:right;}
.member.pickup .text h2{font-size:2em;line-height:1.5em;padding-bottom:20px;margin-bottom:30px;}
.member.pickup .text .jpbClass{margin-bottom:15px;}
.member.pickup .text .memberName{font-size:1.8em;line-height:1.5em;margin-bottom:30px;}
.interviewTitle{font-size:1.45em;font-weight:bold;color:#1b5199;line-height:1.5em;text-indent:-1.5em;padding-left:1.5em;margin-bottom:30px;}
.interviewTitle:before{content:"";margin-right:0.5em;}
.interviewDate{margin-bottom:50px;}
.interviewDate .name{float:left;}
.interviewDate .date{float:right;}
.interviewDate .name small{display:block;margin-bottom:15px;}
.interviewDate .name div{font-size:1.85em;}
.interviewDate th,
.interviewDate td{border:solid 1px #ccc;padding:15px 20px;text-align:center;}
.interviewDate .cat{color:#3eba3b;}
h1 span.date{display:block;font-size:0.45em;font-weight:normal;color:#333;line-height:2em;margin:10px 0 5px;}
.prof{border:solid 1px #333;}
.prof .image{float:left;width:30%;height:100%;margin-right:30px;}
.prof .image img{display:block;width:100%;max-width:100%;}
.prof .text h4,
.prof .text .name,
.prof .text h3,
.prof .text h5,
.prof .text .discript{padding:0 30px;}
.prof .text h4{padding-top:30px;margin-bottom:5px;padding-top:25px;}
.prof .text .name{margin-bottom:20px;}
.prof .text h3{font-size:1.3em;line-height:1.5em;font-weight:bold;margin-bottom:30px;}
.prof .text h5{font-weight:bold;margin-bottom:5px;}
.prof .text .discript{font-size:0.9em;line-height:1.5em;}
.seminerLogo{display:inline-block;}
.seminerLogo span{display:table-cell;width:130px;height:30px;vertical-align:middle;}
.seminerLogo span img{width:auto;max-width:100%;}
.seminerBtn{padding:0;width:420px;height:100px;}
.seminerBtn span{display:table-cell;padding:0;width:420px;height:100px;vertical-align:middle;}
#seminerArea{background:#56abe1;padding:60px 0;}
#seminerArea ul{margin-bottom:60px;}
#seminerArea li{width:47.5%;}
#seminerArea li a{color:#333;}
#seminerArea li a:hover{opacity:0.7;}
#seminerArea li:nth-child(1){float:left;}
#seminerArea li:nth-child(2){float:right;}
#seminerArea li .image,
#seminerArea li img{width:100%;}
#seminerArea li table{width:100%;}
#seminerArea li table th,
#seminerArea li table td{border:solid 1px #999;padding:10px;text-align:center;font-size:0.9em;background:#fff;}
#seminerArea li table .new{color:#ff5353;border-left:none;font-weight:bold;font-style:italic;}
#seminerArea li table .data{}
#seminerArea li table .type{border-right:none;font-weight:bold;}
#seminerArea li.dramatic table .type{color:#f04a5d;}
#seminerArea li.creative table .type{color:#57bb20;}
#seminerArea li h3{padding:15px 30px;text-align:left;font-weight:bold;background:#fff;}
#worksArea{padding:80px 0 60px;}
#worksArea ul{margin-bottom:60px;}
#worksArea li{float:left;position:relative;}
#worksArea li a,
#worksArea li img{display:block;width:100%;}
#worksArea li .photoCover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;opacity:0;transition:0.3s;}
#worksArea li:hover .photoCover{opacity:1;}
#worksArea li.works01{width:50%;}
#worksArea li.works02,
#worksArea li.works03,
#worksArea li.works04,
#worksArea li.works05{width:calc(25% - 1px);border-left:solid 1px #fff;}
#worksArea li.works02,
#worksArea li.works03{border-bottom:solid 1px #fff;}
#worksArea li .text{width:75%;position:absolute;bottom:50px;left:12.5%;color:#fff;}
#worksArea li .text h3{font-size:1.15em;line-height:1.5em;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px #acacac;}
#worksArea li .text p.sp{display:none;}
#worksArea li.works02 .text h3,
#worksArea li.works03 .text h3,
#worksArea li.works04 .text h3,
#worksArea li.works05 .text h3{font-size:1em;border-bottom:none;margin-bottom:0;padding-bottom:0;}
#worksArea li .status{display:table;width:100%;position:absolute;bottom:0;}
#worksArea li .status > div{display:table-cell;color:#fff;font-size:0.9em;}
#worksArea li .status > div:nth-child(1){text-align:center;width:140px;padding:5px;background:#1b5199;}
#worksArea li .status > div:nth-child(2){text-align:right;padding:5px 20px;background:rgba(255,255,255,0.2);}
#worksArea li.works02 .status > div:nth-child(1),
#worksArea li.works03 .status > div:nth-child(1),
#worksArea li.works04 .status > div:nth-child(1),
#worksArea li.works05 .status > div:nth-child(1){width:100px;}
#worksMenu{margin-bottom:50px;}
#worksMenu > div{border:solid 5px #e5e9ef;padding:35px 50px;}
#worksMenu h3{font-size:1.25em;font-weight:bold;text-align:center;margin-bottom:20px;}
#worksMenu ul li{width:136px;border:solid 2px #1b5199;float:left;margin-left:10px;text-align:center;}
#worksMenu ul li:first-child{margin-left:0;}
#worksMenu ul.industry li{border-color:#56abe1;}
#worksMenu ul li a{display:table-cell;width:136px;height:30px;color:#333;vertical-align:middle;margin-right:0;}
#worksMenu ul li a:hover{background-color:#eee;}
#worksMenu ul li.check a{color:#fff;}
#worksMenu ul.media li.check a{background-color:#1b5199;}
#worksMenu ul.industry li.check a{background-color:#56abe1;}
#worksList{margin-bottom:50px;}
#worksList ul li{width:30%;margin-left:5%;float:left;margin-bottom:50px;}
#worksList ul li.all:nth-child(3n+1){margin-left:0;clear:both;}
#worksList ul li.active.clear{margin-left:0;clear:both;}
#worksList ul li a,
#worksList ul li span{color:#333;margin-right:0;}
#worksList ul li a:hover{color:#1b5199;}
#worksList ul li .image,
#worksList ul li .image img{display:block;width:auto;margin:0 auto;max-width:100%;}
#worksList ul li .image{margin-bottom:20px;}
#worksList ul li{position:relative;}
#worksList ul li.bgwork .image{background:url(../images/underlayer/bg_typeword.png) center top no-repeat;padding:13px 10px 9px;height:215px;border:none;}
#worksList ul li.bgwork .image div{display:flex;align-items:center;justify-content:center;height:152px;}
#worksList ul li.bgbook .image{background:url(../images/underlayer/bg_bookshelf.png) center bottom no-repeat;padding:9px 10px 6px;height:215px;position:relative;}
#worksList ul li.bgbook .image{display:flex;justify-content:center;align-items:flex-end;}
#worksList ul li.bgbook .image img{max-width:262px;padding-bottom:30px;}
#worksList ul li.bdwork .image{border:1px solid #ddd;position: relative;}
#worksList ul li.bdwork .image::before {content:"";display: block;width: 100%;padding-top: 78.2%;}
#worksList ul li.bdwork .image img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#worksList ul li .text .ttl-work{border-bottom:1px solid #ddd;height:3.2em;display:flex;align-items:flex-end;margin-bottom:15px;}
#worksList ul li .text .ttl-work h3{font-size:1.15em;font-weight:bold;line-height:1.5em;overflow:hidden;}
#worksList ul li .text p{height:4.5em;overflow:hidden;}
#worksList ul li .status > div{width:calc(48% - 4px);font-size:0.9em;text-align:center;color:#fff;font-weight:bold;padding:5px 0;}
#worksList ul li .status .media{position:absolute;top:-10px;left:-10px;}
#worksList ul li.content .status .media{background:#9f75b5;}
#worksList ul li.web .status .media{background:#1b5199;}
#worksList ul li.graphic .status .media{background:#e7981a;}
#worksList ul li.movie .status .media{background:#f66080;}
#worksList ul li.consulting .status .media{background:#12bfad;}
#worksList ul li.event .status .media{background:#56abe1;}
@media (max-width:480px){#worksList ul li.bgwork .status .media,
#worksList ul li.bdwork .status .media,
#worksList ul li.bgbook .status .media{position:relative;left:0;}
#worksList ul li.bgwork .status .media:after,
#worksList ul li.bdwork .status .media:after,
#worksList ul li.bgbook .status .media:after{display:none;}
#worksList ul li .text p{margin-bottom:1em;}
}
#worksList ul li .status .media:after{content:"";width:0;height:0;border-top:10px solid #ca8415;border-left:10px solid transparent;position:absolute;left:0;bottom:-10px;}
#worksList ul li.web .status .media:after{border-top:10px solid #0c376f;}
#worksList ul li.content .status .media:after{border-top:10px solid #9f75b5;}
#worksList ul li.graphic .status .media:after{border-top:10px solid #ca8415;}
#worksList ul li.movie .status .media:after{border-top:10px solid #cf4865;}
#worksList ul li.consulting .status .media:after{border-top:10px solid #0ea898;}
#worksList ul li.event .status .media:after{border-top:10px solid #4492c3;}
#worksList ul li .status .industry{float:right;border-color:#56abe1;}
@media (min-width:860px) and (max-width:1020px){#worksList{width:800px;}
#worksList ul li.bgwork .image{background-size:contain;padding:0px 11px 5px;text-align:center;height:205px;}
#worksList ul li.bgwork .image > div{height:143px;}
#worksList ul li.bdwork .image{margin-bottom: 40px;}
#worksList ul li.bgbook .image{background-size:contain;height:168px;}
#worksList ul li.bgbook .image img{left:10px;max-width:220px;bottom:27px;}
}
@media (min-width:769px) and (max-width:860px){#worksList{width:680px;}
#worksList ul li{width:300px !important;}
#worksList ul li.bgwork .image{background-size:auto;}
#worksList ul li.bgbook .image img{left:20px;max-width:262px;}
}
@media (max-width:768px){#worksList ul li.bgbook .image img{left:35px;max-width:262px;}
}
@media (max-width:680px){#case #worksList .text{display:block;}
}
@media (min-width:640px) and (max-width:767px){#worksList{width:600px;}
#worksList ul li.bgwork .image{background-size:cover;height:205px;}
#worksList ul li.bgwork .image div{height:143px;}
#worksList ul li.bdwork .image{height:225px;}
#worksList ul li.bgbook .image{background-size:contain;height:200px;}
#worksList ul li.bgbook .image img{left:35px;max-width:220px;bottom:32px;}
}
@media (min-width:481px) and (max-width:640px){#worksList{width:440px;}
#worksList ul li.bgwork .image{background-size:contain;padding:0 9px;height:183px;}
#worksList ul li.bgwork .image div{height:124px;}
/*#worksList ul li.bdwork .image{height:181px;}*/
#worksList ul li .status .media{width:calc(60% - 4px);}
#worksList ul li.bgbook .image{background-size:contain;height:145px;}
#worksList ul li.bgbook .image img{left:15px;max-width:184px;bottom:23px;}
}
#seminerList h3,
#endSeminer h3{font-size:1.45em;font-weight:bold;text-align:center;margin-bottom:35px;}
#seminerList li{display:table;width:calc(100% - 2px);border:solid 1px #999;margin-bottom:50px;}
#seminerList li a,
#endSeminer li a{display:block;margin-right:0;}
#seminerList li .text,
#seminerList .image{display:table-cell;vertical-align:top;}
#seminerList .text{width:50%;}
#seminerList .image{width:calc(50% - 1px);border-left:solid 1px #999;}
#seminerList .image img{display:block;width:100%;}
#seminerList h4{padding:0 25px;margin:25px 0;height:1.5em;font-size:1.45em;font-weight:bold;line-height:1.5em;overflow:hidden;}
#seminerList .descript{padding:20px 30px 0;margin-bottom:20px;overflow:hidden;height:9em;border-top:solid 1px #999;}
#seminerList li .sp_image{display:none;float:left;width:auto;height:100%;margin-right:20px;}
.seminers .status{display:table;width:100%;border-bottom:solid 1px #999;}
.seminers .status > div{display:table-cell;padding:10px 0;text-align:center;}
.seminers .status .new{width:80px;color:#ff5353;font-style:italic;font-weight:bold;border-right:solid 1px #999;}
.seminers .status .date{width:140px;color:#666;border-right:solid 1px #999;}
.seminers .status .type{color:#333;font-weight:bold;}
.seminers .status .end{width:70px;color:#666;font-weight:bold;border-right:solid 1px #999;background:#ccc;}
.seminers .dramatic .status .type{color:#ff5353;}
.seminers .creative .status .type{color:#57bb20;}
#endSeminer li{width:47.5%;border:solid 1px #999;margin-bottom:50px;}
#endSeminer li:nth-child(2n+1){float:left;}
#endSeminer li:nth-child(2n){float:right;}
#endSeminer h4{padding:0 20px;height:1.5em;font-size:1.3em;line-height:1.5em;font-weight:bold;overflow:hidden;margin:20px 0;}
#endSeminer li .image{border-top:solid 1px #999;}
#endSeminer .seminers .status > div{padding:5px 0;}
.newsList{margin-bottom:80px;}
.newsList ul li{width:100%;margin-top: 0;border-bottom:solid 1px #eee;}
.newsList ul li:last-child {border-bottom: none;}
.newsList ul li a{display:table-cell;width:1000px;/*height:80px;*/vertical-align:middle;}
.newsList ul li .date{display:inline-block;width:100px;font-weight:bold;padding:30px 0 30px 20px;color:#1b5199;}
.newsList ul li .text{display:inline-block;width:calc(100% - 170px);padding:30px 0 30px 40px;vertical-align:top;color: #666;/*border-left:solid 3px #56abe1;*/}
.newsList ul li a .text {color: #0d89c9;}
.newsList ul li a:hover{background:#eee;}
.newsList ul li a:hover .text {color: #0d89c9;}
.newsList ul li a.out {background-image: none; padding: 0;}
.newsList ul li a.out .text > span {padding-right: 28px; background: url(../images/out_link.svg) no-repeat right center;}
.newsList ul li a[href$=".doc"] .text:after,
.newsList ul li a[href$=".docx"] .text:after,
.newsList ul li a[href$=".xls"] .text:after,
.newsList ul li a[href$=".xlsx"] .text:after,
.newsList ul li a[href$=".pdf"] .text:after{content:"";display:inline-block;width:1.5em;height:1.5em;position:relative;top:0.5em;}
.newsList ul li a[href$=".docx"] .text:after,
.newsList ul li a[href$=".doc"] .text:after{background:url(../images/doc.svg) no-repeat right center;}
.newsList ul li a[href$=".xls"] .text:after,
.newsList ul li a[href$=".xlsx"] .text:after{background:url(../images/xls.svg) no-repeat right center;}
.newsList ul li a[href$=".pdf"] .text:after{background:url(../images/pdf.svg) no-repeat right center;}
#sitemap h2 > a,
#sitemap h2 > span{display:block;background:#1b5199;padding:7px 10px;color:#fff;margin-bottom:15px;}
#sitemap .lv01 a,
#sitemap .lv01 span{display:block;background:url(../images/arrow_g.svg) no-repeat left center;background-size:5px auto;padding:5px 1em 5px 15px;}
#sitemap ul{margin-left:3em;}
#sitemap .lv01 ul{margin-bottom:1em;}
#sitemap .lv01{margin-left:1em;margin-bottom:1em;}
#sitemap .lv01 > li > a,
#sitemap .lv01 > li > span{background-image:url(../images/arrow_b.svg);background-size:13px auto;font-size:1.2em;line-height:1.5em;padding-left:25px;font-weight:bold;}
#sitemap .lv03 a{font-size:0.9em;}
.formArea{font-size:0.9em;}
.formArea .inner_title{display:inline-block;width:11em;font-weight:bold;}
.formArea.lineTable th{width:10em;}
.form_control{display:block;width:100%;}
.formArea.lineTable br.sp{display:none;}
.formArea input{padding:3px;width:calc(100% - 12px);}
.formArea input[type=radio]{display:inline-block;width:auto;margin-right:5px;}
.formArea #zip_code_1{width:4em;}
.formArea #zip_code_2{width:5em;}
.formArea #tel_1,
.formArea #tel_2,
.formArea #tel_3{width:5em;}
input.btn{border:none;padding:20px 40px 20px 30px;background-image:url(../images/arrow_s.svg);}
input.btn.left{padding:20px 30px 20px 40px;background-image:url(../images/arrow_sl.svg);background-position:15px center;}
#agreementLabel{display:block;width:100%;text-align:center;background:#eee;padding:20px 0;}
.moreExtend{display:none;}
.btn-expend{background:#1b5199;padding:20px 20px 20px 20px;cursor:pointer;}
@media (max-width:679px){
.btn-expend{padding: 20px 0px 20px 0px;}
}
#popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;display:none;}
#popupContent{background:#fff;width:800px;margin:auto;padding:45px 45px 30px 45px;height:600px;overflow-y:scroll;}
#popupContent li{margin-top:1.5em;}
#popupContent ul{margin-bottom:1.5em;}
@media (max-width:1020px){
#contents {margin-top: 75px;}
.tile li,
.tile li:nth-child(3n+1){margin-left:4%;clear:inherit;}
.tile li{width:48%;}
.tile li:nth-child(2n+1){margin-left:0;clear:both;}
.boxList > li,
.boxList > li:nth-child(3n+1){width:calc(47.5% - 2px);float:left;margin:0 0 30px 5%;clear:none;}
.boxList > li:nth-child(2n+1){margin-left:0;clear:both;}
.logoList > li,
.logoList > li:nth-child(3n+1){width:calc(49.37% - 2px);margin:0 0 30px 1.25%;clear:none;}
.logoList > li:nth-child(2n+1){margin-left:0;clear:both;}
.bth_triplet li{display:block;margin-bottom:20px;}
#worksMenu ul li{width:calc(30% - 4px);margin-bottom:10px;margin-left:5%;}
#worksMenu ul li:nth-child(3n+1){margin-left:0;clear:both;}
#worksMenu ul li a{width:240px;}
#seminerList .text{width:100%;}
#seminerList .image{display:none;}
#seminerList li .sp_image{display:block;}
#seminerList h4{height:auto;}
#endSeminer .seminers .status > div{display:block;}
#endSeminer .seminers .status .date,
#endSeminer .seminers .status .end{float:left;}
#endSeminer .seminers .status .date{border-right:none;}
#endSeminer .seminers .status .type{clear:both;border-top:solid 1px #999;}
#endSeminer .image{display:none;}
.formArea.lineTable th{width:auto;}
.formArea.lineTable br.pc{display:none;}
.formArea.lineTable br.sp{display:block;}
}
@media (max-width:930px){#popupContent{width:80%;padding:20px 20px 20px 20px;}
}
@media (max-width:860px){.column[data-cols="2"] > div,
.column[data-cols="2"] > div:nth-child(2n+1),
.column[data-cols="3"] > div{width:100%;float:none;margin-left:0;margin-bottom:20px;}
.column[data-cols="4"] > div{width:48%;margin-bottom:40px;}
.column[data-cols="4"] > div:nth-child(2n+1){clear:both;margin-left:0;}
.column img{margin:0 auto;}
.column[data-cols="1"] > div{width:100%;margin: 0 auto;}
table.underlineTable tr,
table.lineTable tr{display:block;margin-bottom:20px;}
table.underlineTable th,
table.underlineTable td,
table.lineTable th,
table.lineTable td{display:block;padding:0 0 20px;}
table.lineTable th,
table.lineTable td{padding:20px;}
table.lineTable th{border-bottom:none;}
.news li div,
.news li .date{display:block;width:auto;}
.news li.new .date{padding-left:50px;}
.news li .date{padding-left:0;}
.lede p{font-size:1.4em;line-height:1.8em;text-align:left;}
.archiveList > div{width:100%;margin-left:0;float:none;}
.archiveList > div li:first-child a{border-top:none;}
.archiveList[data-cols="2"] > div:first-child{margin-left:0;}
.archives li{width:100%;margin-left:0;float:none;margin-top:0;}
.archives li a{border-top:none;}
.back{display:none;}
.ps{text-align:left;}
.member li,
.member li:nth-child(3n+1){width:45%;margin-left:5%;clear:none;}
.member li:nth-child(2n+1){margin-left:0;clear:both;}
.member.pickup .image,
.member.pickup .text{width:100%;float:none;}
#seminerArea li{width:100%;float:none !important;}
#worksArea li.works01{width:calc(100% - 1px);float:none;margin-bottom:1px;}
#worksArea li.works02,
#worksArea li.works04{width:calc(50% - 1px);border-left:none;clear:both;}
#worksArea li.works03,
#worksArea li.works05{width:calc(50% - 1px);}
.prof .image{margin-bottom:30px;}
.prof .text h5,
.prof .text .discript{clear:both;}
.prof .text .discript{margin-bottom:30px;}
#worksList ul li,
#worksList ul li.all:nth-child(3n+1){width:47.5%;margin-left:5%;margin-left:5%;clear:none;}
#worksList ul li.all:nth-child(2n+1){margin-left:0;clear:both;}
}
@media (max-width:680px){.un #mainvisual .categoryTitle .categoryTitle_e .en{font-size:2em;}
.un #mainvisual .categoryTitle .ja{font-size:0.8em;}
.bth_twin li{display:block;margin-bottom:20px;}
#worksMenu ul li,
#worksMenu ul li:nth-child(3n+1){width:calc(47.5% - 4px);margin-left:5%;clear:none;}
#worksMenu ul li:nth-child(2n+1){margin-left:0;clear:both;}
#worksMenu ul li a{width:240px;}
#seminerList .seminers .status > div{display:block;}
#seminerList .seminers .status .date,
#seminerList .seminers .status .new{float:left;}
#seminerList .seminers .status .date{border-right:none;}
#seminerList .seminers .status .type{clear:both;border-top:solid 1px #999;}
#seminerList .descript{height:auto;}
#seminerList li .sp_image{float:none;width:100%;height:auto;margin-bottom:20px;margin-right:0;}
#seminerList h4,
#endSeminer h4{font-size:1.2em;}
#endSeminer li{width:calc(100% + 2px);}
#endSeminer li:nth-child(2n+1),
#endSeminer li:nth-child(2n){float:none;}
.newsList ul li ,
.newsList ul li a{display:block;width:auto;height:auto;}
.newsList ul li a:hover {background: none;}
.newsList ul li .date,
.newsList ul li .text{width:auto;border-left:none;}
.newsList ul li .date{padding:30px 0 0;margin-bottom:8px;/*border-bottom:solid 3px #56abe1;*/}
.newsList ul li .text{display:block;padding:5px 0 30px;}
}
@media (max-width:480px){.pageTitle{font-size:1.6em;line-height:1.5em;}
.sectionTitle{font-size:1.6em;line-height:1.5em;}
.boldTitle_b{font-size:1.6em;line-height:1.5em;}
.ps{font-size:1.4em;line-height:1.5em;font-weight:bold;}
.borderBox > *{padding:20px;}
.tile > li{width:100%;}
.tile > li,
.tile > li:nth-child(3n+1){margin-left:0;}
.boxList > li,
.boxList > li:nth-child(3n+1),
.boxList > li:nth-child(2n+1){width:calc(100% - 2px);float:none;margin:0 0 30px 0;clear:both;}
.logoList > li,
.logoList > li:nth-child(3n+1),
.logoList > li:nth-child(2n+1){width:calc(100% - 2px);float:none;clear:both;}
.member.pickup .text h2{font-size:1.3em;}
.member.pickup .text .jpbClass{font-size:0.9em;}
.member.pickup .text .memberName{font-size:1.2em;font-weight:bold;}
.member li,
.member li:nth-child(3n+1),
.member li:nth-child(2n+1){margin-left:0;width:100%;float:none;}
.member li{border-bottom:solid 1px #ccc;}
.member li .image{width:30%;margin:0 10px 10px 0;display:none;}
.member li .text h2{font-size:1.2em;margin-bottom:0;padding-bottom:0;}
.member li .text h2:after{display:none;}
.member li .text .jpbClass{font-size:0.9em;}
.member li .text .memberName{font-weight:bold;}
.member li p{display:none;}
.member.pickup .text table{font-size:0.9em;}
.interviewDate .name,
.interviewDate .date{float:none;}
.interviewDate .name{margin-bottom:20px;}
.interviewDate .date table{width:100%;}
.memberTitle.mainSize{font-size:1.6em;line-height:1.5em;}
#worksArea li.works02 .status > div,
#worksArea li.works03 .status > div,
#worksArea li.works04 .status > div,
#worksArea li.works05 .status > div{width:50% !important;padding:2px 0 !important;text-align:center !important;font-size:0.8em;}
.prof .text h4,
.prof .text .name{font-size:0.8em;}
.prof .text h3{clear:both;font-size:1.1em;}
.seminerBtn{width:80%;font-size:1em;}
#seminerList li .sp_image{display:none;}
#endSeminer h4{height:auto;}
#worksMenu > div{padding:35px 10px;}
#worksMenu ul li a{font-size:0.8em;}
#worksList ul li,
#worksList ul li.all:nth-child(3n+1),
#worksList ul li:nth-child(2n+1){width:100%;margin-left:0;float:none;border-bottom:dotted 1px #ccc;padding-bottom:25px;margin-bottom:25px;}
#worksList ul li .text h3,
#worksList ul li .text p{height:auto;}
#worksList ul li .text h3{border-left:solid 5px #1b5199;padding-left:10px;}
input.btn,
input.btn.left{width:100%;float:none !important;margin-bottom:10px;}
}
dl.info-list{clear:both;}
dl.info-list dt{clear:both;padding:30px 0;float:left;width:20%;font-weight:600;}
dl.contact.info-list dt{width:25%;}
dl.info-list dt span{color:#999;font-weight:300;margin-left:25px;}
dl.contact.info-list dt span{color:#C30;margin-left:0;font-weight:unset;}
dl.info-list dd{border-bottom:solid 1px #e6e6e6;padding:30px 0 30px 20%;}
dl.contact.info-list dd{padding:30px 0 30px 25%;}
dl.info-list .people-list li{display:inline-block;margin:0 30px 0 0;vertical-align:top;}
@media (max-width:768px){dl.info-list dt{width:25%;}
dl.info-list dd{padding-left:25%;}
}
@media (max-width:767px){
  dl.info-list dt{
    width:100%;padding-bottom:10px;
  }
  dl.info-list dd{padding-left:0;}
}
/* table on csr */
.w-100per {width: 100%;}
.w-100per > div {width: 100%;overflow-x: auto;}
.w-100per > div .underlineTable{width: 1000px;}
.w-100per .underlineTable td {padding: 20px 15px;vertical-align: top;}
.w-100per .underlineTable img {margin: 0 auto 1em;}
.w-100per .underlineTable .img-left {float: left;margin: 0 1em 0 0;width: 76px;height: 76px;}
.w-100per .underlineTable .btn.archive {width: 4em;margin: 1em 0 0;float: right;}
.w-100per .underlineTable .csr-box {width: 100%;clear: both;margin: 0 auto 1em;/*display: flex;*/display: inline-block;}
.w-100per .underlineTable .csr-box:nth-child(2) {margin: 0 auto;}
@media (max-width: 860px) {
table.underlineTable tr, table.lineTable tr {display: table-row;margin-bottom: 0;}
}
@media (max-width: 860px) {
table.underlineTable th, table.underlineTable td, table.lineTable th, table.lineTable td {display: table-cell;}
}
.categoryLink{position:relative;}
.button-menu{background:#1b5199;width:40px;height:40px;position:absolute;bottom:30px;left:90px;display:flex;align-items:center;justify-content:center;}
.button-menu img{width:35%;}
.f-ie.image{display:block;}
.f-ie.image img{width:100%;margin:0 auto;}

/* new css */
.inquiry-data {
    margin-bottom: 30px;
}
.inquiry-data_head {
    margin-bottom: 10px;
}
.inquiry-data_head {
    font-weight: 600;
}
.inquiry-data_body {
    border-bottom: 1px solid #ccc;
}
.inquiry-data_body.select {
    border-bottom: none;
}
.inquiry-data_body input, .inquiry-data_body textarea {
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.inquiry-data.contact .inquiry-data_body {
    padding-left: 0;
}
.inquiry-data_body input {
    min-height: 27px;
}
.inquiry-data_body label {
        display: flex;
    justify-content: center;
    align-items: center;
}
.inquiry-data_body textarea {
    resize: none;
}
.no-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
}