@charset "utf-8";
/* -------------------------------------
entry layout
Ver.2.00
Update 170627

------------------------------------- */
/* -------------------------------------
common
------------------------------------- */
#entryContent .note{
font-size:82%;
}
#entryContent #entryFotter .note{
font-size:96%;
}
#entryContent p a img{ 
vertical-align:middle;
}
#categoryData #contentsBlock a{
/*text-decoration:none;*/
}
#categoryData #contentsBlock #entry_body a{
text-decoration:underline;
}
#entryContent {
width:100%;
margin:0;
padding:0;
}

/* 旧デザイン */
div.pageCol {
height:100%;
}
hr.hr {
display:block;
border:none;
border-top:1px dashed #999;
background-color:#fff;
padding:30px 0 10px;
}

/* -------------------------------------
#entryHead
------------------------------------- */
#entryHead {
width:100%;
margin:0 0 20px 0;
padding:0;
}
#entryHead h1 {
margin:0px 0 0;
padding:0;
height:auto;
border-bottom:0;
font-size:1.9em;
line-height:160%;
}
#entryContent #entryHead h1 a {
color:#333;
text-decoration:none;
}
#entryHead h2 {
margin:20px 0 0;
font-weight:normal;
padding:0;
border:none;
font-size:126%;
color:#444;
vertical-align:middle;
height:auto;
line-height:1.4;
}

/* by goo */
.old #entryHead .L {
float:left;
width:140px;
margin:0;
margin-right:10px;
}
.old #entryHead .L img {
width:140px;
}
.old #entryHead .R {
float:right;
width:490px;
margin:0;
}
.old #entryHead .R #entryHeadData {
margin:10px 0 0 0;
padding:0;
}
.old #socialPlugin {
padding:20px 0 10px;
border-top:1px dotted #ccc;
margin-bottom:20px;
}

@media screen and (max-width:767px) {
/*.old #entryHead .L{
float:none;
width:100%;
background:#ccc;
height:150px;
overflow:hidden;
text-align:center;
border:1px solid #ccc;
background-image:linear-gradient(-45deg,#dfdfdf 25%,#ccc 25%, #ccc 50%,#dfdfdf 50%, #dfdfdf 75%,#ccc 75%, #ccc);
background-size:6px 6px;
}
.old #entryHead .L img {
width:150px;
}
.old #entryHead .R{
float:none;
width:100%;
}*/
.old #entryHead .R {
    float: none;
    width: 100%;
}
#entryHead h1 {
    min-height: 140px;
}
#entryHead h2 {
    float:left;
}
.old #entryHead .R #entryHeadData {
    float:left;
}
}

/* by coms */
#entryHead p {
margin:15px 0 0 0;
}
#entryHead .eye_catch {
width:100%;
height:274px;
overflow:hidden;
margin:0 0 30px;
}
#entryHead .eye_catch img {
width:100%;
}

@media screen and (max-width:767px) {
#entryHead .eye_catch {
height:180px;
}
#entryHead .eye_catch img{
margin-top:0 !important;
}
.date .floatR {
float:none;
}
}

/* -------------------------------------
#entryMain
------------------------------------- */
#entryMain {
font-size:120%;
color:#454545;
line-height:150%;
}
#entryMain a,
#entryMain a:visited {
color:#555555;
}
#entryMain a:hover {
color:#c90000;
}

#entry_body h2.theme {
margin-top:30px;
border-bottom:none;
}
#entry_body .para{
margin-bottom:40px;
}
#entry_body p{
line-height:1.6em;
}

/* partner */
#categoryData #contentsBlock #entryMain .partner {
margin-bottom:30px;
font-size:86%;
}
#categoryData #contentsBlock #entryMain .partner span {
background:#ececec;
border:2px solid #ececec;
padding:2px 10px;
border-radius:12px;
}
#categoryData #contentsBlock #entryMain .partner a {
text-decoration:underline;
}
@media screen and (max-width:767px) {
#categoryData #contentsBlock #entryMain .partner span {
display:block;
}
}

/* summary */
#entry_body .company{
margin-top:10px;
text-align:right;
}
#entry_body #summary{
text-align:center;
border:1px solid #ccc;
padding:10px;
margin:10px 0 20px 0;
font-size:86%;
}
#entry_body #summary .title{
font-weight:bold;
font-size:150%;
margin-top:10px;
}
#entry_body #summary .headline{
font-size:110%;
margin-top:10px;
}
#entry_body #summary .serno{
}
@media screen and (max-width:767px) {
#entry_body #summary p br{
display:none;
}
}

/* h1-5 */
#entry_body h2{
margin-bottom:15px;
padding-bottom:4px;
font-size:120%;
font-weight:normal;
color:#6c6c6c;
}
#entry_body h3{
font-size:116%;
font-weight:bold;
color:#b87d1b;
padding:0;
margin:20px 0 10px;
border:none;
}
#entry_body h4{
font-size:104%;
font-weight:bold;
margin:0.4em 0;
color:#333;
}
#entryMain h5,
#entryMain h6{
font-size:100%;
}

/* point */
#entry_body .point h3{
font-size:108%;
color:#555555;
}
#entry_body .point li {
margin-bottom:14px;
}
#entry_body .point li:last-child {
margin-bottom:0;
}

/* graph */
#entry_body .graph{
margin:20px 0 30px 0;
text-align:center;
color:#6c6c6c;
}
#entry_body .graph p{
margin:10px 0;
font-size:82%;
}
#entry_body .graph img {
max-width:710px;
max-height:auto;
}
#entry_body .graph .lightbox_magnify {
position:relative;
display:inline;
top:0;
right:8px;
text-align:right;
}
#entry_body .graph p a .lightbox_magnify img {
vertical-align:bottom;
}

@media screen and (max-width:767px) {
#entry_body .graph img {
max-width:100%;
max-height:100%;
}
#entry_body .graph .lightbox_magnify {
display:block;
top:initial;
bottom:21px;
right:0;
}
}

/* supp */
#entry_body #supp{
font-size:92%;
}
#entry_body #supp .title{
font-weight:bold;
margin-bottom:0px;
}
#entry_body #supp p{
margin-bottom:15px;
}

/* reference */
#entry_body #reference{
text-align:right;
}
#entry_body #reference .title{
margin-top:5px;
font-weight:bold;
}
#entry_body #reference p{
margin-bottom:0px;
}

/* table */
#entry_body table{
font-size:92%;
}

#entry_body table.outline{
width:100%;
margin-top:10px;
border:1px solid #ddd;
border-collapse:collapse;
}
#entry_body table.outline th,
#entry_body table.outline td{
padding:5px;
border:1px solid #ddd;
vertical-align:middle;
line-height:1.3;
text-align:left;
}
#entry_body table.outline th{
background-color:#f1efef;
white-space:nowrap;
}

#entry_body table.fa{
width:100%;
margin-top:10px;
border:1px solid #ccc;
border-collapse:collapse;
}
#entry_body table.fa th,
#entry_body table.fa td{
padding:5px;
border:1px solid #ccc;
background-color:transparent;
vertical-align:middle;
line-height:1.3;
text-align:left;
}
#entry_body table.fa td{
color: #545454;
}
#entry_body table.fa th.th1,
#entry_body table.fa td.td1{
background-color:#D2EAFF;
font-weight:bold;
text-align:center;
}

#entry_body table.mainichi{
border:1px solid #ccc;
border-collapse:collapse;
}
#entry_body table.mainichi th,
#entry_body table.mainichi td{
padding:3px 6px;
border:1px solid #ccc;
line-height:1.3;
vertical-align:middle;
}
#entry_body table.mainichi th{
/*background-color:transparent;*/
text-align:left;
}
#entry_body table.mainichi td{
text-align:right;
}

/* indent */
#entry_body .num{
padding-left:2em;
text-indent:-2em;
}
#entry_body .mark{
padding-left:1em;
text-indent:-1em;
}
#entry_body .para p{
margin-bottom:0.3em;
text-indent:1em;
}
#entry_body p.note,
#entry_body p.link,
#entry_body p.title,
#entry_body .graph p,
#entry_body #supp p,
#entry_body #reference p,
#entry_body p.alignC{
text-indent:0em;
}

/*インターネットコム用*/
#entry_body.internetcom {
margin-top:30px;
margin-bottom: 50px;
}
#entry_body.internetcom #release{
margin-bottom:30px;
}
#entry_body.internetcom a{
text-decoration:underline;
}
#entry_body.internetcom table td {
text-align:center;
}
#entry_body.internetcom sub {
line-height:1.0;
}
#entry_body.internetcom table,
#entry_body.internetcom table th,
#entry_body.internetcom table td {
border:none;
}


/* -------------------------------------
#entryMain fotter
------------------------------------- */
/* 外部リンク */
#entryMain .anotherlink {
margin:50px 0; 
}
#entryMain .anotherlink a {
font-weight:bold;
text-decoration:none;
}
#entryMain .anotherlink a:hover {
text-decoration:underline;
}
#entryMain .anotherlink .note {
margin-left:16px;
}

/* 調査概要 */
#entryMain .box {
border:1px solid #999;
padding:10px;
margin:20px 0;
}

/* データストア */
#datastr {
margin-top:40px;
background-color:#555555;
padding: 10px;
color:#eee;
text-align:center;
}
#datastr .contact-form-submit {
margin:20px auto;
text-align:center;
}
#datastr .contact-form-submit input {
padding:10px 20px;
text-align:center;
border: 2px #eee outset;
border-radius:4px;
background: linear-gradient(125deg, #eee, #ddd);
}

#datastr_right {
background-color:#cc3333;
padding:22px 10px;
margin:0 auto 24px;
text-align:center;
color:#eee;
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
#datastr_right:not(:target) {
padding:25px 10px; /* IE10, IE11 */
}
}
#datastr_right p {
margin-bottom:10px;
}
#datastr_right .contact-form-submit input {
width:160px;
padding:10px 0;
text-align:center;
border: 2px #eee outset;
border-radius:4px;
}

@media screen and (max-width:767px) {
#datastr {
background-color:#cc3333;
}
#datastr::before {
content: " ";
margin-top: -20px;
height: 100px;
display: block;
visibility: hidden;
}
#datastr p {
padding-bottom: 10px;
margin-top: -30px;
}
#datastr_right {
display:none;
}
#datastr .contact-form-submit input {
padding-left:10px;
padding-right:10px;
-webkit-appearance: none;
}
}

}

/* 関連リンク */
#colRelated {
margin-top:50px;
}
#colRelated h2 {
margin-bottom:15px;
padding-bottom:4px;
font-size:130%;
font-weight:normal;
color:#6c6c6c;
}
#colRelated dl {
display:block;
}
#colRelated dl dt {
display:block;
width:165px;
float:left;
margin-top:0;
font-weight:normal;
padding-bottom:8px;
}
#colRelated dl dd {
width:460px;
margin-left:170px;
padding-bottom:8px;
font-size:110%;
}
#colRelated dl dd a {
color:#555;
text-decoration:none;
background:url(/common/image/ico_link.gif) 0 42% no-repeat;
padding-left:15px;
}
#colRelated dl dd a:hover {
color:#c90000;
}

/* タグ */
.tagName {
margin-top:50px;
margin-bottom:0;
}
.tagName a {
text-decoration:underline;
}

@media screen and (max-width:767px) {
#colRelated dl dt {
 width:100%;
float:none;
padding-bottom:0;
}
#colRelated dl dd {
width:100%;
margin-left:0;
font-size:110%;
}
.tagName {
margin-top:30px;
}
}


/* service menu */
.service_menu * {
box-sizing: border-box;
}
.service_menu {
background: #08152E;
padding:20px;
margin-top: 50px;
}
.service_menu > p {
text-align: center;
color: #ccc;
}
.service_menu .menu_list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
.service_menu ul.menu_list:nth-of-type(1) li {
width:47%;
}
.service_menu ul.menu_list:nth-of-type(2) li {
width:30%;
}
.service_menu .menu_list .menu_button {
text-decoration:none;
border:1px solid #646974;
background:rgba(255,255,255,0.2);
display:inline-block;
text-align: center;
padding: 10px;
width:100%;
position: relative;
}
.service_menu .menu_list .menu_button p {
margin-bottom:5px;
color:#acafb5;
}
.service_menu .menu_list .menu_button .service_name {
font-size:120%;
position: relative;
display: inline-block;
padding-left: 15px;
color:#fff;
}
.service_menu .menu_list .menu_button .service_name::before{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
}
.service_menu .menu_list .menu_button p br.sp {
display:none;
}

.service_menu .menu_list .menu_button::before,
.service_menu .menu_list .menu_button::after,
.service_menu .menu_list .menu_button span::before,
.service_menu .menu_list .menu_button span::after {
background-color: #fff;
content: '';
display: block;
position: absolute;
z-index: 10;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.service_menu .menu_list .menu_button::before {
bottom: -1px;
height: 1px;
right: -1px;
width: 0px;
}
.service_menu .menu_list .menu_button::after {
height: 1px;
left: -1px;
top: -1px;
width: 0px;
}
.service_menu .menu_list .menu_button span::before {
height: 0px;
right: -1px;
top: -1px;
width: 1px;
}
.service_menu .menu_list .menu_button span::after {
bottom: -1px;
height: 0px;
left: -1px;
width: 1px;
}
.service_menu .menu_list .menu_button:hover::before,
.service_menu .menu_list .menu_button:hover::after {
width: 100%;
width: calc(100% + 1px);
}
.service_menu .menu_list .menu_button:hover span::before,
.service_menu .menu_list .menu_button:hover span::after {
height: 100%;
height: calc(100% + 1px);
}

@media screen and (max-width:767px) {
.service_menu .menu_list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0px;
}
.service_menu ul.menu_list:nth-of-type(1) li,
.service_menu ul.menu_list:nth-of-type(2) li {
width:100%;
margin-top: 20px;
}
.service_menu .menu_list .menu_button p br.sp {
display:block;
}
}

/* -------------------------------------
social plugin
------------------------------------- */
#socialPlugin {
float:right;
width:100%;
margin:10px 0 0 0;
padding:10px 0;
border-top:none;
border-bottom:1px dotted #ccc;
}
#socialPlugin ul li {
display:block;
overflow:hidden;
width:100px;
float:right;
vertical-align:top;
text-align:right;
}
#socialPlugin ul li.sns_tw{
width:75px;
margin-left:10px;
}
#socialPlugin ul li.sns_fb{
width:150px;
}
#socialPlugin ul li.sns_gl{
width:50px;
margin-left:10px;
}
#socialPlugin ul li.sns_hb{
width:110px;
}
#socialPlugin ul li.sns_pk{
width:100px;
}

@media screen and (max-width:767px) {
#socialPlugin {
float:none;
padding-top:20px;
border-top:1px dotted #ccc;
}
#socialPlugin ul li {
margin-bottom:10px;
}
}


/* -------------------------------------
NPS Benchmark
------------------------------------- */
.nps #datastr {
margin:5px auto 0;
text-align:center;
}
.nps #datastr,
.nps #datastr_right {
background:#cc9933;
}
.nps #datastr a,
.nps #datastr_right a {
display:block;
margin:0 auto;
text-align: center;
color:#000;
background:#f3f3f3;
background:-moz-linear-gradient(top center, #fff 0%, #ddd 100%);
background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));
background:linear-gradient(top center, #fff 0%, #ddd 100%);
border:1px solid #7B7B7B;
text-decoration:none;
}
#categoryData.nps #contentsBlock #datastr a {
text-decoration:none;
width: 200px;
padding:10px;
}
.nps #datastr_right a {
width:160px;
height:26px;
padding-top:8px;
}