@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}
body {
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  height: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  min-width: 1155px;
  background-color: #f5f5f5;
  color: #464646;
  box-sizing: border-box;
}

a {
  color: inherit;
}

a:link {
  /*
  text-decoration: underline;
  color: #2a97ec;*/
}

a:hover, a:focus {
  text-decoration: none;
}

a:hover img, a:focus img {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a.no-over:hover img, a.no-over:focus img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

label {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
}

[hidden] {
  display: none!important;
}

body {
  position: relative;
}

section {
  padding: 0;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.em {
  color: #ff6d85;
}

button {
  overflow: visible;
}

button:disabled, button:disabled:hover {
  background-color: #a9a9a9;
  cursor: default;
}

.error .message {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  display: inline-block;
  padding: 14px 18px;
  text-align: left;
  background-color: #ff6d85;
  left: 210px;
  top: 8px;
  margin-top: -6px;
  border-radius: 3px;
}

.error .message:before, .error .message :after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}

.error .message:after {
  top: 98%;
  left: 42%;
  border: 5px solid transparent;
  border-top: 10px solid #ff6d85;
}

.error .message:before {
  top: 100%;
  left: 42%;
  border: 5px solid transparent;
  border-top: 10px solid #ff6d85;
}

.w55 {
  width: 55px;
}

.w66 {
  width: 66px;
}

.w94 {
  width: 94px;
}

.w97 {
  width: 97px;
}

.w115 {
  width: 115px;
}

.w124 {
  width: 124px;
}

.w144 {
  width: 144px;
}

.w160 {
  width: 160px;
}

.w170 {
  width: 170px;
}

.w174 {
  width: 174px;
}

.w190 {
  width: 190px;
}

.w249 {
  width: 249px;
}

.w264 {
  width: 264px;
}

.w294 {
  width: 294px;
}

.w300 {
  width: 300px;
}

.w310 {
  width: 310px;
}

.w358 {
  width: 358px;
}

.w402 {
  width: 402px;
}

.w412 {
  width: 412px;
}

.w460 {
  width: 460px;
}

.w498 {
  width: 498px;
}

.w512 {
  width: 512px;
}

.w516 {
  width: 516px;
}

.w529 {
  width: 529px;
}

.w534 {
  width: 534px;
}

.w593 {
  width: 593px;
}

.w620 {
  width: 620px;
}

.w784, .datalist.w784 {
  width: 784px;
}

.w818 {
  width: 818px;
}

.w824 {
  width: 824px;
}

.w_100p {
  width: 100%;
}

.ipt-select.w_173 {
  width: 173px !important;
}

.h44 {
  height: 44px;
}

.h46 {
  height: 46px;
}

.h144 {
  height: 144px;
}

.h155 {
  height: 155px;
}

.h234 {
  height: 234px;
}

.h_100 {
  height: 100px;
}

.h_240 {
  height: 240px;
}

.block.mt10, .newsbox li.mt10 {
  margin-top: 10px;
}

.block.mt38, .newsbox li.mt38 {
  margin-top: 38px;
}

.block.pb72, .newsbox li.pb72 {
  padding-bottom: 72px;
}

.block.pb130, .newsbox li.pb130 {
  padding-bottom: 130px;
}

.block.pb50, .newsbox li.pb50 {
  padding-bottom: 50px;
}

.block.pb80, .newsbox li.pb80 {
  padding-bottom: 80px;
}

.mr7 {
  margin-right: 7px;
}

.mr10 {
  margin-right: 10px;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt70 {
  margin-top: 70px;
}

.ml10 {
  margin-left: 10px;
}

.ml163 {
  margin-left: 163px;
}

.ml170 {
  margin-left: 170px;
}

.ml200 {
  margin-left: 200px;
}

.ml312 {
  margin-left: 312px;
}

.ml310 {
  margin-left: 310px;
}

.m0-important {
  margin: 0!important;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pl36 {
  padding-left: 36px;
}

.pr36 {
  padding-right: 36px;
}

.pr140 {
  padding-right: 140px;
}

.pt14 {
  padding-top: 14px;
}

.pt20 {
  padding-top: 20px;
}

.pt40 {
  padding-top: 40px;
}

.block.mb11, .newsbox li.mb11 {
  margin-bottom: 11px;
}

.block.mb14, .newsbox li.mb14 {
  margin-bottom: 14px;
}

.block.pl0, .newsbox li.pl0 {
  padding-left: 0;
  position: relative;
}

.block.pb30, .newsbox li.pb30 {
  padding-bottom: 30px
}

.block.pb56, .newsbox li.pb56 {
  padding-bottom: 56px;
}

.inline, .inline2, .inline3 {
  display: inline;
}

.help {
  line-height: 1;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  padding: 4px 6px;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: 8px;
  font-size: 9px;
  font-size: 9px;
  font-size: .9rem;
  color: #989898;
  position: absolute;
}

.help a {
  text-decoration: none;
}

input, select, textarea {
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  position: relative;
  border-radius: 5px;
  background-color: #fcfcfc;
  line-height: 1.5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  height: 18px;
}

.tcenter {
  text-align: center;
}

.tright {
  text-align: right;
}

.lh14 {
  line-height: 1.4;
}

.fbold {
  font-weight: 700;
}

.fnormal {
  font-weight: 400;
}

.iblockParent {
  letter-spacing: -.4em;
}

.iblockParent>* {
  letter-spacing: normal;
}

.iblock {
  letter-spacing: normal;
  display: inline-block;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

.aleft {
  float: left;
}

.aright {
  float: right;
}

ul.cf li {
  float: left;
}

.fsize12 {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

.fsize14 {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

.fsize16 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.fsize18 {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
}

.fsize30 {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
}

.left_ttl {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #464646;
  font-weight: 700;
}

.hidden {
  display: none;
}

.error-msg {
  background-color: #ff6d85;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.is-dashboard {
  padding-top: 181px;
}

.is-dashboard.open-analyze-custom {
  padding-top: 250px;
}

.is-dashboard.open-report-generate {
  padding-top: 343px;
}

.is-dashboard.open-analyze-custom.open-report-generate {
  padding-top: 412px;
}

.is-dashboard.open-trial {
  padding-top: 237px;
}

.is-dashboard.open-trial.open-analyze-custom {
  padding-top: 306px;
}

.is-dashboard.open-trial.open-report-generate {
  padding-top: 399px;
}

.is-dashboard.open-trial.open-analyze-custom.open-report-generate {
  padding-top: 468px;
}

.l-contents .info {
  margin-left: 9px;
}

.l-contents .info p {
  line-height: 2;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

.l-contents .loading {
  background-color: #fff;
  width: 74px;
  height: 74px;
  margin: 45px auto;
}

.l-contents .loading img {
  margin: 19px;
}

.l-contents #leftContents {
  float: left;
  padding-top: 10px;
}

.l-contents #rightContents {
  padding: 10px 12px 12px 20px;
}

.l-contents #rightContents h4 {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 6px 0 30px;
  font-weight: 700;
}

.l-contents .radio {
  height: 38px;
}

.l-contents .radio li {
  position: relative;
  float: left;
  width: 151px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

.l-contents .radio li input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.l-contents .radio li label {
  display: block;
  padding: 10px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  text-align: center;
  margin-right: 5px;
  border-radius: 5px;
}

.l-contents .radio li input:checked+label {
  background-color: #2a97ec;
  color: #fff;
}

.l-contents .radio li.help_link {
  width: 10px;
  position: relative;
}

.l-contents.margin-onenavi {
  margin-top: 46px;
}

.l-contents.margin-twonavi {
  margin-top: 92px;
}

.loading-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}

.open-loading-modal .loading-modal {
  display: block;
}

.open-loading-modal #media-list-loading.loading-modal {
  display: none;
}

.open-media-list-loading-modal #media-list-loading.loading-modal {
  display: block;
}

.open-loading-modal #media-list-loading.loading-modal .modal-bg, .open-error-modal #media-list-loading.loading-modal .modal-bg {
  display: none;
}

.open-media-list-loading-modal #media-list-loading.loading-modal .modal-bg {
  display: block;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

.error-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}

.open-error-modal .error-modal {
  display: block;
}

.modal-bg {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.open-loading-modal .modal-bg, .open-error-modal .modal-bg {
  display: block;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

.data-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 120px;
  margin-top: -60px;
  margin-left: -120px;
  padding: 35px;
  text-align: center;
  background-color: #fff;
  font-weight: 700;
  color: #686868;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}

.data-loading .message {
  margin-bottom: 15px;
}

.data-loading .loader {
  width: 185px;
  height: 15px;
  padding: 1px;
  border: 2px solid #e4e4e4;
  border-radius: 8px;
  box-sizing: border-box;
}

.data-loading .loader .bar {
  width: 0;
  height: 100%;
  background-color: #32c6a2;
  border-radius: 8px;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.open-loading-modal .data-loading {
  display: block;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.data-error {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 80px;
  margin-top: -40px;
  margin-left: -150px;
  padding: 35px;
  text-align: center;
  background-color: #fff;
  font-weight: 700;
  color: #2a97ec;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}

.data-error .message {
  margin-bottom: 15px;
}

.open-error-modal .data-error {
  display: block;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.list-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  text-align: center;
}

.list-loading .loader {
  margin: auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .8em solid rgba(42, 151, 236, .2);
  border-right: .8em solid rgba(42, 151, 236, .2);
  border-bottom: .8em solid rgba(42, 151, 236, .2);
  border-left: .8em solid #2a97ec;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.list-loading .loader, .list-loading .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.secondary {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 82px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 3px 3px 0 rgba(51, 51, 51, .1);
  box-sizing: border-box;
}

.secondary .heading {
  display: table-cell;
  vertical-align: middle;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
}

.is-dashboard .secondary .heading {
  font-size: 36px;
  font-size: 36px;
  font-size: 3.6rem;
  width: 220px;
}

.secondary .heading.fnt18 {
  font-weight: 700;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
}

.secondary .heading.fnt22 {
  font-weight: 700;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem;
}

.secondary .heading .date {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2a97ec;
  font-weight: 400;
}

.secondary .heading-pdf {
  display: table-cell;
  vertical-align: middle;
}

.is-dashboard .secondary .heading-pdf {
  font-size: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  width: 140px;
}

.secondary .heading-pdf .date {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2a97ec;
  font-weight: 400;
}

.secondary .tools {
  display: table-cell;
  position: relative;
  text-align: right;
  vertical-align: middle;
}

.secondary .tools li {
  display: inline-block;
}

.secondary .tools li.main-keyword {
  position: absolute;
  top: 35px;
  left: -10px;
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
}

.secondary .tools li.main-keyword span.label {
  color: #717171;
}

.secondary .tools li.main-keyword span.keyword {
  visibility: hidden;
  margin-left: 10px;
  color: #d3d3d3;
}

.secondary .tools li.main-keyword span.keyword.exists {
  color: #2a97ec;
}

.secondary .tools .btn {
  position: relative;
  padding-left: 35px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

.secondary .tools .dashboard .btn, .secondary .tools .media .btn, .secondary .tools .report .btn, .secondary .tools .hasicon .btn {
  padding-left: 48px;
  padding-right: 24px;
}

.secondary .tools .btn.mini {
  position: relative;
  min-width: 102px;
  padding: 13px 20px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

.secondary .tools .btn:before, .secondary .tools .btn.mini:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.secondary .tools button:disabled {
  background-color: #2a97ec;
  cursor: default;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.secondary .tools button:disabled:hover, .secondary .tools button:disabled:focus {
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.secondary .tools .media .btn:before {
  background: image-url("icn_plus.png") no-repeat;
}

.secondary .tools .report .btn:before {
  background: image-url("icn_download.png") no-repeat;
}

.secondary .tools .dashboard .btn:before {
  background: image-url("icn_dashboard.png") no-repeat;
}

.secondary .sub-title {
  padding-top: 20px;
}

.secondary .title {
  padding: 0 0 12px;
}

.secondary .title .date {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 10px;
  line-height: 34px;
}

.secondary .title .news_title {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 34px;
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon/icomoon.eot?ek676c);
  src: url(../fonts/icomoon/icomoon.eot?ek676c#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf?ek676c) format("truetype"), url(../fonts/icomoon/icomoon.woff?ek676c) format("woff"), url(../fonts/icomoon/icomoon.svg?ek676c#icomoon) format("svg");
}

[class^=icon-], [class*=" icon-"] {
  font-family: icomoon!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-res:before {
  content: "\e900";
}

.icon-arrow1:before {
  content: "\e901";
}

.icon-arrow2:before {
  content: "\e902";
}

.icon-check:before {
  content: "\e903";
}

.icon-close:before {
  content: "\e904";
}

.icon-download:before {
  content: "\e905";
}

.icon-hamb:before {
  content: "\e906";
}

.icon-home:before {
  content: "\e907";
}

.icon-list:before {
  content: "\e908";
}

.icon-plus-c:before {
  content: "\e909";
}

.icon-plus:before {
  content: "\e90a";
}

.icon-power:before {
  content: "\e90b";
}

.icon-print:before {
  content: "\e90c";
}

.icon-search:before {
  content: "\e90d";
}

.icon-tag:before {
  content: "\e90e";
}

.icon-dots:before {
  content: "\e90f";
}

.icon-comment:before {
  content: "\e910";
}

.icon-dictionary:before {
  content: "\e911";
}

.icon-settings:before {
  content: "\e912";
}

.icon-shelf:before {
  content: "\e913";
}

.icon-trash:before {
  content: "\e914";
}

.icon-user:before {
  content: "\e915";
}

.icon-help:before {
  content: "\e916";
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium")
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Bold");
  font-weight: 700;
}

body {
  font-family: Helvetica, Helvetica Neue, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
}

body.is-lp {
  font-family: Helvetica, Helvetica Neue, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
  background-color: #f9f9fa;
  color: #73787c;
  overflow: hidden;
}

body.is-top {
  min-width: 1280px;
  background-color: #fff;
}
.l-body {
  box-sizing: border-box;
  width: 100%;
  min-width: 1155px;
  min-height: 630px;
  position: relative;
}

.is-lp .l-body {
  min-width: 1280px;
}

.l-body.dashboard_graph_report .l-main {
  padding-right: 0;
}

.l-body.dashboard_graph_report .p-dashboardHeading, .l-body.dashboard_graph_report .p-showMediaBtn {
  display: none;
}

.l-body.dashboard_graph_report .dashboard-summary-chart .p-resultLine__item .p-resultLine__item__content {
  text-align: right;
  width: 1100px;
}

.l-main {
  padding-right: 54px;
  position: relative;
}

.l-main--lp {
  padding-right: 0;
  box-sizing: border-box;
  min-height: 100vh;
  padding-bottom: 285px;
}
.l-seminar.l-main--lp {
  padding-bottom: 185px;
}

.l-contents {
  position: relative;
}

.l-contents.is-closeHeader {
  top: 0!important;
}

.l-contents.interview {
  color: #000;
  font-family: Yu Gothic Medium, "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.l-contents.interview a {
  color: #000;
}

.l-contents.interview a:hover {
  text-decoration: none;
  color: #2a97eb;
}

.l-manageBody {
  padding: 0 25px 100px;
}

.l-static {
  padding: 0 80px;
}
body.is-lp:not(.is-top) .l-contents {
  padding-bottom: 100px;
}
.l-static--login {
  background-color: #fff;
  padding: 80px;
  border-radius: 3px;
}

.l-interview {
  max-width: 1280px;
  min-width: 1155px;
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
  position: relative;
  margin-top: -50px;
}

.l-interview__article {
  margin-bottom: 40px;
}

.l-interview__article .interviewIntroduce {
  margin-bottom: 40px;
}

.l-interview__article .interviewArticle {
  margin-bottom: 40px;
}

.l-interview__article .interviewArticle:last-child {
  margin-bottom: 0;
}

.l-interview .contact {
  margin-bottom: 100px;
}

.l-topContainer {
  max-width: 1336px;
  min-width: 1155px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 28px;
}

.l-topContainer--caseStudies {
  max-width: 930px;
  padding: 0 17px;
}

.l-topContainer--company {
  max-width: 1260px;
  padding: 0 80px;
  margin-top: 100px;
}

.l-topContainer--intro {
  max-width: 1280px;
  padding: 80px 110px 0;
}

.l-topContainerCompany {
  max-width: 1250px;
  min-width: 1235px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 28px;
}

.l-topContainerCompany--caseStudies {
  max-width: 930px;
  padding: 0 17px;
}

.l-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.l-modal--lp .l-modal__overlay {
  background-color: rgba(0, 0, 0, .8);
}

.l-modal--lp .l-modal__content {
  width: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.l-modal--lp iframe {
  display: block;
}

.l-modal.is-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.l-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(172, 172, 172, .8);
}

.l-modal__overlay--white {
  background-color: rgba(255, 255, 255, .7);
}

.l-modal__content {
  position: absolute;
  overflow: hidden;
  top: 50%;
  width: 800px;
  left: 50%;
  max-height: 590px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
}

.l-modal__content--dataLoading {
  width: 247px;
  height: 103px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 3px;
}

.l-modal__content__close {
  position: absolute;
  right: 21px;
  top: 21px;
  z-index: 2;
  cursor: pointer;
}

.l-modal__content__close:before {
  font-size: 14px;
  color: #838383;
}

.l-modal__content__header {
  line-height: 56px;
  font-size: 12px;
  color: #838383;
  -webkit-transition: all .2s;
  transition: all .2s;
  max-height: 57px;
}

.l-modal__content__header.has-error {
  max-height: 113px;
}

.l-modal__content__header.has-error .l-modal__content__header__error {
  position: relative;
  top: 0;
  visibility: visible;
}

.l-modal__content__header__inner {
  padding: 0 45px 0 30px;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.l-modal__content__header__error {
  padding: 0 30px;
  position: absolute;
  width: 100%;
  top: -57px;
  -webkit-transition: all .2s;
  transition: all .2s;
  background-color: #f96a82;
  color: white;
  text-align: center;
  visibility: hidden;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
}

.l-modal__content__inner--grey {
  background-color: #f5f5f5;
}

.l-lpHeader {
  background-color: #fff;
  padding: 0 40px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #93989d;
}

.l-lpHeader a {
  color: #596574;
  text-decoration: none;
  -webkit-transition: all .15s;
  transition: all .15s;
}

.l-lpHeader--transparent {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}
.l-lpHeader--transparent .l-lpHeader__links__hasChild::before {
 border-color: #fff;
}
.l-lpHeader--transparent a {
  color: #fff;
}

.l-lpHeader--transparent .l-lpHeader__title svg path {
  fill: #fff;
}

.l-lpHeader__title svg path {
  fill: #596574;
}

.l-lpHeader__title a {
  display: block;
}

.l-lpHeader__title a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.l-lpHeader__links {
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-lpHeader__links__item {
  box-sizing: border-box;
}
.l-lpHeader__links__item.selected a {
  color: #2A97EB;
}
.l-lpHeader__links__hasChild {
  position: relative;
}
.l-lpHeader__links__hasChild a {
  padding-right: 10px;
}
.l-lpHeader__links__hasChild::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 20%;
  right: 22%;
  width: 5px;
  height: 5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #596574;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all .15s;
}
.l-lpHeader__links__hasChild:hover::before {
  opacity: 0.6;
}
.l-lpHeader__links__Child {
  display: none;
  position: absolute;
  z-index: 2;
  padding-top: 15px;
}
.l-lpHeader__links__Child ul {
  /*top: 30px;*/
  /*border: 1px solid rgba(112, 112, 112,.16);*/
  border: 1px solid rgba(112, 112, 112,.1);
  box-shadow: 0 0 8px rgb(0 0 0 / 15%);
  border-radius: 5px;
  background: #fff;

}
.l-lpHeader__links__Child ul li {
  font-size: 14px;
  /*border-bottom: 2px solid rgba(112, 112, 112,.16);*/
  border-bottom: 2px solid rgba(112, 112, 112,.1);
  display: flex;
  padding: 0;
}
.l-lpHeader__links__Child ul li:last-of-type {
  border-bottom: 0;
}
.l-lpHeader__links__hasChild .l-lpHeader__links__Child ul li a {
  width: 100%;
  color: #596574;
  padding: 15px 14px;
}
.l-lpHeader__links__hasChild:hover .l-lpHeader__links__Child {
  display: block;
}
.l-lpHeader__links__hasChild ul li:hover {
  background: #F2F2F2;
  cursor: pointer;
}
.l-lpHeader__links__hasChild ul li:hover a {
  /*color: #2a97eb;*/
  opacity: 1;
}

.l-lpHeader__links__item a:hover {
  /*color: #2a97eb;*/
  opacity: 0.6;
}

.l-lpHeader__links__item:not(:last-child):after {
  content: "";
  padding-left: 1em;
  margin-right: 1em;
  font-weight: 400;
  /*color: #93989d;*/
  color: transparent;
}

.l-lpHeader__login {
  margin-left: 40px;
}
.l-lpFooter {
  background-color: #F0F4F8;
  padding: 45px 40px 120px;
  min-height: 190px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 1155px;
}
.l-lpFooter .l-lpFooter__links__item {
  float: left;
  font-size: 12px;
}
.l-lpFooter .l-lpFooter__links .l-lpFooter__links__item:not(:last-child):after {
  color: transparent;
  padding-left: 7.5px;
  margin-right: 7.5px;
}

.l-lpFooter__row {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.l-lpFooter__row a {
  color: #93989d;
  text-decoration: none;
  -webkit-transition: all .15s;
  transition: all .15s;
}

.l-lpFooter__title svg path {
  fill: #596574;
}

.l-lpFooter__title a {
  display: block;
}

.l-lpFooter__title a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.l-lpFooter__copyright {
  color: #d2d5d8;
  font-size: 12px;
  font-weight: 400;
  font-family: Helvetica Neue, Helvetica;
  position: relative;
  top: 35px;
}

.l-lpFooter__links {
  margin-left: auto;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-lpFooter__links__item {
  box-sizing: border-box;
}

.l-lpFooter__links__item a:hover {
  color: #838383;
}

.l-lpFooter__links__item:not(:last-child):after {
  content: "|";
  padding-left: 1em;
  margin-right: 1em;
  font-weight: 400;
  color: #93989d;
}

.l-lpFooter__fixed {
  position: fixed;
  z-index: 10;
  background-color: rgba(50, 58, 69, .92);
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 30px;
  min-width: 1155px;
}

.l-lpFooter__fixed--top {
  bottom: -100px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.l-lpFooter__fixed--top.is-active {
  bottom: -1px;
}

.l-lpFooter__fixed__text {
  font-size: 24px;
}

.l-lpFooter__fixed__btn {
  margin-left: auto;
}
.l-lpFooter .l-lpHeader__links {
  display: block;
  position: relative;
  width: 600px;
  padding-bottom: 40px;
  top: -30px;
  /*z-index: 50;*/
}
.l-lpHeader__links__hasChild:hover {
  z-index: 50;
}
.l-lpFooter .l-lpHeader__links .l-lpHeader__links__item {
  float: left;
}
.l-lpFooter .l-lpHeader__links .l-lpHeader__links__item a {
  color: #4D4D4D;
  font-weight: 300;
  font-size: 16px;
}
.l-lpFooter .l-lpHeader__links__item:not(:last-child):after {
  color: #93989D;
}
.l-lpFooter .l-lpFooter__links {
  display: block;
  position: relative;
  width: 447px;
  top: -25px;
}
.l-lpFooter .l-lpHeader__links .l-lpHeader__links__hasChild::before {
  right: -5px;
}
.l-lpFooter .l-lpHeader__links .l-lpHeader__links__item .l-lpHeader__links__Child {
  width: 138px;
}
.l-lpFooter .l-lpHeader__links .l-lpHeader__links__item .l-lpHeader__links__Child a {
  font-size: 14px;
}



.c-normalBtn {
  font-size: 14px;
  line-height: 43px;
  background-color: transparent;
  border-radius: 21px;
  border: 1px solid #838383;
  width: 260px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}

.c-normalBtn:link {
  color: #464646;
}

.c-normalBtn--half {
  width: 150px;
}

.c-normalBtn--small {
  width: 200px;
  line-height: 32px;
  font-size: 12px;
}

.c-normalBtn--sendMail {
  width: 180px;
}

.c-normalBtn--caseMore {
  border-radius: 5px;
  border-color: #323a45;
  color: #323a45;
  line-height: 50px;
  font-weight: 700;
}

.c-normalBtn:hover {
  border: 1px solid #2a97eb;
  color: #2a97eb;
}

a.c-normalBtn {
  text-decoration: none;
}

.c-lpHeading {
  text-align: center;
  padding-top: 70px;
  min-height: 200px;
  box-sizing: border-box;
  overflow: hidden;
  color: #596574;
}

.c-lpHeading--pt150 {
  padding-top: 150px;
}

.c-lpHeading--company {
  min-height: auto;
  padding-top: 80px;
  font-size: 28px;
  text-align: left;
  margin-bottom: 60px;
}

.c-lpHeading__title {
  font-size: 38px;
}

.c-lpHeading__subTitle {
  font-size: 18px;
  color: #d2d5d8;
  margin-top: 16px;
}

.c-lpHeading__comment {
  margin-top: 21px;
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 2.572;
}

.c-terms__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 17px;
}

.c-terms__text {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 2.25;
}

.c-terms__text a {
  color: #464646;
  text-decoration: none;
}

.is-lp .c-terms__text a {
  color: #73787c;
  text-decoration: none;
}

.c-terms__text a:hover {
  text-decoration: underline;
  color: #2a97eb;
  cursor: pointer;
}

.c-terms:last-child .c-agreementBlock__text {
  margin-bottom: 0;
}

.c-loginBtn {
  color: #93989d;
  border: 1px solid #93989d;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 52px;
  box-sizing: border-box;
  line-height: 1;
}

.c-loginBtn:hover {
  color: #fff;
  background-color: #2a97eb;
  border-color: #2a97eb;
}

.c-mainVisual {
  position: relative;
  overflow: hidden;
}

.c-mainVisual:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(25, 29, 34, .7);
}
.c-mainVisual--logo {
  /*background: #F9F9FA;*/
  text-align: center;
  /*padding: 100px 0;*/
  padding: 4rem 0;
  overflow: hidden;
  position: relative;
}
.c-mainVisual--logo img {
  display: block;
  max-width: 100%;
}
.c__logo-list {
  max-width: 1120px;
  margin: 0 auto;
}
.c__logo-listScroll {
  overflow: hidden;
  opacity: 0;
  animation: opacity 1.5s both;
  animation-delay: 0.8s;
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c__logo-listScroll .inner {
  height: 100px;
}
.c__logo-listScroll img {
  display: block;
}
.c__logo-listScroll02 .slick-track {
  padding-left: 90px;
}



.c-mainVisual--company {
  width: 100%;
  height: 522px;
  background-image: url(../images/lp/company-mainvisual.jpeg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.c-mainVisual--company:after {
  background-color: rgba(0, 0, 0, .5);
}

.c-mainVisual--interview {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.c-mainVisual--interview--leverages {
  background-image: url(../images/lp/interview/leverages/mainvisual.jpg);
}

.c-mainVisual--interview--askul {
  background-image: url(../images/lp/interview/askul/mainvisual.jpg);
}

.c-mainVisual--interview--dmm {
  background-image: url(../images/lp/interview/dmm/mainvisual.jpg);
}

.c-mainVisual--interview--isetan {
  background-image: url(../images/lp/interview/isetan/mainvisual.jpg);
}

.c-mainVisual--interview--kaonavi {
  background-image: url(../images/lp/interview/kaonavi/mainvisual.jpg);
}

.c-mainVisual--interview--aeon {
  background-image: url(../images/lp/interview/aeon/mainvisual.jpg);
}
.c-mainVisual--interview--euglena {
  background-image: url(../images/lp/interview/euglena/mainvisual.jpg);
}
.c-mainVisual--interview--loop {
  background-image: url(../images/lp/interview/loop/mainvisual.jpg);
}

.c-mainVisual__info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  margin: auto;
  z-index: 1;
}

.c-mainVisual__info__title {
  font-size: 30px;
  line-height: 1.6em;
  font-weight: 700;
  margin: 50px auto 45px;
}

.c-mainVisual__info__img {
  display: block;
  margin: 0 auto;
}

.c-mainVisual__info__text {
  font-size: 16px;
  margin-top: 16px;
  line-height: 24px;
}

.c-mainVisual__info__contactBtn {
  margin-top: 65px;
  padding: 1px 0;
  margin-top: 40px;
}

.c-mainVisual__interview {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  margin: auto;
  z-index: 1;
  font-size: 16px;
  width: 948px;
}

.c-mainVisual__interview__heading {
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 50px;
}

.c-mainVisual__interview__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
}

.c-mainVisual__interview__read {
  font-size: 16px;
  line-height: 1.563;
  margin-bottom: 50px;
}

.c-mainVisual__interview__movie {
  font-size: 12px;
  font-weight: 700;
}

.c-mainVisual__interview__movie__link {
  display: inline-block;
  margin-bottom: 7px;
}

.c-mainVisual__video {
  width: 100%;
  min-height: 648px;
}

.c-interviewArticle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.c-interviewArticle--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.c-interviewArticle--left .c-interviewArticle__img {
  margin-left: auto;
  margin-right: -5%;
}

.c-interviewArticle__text {
  position: relative;
  width: 60%;
  margin-top: 50px;
  z-index: 2;
  background: rgba(255, 255, 255, .9);
  padding: 80px;
  font-size: 14px;
  line-height: 1.786;
}
.c-interviewArticle__text img,
.p-interviewArticleVertical__text img {
  max-width: 100%;
  height: auto;
}
.c-interviewArticle__text img.aligncenter,
.p-interviewArticleVertical__text img.aligncenter {
  display: block;
  margin: 0 auto;
}
.c-interviewArticle__text img.alignright,
.p-interviewArticleVertical__text img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.c-interviewArticle__text__heading {
  font-size: 24px;
  line-height: 1.792;
  color: #2a97eb;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}
.c-interviewArticle__text h2 {
  font-size: 24px;
  line-height: 1.792;
  color: #2a97eb;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}
.c-interviewArticle__text__group {
  margin-bottom: 60px;
}

.c-interviewArticle__text__group:last-child {
  margin-bottom: 0;
}

.c-interviewArticle__text__img img {
  width: 100%;
}

.c-interviewArticle__text__img figcaption {
  text-align: center;
  font-size: 12px;
}

.c-interviewArticle__text__subHeading {
  font-size: 14px;
  line-height: 1.786;
  color: #2a97eb;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.c-interviewArticle__text h3 {
  font-size: 14px;
  line-height: 1.786;
  color: #2a97eb;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.p-interviewArticleVertical__text h3:before {
  content: '';
  border: 1px solid #2a97eb;
  margin-right: 20px;
  width: 40px;
  position: absolute;
  top: 10px;
  left: 0;
}
.c-interviewArticle__text h3:before {
  content: '';
  border: 1px solid #2a97eb;
  margin-right: 20px;
  width: 40px;
  position: absolute;
  top: 10px;
  left: 0;
}
.c-interviewArticle__text table {
  border: 1px solid #E6E6E6;
  margin-bottom: 30px;
}
.c-interviewArticle__text table tr th,
.c-interviewArticle__text table tr td:first-of-type {
  width: 150px;
  background: #F2F2F2;
  color: #1A1A1A;
  font-size: 14px;
  font-weight: bold;
  padding: 25px 20px;
  border-bottom: 1px solid #E6E6E6;
}
.c-interviewArticle__text  table tr td {
  padding: 25px 20px;
  border: 1px solid #E6E6E6;
  font-size: 16px;
  line-height: 1.6;
}
.c-interviewArticle__text blockquote,
.p-interviewArticleVertical__text blockquote {
  font-size: 16px;
  line-height: 1.875;
  padding: 40px 50px;
  background: #F2F2F2;
  margin-bottom: 50px;
}
.c-interviewArticle__text strong,
.p-interviewArticleVertical__text strong {
  font-weight: bold;
}
.c-interviewArticle__text ul,
.p-interviewArticleVertical__text ul {
  list-style: unset;
  padding-left: 1em;
}
.c-interviewArticle__text ol,
.p-interviewArticleVertical__text ol {
  list-style: decimal;
  padding-left: 1em;
}

.c-interviewArticle__text .comment {
  margin-bottom: 30px;
  padding-left: 50px;
  color: #2a97eb;
  font-size: 12px;
}

.c-interviewArticle__img {
  width: 45%;
  margin-left: -5%;
}

.c-interviewArticle__img img {
  width: 100%;
  height: auto;
}

.contact__img {
  width: 100%;
}

.contact__text {
  max-width: 1120px;
  min-width: 995px;
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
  z-index: 2;
  margin-top: -50px;
  position: relative;
  text-align: center;
}

.contact__text__detail {
  padding: 80px;
  background: rgba(255, 255, 255, .9);
  font-size: 14px;
  line-height: 1.786;
}

.contact__text__detail__heading {
  font-size: 24px;
  line-height: 1.792;
  color: #2a97eb;
  font-weight: 700;
  margin-bottom: 40px;
}

.c-topSubTitle {
  font-family: Helvetica Neue, Helvetica;
  font-size: 18px;
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
  color: #1A1A1A;
  line-height: 1.5;
}
.c-topSubTitle__heading {
  font-family: "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
  font-size: 32px;
  color: #1A1A1A;
  text-align: center;
  padding-top: 35px;
}
.c-topSubTitle__heading small {
  font-size: 16px;
  display: block;
  padding-bottom: 20px;
  font-weight: normal;
}

.c-topSubTitle--intro {
  padding: 120px 0 60px;
  font-size: 32px;
  font-family: "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
}
.c-topSubTitle--intro span {
  display: block;
  color: #2A97EB;
  font-weight: bold;
}
.p-topIntro__logo {
  position: relative;
  top: 10px;
  padding: 0 4px 0 8px;
}
.c-topSubTitle--functions {
  margin: 66px 0 36px;
}
.c-topSubTitle.c-subVisual__heading__blue {
  color: #2A97EB;
  font-family: Helvetica Neue, Helvetica;
}
.c-topSubTitle.c-subVisual__heading__blue span {
  position: relative;
}
.c-topSubTitle span::before {
  background: #fff;
}
.c-topSubTitle.c-subVisual__heading__blue span::before {
  content: "";
  width: 30px;
  height: 1px;
  background: #2A97EB;
  bottom: -15px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
}
.c-subVisual {
  position: relative;
  overflow: hidden;
}

.c-subVisual:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
}
.c-subVisual h2 span {
  color: #fff;
  /*border-bottom: 1px solid #fff;*/
  position: relative;
}
.c-subVisual h2 span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #fff;
  bottom: -15px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
}
.c-subVisual--caseStudies {
  width: 100%;
  height: 350px;
  background-image: url(../images/lp/top/casestudies/bg_casestudy.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 120px;
  margin-top: 100px;
}
.c-subVisual--caseStudies p {
  font-family: "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding-top: 45px;
}
.c-subVisual--caseStudies p small {
  font-size: 16px;
  font-weight: normal;
  display: block;
  padding-bottom: 20px;
}
.c-subVisual--company {
  width: 100%;
  height: 280px;
  background-image: url(../images/lp/top/company/bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.c-subVisual--company .c-subVisual__heading {
  top: 50%;
}

.c-subVisual--company .c-subVisual__heading__title {
  margin-bottom: 0;
}

.c-subVisual__heading {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  margin: auto;
  z-index: 1;
  width: 948px;
}

.c-subVisual__heading__title {
  font-size: 28px;
  margin-bottom: 50px;
}

.c-subVisual__heading__read {
  font-size: 16px;
  line-height: 1.56;
}

.c-contactBtn {
  font-size: 16px;
  padding: 2px 48px 0;
  box-sizing: border-box;
  background-color: #2a97eb;
  border: 1px solid #2a97eb;
  border-radius: 26px;
  -webkit-transition: all .15s;
  transition: all .15s;
  line-height: 48px;
  display: inline-block;
}

.c-contactBtn:link {
  color: #fff;
  text-decoration: none;
}

.c-contactBtn:hover {
  background-color: transparent;
}

.c-contactBtn--toBilcom {
  color: #fff;
  background-color: #d61f26;
  border: 1px solid #d61f26;
}

.c-contactBtn--toBilcom:hover {
  color: #d61f26;
}

.c-swiper .swiper-container {
  width: 900px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.c-swiper .swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.c-swiper .swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.c-swiper .swiper-container-android .swiper-slide, .c-swiper .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.c-swiper .swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-swiper .swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.c-swiper .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
}

.c-swiper .swiper-slide-invisible-blank {
  visibility: hidden;
}

.c-swiper .swiper-container-autoheight, .c-swiper .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.c-swiper .swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.c-swiper .swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.c-swiper .swiper-container-3d .swiper-wrapper, .c-swiper .swiper-container-3d .swiper-slide, .c-swiper .swiper-container-3d .swiper-slide-shadow-left, .c-swiper .swiper-container-3d .swiper-slide-shadow-right, .c-swiper .swiper-container-3d .swiper-slide-shadow-top, .c-swiper .swiper-container-3d .swiper-slide-shadow-bottom, .c-swiper .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.c-swiper .swiper-container-3d .swiper-slide-shadow-left, .c-swiper .swiper-container-3d .swiper-slide-shadow-right, .c-swiper .swiper-container-3d .swiper-slide-shadow-top, .c-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.c-swiper .swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
}

.c-swiper .swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
}

.c-swiper .swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
}

.c-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
}

.c-swiper .swiper-container-wp8-horizontal, .c-swiper .swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.c-swiper .swiper-container-wp8-vertical, .c-swiper .swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 27px;
  margin-top: 48px;
  z-index: 10;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  outline: none;
}

.c-swiper .swiper-button-prev.swiper-button-disabled, .c-swiper .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  cursor: auto;
  pointer-events: none;
}

.c-swiper .swiper-button-prev, .c-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/lp/top/intro/arrow_slide.svg);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  left: 0;
  right: auto;
}

.c-swiper .swiper-button-next, .c-swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/lp/top/intro/arrow_slide.svg);
  right: 0;
  left: auto
}

.c-swiper .swiper-button-prev.swiper-button-white, .c-swiper .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.c-swiper .swiper-button-next.swiper-button-white, .c-swiper .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.c-swiper .swiper-button-prev.swiper-button-black, .c-swiper .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.c-swiper .swiper-button-next.swiper-button-black, .c-swiper .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.c-swiper .swiper-button-lock {
  display: none;
}

.c-swiper .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.c-swiper .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.c-swiper .swiper-pagination-fraction, .c-swiper .swiper-pagination-custom, .c-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.c-swiper .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative;
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}

.c-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}

.c-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #c9c9c9;
}

.c-swiper button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.c-swiper .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.c-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #2a97eb;
}

.c-swiper .swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.c-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.c-swiper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.c-swiper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.c-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.c-swiper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.c-swiper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.c-swiper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.c-swiper .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.c-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.c-swiper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.c-swiper .swiper-container-horizontal>.swiper-pagination-progressbar, .c-swiper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.c-swiper .swiper-container-vertical>.swiper-pagination-progressbar, .c-swiper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.c-swiper .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.c-swiper .swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25);
}

.c-swiper .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.c-swiper .swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.c-swiper .swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25);
}

.c-swiper .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.c-swiper .swiper-pagination-lock {
  display: none;
}

.c-swiper .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}

.c-swiper .swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.c-swiper .swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.c-swiper .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.c-swiper .swiper-scrollbar-cursor-drag {
  cursor: move;
}

.c-swiper .swiper-scrollbar-lock {
  display: none;
}

.c-swiper .swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.c-swiper .swiper-zoom-container>img, .c-swiper .swiper-zoom-container>svg, .c-swiper .swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.c-swiper .swiper-slide-zoomed {
  cursor: move;
}

.c-swiper .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.c-swiper .swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.c-swiper .swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.c-swiper .swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: -1000;
}

.c-swiper .swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c-swiper .swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.c-swiper .swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.c-swiper .swiper-container-fade .swiper-slide-active, .c-swiper .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.c-swiper .swiper-container-cube {
  overflow: visible;
}

.c-swiper .swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.c-swiper .swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.c-swiper .swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.c-swiper .swiper-container-cube .swiper-slide-active, .c-swiper .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.c-swiper .swiper-container-cube .swiper-slide-active, .c-swiper .swiper-container-cube .swiper-slide-next, .c-swiper .swiper-container-cube .swiper-slide-prev, .c-swiper .swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.c-swiper .swiper-container-cube .swiper-slide-shadow-top, .c-swiper .swiper-container-cube .swiper-slide-shadow-bottom, .c-swiper .swiper-container-cube .swiper-slide-shadow-left, .c-swiper .swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-swiper .swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-filter: blur(50px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
  z-index: 0;
}

.c-swiper .swiper-container-flip {
  overflow: visible;
}

.c-swiper .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.c-swiper .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.c-swiper .swiper-container-flip .swiper-slide-active, .c-swiper .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.c-swiper .swiper-container-flip .swiper-slide-shadow-top, .c-swiper .swiper-container-flip .swiper-slide-shadow-bottom, .c-swiper .swiper-container-flip .swiper-slide-shadow-left, .c-swiper .swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-swiper .swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.p-contact {
  width: 865px;
  margin: 0 auto;
}
.p-contact .l-static {
  padding: 0;
}
.p-contact--login .p-contact__item {
  background: #f5f5f5;
}

.p-contact__item {
  background: #fff;
  margin-bottom: 5px;
  line-height: 70px;
}

.p-contact__item--error {
  background: #f96a82;
  color: #fff;
  text-align: center;
  font-size: 15px;
}

.p-contact__item.has-error {
  background: #ffe1e6;
}

.p-contact__agree {
  background: #fff;
  text-align: center;
  font-size: 15px;
  padding-top: 10px;
}

.p-contact__agree.has-error {
  background: #ffe1e6;
}

.p-contact__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.p-contact__btn__item {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #2a97eb;
  border-radius: 5px;
  /*line-height: 73px;*/
  height: 73px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border: none;
}

.p-contact__btn__item:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.p-contact__btn__back {
  width: 73px;
  background-color: #323a45;
  border-radius: 5px;
  height: 73px;
  margin-right: 8px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 0;
}
.mw_wp_form_input .p-contact__btn__back {
  display: none;
}
.p-contact__btn__wrap {
  position: relative;
}
.p-contact__btn__wrap::after {
  content: "";
  background-image: url(../images/common/arrow_back.png);
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-contact__btn__back__icon {
  font-family: icomoon !important;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-contact__btn__back:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.p-list__terms {
  position: relative;
  width: calc(100% - 40px);
  height: 400px;
  background-color: #f2f2f2;
  overflow: auto;
  margin: 0 20px 20px;
  font-size: 14px;
  line-height: 1.7;
}
.p-list__terms--inner {
  padding: 30px 30px 0;
}
.p-list__terms--inner div {
  margin-bottom: 20px;
}
.p-list__terms--inner h2 {
  font-weight: bold;
  margin-bottom: 5px;
}
.p-list__terms--inner h3 {
  margin-bottom: 5px;
}
.p-list__terms--inner ul li {
  margin-bottom: 15px;
  padding-left: 1em;
  text-indent: -1em;
}
.p-list__terms--inner ul li ul li {
  margin-bottom: 5px;
}
.p-list__terms--inner p {
  margin-bottom: 5px;
}
.p-contactItem.p-contactItem--check {
  padding-top: 0;
  padding-bottom: 5px;
  line-height: 1;
}
.p-contactItem.p-contactItem--check:last-of-type {
  padding-bottom: 20px;
  margin-top: 5px;
}

.p-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-faq__titles {
  width: 328px;
  font-weight: 700;
  margin-top: -3px;
}

.p-faq__title {
  margin-bottom: 24px;
  position: relative;
  font-size: 14px;
  line-height: 1.45;
}

.p-faq__title a {
  color: #464646;
  text-decoration: none;
}

.is-lp .p-faq__title a {
  color: #73787c;
  text-decoration: none;
}

.p-faq__title a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.p-faq__title.is-current:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #2a97eb;
  border-radius: 50%;
  position: absolute;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-faq__title.is-current a {
  color: #2a97eb;
  text-decoration: underline;
}

.p-faq__content {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 70px;
}

.p-faq__content__title {
  font-size: 20px;
  margin-bottom: 24px;
}

.p-faqList {
  background-color: #fff;
  color: #1A1A1A;
}

.p-faqList--login {
  background-color: #f5f5f5;
}

.p-faqList--login .p-faqList__row {
  border-bottom-color: #fff;
}

.p-faqList--login .p-faqList__title {
  background-color: #f5f5f5;
}

.p-faqList__row {
  border-bottom: 3px solid #f5f5f5;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .25s;
  transition: all .25s;
  min-height: 59px;
}

.p-faqList__row.is-open .p-faqList__title {
  background-color: #e3f6ff;
}

.p-faqList__row.is-open .p-faqList__title:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.p-faqList__row.is-open .p-faqList__title:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.p-faqList__row.is-open .p-faqList__detail {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-family: Meiryo;
  font-size: 15px;
}
.p-faqList__row.is-open .p-faqList__detail p {
  white-space: pre-wrap;
}
.p-faqList__open {
  border-bottom: 3px solid #f5f5f5;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.p-faqList__open.is-open .p-faqList__title {
  background-color: #e3f6ff;
}

.p-faqList__open.is-open .p-faqList__title:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.p-faqList__open.is-open .p-faqList__title:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.p-faqList__open.is-open .p-faqList__detail {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.p-faqList__title {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 15px 50px 15px calc(25px + 1.4em);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.63;
  padding-left: calc(25px + 1.4em);
  text-indent: -1.4em;
  background-color: #fff;
  /*-webkit-transition: all .15s;
  transition: all .15s;*/
}

.p-faqList__title:before, .p-faqList__title:after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #d6d6d6;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.p-faqList__title:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  right: 18px;
}

.p-faqList__title:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 24px;
}

.p-faqList__detail {
  position: relative;
  box-sizing: border-box;
  padding: 22px 25px;
  font-size: 14px;
  line-height: 2.285714286;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .25s, opacity .15s;
  transition: all .25s, opacity .15s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.p-contactItem {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  line-height: 40px;
  padding: 15px 20px;
}

.p-contactItem__nopaddingbottom {
  padding-bottom: 0;
}

.p-contactItem__explanation {
  font-size: 12px;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 245px;
  color: #ccc;
}

.p-contactItem--confirm {
  line-height: 32px;
  padding: 19px 20px;
}

.p-contactItem--confirm .p-contactItem__detail {
  font-weight: 700;
}

.p-contactItem__title {
  width: 226px;
  box-sizing: border-box;
  padding-right: 20px;
}

.p-contactItem__title--required:after {
  content: "*";
  color: #ff6d85;
  display: inline-block;
  vertical-align: top;
  padding-left: 4px;
}

.p-contactItem__detail {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mw_wp_form_confirm .p-contactItem__detail {
  font-weight: 700;
}
.p-contactItem__text {
  font-weight: 700;
  margin: 19px 0;
  font-size: 14px;
  line-height: 2.286;
}

.p-contactItem__input {
  border: 1px solid #d1d5d8;
  border-radius: 3px;
  padding: 0 12px;
  background: #fff;
  width: 600px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  vertical-align: bottom;
  color: #73787c;
}

.p-contactItem__input::-webkit-input-placeholder {
  color: #a7afb9;
}

.p-contactItem__input:-ms-input-placeholder {
  color: #a7afb9;
}

.p-contactItem__input::placeholder {
  color: #a7afb9;
}

.p-contactItem__input--w120 {
  width: 120px;
}

.p-contactItem__input--w160 {
  width: 160px;
  margin-right: 8px;
}

.p-contactItem__hyphen {
  margin: 0 8px;
}

.p-contactItem__select {
  border: 1px solid #d1d5d8;
  vertical-align: middle;
  border-radius: 3px;
  background: #fff;
  width: 600px;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  color: #73787c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.p-contactItem__select::-ms-expand {
  display: none;
}

.p-contactItem__textarea {
  border: 1px solid #d1d5d8;
  border-radius: 3px;
  background: #fff;
  width: 600px;
  min-height: 288px;
  box-sizing: border-box;
  font-size: 14px;
  resize: vertical;
  color: #73787c;
}

.p-company {
  line-height: 38px;
  font-size: 16px;
}

.p-company__row {
  border-bottom: 1px solid #cbcbcb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 6px;
}

.p-company__row:not(:first-child) {
  margin-top: 20px;
}

.p-company__row__title {
  width: 304px;
  font-weight: 700;
}

.p-company__row__detail {
  width: calc(100% - 304px);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.p-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 80px;
  background: #242f38;
  color: #fff;
}

.p-profile__img {
  margin-right: 40px;
}

.p-profile__detail {
  margin-right: 60px;
  font-weight: 700;
}

.p-profile__detail.isetan {
  margin-right: 104px;
}

.p-profile__detail__company {
  font-size: 13px;
  line-height: 1.77;
  color: #bababa;
  margin-bottom: 15px;
}

.p-profile__detail__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-profile__detail__name__en {
  color: #2a97eb;
  font-size: 14px;
  margin-left: 20px;
  letter-spacing: 2px;
}

.p-profile__text {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.77;
}

.p-profile--alignCtr {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-profile--alignCtr .p-profile__detail {
  margin-right: 130px;
}

.p-profile--alignCtr .p-profile__detail__name {
  display: block;
}

.p-profile--alignCtr .p-profile__detail__name__dep {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

.p-interviewArticleVertical__img {
  width: 100%;
}

.p-interviewArticleVertical__text {
  max-width: 1120px;
  min-width: 995px;
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
}

.p-interviewArticleVertical__text--img {
  z-index: 2;
  margin-top: -50px;
  position: relative;
}

.p-interviewArticleVertical__text__detail {
  padding: 80px;
  background: rgba(255, 255, 255, .9);
  font-size: 14px;
  line-height: 1.786;
}

.p-interviewArticleVertical__text__detail__heading {
  font-size: 24px;
  line-height: 1.792;
  color: #2a97eb;
  font-weight: 700;
  margin-bottom: 40px;
}
.p-interviewArticleVertical__text h2 {
  font-size: 24px;
  line-height: 1.792;
  color: #2a97eb;
  font-weight: 700;
  margin-bottom: 40px;
}
.p-interviewArticleVertical__text h3 {
  font-size: 14px;
  line-height: 1.786;
  color: #2a97eb;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.p-interviewArticleVertical__text h3:before {
  content: '';
  border: 1px solid #2a97eb;
  margin-right: 20px;
  width: 40px;
  position: absolute;
  top: 10px;
  left: 0;
}
.interviewIntroduce__text {
  max-width: 1120px;
  min-width: 995px;
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
}

.interviewIntroduce__text__detail {
  padding: 80px;
  background: rgba(255, 255, 255, .9);
  font-size: 14px;
  line-height: 1.786;
}

.interviewIntroduce__text__detail .tar {
  display: block;
  text-align: right;
}

.p-topFunction {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 10px;
}
.p-topFunction__item {
  text-align: center;
  width: 25%;
  box-sizing: border-box;
  padding: 45px 18px;
  min-height: 235px;
  border: 6px solid #f9f9fa;
  background: #fff;
}

.p-topFunction__item__img {
  margin-bottom: 20px;
  width: 75px;
  height: 75px;
}
.p-topFunction__item__ttl {
  font-size: 16px;
  padding-bottom: 20px;
  font-weight: 600;
  color: #1A1A1A;
}
.p-topFunction__item__text {
  color: #323a45;
  font-size: 13px;
  line-height: 1.56;
  text-align: left;
}

.p-interviewLink {
  position: relative;
  width: 1080px;
  margin: -200px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*padding: 0 260px;*/
}

.p-interviewLink__item {
  width: 340px;
  text-align: center;
  /*border: 2px solid #fff;*/
  margin-top: 60px;
  overflow: hidden;
}

.p-interviewLink__item:last-child {
  margin-right: 0;
}

.p-interviewLink__item__img {
  position: relative;
  display: block;
}
.p-interviewLink__item__img img {
  width: 346px;
  height: auto;
}

.p-interviewLink__item__img__company {
  position: absolute;
  top: 87%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  color: #323a45;
  font-weight: 700;
  margin: 0 auto -100px;
  text-align: center;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .25s ease .1s;
  transition: all .25s ease .1s;
}

.p-interviewLink__item__img__company .companyText {
  font-size: 14px;
  line-height: 2;
}

.p-interviewLink__item__img__company .companyName {
  margin-top: 20px;
  font-size: 13px;
}
.is-top .p-interviewLink {
  padding-bottom: 60px;
}
.is-top .p-interviewLink__item .logo {
  margin-top: 25px;
}
.is-top .p-interviewLink+.c-btn__more {
  padding-bottom: 100px;
}
.p-interviewLink__item__img:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .2s;
  transition: all .2s;
}

.p-interviewLink__item__img:hover img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.p-interviewLink__item__img:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.p-interviewLink__item__img:hover .p-interviewLink__item__img__company {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 50%;
}

.p-interviewLink__item__logo {
  margin-top: 20px;
}

.p-interviewLink__item__company {
  margin-top: 12px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.p-companyList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin: 80px 0 100px;
}
.p-companyList img {
  max-width: 100%;
}

.p-companyList__item {
  width: 20%;
  margin-bottom: 50px;
}

.p-companyList__item__img {
  width: 100%;
}

.p-topIntro {
  border-bottom: 1px solid #cbd4df;
  overflow: hidden;
}
.p-topIntro.p-topIntro--05 {
  border-bottom: none;
}
.p-topIntro--01 {
  height: 716px;
}

.p-topIntro--01 .p-topIntro__img {
  margin-top: -83px;
  float: left;
}

.p-topIntro--01 .p-topIntro__message {
  margin-top: 144px;
  padding-right: 40px;
}

.p-topIntro--02 {
  height: auto;
}
.p-topIntro--02 .p-topIntro__imgWrap {
  text-align: center;
  width: auto;
}
.p-topIntro--02 .p-topIntro__imgWrap img {
  display: block;
  margin: 10px auto 0;
}
.p-topIntro--02 .p-topIntro__img {
  /*margin-top: 60px;
  margin-left: -7px;
  float: left;*/
  width: 920px;
}

.p-topIntro--02 .p-topIntro__message {
  margin-top: 170px;
  margin: 150px auto 0;
  width: 600px;
}

.p-topIntro--02 .p-topIntro__caption {
  font-size: 14px;
  color: #73787c;
  text-align: center;
}

.p-topIntro--02 .p-topIntro__message2colBody {
  padding-right: 0;
}

.p-topIntro--02 .p-topIntro__inner {
  display: block;
}

.p-topIntro--02 .p-topIntro__slideWrap {
  position: relative;
  width: 900px;
  margin: 46px auto 0;
  padding: 0 76px;
}
.p-topIntro--03 .p-topIntro__imgWrap img {
  /*width: 743px;*/
  width: 830px;
}
.p-topIntro--03 .p-topIntro__message {
  width: 420px;
  margin-right: 40px;
  margin-top: 150px;
}

.p-topIntro--04 .p-topIntro__inner {
  display: block;
}
.p-topIntro--04 .p-topIntro__message {
  margin: 150px auto 0;
  width: 555px;
}
.is-top .p-topIntro--04 .p-topIntro__imgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px auto 100px;
  /*max-width: 1030px;*/
  max-width: 960px;
  width: 100%
}

.p-topIntro--04 .p-topIntro__imgBox {
  text-align: center
}

.p-topIntro--04 .p-topIntro__imgTitle {
  font-size: 36px;
  margin-bottom: 22px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: lighter;
  color: #70b0e8
}

.p-topIntro--04 .p-topIntro__img--after {
  margin-right: -60px
}

.p-topIntro--04 .p-topIntro__caption {
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.5
}

.p-topIntro--05 {
  height: 656px
}
.p-topIntro--05 .l-topContainer--intro {
  padding-top: 40px;
}
.p-topIntro--05 .p-topIntro__img {
  float: right;
  margin-top: 30px;
  margin-right: 16px
}

.p-topIntro--05 .p-topIntro__message {
  margin-top: 110px;
  padding-left: 44px
}

.p-topIntro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-topIntro__imgWrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 0
}

.p-topIntro__imgWrap:after {
  content: "";
  clear: both;
  display: block
}

.p-topIntro__img {
  vertical-align: bottom;
  max-width: none;
}

.p-topIntro__message {
  width: 490px;
  box-sizing: border-box;
  position: relative;
}

.p-topIntro__title {
  font-size: 32px;
  line-height: 1.5;
  color: #1A1A1A;
  margin-top: 24px;
  font-family: "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
  position: relative;
}
.p-topIntro--01 .p-topIntro__message::before {
  content: "1";
  color: #F0F4F8;
  font-size: 270px;
  position: absolute;
  font-family: Helvetica Neue, Helvetica;
  font-weight: 400;
  top: -15rem;
  left: -7.5rem;
}
.p-topIntro--02 .p-topIntro__message::before {
  content: "2";
  color: #F0F4F8;
  font-size: 270px;
  position: absolute;
  font-family: Helvetica Neue, Helvetica;
  font-weight: 400;
  top: -10rem;
  left: -7.5rem;
}
.p-topIntro--03 .p-topIntro__message::before {
  content: "3";
  color: #F0F4F8;
  font-size: 270px;
  position: absolute;
  font-family: Helvetica Neue, Helvetica;
  font-weight: 400;
  top: -13rem;
  left: -10rem;
}
.p-topIntro--04 .p-topIntro__message::before {
  content: "4";
  color: #F0F4F8;
  font-size: 270px;
  position: absolute;
  font-family: Helvetica Neue, Helvetica;
  font-weight: 400;
  top: -11.5rem;
  left: -10rem;
}
.p-topIntro--05 .p-topIntro__message::before {
  content: "5";
  color: #F0F4F8;
  font-size: 270px;
  position: absolute;
  font-family: Helvetica Neue, Helvetica;
  font-weight: 400;
  top: -10rem;
  left: -6rem;
}
.p-topIntro__txt {
  font-size: 20px;
  font-family: Helvetica Neue, Helvetica;
  color: #2A97EB;
  position: relative;
}
.p-topIntro__text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 30px;
  color: #4D4D4D;
  position: relative;
}

.p-topIntro__caption {
  display: block;
  font-size: 10px;
  line-height: 2.2;
  margin-top: 40px
}

.p-topIntro__message2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 735px;
  margin: 86px auto 0
}

.p-topIntro__message2colNum {
  padding-top: 30px
}

.p-topIntro__message2colBody {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 0;
  padding-left: 52px;
  padding-right: 64px
}

.p-recruitBox {
  position: relative;
  display: block;
  color: #333;
  margin-top: 100px
}

.p-recruitBox:after {
  content: "";
  clear: both;
  display: block
}

.p-recruitBox__img {
  float: right
}

.p-recruitBox__caption {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%
}

.p-recruitBox__title {
  font-size: 42px;
  font-weight: 700;
  margin-top: 30px
}

.p-recruitBox__text {
  font-size: 18px;
  font-weight: 700;
  margin-top: 15px
}

.p-recruitBox__btn {
  width: 257px;
  margin-top: 30px
}

.p-news {
  background: #fff;
  padding: 80px;
  color: #333333;
}
.p-news__block+.p-news__block {
  margin-top: 100px;
}
.p-news__head {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.p-news__more {
  float: right;
  font-size: 13px;
  position: relative;
  padding-right: 15px;
  text-decoration: none;
  color: #333333;
}
.p-news__more:hover{
  color: #2A97EB;
}
.p-news__more::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 0px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-news__more:hover::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
  transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-news__row {
  overflow: hidden;
  border-top: 1px solid #CBD4DF;
  margin-top: 30px;
}
.p-news__content {
  overflow: hidden;
  padding: 22px 0;
  border-bottom: 1px solid #CBD4DF;
}
.p-news__content br {
  display: none;
}
.p-news__content:hover {
  color: #2A97EB;
}
.p-news__row>.p-news__content:last-of-type {
  border-bottom:0;
}
.p-news__date {
  font-size: 12px;
  font-weight: bold;
  width: 130px;
  float: left;
  line-height: 1.7;
}
.p-news__title {
  font-size: 14px;
  width: calc(100% - 130px);
  float: left;
  position: relative;
}
.p-news__title a {
  text-decoration: none;
  /*color: #333333;*/
  display: block;
  padding-right: 25px;
  line-height: 1.5;
}
.p-news__title a:hover {
  color: #2A97EB;
}
.p-news__title a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 7px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-news__title a:hover::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
  transform: translate3d(5px, 0, 0) rotate(45deg);
}
.l-news.p-news,
.l-blog.p-blog {
  max-width: 960px;
  margin: 0 auto;
}
.p-news__heading__meta,
.p-blog__heading__meta {
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
}
.p-news__headingDate,
.p-blog__headingDate {
  float: left;
  padding-right: 20px;
}
.p-news__headingCat,
.p-blog__headingCat {
  float: left;
  padding-left: 20px;
  border-left: 1px solid #333333;
}
.p-news__headingCat a,
.p-blog__headingCat a {
  text-decoration: none;
  margin-right: 5px;
  position: relative;
}
.p-news__headingCat a::after,
.p-blog__headingCat a::after {
  content: ",";
}
.p-news__headingCat a:last-of-type::after,
.p-blog__headingCat a:last-of-type::after {
  content: none;
}
.p-news__heading__title,
.p-blog__heading__title {
  font-size: 26px;
  font-weight: bold;
  padding: 25px 0;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 50px;
  line-height: 1.5384;
}
.p-news__detail__content,
.p-blog__detail__content {
  font-size: 14px;
  line-height: 2.1428;
}
.p-news__detail__content h1,
.p-blog__detail__content h1 {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 25px;
}
.p-news__detail__content h2,
.p-blog__detail__content h2 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}
.p-news__detail__content h3,
.p-blog__detail__content h3 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 13px;
  position: relative;
  padding-left: 1.5em;
}
.p-news__detail__content h3::before,
.p-blog__detail__content h3::before {
  content: "━";
  position: absolute;
  left: 0;
  display: block;
}

.p-news__detail__content p,
.p-blog__detail__content p {
  line-height: 2.1428;
}
.p-news__detail__txtCenter,
.p-blog__detail__txtCenter {
  text-align: center;
}
.p-news__detail__txtCenter .p-news__detail__btn,
.p-blog__detail__txtCenter .p-blog__detail__btn {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #2A97EB;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 26px;
  transition: all .3s;
  border: 1px solid #2A97EB;
  line-height: 1;
  margin-top: 70px;
}
.p-news__detail__txtCenter .p-news__detail__btn:hover,
.p-blog__detail__txtCenter .p-blog__detail__btn:hover {
  color: #2A97EB;
  background: #fff;
  border: 1px solid #2A97EB;
}
.p-news__detail__toList,
.p-blog__detail__toList {
  font-size: 14px;
  font-weight: bold;
  border-radius: 1px solid #323A45;
  border-radius: 5px;
  text-align: center;
  margin-top: 80px;
}
.p-news__detail__toList a,
.p-blog__detail__toList a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 60px;
  text-decoration: none;
  color: #323A45;
  border-radius: 5px;
  border: 1px solid #323A45;
  display: inline-block;
  margin: 0 auto;
  transition: all .3s;
}
.p-news__detail__toList a:hover,
.p-blog__detail__toList a:hover {
  border: 1px solid #2A97EB;
  color: #2A97EB;
}
.p-blog {
  background: #fff;
  padding: 80px;
  max-width: 960px;
  margin: 0 auto;
  color: #333333;
}
.p-blog+.p-blog {
  margin-top: 80px;
}
.p-blog a {
  color: #333333;
  text-decoration: none;
}
.p-blog__head {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 50px;
}
.p-blog__content {
  display: block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.p-blog__content:last-of-type {
  margin-bottom: 0;
}
.p-blog__meta__cat a {
  position: relative;
}
.p-blog__meta__cat a::after {
  content: "、";
}.p-blog__meta__cat a:last-of-type::after {
  content: none;
}
.p-blog__content+.p-blog__content {
  /*margin-top: 60px;*/
}
.p-blog__content:hover {
  color: #2A97EB;
}
.p-blog__content:hover .p-blog__content__right__meta::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
  transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-blog__content__left {
  display: inline-block;
  width: 320px;
  position: relative;
}
.p-blog__row:not(.p-blog__col02) .p-blog__content__left {
  height: 200px;
}
.p-blog__row:not(.p-blog__col02) .p-blog__content__right__meta {
  border-top: 1px solid #E6E6E6;
}
.p-blog__content__left img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  width: auto;
  object-fit: cover;
  min-width: 100%;
}
.p-blog__content_tag {
  background: #2A97EB;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 15px 18px;
  display: inline-block;
  position: absolute;
  top: -20px;
  z-index: 2;
}
.p-blog__content__right {
  display: inline-block;
  width: calc(100% - 320px - 30px);
  padding-left: 25px;
  position: relative;
}
.p-blog__cat {
  font-size: 12px;
  font-weight: bold;
  color: #2A97EB;
  border-radius: 3px;
  border: 1px solid #2A97EB;
  display: inline-block;
  padding: 9px 15px;
  line-height: 1;
}
.p-blog__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5625;
  margin-top: 20px;
}
.p-blog__content__right__inner {
  /*padding-bottom: 65px;*/
  /*border-bottom: 1px solid #E6E6E6;*/
}
.p-blog__content__right__meta {
  overflow: hidden;
  font-size: 12px;
  padding-top: 20px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.p-blog__content__right__meta::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 7px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: 3px;
  top: auto;
}
.p-blog__date {
  float: left;
  padding-right: 10px;
  width: 90px;
  font-weight: normal;
  position: relative;
  top: 1px;
}
.p-blog__meta__cat {
  float: right;
  padding-left: 15px;
  padding-right: 10px;
  border-left: 1px solid #333333;
  width: calc(100% - 105px - 27px);
  line-height: 1.4;
  font-weight: normal;
}
.p-blog__col02 {
  /*margin-top: -50px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-blog__col02 .p-blog__content {
  width: calc(50% - 27px);
  display: inline-block;
  margin-bottom: 60px;
}
.p-blog__col02 .p-blog__content:nth-child(5),
.p-blog__col02 .p-blog__content:nth-child(6) {
  margin-bottom: 0;
}
.p-blog__col02 .p-blog__content:nth-child(2n) {
  padding-left: 50px;
}
.p-blog__col02 .p-blog__content__left {
  width: 120px;
  vertical-align: top;
}
.p-blog__col02 .p-blog__content__right {
  width: calc(100% - 120px - 23px);
  padding-left: 20px;
  position: relative;
  height: 100%;
  color: #1A1A1A;
}
.p-blog__col02 .p-blog__content__right__inner {
/*  padding-bottom: 22px;*/
  padding-bottom: 45px;
  min-height: 78px;

}
.p-blog__col02 .p-blog__content__right .p-blog__title {
  margin-top: 0;
}
.p-blog__col02 .p-blog__content__right .p-blog__content__right__meta {
  font-size: 11px;
  padding-top: 10px;
  bottom: 0;
  position: absolute;
  width: 100%;
  border-top: 1px solid #E6E6E6;
}
.p-blog__col02 .p-blog__content_tag {
  font-size: 10px;
  padding: 7px 15px;
  top: -10px;
}
.p-blog__col02 .p-blog__content__icatch {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.p-blog__col02 .p-blog__content__icatch img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  width: auto;
  object-fit: cover;
  min-width: 100%;
}
.p-blog__col02 .p-blog__content__right__meta::after {
  width: 4px;
  height: 4px;
}
.l-blog__catList {
  background: #242F38;
  width: 100%;
  margin-bottom: 60px;
}
.l-blog__catList ul {
  overflow: hidden;
  max-width: 1120px;
  margin: 0 auto;
  padding: 38px 0;
}
.l-blog__catList ul li {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #BABABA;
  padding: 0 20px;
}
.l-blog__catList ul li a {
  text-decoration: none;
}
.l-blog__catList ul li.is-current {
  color: #fff;
}
.l-blog__catList ul li.is-current a {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.p-news__detail__content img,
.p-blog__detail__content img,
.p-blog__detail__seminar img {
  max-width: 100%;
}
.p-editor__detail__content h4 {
  font-size: 16px;
  font-weight: bold;
}
.p-editor__detail__content img.aligncenter {
  margin: 0 auto;
  display: block;
}
.p-editor__detail__content img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.p-editor__detail__content ul {
  list-style: unset;
  padding-left: 1em;
}
.p-editor__detail__content ol {
  list-style: decimal;
  padding-left: 1em;
}
.p-editor__detail__content table p {
  line-height: 1.6;
}
.p-editor__detail__content a {
  text-decoration: underline;
}
.pagenation__wrap {
  text-align: center;
}
.pagination {
  margin-top: 80px;
  overflow: hidden;
  margin: 80px auto 0;
  width: 350px;
}
.pagination span,
.pagination a {
  display: inline-block;
}
.pagination a,
 .pagination span {
  color: #93989D;
  font-size: 14px;
  padding: 20px !important;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  padding: 19px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none !important;
}
.pagination a:hover {
  opacity: .6;
}
.pagination span.current {
  background: #2A97EB;
  color: #fff;
}
.pagination a.arrow {
  font-size: 20px;
}

.l-blog__pager,
.l-news__pager {
  margin-top: 80px;
}
.l-blog__pager ul,
.l-news__pager ul {
  overflow: hidden;
  margin: 0 auto;
  width: 350px;
}
.l-blog__pager li,
.l-news__pager li {
  display: inline-block;
}
.l-blog__pager a,
.l-news__pager a {
  color: #93989D;
  font-size: 14px;
  padding: 20px;
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  padding: 19px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.l-blog__pager a:hover,
.l-news__pager a:hover {
  opacity: .6;
}
.l-blog__pager a.is-current,
.l-news__pager a.is-current {
  background: #2A97EB;
  color: #fff;
}
.p-blog__detail__content p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0;
}
.p-blog__detail__content blockquote,
.p-news__detail__content blockquote {
  font-size: 16px;
  line-height: 1.875;
  padding: 40px 50px;
  background: #F2F2F2;
  margin-bottom: 50px;
}
.p-blog__detail__content img {
  display: block;
}
.p-blog__detail__content h2 {
  font-size: 20px;
  border-left: 3px solid;
  padding-bottom: 0;
  margin-bottom: 28px;
  padding-left: 20px;
}
.p-blog__detail__pager {
  overflow: hidden;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.p-blog__detail__pager .p-blog__pager__next ,
.p-blog__detail__pager .p-blog__pager__prev {
  float: left;
  width: 200px;
  position: relative;
  overflow: hidden;
  min-height: 260px;
  background: #F2F2F2;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.p-blog__detail__pager .p-blog__pager__next:hover::before,
.p-blog__detail__pager .p-blog__pager__prev:hover::before {
  content: "";
  background: rgba(42, 151, 235, .9);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.p-blog__detail__pager .p-blog__pager__next:hover img ,
.p-blog__detail__pager .p-blog__pager__prev:hover img {
  opacity: 1;
}
.p-blog__detail__pager .p-blog__pager__prev img,
.p-blog__detail__pager .p-blog__pager__next img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  width: auto;
  object-fit: cover;
  min-width: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.p-blog__detail__pager .p-blog__pager__prev p,
.p-blog__detail__pager .p-blog__pager__next p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  width: 80%;
  line-height: 1.4285;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 2;

}
.p-blog__detail__pager .p-blog__pager__next:hover p ,
.p-blog__detail__pager .p-blog__pager__prev:hover p {
  color: #fff;
}

.p-blog__detail__pager .p-blog__pager__post {
  float: left;
  width: calc(100% - 485px);
  background: #F2F2F2;
  padding: 50px 30px 30px;
  margin: 0 8px;
}
.p-blog__pager__post__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
  margin-bottom: 20px;
}
.p-blog__pager__post__meta {
  font-size: 16px;
  overflow: hidden;
  margin: 0 auto 22px;
  /*max-width: 390px;*/
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
}
.p-blog__pager__meta__date {
  float: left;
  padding-right: 25px;
}
.p-blog__pager__meta__cat {
  float: left;
  padding-left: 25px;
  border-left: 1px solid;
  max-width: 210px;
}
.p-blog__pager__post__sns {
  background: #fff;
  overflow: hidden;
  padding: 20px 0;
}
.p-blog__pager__post__sns ul {
  margin: 0 auto;
  max-width: 365px;
}
.p-blog__pager__post__sns li {
  float: left;
  padding: 0 5px;
}
.l-topContainer--blog {
  padding-top: 80px;
  padding-bottom: 80px;
}
.is-top .p-blog__row {
  max-width: 960px;
  padding: 0 60px;
  margin: 75px auto 0;
}
.is-top .p-blog__col02 .p-blog__content__left {
  height: 100%;
}
.c-btn__more {
  text-align: center;
}
.c-moreBtn {
  font-size: 16px;
  text-decoration: none;
  color: #2A97EB;
  padding: 2px 48px 0;
  box-sizing: border-box;
  border: 1px solid #2a97eb;
  border-radius: 26px;
  -webkit-transition: all .15s;
  transition: all .15s;
  line-height: 48px;
  display: inline-block;
}
.c-moreBtn:hover {
  background: #2A97EB;
  color: #fff;
}
.c-subVisual:after {
  z-index: -1;
}
.c-subVisual--contact {
  padding: 80px 0;
  background-image: url(../images/lp/top/contact/bg_contact.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 325px;
}
.c-subVisual--contact h2 {
  position: relative;
}
.c-subVisual--contact h2 span{
  color: #fff;
  /*border-bottom: 1px solid #fff;*/
}
.c-subVisual--contact p {
  color: #fff;
  font-size: 32px;
  font-family: "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}
.c-subVisual--contact p img {
  display: inline-block;
  position: relative;
  top: 11px;
}
.c-subVisual--contact p small {
  font-size: 16px;
  font-weight: normal;
  display: block;
  padding-top: 30px;
  line-height: 1.5625;
}
.l-contact__btn {
  text-align: center;
}
.l-contact__btn img {
  position: relative;
  top: 3px;
  padding-right: 8px;
}
.c-contactBtn {
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.l-seminar__catList {
  background: #242F38;
  width: 100%;
  margin-bottom: 60px;
}
.l-seminar__catList ul {
  overflow: hidden;
  max-width: calc(1080px + 37px);
  margin: 0 auto;
  padding: 38px 0 20px 37px;
}
.l-seminar__catList ul li {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #BABABA;
  margin-right: 37px;
  margin-bottom: 18px;
}
.l-seminar__catList ul li a {
  text-decoration: none;
}
.l-seminar__catList ul li.is-current {
  color: #fff;
}
.l-seminar__catList ul li.is-current a {
  position: relative;
  border-bottom: 1px solid;
  padding-bottom: 5px;
}
.p-seminar {
  max-width: 1080px;
  padding: 0 80px;
  margin: 0 auto;
  color: #333333;
}
.p-seminar__head {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}
.p-seminar__status {
  overflow: hidden;
  display: inline-block;
  position: relative;
  top: -5px;
  float: right;
  margin-bottom: 35px;
}
.p-seminar__status a {
  text-decoration: none;
}
.p-seminar__status span {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: -13px;
}
.p-seminar__status ul {
  overflow: hidden;
  display: inline-block;
}
.p-seminar__status ul li {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 30px;
  margin-left: 18px;
  color: #fff;
  background: #BABABA;
}
.p-seminar__status ul li.is-active {
  background: #242F38;
  color: #fff;
}
.p-seminar__row {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-seminar__content {
  width: calc(33.333% - 20px);
  margin-left: 30px;
  float: left;
}
.p-seminar__content:nth-child(3n+1) {
  margin-left: 0;
}
.p-seminar__content__status {
  overflow: hidden;
  position: relative;
}
.p-seminar__post__status {
  display: inline-block;
  font-size: 12px;
  background: #2A97EB;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  padding: 10px 18px 7px;
}
.p-seminar__content__status::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 7px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-seminar__content__card {
  padding: 30px;
  background: #fff;
  /*border-bottom: 3px solid rgba(26,26,26,0.1);*/
  /*margin-bottom: 30px;*/
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  color: #1A1A1A;
}
.p-seminar__content__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5625;
  padding: 20px 0 12px;
}
.p-seminar__meta_date {
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 1.5;
}
.p-seminar__meta_place {
  font-size: 14px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.p-seminar__meta_free {
  font-size: 10px;
  font-weight: normal;
  color: #2A97EB;
  border: 1px solid #2A97EB;
  border-radius: 3px;
  display: inline-block;
  padding: 5px 10px;
}
.p-seminar__status--end {
  position: relative;
}
.p-seminar__status--end::before {
  content: "";
  background: rgba(255,255,255, .4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  z-index: 2;
}
.p-seminar__status--end .p-seminar__post__status {
  background: #707070;
}
.l-seminar__pager {
  margin-top: 60px;
}

.l-seminar__pager ul {
  overflow: hidden;
  margin: 0 auto;
  width: 350px;
}
.l-seminar__pager li {
  display: inline-block;
}
.l-seminar__pager a {
  color: #93989D;
  font-size: 14px;
  padding: 20px;
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  padding: 19px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.l-seminar__pager a:hover {
  opacity: .6;
}
.l-seminar__pager a.is-current {
  background: #2A97EB;
  color: #fff;
}

.p-seminar__reort {
  background: #F2F2F2;
  margin-top: 80px;
  padding: 80px 0 80px;
  color: #1A1A1A;
  margin-bottom: -35px;
}
.p-seminar__reort .l-static {
  max-width: 1080px;
  margin: 0 auto;
}
.p-seminar__reort--head {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.p-seminar__reort--head small {
  display: block;
  color: rgba(26, 26, 26, .4);
  font-size: 12px;
  padding-top: 12px;
}
.p-seminar__reort--more {
  float: right;
  font-size: 14px;
  position: relative;
  padding-right: 15px;
  text-decoration: none !important;
  color: #333333 !important;
  bottom: 35px;
  position: relative;
}
.p-seminar__reort--more:hover {
  color: #2A97EB !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.p-seminar__reort--more::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 35%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 0px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  flex-wrap: wrap;
}
.p-seminar__reort--more:hover:after{
    -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
    transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-seminar__content:hover .p-seminar__content__status::after {
    -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
    transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-seminar__content .p-seminar__content__thumb {
  max-height: 210px;
  overflow: hidden;
  position: relative;
  padding-top: 61.764%;
}
.p-seminar__content .p-seminar__content__thumb img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transform-origin: 50% 50%;
  text-align: center;
  width: auto;
  object-fit: cover;
  object-position: center;
  min-width: 100%;
}
.p-seminar__content:hover img {
  opacity: 1;
  /*transform: scale3d(1.1,1.1,1.1) translate(-47%,-45%);*/
  /*transform: scale3d(1.1,1.1,1.1) translate(-45%,-45%);*/
  transform: scale3d(1.1,1.1,1.1) translate(-45%,-45%);
}
.p-seminar__reort h3 {
  font-size: 18px;
  font-weight: bold;
}



.p-seminar__content {
  cursor: pointer;
  display: block;
  -webkit-transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
  background: #fff;
  margin-bottom: 30px;
  border-bottom: 3px solid rgba(26,26,26,0.1);
}
.p-seminar__content:hover .p-seminar__content__card {
  border-bottom: 0;
}
.p-seminar__content+.p-seminar__content {
}
.p-seminar__content:hover {
  /*color: #2A97EB;*/
  transform: translate3d(0, 3px, 0);
  border-bottom: 0;
}
.p-seminar__content:hover .p-seminar__content__right__meta::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
  transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-seminar__content__left {
  display: inline-block;
  width: 320px;
  position: relative;
}
.p-seminar__content_tag {
  background: #2A97EB;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 15px 18px;
  display: inline-block;
  position: absolute;
  top: -20px;
  z-index: 2;
}
.p-seminar__content__right {
  display: inline-block;
  width: calc(100% - 320px - 30px);
  padding-left: 25px;
}
.p-seminar__cat {
  font-size: 12px;
  font-weight: bold;
  color: #2A97EB;
  border-radius: 3px;
  border: 1px solid #2A97EB;
  display: inline-block;
  padding: 9px 15px;
}
.p-seminar__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5625;
  margin-top: 20px;
}
.p-seminar__content__right__inner {
  padding-bottom: 65px;
}
.p-seminar__content__right__meta {
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  padding-top: 20px;
  position: relative;
  border-top: 1px solid #E6E6E6;
}
.p-seminar__content__right__meta::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 7px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  bottom: 3px;
  top: auto;
}
.p-seminar__date {
  float: left;
  padding-right: 10px;
  width: 92px;
}
.p-seminar__meta__cat {
  float: right;
  padding-left: 15px;
  border-left: 1px solid #333333;
  width: calc(100% - 109px - 15px);
}


.p-seminar__col02 {
  margin-top: 40px;
}
.p-seminar__col02 .p-seminar__content--report {
  cursor: pointer;
  width: calc(50% - 27px);
  display: inline-block;
  margin-bottom: 50px;
  -webkit-transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
/*
.p-seminar__col02 .p-seminar__content--report:hover {
  color: #2A97EB;
}
.p-seminar__col02 .p-seminar__content--report:hover .p-seminar__overview {
  color: #2A97EB;
}
*/
.p-seminar__col02 .p-seminar__content--report:hover .p-seminar__content__right__meta::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
    transform: translate3d(5px, 0, 0) rotate(45deg);
}
.p-seminar__col02 .p-seminar__content--report:nth-child(2n) {
  padding-left: 50px;
}
.p-seminar__col02 .p-seminar__content__left {
  width: 180px;
  height: 120px;
  overflow: hidden;
  vertical-align: top;
}
.p-seminar__col02 .p-seminar__content__right {
  width: calc(100% - 180px - 23px);
  padding-left: 20px;
}
.p-seminar__col02 .p-seminar__content__right__inner {
  padding-bottom: 22px;
}
.p-seminar__col02 .p-seminar__content__right .p-seminar__title {
  margin-top: 0;
}
.p-seminar__col02 .p-seminar__content__right .p-seminar__overview {
  font-size: 14px;
  margin-top: 25px;
  line-height: 1.8571;
  color: #4D4D4D;
  -webkit-transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),background-color 0.2s linear,color 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-seminar__col02 .p-seminar__content__right .p-seminar__content__right__meta {
  font-size: 12px;
  padding-top: 14px;
  font-weight: bold;
}
.p-seminar__col02  .p-seminar__content_tag {
  font-size: 10px;
  padding: 7px 15px;
  top: -10px;
}
.p-seminar__col02 .p-seminar__content__right__meta::after {
  width: 4px;
  height: 4px;
}
.p-seminar__col02 .p-seminar__content--report img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  width: auto;
  object-fit: cover;
  object-position: center;
  min-width: 100%;
}
.p-seminar__col02 .p-seminar__content--report:hover img {
  opacity: 1;
  transform: translate(-50%,-50%) scale3d(1.1,1.1,1.1);
}
.p-seminar__heading__title {
  font-size: 26px;
  line-height: 1.5384;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 28px;
  margin-bottom: 30px;
}
.p-seminar__heading__meta {
  margin-bottom: 27px;
}
.p-seminar__heading__meta ul {
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
}
.p-seminar__heading__meta ul li {
  padding: 8px 17px;
  border-radius: 3px;
  display: inline-block;
}
.p-seminar__heading__status {
  background: #2A97EB;
  color: #fff;
}
.p-seminar__heading__status.closed {
  background: #707070;
}
.p-seminar__heading__free {
  color: #2A97EB;
  border: 1px solid #2A97EB;
  margin-left: 2px;
}
.p-seminar.l-seminar {
  background: #fff;
  padding: 80px 100px;
  max-width: 880px;
}
.p-seminar__heading__apply {
  font-weight: bold;
  font-size: 16px;
  overflow: hidden;
}
.p-seminar__apply--detail {
  display: inline-block;
  width: 60%;
}.p-seminar__apply--btn {
  width: 40%;
  float: right;
}
.p-seminar__apply--btn a {
  display: inline-block;
  margin: 0 0 0 auto;
  background: #2A97EB;
  border-radius: 26px;
  color: #fff;
  text-decoration: none;
  padding: 18px 40px;
  text-align: center;
  float: right;
  line-height: 1;
  transition: all .3s;
  border: 1px solid #2A97EB;
}
.p-seminar__apply--btn a:hover {
  color: #2A97EB;
  background: #fff;
  border: 1px solid #2A97EB;
}

.p-seminar__heading__place {
  display: inline-block;
  margin-top: 10px;
}
.p-seminar__detail__heading {
  margin-bottom: 40px;
}
.p-seminar__detail--catch {
  margin-bottom: 30px;
}
.p-seminar__detail--catch img {
  width: 100%;
  height: auto;
}
.p-seminar__detail__content {
  font-size: 16px;
  line-height: 1.875;
}
.p-seminar__detail__content h1 {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 25px;
}
.p-seminar__detail__content h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #2A97EB;
  padding-bottom: 0;
  margin-bottom: 27px;
  padding-top: 3px;
  padding-left: 18px;
  line-height: 1.4;
}
.p-seminar__detail__content h3 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
}
.p-seminar__detail__content h3::before, .p-blog__detail__content h3::before {
  content: "━";
  position: absolute;
  left: 0;
  display: block;
}
.l-topContainer--seminar {
  background: #F9F9FA;
  padding-top: 100px;
  padding-bottom: 100px;
}
.is-top .p-seminar__row  {
  max-width: 1080px;
  padding: 0 60px 30px;
  margin: 80px auto 0;
}
.is-top .p-seminar__content {
}

.l-casestudy {
  background: #fff;
  padding-bottom: 100px;
}
.c-price .c-subVisual--caseStudies {
  margin-top: 0;
  background-image: url(../images/lp/price/bg_casestudy.png);
  background-position: center 0px;
  padding-top: 120px;
  height: 280px;
}
.c-price .c-subVisual--caseStudies p {
  font-size: 32px;
}
.c-price .c-mainVisual__info__img {
  display: inline-block;
  position: relative;
  top: 12px;
  padding: 0 6px 0 10px;
}
.c-price  .p-interviewLink__item .logo {
  margin-top: 35px;
}
.c-price .p-interviewLink {
  margin-bottom: 50px;
}
.l-price {
  padding-bottom: 100px;
}
.l-price .c-subVisual p {
  font-size: 26px;
  line-height: 1.5;
  padding-top: 0;
}
.l-price .c-mainVisual__info__contactBtn {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 70px;
}
.l-price .c-mainVisual__info__contactBtn .c-contactBtn img {
  position: relative;
  top: 2px;
  padding-right: 7px;
}
.c-price .l-price .c-subVisual--caseStudies {
  height: 495px;
  padding-top: 55px;
  background-image: url(../images/lp/price/bg_price.png);
}

.p-priceLink {
  position: relative;
  width: 1120px;
  margin: -170px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 55px;
}
.p-priceLink .p-priceLink__card {
  width: calc(266px - 40px);
  background: #fff;
  padding: 30px 20px;
  color: #1A1A1A;
  border-bottom: 3px solid rgba(26,26,26,0.1);
}
.p-priceLink__card_step {
  text-align: center;
  color: #2A97EB;
  font-size: 16px;
  position: relative;
}
.p-priceLink__card_step i {
  background: #2A97EB;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  line-height: 2;
  margin-left: 10px;
}
.p-priceLink__card_ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
}
.p-priceLink__card_expart {
  font-size: 12px;
  line-height: 1.83333;
  text-align: center;
}
.p-priceLink .p-priceLink__card hr {
  width: 30px;
  background-color: #2A97EB;
  border: none;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.p-priceLink__card_price {
  color: #2A97EB;
  font-size: 24px;
  text-align: center;
  padding-bottom: 20px;
}
.p-priceLink__card_price small {
  font-size: 14px;
  padding-left: 5px;
}
.p-priceLink__card_check {
  font-size: 14px;
}
.p-priceLink__card_check p {
  position: relative;
  padding-left: 2em;
  padding-bottom: 10px;
}
.p-priceLink__card_check p::before {
  content: "";
  background-image: url(../images/lp/price/ico_price.png);
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  left: 0;
}

.l-function .c-subVisual--caseStudies {
  background-image: url(../images/lp/function/bg.png);
  height: 140px;
  padding-top: 40px;
  margin-top: 0;
}
.l-function .c-subVisual--caseStudies p {
  padding-top: 0;
}
.l-function .c-subVisual--caseStudies p small {
  padding-top: 20px;
  line-height: 1.785;
}
.c-function__Point {
  max-width: 1080px;
  margin: 0 auto;
  padding-top: 40px;
}
.c-function__Point_inner {
  overflow: hidden;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  padding-bottom: 80px;
}
.c-function__Point_inner h3 {
  font-size: 26px;
  font-weight: bold;
  color: #1A1A1A;
  padding-bottom: 30px;
  text-align: left;
  line-height: 1.6153;
}
.c-function__Point_inner p {
  font-size: 16px;
  color: #73787C;
  line-height: 1.75;
  text-align: left;
}
.c-function__Point_inner .c-function__Point_images img {
  max-width: 100%;
  height: auto;
}
.c-function__Point_inner .c-function__Point_txt {
  position: relative;
  }
.c-function__Point_inner .c-function__Point_txt .center {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  width: 100%;
}
.c-function__Point_leftImage .c-function__Point_images {
  float: left;
  width: calc(50% - 44px);
  padding-right: 44px;
}
.c-function__Point_leftImage .c-function__Point_txt {
  float: right;
  width: calc(50% - 44px);
  padding-left: 44px;
  position: relative;
}
.c-function__Point_rightImage .c-function__Point_images {
  float: right;
  width: calc(50% - 44px);
  padding-right: 44px;
}
.c-function__Point_rightImage .c-function__Point_txt {
  float: left;
  width: calc(50% - 44px);
  padding-left: 44px;
  position: relative;
}
.c-function {
  margin-bottom: -100px;
}
.c-function__List {
  /*background: #fff;*/
  /*padding-bottom: 100px;*/
  padding-top: 80px;
}
.c-function__List h2 {
  font-size: 34px;
  text-align: center;
  color: #585858;
  padding-bottom: 55px;
}
.p-function .l-topContainer--intro {
  max-width: 1300px;
  padding: 90px 110px 0;
}
.p-function .p-topIntro__message::before {
  content: "";
}
.p-function .p-topIntro__title {
  font-size: 26px;
  margin-top: 0;
}
.p-function .p-topIntro--left {
  height: auto;
}
.p-function .p-topIntro--left .p-topIntro__img {
  margin-left: -160px;
}
.p-function  .p-topIntro--left .p-topIntro__message {
  padding-right: 0;
  margin-right: 0;
  /*padding-left: 25px;*/
}
.p-function .p-topIntro--left.p-topIntro--01 .p-topIntro__img {
  margin-left: -160px;
}
.p-function .p-topIntro--left.p-topIntro--01 .p-topIntro__message {
  margin-top: 0;
}
.p-function .p-topIntro--left .p-topIntro__imgWrap img {
  width: 684px;
}

.p-function .p-topIntro--right .p-topIntro__message {
  margin: 0;
  width: 496px;
  float: left;
}
.p-function .p-topIntro--right.p-topIntro--02 .p-topIntro__message {
  width: 496px;
  padding-top: 80px;
}
.p-function .p-topIntro--right .p-topIntro__imgWrap img {
  float: right;
  width: 728px;
  margin-right: -180px;
}
.p-function .p-topIntro--right .p-topIntro__imgWrap img {
  float: right;
  width: 728px;
  margin-right: -180px;
}
.p-function .p-topIntro--03 .p-topIntro__message {
  width: 496px;
  margin-top: 90px;
}
.p-function .p-topIntro--right .p-topIntro__imgWrap {
  text-align: center !important;
  width: auto !important;
}
.p-function .p-topIntro--04 .p-topIntro__message {
  margin-top: 95px;
}
.p-function .p-topIntro--05 {
  border-bottom: 1px solid #cbd4df;
}
.p-function .p-topIntro--05 .p-topIntro__img {
  margin-top: 0;
}
.p-function .p-topIntro--05 .p-topIntro__message {
  margin-top: 130px;
}
.p-function .p-topIntro--06 .p-topIntro__message {
  margin-top: 80px;
}
.p-plan .c-subVisual--caseStudies {
  padding-top: 140px;
  height: 260px;
}
.p-plan .c-topSubTitle {
  font-size: 16px;
  color: #fff;
}
.p-plan .c-subVisual--caseStudies p {
  font-size: 32px;
  font-weight: 600;
  padding-top: 25px;
}
.p-interviewLink-wrap {
  background: #fff;
}
.p-plan .p-interviewLink {
  margin: -130px auto 0;

}
.p-plan .p-interviewLink+.c-btn__more {
  margin-top: 60px;
  padding-bottom: 100px;
}
.p-plan__list {
  position: relative;
  width: 1080px;
  margin: -80px auto 0;
  overflow: hidden;
}
.p-plan__list+.c-btn__more {
  margin-top: 40px;
}
.p-plan__list+.c-btn__more a:hover {
  color: #2a97eb;
}
.p-plan__item {
  width: calc(50% - 90px);
  float: left;
  background: #fff;
  margin-bottom: 20px;
  padding: 50px 40px 60px;
  border-bottom: 3px solid rgba(26,26,26,0.1);
}
.p-plan__item:nth-child(2n+1) {
  margin-right: 20px;
}
.p-plan__item-ttl {
  font-size: 24px;
  color: #1A1A1A;
  font-weight: 600;
  padding-bottom: 20px;
  text-align: center;
}
.p-plan__item-txt {
  font-size: 16px;
  color: #333333;
  line-height: 1.75;
}
.p-plan__item-num {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #2A97EB;
  display: block;
  color: #fff;
  margin: 0 auto 20px;
  position: relative;
}
.p-plan__item-num span {
  font-size: 26px;
  font-weight: 600;
  font-family: Helvetica Neue, Helvetica;
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
  position: relative;
  top: 7px;
  left: 1px;
}
.p-plan__item-num::before {
  content: "PLAN";
  color: #2A97EB;
  position: absolute;
  font-size: 18px;
  top: -25px;
  font-family: Helvetica Neue, Helvetica;
}
.p-plan .c-subVisual p {
  font-size: 26px;
  padding-bottom: 40px;
}
.p-plan #case.c-subVisual p {
  font-size: 32px;
}
.p-plan .c-subVisual--caseStudies#plan {
  background: url(../images/lp/plan/bg_plan.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 80px;
  margin-top: 0;
  height: 320px;
}
.p-plan .p-faq {
  padding-top: 80px;
  /*padding-bottom: 60px;*/
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
.p-plan .p-faq:before {
  content: "";
  position: absolute;
  background: #2A97EB;
  height: 3px;
  width: 20px;
  top: 0;
}
.p-plan .p-faq h2 {
  font-size: 30px;
  color: #1A1A1A;
  padding-bottom: 60px;
}
.p-plan .p-faq h2 small {
  display: block;
  opacity: 0.4;
  font-size: 12px;
  font-weight: 600;
  margin-top: 7px;
}
.p-plan .p-faq__content {
  margin-left: 0;
}
.p-plan .p-faqList__title:after,
.p-plan .p-faqList__title:before {
  background-color: #2A97EB;
}
.p-plan .p-news__more {
  color: #1A1A1A;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  top: -30px;
}


.p-editor__detail__content table {
  border: 1px solid #E6E6E6;
  margin-bottom: 30px;
}
.p-editor__detail__content table tr th,
.p-editor__detail__content table tr td:first-of-type {
  width: 150px;
  background: #F2F2F2;
  color: #1A1A1A;
  font-size: 14px;
  font-weight: bold;
  padding: 25px 20px;
  border-bottom: 1px solid #E6E6E6;
}
.p-editor__detail__content table tr td {
  padding: 25px 20px;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
  line-height: 1.6;
}
.p-editor__detail__content b {
  font-weight: bold;
}
.p-seminar__detail--apply {
  background: #F2F2F2;
  padding: 40px 60px 35px;
}
.p-seminar__detail--apply__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: center;
}
.p-seminar__detail--apply__date,
.p-seminar__detail--apply__place {
  font-size: 16px;
  text-align: center;
}
.p-seminar__detail--apply__date {
  margin-bottom: 10px;
}
.p-seminar__detail--apply__place {
  margin-bottom: 25px;
}
.p-seminar__detail--apply__sns {
  background: #fff;
  overflow: hidden;
  padding: 20px 0;
}
.p-seminar__detail--apply__sns ul {
  margin: 0 auto;
  max-width: 365px;
}
.p-seminar__detail--apply__sns li {
  float: left;
  padding: 0 5px;
}
.p-seminar__detail--apply__btn {
  cursor: pointer;
  background: #2A97EB;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  padding: 25px 0;
  border-bottom: 3px rgba(0,0,0,0.16) solid;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
}
.p-seminar__detail--apply__btn:hover {
  transform: translate3d(0, 3px, 0);
  opacity: .6;
}

.p-seminar__detail--recruitment {
  background: #F2F2F2;
  color: #1A1A1A;
  margin-top: 80px;
  padding-bottom: 80px;
}
.p-seminar__detail--recruitment .l-static {
  margin: 0 auto;
  padding: 80px 0px 20px;
  max-width: 1080px;
}
.p-seminar__recruitment--head {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.p-seminar__recruitment--head02 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 35px;
}
.p-seminar__recruitment--head small {
  display: block;
  color: rgba(26, 26, 26, .4);
  font-size: 12px;
  padding-top: 12px;
}
.p-seminar__recruitment--more {
  float: right;
  font-size: 14px;
  position: relative;
  padding-right: 15px;
  text-decoration: none !important;
  color: #333333 !important;
  bottom: 35px;
  position: relative;
  color: #1A1A1A;
}
.p-seminar__recruitment--more:hover {
  color: #2A97EB !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.p-seminar__recruitment--more::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #2A97EB;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  left: auto;
  right: 0px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  flex-wrap: wrap;
}
.p-seminar__recruitment--notice {
  background: #fff;
  color: #1A1A1A;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.slick-list.draggable {
  width: calc(1080px + 30px);
  margin: 0 auto;
  position: relative;
}
.slick-slider.slick-initialized .p-seminar__content  {
  width: 100%;
  height: 100%;
  text-decoration: none;
  margin-bottom: 0;
  border-bottom: 3px solid rgba(26,26,26,0.1);
}
.slick-initialized .slick-slide.slick-item {
  /*padding: 0 15px !important;*/
  margin: 0 15px !important;
  padding: 0;
  min-height: 100%;
  height: auto;
  border-bottom: 3px solid rgba(26,26,26,0.1);
}
.slick-initialized .slick-slide.slick-item .p-seminar__content {
  border-bottom: 0;
}
.slick-slider .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  overflow: visible;
}
.slick-slider .slick-track, .slick-slider .slick-list img {
  width: 100%;
}
.slick-prev {
  background: rgba(76, 76, 76, 0.2);
  width: 50px;
  height: 50px;
  font-size: 0;
  position: absolute;
  top: 40%;
  z-index: 5;
  outline: none;
}
.slick-prev::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  pointer-events: none;
}
.l-blog__pager li {
  display: inline-block;
}
.l-blog__pager a {
  color: #93989D;
  font-size: 14px;
  padding: 20px;
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  padding: 19px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.l-blog__pager a:hover {
  opacity: .6;
}
.l-blog__pager a.is-current {
  background: #2A97EB;
  color: #fff;
}
.slick-next {
  background: rgba(76, 76, 76, 0.2);
  width: 50px;
  height: 50px;
  font-size: 0;
  position: absolute;
  top: 40%;
  right: 0;
  z-index: 5;
  outline: none;
}
.slick-next::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.slick-prev,
.slick-next {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.slick-prev:hover,
.slick-next:hover {
  background: #2A97EB;
}
.slick-prev:hover::after {
  -webkit-transform: translate3d(-5px, 0, 0) rotate(-135deg);
    transform: translate3d(-5px, 0, 0) rotate(-135deg);
}

.slick-next:hover::after {
  -webkit-transform: translate3d(5px, 0, 0) rotate(45deg);
    transform: translate3d(5px, 0, 0) rotate(45deg);
}


/**
download
**/
.p-download {
  max-width: 1080px;
  padding: 0 80px;
  margin: 0 auto;
}
.c-lpHeading__notice {
  font-size: 16px;
  padding-top: 50px;
  padding-bottom: 60px;
  line-height: 1.78571;
}
.p-download__row {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -60px;
}
.p-download__content {
  float: left;
  width: calc(33.333% - 20px);
  margin-right: 30px;
  margin-bottom: 50px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 35px;
}
.p-download__content figure {
  width: 100%;
  /*padding-top: 54.41176%;
  position: relative;*/
}
.p-download__content figure img {
  width: 100%;
  height: auto;
  /*position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;*/
}
.p-download__content:nth-child(3n) {
  margin-right: 0;
}
.p-download__card__ttl {
  font-size: 18px;
  color: #1A1A1A;
  font-weight: bold;
  text-align: center;
  padding: 25px 0 20px;
  line-height: 1.6666;
}
.p-download__content__card a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background: #2A97EB;
  border-radius: 26px;
  width: 200px;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  -webkit-transition: all 0.4s;
  transition: all .3s;
  font-weight: bold;
  border: 1px solid #2A97EB;
}
.p-download__content__card a:hover {
  color: #2A97EB;
  background: #fff;
  border: 1px solid #2A97EB;
}




/**
case study
**/
.p-casestudy {
  max-width: 1080px;
  padding: 0 80px;
  margin: 0 auto;
}
.p-casestudy__row {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-casestudy__content {
  float: left;
  width: calc(33.333% - 20px);
  margin-right: 30px;
  margin-bottom: 50px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 35px;
  position: relative;
  text-decoration: none;
}
.p-casestudy__content a:hover .p-interviewLink__item__img__company {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 50%;
}
.p-casestudy__content a {
  width: 100%;
  padding-top: 54.41176%;
  position: relative;
  display: block;
}
.p-casestudy__content a img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
}
.p-casestudy__content a:hover img {
  opacity: 0.4;
}
.p-casestudy__content:nth-child(3n) {
  margin-right: 0;
}
.p-casestudy__card__ttl {
  font-size: 18px;
  color: #1A1A1A;
  font-weight: bold;
  text-align: center;
  padding: 25px 0;
  line-height: 1.6666;
}
.p-casestudy__content__card {
  text-align: center;
  padding-top: 30px;
}
.p-casestudy__content__card a:hover {
  transform: translateY(3px);
}
.p-casestudy__content__card p {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.p-casestudy__content__card .logo {
  max-height: 40px;
  margin-bottom: 8px;
}
.p-casestudy__content__card .logo img {
  display: block;
  margin: 0 auto;
}
.l-casestudy__pager {
  margin-top: 60px;
}

.l-casestudy__pager ul {
  overflow: hidden;
  margin: 0 auto;
  width: 280px;
}
.l-casestudy__pager li {
  display: inline-block;
}
.l-casestudy__pager a {
  color: #93989D;
  font-size: 14px;
  padding: 20px;
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  padding: 19px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.l-casestudy__pager a:hover {
  opacity: .6;
}
.l-casestudy__pager a.is-current {
  background: #2A97EB;
  color: #fff;
}
.p-logo_list {
  max-width: 1080px;
  padding: 0 80px;
  margin: 100px auto 0;
}
.p-logo_list img {
  width: 100%;
}

.sns {
  max-width: 1120px;
  min-width: 995px;
  width: 100%;
  margin: 0 auto;
  padding: 35px 80px 15px;
  box-sizing: border-box
}

.sns__list {
  font-size: 0;
  text-align: right
}

.sns__list__item {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  font-size: 14px
}

.p-404 {
  margin: 249px auto 0
}

.p-404__container {
  padding: 60px 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, .1)
}

.p-404__title {
  margin: 0 auto 27px;
  text-align: center
}

.p-404__text {
  font-size: 14px;
  line-height: 28px;
  margin: 0 auto 64px;
  text-align: center
}

.p-404__btn {
  text-align: center
}

.p-404__btn .btn {
  line-height: 1.5
}

.u-fs8 {
  font-size: 8px!important;
  font-size: 8px!important;
  font-size: .8rem!important
}

.u-fs9 {
  font-size: 9px!important;
  font-size: 9px!important;
  font-size: .9rem!important
}

.u-fs10 {
  font-size: 10px!important;
  font-size: 10px!important;
  font-size: 1rem!important
}

.u-fs11 {
  font-size: 11px!important;
  font-size: 11px!important;
  font-size: 1.1rem!important
}

.u-fs12 {
  font-size: 12px!important;
  font-size: 12px!important;
  font-size: 1.2rem!important
}

.u-fs13 {
  font-size: 13px!important;
  font-size: 13px!important;
  font-size: 1.3rem!important
}

.u-fs14 {
  font-size: 14px!important;
  font-size: 14px!important;
  font-size: 1.4rem!important
}

.u-fs15 {
  font-size: 15px!important;
  font-size: 15px!important;
  font-size: 1.5rem!important
}

.u-fs16 {
  font-size: 16px!important;
  font-size: 16px!important;
  font-size: 1.6rem!important
}

.u-fs17 {
  font-size: 17px!important;
  font-size: 17px!important;
  font-size: 1.7rem!important
}

.u-fs18 {
  font-size: 18px!important;
  font-size: 18px!important;
  font-size: 1.8rem!important
}

.u-fs19 {
  font-size: 19px!important;
  font-size: 19px!important;
  font-size: 1.9rem!important
}

.u-fs20 {
  font-size: 20px!important;
  font-size: 20px!important;
  font-size: 2rem!important
}

.u-fs21 {
  font-size: 21px!important;
  font-size: 21px!important;
  font-size: 2.1rem!important
}

.u-fs22 {
  font-size: 22px!important;
  font-size: 22px!important;
  font-size: 2.2rem!important
}

.u-fs23 {
  font-size: 23px!important;
  font-size: 23px!important;
  font-size: 2.3rem!important
}

.u-fs24 {
  font-size: 24px!important;
  font-size: 24px!important;
  font-size: 2.4rem!important
}

.u-fs25 {
  font-size: 25px!important;
  font-size: 25px!important;
  font-size: 2.5rem!important
}

.u-fs26 {
  font-size: 26px!important;
  font-size: 26px!important;
  font-size: 2.6rem!important
}

.u-fs27 {
  font-size: 27px!important;
  font-size: 27px!important;
  font-size: 2.7rem!important
}

.u-fs28 {
  font-size: 28px!important;
  font-size: 28px!important;
  font-size: 2.8rem!important
}

.u-fs29 {
  font-size: 29px!important;
  font-size: 29px!important;
  font-size: 2.9rem!important
}

.u-fs30 {
  font-size: 30px!important;
  font-size: 30px!important;
  font-size: 3rem!important
}

.u-fs31 {
  font-size: 31px!important;
  font-size: 31px!important;
  font-size: 3.1rem!important
}

.u-fs32 {
  font-size: 32px!important;
  font-size: 32px!important;
  font-size: 3.2rem!important
}

.u-fs33 {
  font-size: 33px!important;
  font-size: 33px!important;
  font-size: 3.3rem!important
}

.u-fs34 {
  font-size: 34px!important;
  font-size: 34px!important;
  font-size: 3.4rem!important
}

.u-fs35 {
  font-size: 35px!important;
  font-size: 35px!important;
  font-size: 3.5rem!important
}

.u-fs36 {
  font-size: 36px!important;
  font-size: 36px!important;
  font-size: 3.6rem!important
}

.u-fs37 {
  font-size: 37px!important;
  font-size: 37px!important;
  font-size: 3.7rem!important
}

.u-fs38 {
  font-size: 38px!important;
  font-size: 38px!important;
  font-size: 3.8rem!important
}

.u-fs39 {
  font-size: 39px!important;
  font-size: 39px!important;
  font-size: 3.9rem!important
}

.u-fs40 {
  font-size: 40px!important;
  font-size: 40px!important;
  font-size: 4rem!important
}

.u-iconfs8:before {
  font-size: 8px!important
}

.u-iconfs9:before {
  font-size: 9px!important
}

.u-iconfs10:before {
  font-size: 10px!important
}

.u-iconfs11:before {
  font-size: 11px!important
}

.u-iconfs12:before {
  font-size: 12px!important
}

.u-iconfs13:before {
  font-size: 13px!important
}

.u-iconfs14:before {
  font-size: 14px!important
}

.u-iconfs15:before {
  font-size: 15px!important
}

.u-iconfs16:before {
  font-size: 16px!important
}

.u-iconfs17:before {
  font-size: 17px!important
}

.u-iconfs18:before {
  font-size: 18px!important
}

.u-iconfs19:before {
  font-size: 19px!important
}

.u-iconfs20:before {
  font-size: 20px!important
}

.u-iconfs21:before {
  font-size: 21px!important
}

.u-iconfs22:before {
  font-size: 22px!important
}

.u-iconfs23:before {
  font-size: 23px!important
}

.u-iconfs24:before {
  font-size: 24px!important
}

.u-iconfs25:before {
  font-size: 25px!important
}

.u-iconfs26:before {
  font-size: 26px!important
}

.u-iconfs27:before {
  font-size: 27px!important
}

.u-iconfs28:before {
  font-size: 28px!important
}

.u-iconfs29:before {
  font-size: 29px!important
}

.u-iconfs30:before {
  font-size: 30px!important
}

.u-iconfs31:before {
  font-size: 31px!important
}

.u-iconfs32:before {
  font-size: 32px!important
}

.u-iconfs33:before {
  font-size: 33px!important
}

.u-iconfs34:before {
  font-size: 34px!important
}

.u-iconfs35:before {
  font-size: 35px!important
}

.u-iconfs36:before {
  font-size: 36px!important
}

.u-iconfs37:before {
  font-size: 37px!important
}

.u-iconfs38:before {
  font-size: 38px!important
}

.u-iconfs39:before {
  font-size: 39px!important
}

.u-iconfs40:before {
  font-size: 40px!important
}

.u-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.u-indent {
  text-indent: 1em
}

.u-pink {
  color: #f74e7b
}

.u-tac {
  text-align: center
}

.u-tar {
  text-align: right
}

.u-tal {
  text-align: left
}

.u-red {
  color: #f00
}

.u-bold {
  font-weight: 700
}

.u-textGreen {
  color: #5fe9ad
}

.u-mt25 {
  margin-top: 25px
}

.u-mt30 {
  margin-top: 30px
}

.u-mt35 {
  margin-top: 35px
}

.u-mt50 {
  margin-top: 50px
}

.u-mb5 {
  margin-bottom: 5px
}

.u-mb10 {
  margin-bottom: 10px
}

.u-mb15 {
  margin-bottom: 15px
}

.u-mb20 {
  margin-bottom: 20px
}

.u-mb30 {
  margin-bottom: 30px
}

.u-mr10 {
  margin-right: 10px
}

.u-ml5 {
  margin-left: 5px
}

.u-openSans {
  font-family: Open Sans, sans-serif
}

#header .alert_msg_delete, #header .alert_msg_edit {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center
}

#header .alert_msg_delete p, #header .alert_msg_edit p {
  font-weight: 700
}

#header .alert_msg_delete {
  height: 98px;
  padding: 17px 0 0;
  background-color: #009ae6
}

#header .alert_msg_delete .delete {
  margin: 10px 0
}

#header .alert_msg_delete .delete li {
  display: inline-block;
  vertical-align: middle
}

#header .alert_msg_delete .delete .btn {
  background-color: #fff;
  color: #0093fa;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#header .alert_msg_delete .delete .btn:hover, #header .alert_msg_delete .delete .btn:focus {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

#header .alert_msg_edit {
  padding: 16px 0 15px;
  background-color: #7bca54
}

#leftContents .magazine_ttl {
  background-color: #363636;
  margin-left: 9px;
  color: #fff;
  text-align: center;
  padding: 31px 20px;
  font-weight: 700
}

#leftContents .magazine_ttl .media {
  margin-bottom: 12px;
  padding: 5px 0;
  width: 70px;
  vertical-align: top;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  color: #000
}

#leftContents .magazine_ttl .magazine {
  background-color: #9edffa
}

#leftContents .magazine_ttl .newspaper {
  background-color: #f9ac7e
}

#leftContents .magazine_ttl .tv {
  background-color: #fcde36
}

#leftContents .magazine_ttl .web {
  background-color: #cec9ff
}

#leftContents .magazine_ttl h3 {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px
}

#leftContents .magazine_ttl .stop_collection_btn {
  width: 200px;
  line-height: 33px;
  border: 1px solid #a1a1a1;
  border-radius: 21px;
  margin-top: 14px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #a1a1a1
}

#leftContents .magazine_ttl .stop_collection_btn:hover {
  color: #464646;
  background-color: #fff
}

#leftContents .stop_collection {
  background-color: #ff6d85;
  text-align: center;
  color: #fff;
  margin-left: 9px;
  padding: 23px 0
}

#leftContents .stop_collection__ttl {
  font-size: 16px;
  font-weight: 700
}

#leftContents .stop_collection .stop_collection_btn {
  width: 102px;
  line-height: 33px;
  border: 1px solid #fff;
  border-radius: 21px;
  margin-top: 14px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700
}

#leftContents .stop_collection .stop_collection_btn:hover {
  color: #ff6d85;
  background-color: #fff
}

#leftContents .price {
  margin-left: 9px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  padding: 30px 0;
  background-color: #f5f5f5;
  margin-top: 3px
}

#leftContents .price dt {
  margin-bottom: 10px;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#leftContents .price .number {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem
}

#leftContents .price .numberInput {
  display: block;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  height: 60px;
  width: 272px;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 14px;
  margin: 14px auto 0
}

#leftContents .price .numberInputCaption {
  margin-top: 13px;
  color: #fe7e93;
  font-size: 12px;
  font-weight: 400
}

#leftContents .pickup {
  background-color: #f5f5f5;
  margin-top: 3px;
  margin-left: 9px
}

#leftContents .pickup h3 {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #e8e8e8;
  padding: 15px 0;
  border-bottom: 1px solid #fff
}

#leftContents .pickup .pickarea {
  border-bottom: 1px solid #fff;
  padding-bottom: 7px;
  margin-bottom: 12px
}

#leftContents .pickup .pickarea .text {
  padding-top: 10px
}

#leftContents .pickup .pickarea .file_size {
  margin-top: 5px
}

#leftContents .pickup .pickarea a {
  text-align: left;
  font-weight: 700;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#leftContents .pickup .pickarea img {
  float: left;
  margin: 0 10px;
  padding: 2px 3px
}

#rightContents .edit_form, #rightContents .detail_list {
  background-color: #f5f5f5;
  zoom: 1
}

#rightContents .media_edit {
  margin-top: 25px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#rightContents .edit_form {
  width: 100%;
  min-width: 661px
}

#rightContents .edit_form tr {
  border-bottom: 3px solid #fff
}

#rightContents .edit_form tr:last-child {
  border-bottom: none
}

#rightContents .edit_form tr.error-msg td {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 28px
}

#rightContents .edit_form tr.error {
  background-color: #ffe1e6
}

#rightContents .edit_form th {
  padding: 28px 10px 28px 25px;
  width: 140px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 700
}

#rightContents .edit_form td {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 18px 25px 18px 0
}

#rightContents .edit_form td input {
  padding: 8px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  height: 18px
}

#rightContents .edit_form td select.ipt-select.h30 {
  height: 37px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative
}

#rightContents .edit_form td .inline {
  margin: 0 2px 0 5px
}

#rightContents .edit_form td .link img {
  vertical-align: middle
}

#rightContents .edit_form td label {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#rightContents .edit_form td .radio label {
  padding: 12px 10px
}

#rightContents .edit_form td .radio li {
  width: 140px
}

#rightContents .edit_form td .i-media li {
  float: left
}

#rightContents .edit_form td .i-media .help {
  margin: 0 8px
}

#rightContents .edit_form td .i-media .c-questionIcon {
  margin: 1px 12px
}

#rightContents .edit_form td .f-media li {
  float: left
}

#rightContents .edit_form td .f-media .help {
  margin: 0 8px;
  position: relative
}

#rightContents .edit_form td .help {
  font-size: 9px;
  font-size: 9px;
  font-size: .9rem;
  margin: 8px 6px
}

#rightContents .edit_form td .help a {
  color: #989898
}

#rightContents .edit_form td .c-questionIcon {
  margin: 12px 10px
}

#rightContents .edit_form td .fb {
  color: #2b5aa2
}

#rightContents .edit_form td .fb-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 18px
}

#rightContents .edit_form td .tw {
  color: #00b4ff
}

#rightContents .edit_form td .tw-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

#rightContents .edit_form td .btn {
  padding: 12px 20px
}

#rightContents .edit_form td .tag .tag-item {
  display: inline;
  margin-right: 2em;
  line-height: 2.4em
}

#rightContents .edit_form td .tag p {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
  text-align: right
}

#rightContents .detail_list {
  width: 100%;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#rightContents .detail_list tr {
  border-bottom: 3px solid #fff
}

#rightContents .detail_list tr:last-child {
  border-bottom: none
}

#rightContents .detail_list th {
  width: 287px;
  padding: 8px 18px 8px 36px;
  box-sizing: border-box;
  font-weight: 700
}

#rightContents .detail_list td {
  padding: 28px 25px;
  word-break: break-all;
  word-wrap: break-word
}

#rightContents .detail_list td .fb {
  color: #2b5aa2
}

#rightContents .detail_list td .fb-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 18px
}

#rightContents .detail_list td .tw {
  color: #00b4ff
}

#rightContents .detail_list td .tw-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

#rightContents .detail_list td.text {
  line-height: 24px
}

#rightContents .detail_list td .detail-tag {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 15px;
  background-color: #fff;
  border-radius: 3px;
  line-height: 2.5;
  white-space: nowrap
}

#rightContents .detail_graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #95989a;
  margin-top: 18px
}

#rightContents .detail_graph_box {
  font-size: 10px;
  height: 27px;
  position: relative;
  border-right: 1px solid #95989a;
  overflow: hidden
}

#rightContents .detail_graph_box:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100px;
  background-color: #fff9d6;
  border-right: none
}

#rightContents .detail_graph_box-4 {
  background-color: #fff6da
}

#rightContents .detail_graph_box-10 {
  background-color: #eeffd6
}

#rightContents .detail_graph_box-20 {
  background-color: #cff
}

#rightContents .detail_graph_box-30 {
  background-color: #c9e8ff
}

#rightContents .detail_graph_box-40 {
  background-color: #edf
}

#rightContents .detail_graph_box-50 {
  background-color: #ffe6d6
}

#rightContents .detail_graph_box_name {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap
}

#rightContents .detail_ratio {
  display: block;
  margin: 5px 0
}

#rightContents .detail_ratio_item {
  display: inline-block;
  border: 1px solid #95989a;
  padding: 3px;
  margin-right: 3px;
  margin-bottom: 3px
}

#rightContents .detail_ratio_item-4 {
  background-color: #fff6da
}

#rightContents .detail_ratio_item-10 {
  background-color: #eeffd6
}

#rightContents .detail_ratio_item-20 {
  background-color: #cff
}

#rightContents .detail_ratio_item-30 {
  background-color: #c9e8ff
}

#rightContents .detail_ratio_item-40 {
  background-color: #edf
}

#rightContents .detail_ratio_item-50 {
  background-color: #ffe6d6
}

#rightContents .detail_ratio_item:last-child {
  background-color: #fff9d6;
  margin-right: 0
}

#wrapper {
  position: relative;
  left: 0
}

.open-panel #header, .open-panel #wrapper {
  left: 422px;
  position: fixed;
  overflow: hidden;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.open-panel #archive_panel {
  left: 0
}

#archive_panel {
  position: fixed;
  top: 0;
  left: -422px;
  z-index: 20;
  width: 422px;
  height: 100%;
  background-color: #2a2a2a;
  overflow: auto;
  box-shadow: rgba(0, 0, 0, .5) 0 0 10px 0 inset;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

#archive_panel .close {
  position: absolute;
  top: 15px;
  right: 20px
}

#archive_panel .close button {
  background: none
}

#archive_panel .close button:hover, #archive_panel .close button:focus {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

#archive_panel .header {
  background-color: #363636;
  padding: 20px 50px 20px 20px;
  color: #fff
}

#archive_panel .header .title {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#archive_panel .sort_menu {
  margin: 18px 0 18px 18px
}

#archive_panel .sort_menu .mainchart-control-group {
  display: table-cell;
  text-align: left
}

#archive_panel .sort_menu .mainchart-control-group li {
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#archive_panel .sort_menu .mainchart-control-group li input {
  display: none
}

#archive_panel .sort_menu .mainchart-control-group li label {
  background-color: #2a2a2a;
  width: 75px
}

#archive_panel .sort_menu .mainchart-control-group li .all, #archive_panel .sort_menu .mainchart-control-group li .tv, #archive_panel .sort_menu .mainchart-control-group li .newspaper, #archive_panel .sort_menu .mainchart-control-group li .magazine, #archive_panel .sort_menu .mainchart-control-group li .web {
  background-color: #363636
}

#archive_panel .sort_menu .mainchart-control-group li .all {
  color: #ff6d85
}

#archive_panel .sort_menu .mainchart-control-group li .tv {
  color: #fcde36
}

#archive_panel .sort_menu .mainchart-control-group li .newspaper {
  color: #f9ac7e
}

#archive_panel .sort_menu .mainchart-control-group li .magazine {
  color: #9edffa
}

#archive_panel .sort_menu .mainchart-control-group li .web {
  color: #cec9ff
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.all, #archive_panel .sort_menu .mainchart-control-group li input:checked+label.tv, #archive_panel .sort_menu .mainchart-control-group li input:checked+label.newspaper, #archive_panel .sort_menu .mainchart-control-group li input:checked+label.magazine, #archive_panel .sort_menu .mainchart-control-group li input:checked+label.web {
  color: #000
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.all {
  background-color: #ff6d85
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.tv {
  background-color: #fcde36
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.newspaper {
  background-color: #f9ac7e
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.magazine {
  background-color: #9edffa
}

#archive_panel .sort_menu .mainchart-control-group li input:checked+label.web {
  background-color: #cec9ff
}

#archive_panel .sort_menu .mainchart-control-group li .btn {
  padding: 0 10px;
  line-height: 25px
}

#archive_panel .list li {
  position: relative;
  border-bottom: 2px solid #2a2a2a;
  background-color: #363636;
  font-weight: 700;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#archive_panel .list .selected {
  background: #464646 image-url("check.png") no-repeat;
  background-position: right 18px center
}

#archive_panel .list a {
  display: block;
  padding: 18px 85px;
  font-weight: 700;
  color: #fff
}

#archive_panel .list a:link {
  text-decoration: none
}

#archive_panel .list a:hover, #archive_panel .list a:focus {
  background: image-url("check.png") no-repeat;
  background-position: right 18px center;
  background-color: #464646
}

#archive_panel .list span {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -11px;
  padding: 0 10px;
  line-height: 22px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  width: 36px;
  text-align: center
}

#archive_panel .list .tv {
  background-color: #fcde36
}

#archive_panel .list .newspaper {
  background-color: #f9ac7e
}

#archive_panel .list .magazine {
  background-color: #9edffa
}

#archive_panel .list .web {
  background-color: #cec9ff
}

#archive_panel .loading {
  margin: 20px auto;
  border-radius: 3px;
  background-color: #363636;
  width: 45px;
  height: 45px;
  vertical-align: middle
}

#archive_panel .loading img {
  padding: 10px
}

.open {
  position: relative;
  width: 240px
}

.open a {
  color: #000
}

.open a img {
  vertical-align: middle
}

.open a span {
  position: absolute;
  padding-top: 3px;
  font-weight: 700;
  display: inline;
  margin-left: 10px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.regist_form {
  text-align: center;
  padding-bottom: 35px
}

.regist_form ul, .regist_form .search_area, .regist_form .search_media_name, .regist_form .confirm, .regist_form .none_data, .regist_form .media_form {
  width: 786px;
  margin: 0 auto
}

.regist_form .media-type {
  width: auto
}

.regist_form .tv-type {
  width: 800px
}

.regist_form h3 {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 34px 0
}

.regist_form ul {
  margin: 0 auto
}

.regist_form ul li {
  vertical-align: top;
  margin-bottom: 3px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700
}

.regist_form ul li input {
  display: none
}

.regist_form ul li input:checked+label {
  background-color: #2a97ec;
  color: #fff
}

.regist_form ul li input:checked+label.media {
  background-color: #f5f5f5
}

.regist_form ul li label {
  background-color: #f5f5f5;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  display: table-cell;
  vertical-align: middle
}

.regist_form ul li label:hover, .regist_form ul li label:focus {
  background-position: right 18px center;
  background-color: #e8f4fa
}

.regist_form ul.submit li {
  display: inline-block;
  vertical-align: top
}

.regist_form.selectable:focus {
  outline: none
}

.regist_form button {
  margin-top: 32px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form dd input, .regist_form div input {
  line-height: 1.2;
  padding: 9px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form dd input::-ms-clear, .regist_form div input::-ms-clear {
  visibility: hidden
}

.regist_form dd .tag {
  margin-left: 160px
}

.regist_form dd .tag .tag-item {
  display: inline
}

.regist_form dd .tag label {
  margin: 6px 0
}

.regist_form dd .tag p {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
  padding-top: 10px
}

.regist_form dd .bcast-margin {
  margin-left: 160px;
  margin-top: 10px
}

.regist_form .enter {
  margin: 13px 0 73px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .enter a {
  color: #2a97ec;
  text-decoration: none
}

.regist_form .enter a:hover {
  text-decoration: underline
}

.regist_form .enter.mb55 {
  margin-bottom: 54px
}

.regist_form .select_media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 790px;
  height: 300px
}

.regist_form .select_media label {
  width: 194px;
  height: 117px
}

.regist_form .select_channel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 820px;
  height: 300px
}

.regist_form .select_channel label {
  width: 180px;
  height: 117px
}

.regist_form .select_network {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 790px;
  height: 300px
}

.regist_form .select_network label {
  width: 127px;
  height: 117px
}

.regist_form .select_network label p {
  line-height: 1.2
}

.regist_form .select_network label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .select_area {
  margin: 28px 0 18px 18px
}

.regist_form .select_area label {
  width: 194px;
  height: 117px
}

.regist_form .select_area label p {
  line-height: 1.1
}

.regist_form .select_area label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .input_url {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 790px;
  height: 300px
}

.regist_form .input_url label {
  width: 194px;
  height: 117px
}

.regist_form .input_url label p {
  line-height: 1.1
}

.regist_form .input_url label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .search_media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 790px;
  height: 300px
}

.regist_form .search_media label {
  width: 194px;
  height: 117px
}

.regist_form .search_media label p {
  line-height: 1.1
}

.regist_form .search_media label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .select_pref {
  margin: 28px 0 18px 18px
}

.regist_form .select_pref label {
  width: 194px;
  height: 117px
}

.regist_form .select_pref label p {
  line-height: 1.1
}

.regist_form .select_pref label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400
}

.regist_form .search_area {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  zoom: 1;
  font-weight: 700
}

.regist_form .search_area dt {
  padding: 15px 0 28px 25px;
  width: 61px;
  float: left;
  clear: both
}

.regist_form .search_area dd {
  margin-top: 15px;
  margin-left: 108px;
  text-align: left
}

.regist_form .search_area dd input {
  line-height: 1.2;
  padding: 9px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .search_area dd button {
  margin-top: 2px;
  margin-left: 71px
}

.regist_form .search_area dd.input {
  padding: 15px 25px
}

.regist_form .search_media_name {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 22px 0
}

.regist_form .select_area.error h3 {
  margin-bottom: 0
}

.regist_form .select_area.error .search_media_name.error {
  background-color: #ffe1e6
}

.regist_form .confirm {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  zoom: 1
}

.regist_form .confirm dl {
  text-align: left;
  background-color: #f5f5f5
}

.regist_form .confirm dl dt {
  padding: 28px 0 28px 28px;
  width: 117px;
  font-weight: 700;
  float: left;
  clear: both
}

.regist_form .confirm dl dt.lh35 {
  line-height: 3.5
}

.regist_form .confirm dl dd {
  padding: 25px 22px;
  border-bottom: 3px solid #fff;
  line-height: 1.6;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .confirm dl dd textarea {
  padding-top: 10px;
  height: 40px
}

.regist_form .confirm dl dd .inline {
  display: inline;
  margin: 0 10px
}

.regist_form .confirm dl dd .help {
  padding: 1px 6px;
  border-radius: 5px
}

.regist_form .confirm dl dd .sns {
  display: table-cell;
  float: left
}

.regist_form .confirm dl dd .sns .btnSocialBox {
  width: 448px
}

.regist_form .confirm dl dd .sns .btnSocialBox li {
  margin-right: 18px;
  float: left
}

.regist_form .confirm dl dd .sns .btnSocialBox li img {
  margin-right: 8px
}

.regist_form .confirm dl dd .sns .btnSocialBox li input {
  margin-top: -12px
}

.regist_form .confirm dl dd p {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  color: #a9a9a9;
  margin-top: 6px
}

.regist_form .confirm dl dd span {
  float: right;
  padding-top: 0;
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  color: #a9a9a9;
  line-height: 1.5
}

.regist_form .confirm dl dd.input {
  padding: 18px 25px 17px
}

.regist_form .confirm dl dd.input.pb22 {
  padding-bottom: 22px
}

.regist_form .confirm dl dd.btnSocial {
  padding: 24px 22px 26px
}

.regist_form .confirm .arert_info {
  background-color: #ffe1e6;
  padding: 25px 0 32px 28px;
  margin-bottom: 3px
}

.regist_form .confirm .arert_info p {
  line-height: 2;
  margin-bottom: 18px;
  color: #ff6d85;
  font-weight: 700
}

.regist_form .confirm .arert_info button {
  margin-top: 0;
  color: #fff;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .confirm .arert_info button:disabled {
  background-color: #a9a9a9;
  cursor: default
}

.regist_form .confirm .arert_info2 {
  background-color: #ffe1e6;
  padding: 25px;
  margin-bottom: 3px
}

.regist_form .confirm .arert_info2 p {
  line-height: 2;
  color: #ff6d85;
  font-weight: 700
}

.regist_form .select_newspaper, .regist_form .select_tv_station {
  margin: 18px 0 0 18px
}

.regist_form .select_newspaper label, .regist_form .select_tv_station label {
  width: 390px;
  height: 50px;
  border-radius: 0
}

.regist_form .select_newspaper label p, .regist_form .select_tv_station label p {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 330px
}

.regist_form .select_newspaper label p span, .regist_form .select_tv_station label p span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .select_newspaper .space, .regist_form .select_tv_station .space {
  width: 390px;
  height: 50px;
  background-color: #fcfcfc
}

.regist_form .select_newspaper input:checked+label, .regist_form .select_tv_station input:checked+label {
  background: #2a97ec image-url("check_white.png") no-repeat;
  background-position: right 18px center
}

.regist_form .select_data .none_data {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 21px 0
}

.regist_form .select_data .none_data p {
  line-height: 2;
  color: #ff6d85;
  font-weight: 700
}

.regist_form .media_info .media_form {
  background-color: #f5f5f5
}

.regist_form .media_info .media_form dl {
  overflow: hidden;
  zoom: 1;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 661px;
  text-align: left
}

.regist_form .media_info .media_form dl dt {
  padding: 29px 25px 0;
  width: 135px;
  font-weight: 700;
  float: left;
  clear: both;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4
}

.regist_form .media_info .media_form dl dt.lh10 {
  line-height: 1
}

.regist_form .media_info .media_form dl dt.lh13 {
  line-height: 1.3
}

.regist_form .media_info .media_form dl dt.pt26 {
  padding-top: 26px
}

.regist_form .media_info .media_form dl dt.pt43 {
  padding-top: 43px
}

.regist_form .media_info .media_form dl dt.pt49 {
  padding-top: 49px;
  line-height: 1.4
}

.regist_form .media_info .media_form dl dd {
  padding: 29px 25px 24px;
  border-bottom: 3px solid #fff
}

.regist_form .media_info .media_form dl dd input {
  padding: 8px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  height: 18px
}

.regist_form .media_info .media_form dl dd input::-ms-clear {
  visibility: hidden
}

.regist_form .media_info .media_form dl dd select.ipt-select.w115 {
  width: 115px!important
}

.regist_form .media_info .media_form dl dd.media {
  padding: 29px 25px 43px 24px
}

.regist_form .media_info .media_form dl dd .inline {
  display: inline;
  margin: 0 2px 0 11px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

.regist_form .media_info .media_form dl dd .inline img {
  vertical-align: middle
}

.regist_form .media_info .media_form dl dd .inline2 {
  display: inline;
  margin: 0 2px 0 7px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

.regist_form .media_info .media_form dl dd .inline2 img {
  vertical-align: middle
}

.regist_form .media_info .media_form dl dd .inline.small {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .media_info .media_form dl dd .inline.icon {
  margin: 0 0 0 11px
}

.regist_form .media_info .media_form dl dd .inline.link {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0
}

.regist_form .media_info .media_form dl dd .i-media li {
  float: left
}

.regist_form .media_info .media_form dl dd .i-media .help {
  margin: 0 8px
}

.regist_form .media_info .media_form dl dd .f-media {
  margin-bottom: 15px
}

.regist_form .media_info .media_form dl dd .f-media li {
  float: left
}

.regist_form .media_info .media_form dl dd .f-media .help {
  margin: 0 8px;
  position: relative
}

.regist_form .media_info .media_form dl dd .help {
  font-size: 9px;
  font-size: 9px;
  font-size: .9rem;
  margin: 8px 6px
}

.regist_form .media_info .media_form dl dd .help a {
  color: #989898
}

.regist_form .media_info .media_form dl dd .price {
  text-align: right;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700
}

.regist_form .media_info .media_form dl dd .price input {
  width: 250px;
  padding: 8px 10px;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: inherit;
  font-weight: 700;
  height: 40px;
  text-align: right;
  font-family: inherit;
  border: none
}

.regist_form .media_info .media_form dl dd .price input:hover {
  background-color: #e1ebf3
}

.regist_form .media_info .media_form dl dd .price input::-ms-clear {
  visibility: hidden
}

.regist_form .media_info .media_form dl dd .price .help {
  position: static;
  margin: 8px 6px 8px 15px
}

.regist_form .media_info .media_form dl dd .price .btn {
  margin-left: 12px
}

.regist_form .media_info .media_form dl dd label {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .media_info .media_form dl dd ul li {
  font-weight: 400
}

.regist_form .media_info .media_form dl dd.input {
  padding: 16px 25px 18px
}

.regist_form .media_info .media_form dl dd.input .radio {
  height: 36px
}

.regist_form .media_info .media_form dl dd.input .radio label {
  padding: 12px
}

.regist_form .media_info .media_form dl dd.input.select {
  padding: 13px 25px 17px
}

.regist_form .media_info .media_form dl dd.input.radio {
  padding: 18px 25px 13px
}

.regist_form .media_info .media_form dl dd.pr20 {
  padding: 13px 20px 15px 25px;
  line-height: 1.4
}

.regist_form .media_info .media_form dl dd.uplode {
  padding: 18px 25px 0 185px
}

.regist_form .media_info .media_form dl dd.uplode p {
  margin: 15px 0 19px;
  color: #989898;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.regist_form .media_info .media_form .arert_info3 {
  background-color: #ffe1e6;
  padding: 25px;
  margin-bottom: 3px
}

.regist_form .media_info .media_form .arert_info3 p {
  line-height: 2;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ff6d85;
  font-weight: 700
}

.regist_form textarea.comment {
  resize: vertical
}

.expired_panel {
  background: #445568 image-url("bg_trial_expired.png");
  background-size: cover
}

.expired_panel #trial_panel {
  width: 670px;
  margin: 46px auto 165px;
  background-color: #fff;
  border-radius: 3px;
  text-align: center
}

.expired_panel #trial_panel h3 {
  padding: 80px 0 32px;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700
}

.expired_panel #trial_panel p {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 20px
}

.expired_panel #trial_panel button {
  margin-bottom: 98px;
  padding: 13px 30px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.l-contents.pt15 {
  padding: 15px
}

.l-contents.pt35 {
  padding: 35px
}

.step_flow {
  margin: 0 auto;
  width: 520px
}

#service {
  margin: 34px auto 0;
  background-color: #fff;
  border-radius: 3px;
  text-align: center
}

#service h3 {
  padding: 65px 0 26px;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem
}

#service p {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7
}

#service p.mb33 {
  margin-bottom: 33px
}

#service .price_list {
  width: 805px;
  margin: 0 auto 28px
}

#service .price_list h4 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 800px;
  background-color: #2a97ec;
  color: #fff;
  font-weight: 700;
  padding: 23px 0 22px
}

#service .price_list dl {
  float: left;
  margin-right: 4px
}

#service .price_list dl:last-child {
  margin-right: 0
}

#service .price_list dl:last-child dd {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 28px 0 0;
  height: 76px
}

#service .price_list dl dt, #service .price_list dl dd {
  background-color: #f5f5f5;
  width: 157px
}

#service .price_list dl dt {
  margin: 4px 0;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 37px 0
}

#service .price_list dl dd {
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #2a97ec;
  padding: 34px 0 0;
  height: 70px
}

#service p.small {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 13px
}

#service p.info {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 82px
}

#regist_step {
  margin: 34px auto 100px;
  background-color: #fff;
  border-radius: 3px;
  text-align: center
}

#regist_step h3 {
  padding: 67px 0 26px;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem
}

#regist_step p {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 40px
}

#regist_step p.mb46 {
  margin-bottom: 46px
}

#regist_step button {
  margin-bottom: 104px;
  padding: 15px 30px 14px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#regist_step .input_data, #regist_step .comfirm_data {
  width: 825px;
  background-color: #f5f5f5;
  margin: 42px auto
}

#regist_step .input_data {
  margin: 27px auto 42px
}

#regist_step .input_data .copy {
  padding: 27px 0 24px 25px;
  border-bottom: 3px solid #fff;
  text-align: left;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

#regist_step .input_data .copy label {
  padding-left: 30px
}

#regist_step .input_data dl {
  overflow: hidden;
  zoom: 1;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 661px;
  text-align: left
}

#regist_step .input_data dl dt {
  padding: 26px 0 0 25px;
  width: 136px;
  font-weight: 700;
  float: left;
  clear: both;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4
}

#regist_step .input_data dl dt.lh10 {
  line-height: 1
}

#regist_step .input_data dl dt.lh15 {
  line-height: 1.5
}

#regist_step .input_data dl dt.pt26 {
  padding-top: 26px
}

#regist_step .input_data dl dt.pt43 {
  padding-top: 43px
}

#regist_step .input_data dl dt.pt49 {
  padding-top: 49px;
  line-height: 1.4
}

#regist_step .input_data dl dd {
  padding: 29px 25px 24px;
  border-bottom: 3px solid #fff
}

#regist_step .input_data dl dd input {
  padding: 8px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  height: 18px
}

#regist_step .input_data dl dd input.second {
  margin-left: 8px
}

#regist_step .input_data dl dd select.ipt-select.w145 {
  width: 145px!important
}

#regist_step .input_data dl dd .customSelect {
  padding: 0 11px 0 10px!important
}

#regist_step .input_data dl dd .inline {
  display: inline;
  margin: 0 2px 0 11px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

#regist_step .input_data dl dd .inline img {
  vertical-align: middle
}

#regist_step .input_data dl dd .inline2 {
  display: inline;
  margin: 0 2px 0 7px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

#regist_step .input_data dl dd .inline2 img {
  vertical-align: middle
}

#regist_step .input_data dl dd .inline3 {
  display: inline;
  margin: 0 3px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

#regist_step .input_data dl dd .inline.small {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#regist_step .input_data dl dd .inline.icon {
  margin: 0 0 0 11px
}

#regist_step .input_data dl dd .inline.link {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0
}

#regist_step .input_data dl dd .zip {
  padding: 10px 22px;
  margin: 0 0 0 6px;
  border-radius: 5px;
  cursor: pointer
}

#regist_step .input_data dl dd .help {
  border: 1px solid #d7d7d7;
  background-color: #fff;
  padding: 4px 6px;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: 8px;
  font-size: 9px;
  font-size: 9px;
  font-size: .9rem;
  color: #989898;
  position: absolute;
  margin: 8px 6px
}

#regist_step .input_data dl dd .help a {
  text-decoration: none;
  color: #989898
}

#regist_step .input_data dl dd .price {
  text-align: right;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700
}

#regist_step .input_data dl dd label {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#regist_step .input_data dl dd ul li {
  font-weight: 400
}

#regist_step .input_data dl dd.input {
  padding: 16px 25px 17px
}

#regist_step .input_data dl dd.input.select {
  padding: 15px 25px 14px
}

#regist_step .input_data dl dd.pr20 {
  padding: 13px 20px 15px 25px;
  line-height: 1.4
}

#regist_step .input_data dl dd.uplode {
  padding: 18px 25px 0
}

#regist_step .input_data dl dd.uplode p {
  margin: 15px 0 19px 134px;
  color: #989898;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#regist_step .comfirm_data dl {
  overflow: hidden;
  zoom: 1;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 661px;
  text-align: left
}

#regist_step .comfirm_data dl dt {
  padding: 28px 0 28px 25px;
  width: 136px;
  font-weight: 700;
  float: left;
  clear: both;
  line-height: 1
}

#regist_step .comfirm_data dl dd {
  padding: 28px 25px;
  border-bottom: 3px solid #fff
}

#regist_step .comfirm_data dl dd input {
  padding: 9px 10px 8px
}

#regist_step .file_data {
  width: 825px;
  background-color: #f5f5f5;
  margin: 0 auto 57px
}

#regist_step .file_data .error {
  width: 825px;
  background-color: #ff6d85;
  color: #fff;
  font-weight: 700;
  padding: 19px 0
}

#regist_step .file_data .error p {
  margin-bottom: 0
}

#regist_step .file_data.mb62 {
  margin-bottom: 62px
}

#regist_step ul.submit li {
  display: inline-block;
  vertical-align: top
}

#regist_step ul.submit li button {
  margin: 0 2px 0 0
}

#regist_step ul.submit li .edit {
  padding: 15px 25px 14px
}

#regist_step ul.submit li .download {
  width: 567px
}

#regist_step ul.submit li .next1 {
  padding: 15px 30px
}

#regist_step ul.submit li .next {
  padding: 15px 22px 14px 23px
}

#regist_step ul.submit li .back, #regist_step ul.submit li .submit {
  width: 184px;
  padding: 15px 0 14px
}

.mb95 {
  margin-bottom: 95px
}

.mb111 {
  margin-bottom: 111px
}

#regist_step.mt23 {
  margin-top: 23px
}

#regist_step.mb0 {
  margin-bottom: 0
}

#regist_step.mb172 {
  margin-bottom: 172px
}

#regist_step.mb201 {
  margin-bottom: 201px
}

#leftContents .use_state_ttl {
  text-align: left;
  padding: 0 30px;
  font-weight: 700
}

#leftContents .use_state_ttl h3 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

#leftContents .year_list {
  padding: 30px
}

#leftContents .year_list ul li {
  margin-bottom: 2px
}

#leftContents .year_list ul li .btn {
  font-weight: 400;
  min-width: 131px;
  padding: 10px 20px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff
}

.use_state-list-table {
  position: relative;
  width: 100%;
  border-collapse: separate;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.use_state-list-table th, .use_state-list-table td {
  padding: 13px 10px;
  text-align: center;
  box-sizing: border-box
}

.use_state-list-table thead th {
  color: #a9a9a9;
  padding: 6px 10px 30px
}

.use_state-list-table thead .price_ttl {
  padding-left: 38px;
  text-align: left
}

.use_state-list-table thead .status_ttl {
  text-align: right;
  padding-right: 20px
}

.use_state-list-table tbody th, .use_state-list-table tbody td {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 2px solid #fff
}

.use_state-list-table tbody .price {
  padding-left: 25px;
  text-align: left
}

.use_state-list-table tbody .status {
  text-align: right;
  padding-right: 15px
}

.use_state-list-table tbody .paid, .use_state-list-table tbody .btn-blue {
  position: relative;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 3px
}

.use_state-list-table tbody .paid {
  padding: 5px 17px;
  background-color: #7bc100
}

.use_state-list-table tbody .btn-blue {
  padding: 5px 10px;
  width: 100%
}

.use_state-list-table tbody .em {
  font-weight: 700;
  display: inline-block;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.use_state-list-table tbody tr {
  background-color: #f5f5f5
}

.convert_tool {
  width: 100%;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #f5f5f5;
  height: 51px
}

.convert_tool p {
  float: left;
  padding: 18px 23px;
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700
}

.convert_tool ul {
  float: right;
  margin: 0 13px
}

.convert_tool ul li {
  float: left
}

.convert_tool ul li .btn-gray3, .convert_tool ul li .paid, .convert_tool ul li .btn-blue {
  position: relative;
  margin: 13px 2px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 3px
}

.convert_tool ul li .btn-gray3 {
  padding: 5px 27px
}

.convert_tool ul li .paid {
  padding: 5px 22px;
  background-color: #7bc100
}

.convert_tool ul li .btn-blue {
  padding: 5px 27px;
  font-weight: 700
}

.convert_tool ul li .em {
  position: relative;
  padding: 5px 0 0;
  margin: 13px 2px;
  font-weight: 700;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#leftContents .help_ttl {
  background-color: #2a97ec;
  color: #fff;
  text-align: left;
  margin-top: 6px;
  padding: 11px 22px;
  font-weight: 700;
  width: 241px;
  border-radius: 0 3px 3px 0
}

#leftContents .help_ttl h3 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

#leftContents .help_menu {
  text-align: left;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 23px 0 30px 32px
}

#leftContents .help_menu ul li {
  margin-bottom: 17px;
  line-height: 1.5
}

#leftContents .help_menu ul li a {
  color: #2a97ec
}

#leftContents .help_menu ul li .active {
  font-weight: 700
}

#rightContents .accordion_dl {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#rightContents .accordion_dl dt {
  background-color: #f5f5f5;
  border-bottom: solid 1px #fff;
  margin-bottom: 1px;
  padding: 21px 20px 16px;
  cursor: pointer;
  position: relative
}

#rightContents .accordion_dl dt:before, #rightContents .accordion_dl dt:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 19px;
  width: 13px;
  height: 13px
}

#rightContents .accordion_dl dt:before {
  top: 44%;
  margin-top: -8px;
  background: #2a97ec
}

#rightContents .accordion_dl dt:after {
  top: 49%;
  margin-top: -13px;
  background: #f5f5f5
}

#rightContents .accordion_dl dt.active {
  background-color: #e8f4fa;
  margin-bottom: 0
}

#rightContents .accordion_dl dt.active:before {
  margin-top: 0
}

#rightContents .accordion_dl dt.active:after {
  margin-top: 1px;
  background: #e8f4fa
}

#rightContents .accordion_dl dd {
  background-color: #f5f5f5;
  border-bottom: solid 3px #fff;
  padding: 19px 20px
}

#rightContents .accordion_dl dd p {
  line-height: 2
}

.ng-hide {
  display: none!important
}

.btn {
  padding: 13px 20px;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  border-radius: 3px;
  box-sizing: border-box
}

.btn:link {
  text-decoration: none
}

.btn.narrow {
  padding: 5px 16px
}

.btn-blue {
  background-color: #2a97ec;
  color: #fff
}

.btn-blue:hover, .btn-blue:focus {
  background-color: #7fc1f4
}

.btn-pink {
  background-color: #ff6d85;
  color: #fff
}

.btn-pink:hover, .btn-pink:focus {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.btn-pink.solid:hover, .btn-pink.solid:focus {
  background-color: #ff6d85
}

.btn-gray {
  background-color: #464646;
  color: #fff
}

.btn-gray:hover, .btn-gray:focus {
  background-color: #797979
}

.btn-gray2 {
  background-color: #a9a9a9;
  color: #fff
}

.btn-gray2:hover, .btn-gray2:focus {
  background-color: #b9b9b9
}

.btn-gray3 {
  background-color: #c9c9c9;
  color: #fff
}

.btn-gray3:hover, .btn-gray3:focus {
  background-color: #d9d9d9
}

.btn-green {
  background-color: #7bca54;
  color: #fff
}

.btn-green:hover, .btn-green:focus {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

.ipt-txt {
  padding: 0 10px;
  border: 0;
  height: 32px;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative
}

.ipt-txt:disabled {
  background: #464646
}

.ipt-check input {
  display: none
}

.ipt-check input:checked+label:before {
  background-position: 0 -18px
}

.ipt-check label {
  position: relative;
  padding-left: 23px;
  line-height: 18px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ipt-check label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(/assets/member/img/spr_input_checkbox.png) no-repeat 0 0
}

.ipt-check.newspaper-format {
  padding-top: 10px;
  color: #989898;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.ipt-radio input {
  display: none
}

.ipt-radio input:checked+label:before {
  background-position: 0 -18px
}

.ipt-radio label {
  position: relative;
  padding-left: 23px;
  line-height: 18px;
  display: inline-block
}

.ipt-radio label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: image-url("spr_input_radio.png") no-repeat 0 0
}

.ipt-select {
  z-index: 4;
  cursor: pointer;
  height: 37px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative
}

.ipt-select.customSelect {
  position: relative;
  padding: 0 80px 0 10px;
  line-height: 40px;
  background-color: #fcfcfc;
  text-align: left;
  z-index: 3;
  border-radius: 3px
}

.ipt-select.customSelect:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 0 3px 3px 0
}

.ipt-select.customSelect:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 13px;
  z-index: 2;
  border-top: 7px solid #2a97ec;
  border-left: 7px solid rgba(255, 255, 255, 0);
  border-right: 7px solid rgba(255, 255, 255, 0)
}

.chart-move {
  position: relative;
  padding-left: 18px;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem
}

.chart-move:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: image-url("spr_chart_move.png");
  background-repeat: no-repeat
}

.chart-move.zero:before {
  content: "-";
  background: none
}

.chart-move.infinity {
  height: 20px;
  line-height: 20px;
  font-weight: 400;
  overflow: hidden;
  font-size: 36px;
  font-size: 36px;
  font-size: 3.6rem
}

.chart-move.up {
  color: #2a97ec
}

.chart-move.up:before {
  background-position: 0 0
}

.chart-move.down {
  color: #ff6d85
}

.chart-move.down:before {
  background-position: 0 -28px
}

.chart-move.same {
  color: #5fe9ad
}

.chart-move.same:before {
  background-position: 0 -14px
}

.section {
  margin: 40px 0 20px
}

.section.m20 {
  margin: 20px
}

.section.mt0 {
  margin-top: 0
}

.section.mb0 {
  margin-bottom: 0
}

.section .heading {
  display: table;
  width: 100%;
  margin-bottom: 20px
}

.section .heading-main {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem
}

.section .heading-main .heading-count {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  margin-left: 8px;
  padding: 9px;
  background-color: #ff6d85
}

.section .heading-sub {
  display: table-cell;
  text-align: right;
  vertical-align: middle
}

.section .heading-sub dt {
  margin-right: 10px;
  font-weight: 700;
  display: inline-block;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.section .heading-sub dd {
  display: inline-block;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.section .footing {
  display: table;
  width: 100%;
  margin-top: 20px
}

.section .footing.mt30 {
  margin-top: 30px
}

.section .footing.mt40 {
  margin-top: 40px
}

.section .footing.mt50 {
  margin-top: 50px
}

.section .footing-main {
  display: table-cell;
  vertical-align: top
}

.section .footing-sub {
  display: table-cell;
  text-align: right;
  vertical-align: top
}

.section .footing-sub.center {
  text-align: center
}

.section .footing-sub.dashboard {
  width: 405px;
  display: table-cell;
  text-align: right;
  vertical-align: top
}

.section .footing-sub.dashboard.center {
  text-align: center
}

.block, .newsbox li {
  margin: 20px 0;
  padding: 20px;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box
}

.block:first-child, .newsbox li:first-child {
  margin-top: 0
}

.block.m20, .newsbox li.m20 {
  margin: 20px
}

.pagination {
  display: inline-block
}

.pagination:after {
  content: "";
  clear: both;
  display: block
}

.pagination li {
  float: left;
  margin-left: 2px
}

.pagination .btn {
  width: 41px;
  line-height: 41px;
  padding: 0;
  background-color: #fff;
  color: #d9d9d9;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.pagination .btn:hover, .pagination .btn:focus {
  background-color: #7fc1f4;
  color: #fff
}

.pagination .btn.current {
  background-color: #2a97ec;
  color: #fff
}

.pagination .btn-space {
  width: 41px;
  line-height: 41px;
  padding: 0;
  background-color: #fff;
  color: #d9d9d9;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.datalist {
  width: 100%
}

.datalist.w824 {
  width: 824px
}

.datalist tr {
  border-bottom: 2px solid #fff
}

.datalist.b3 tr {
  border-bottom: 3px solid #fff
}

.datalist tr:last-child {
  border-bottom: 0
}

.datalist th, .datalist td {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 27px 24px
}

.datalist th.fsize30, .datalist td.fsize30 {
  font-size: 30px
}

.datalist th {
  font-weight: 700
}

.datalist .required th {
  position: relative
}

.datalist .required th:after {
  content: "*";
  color: #ff6d85;
  display: inline-block;
  vertical-align: top;
  padding-left: 4px
}

.datalist .invalid th, .datalist .invalid td {
  background-color: #ffe1e6
}

.datalist .info th, .datalist .info td {
  background-color: #e1ebf3;
  line-height: 26px
}

.datalist .h100 th, .datalist .h100 td {
  padding-top: 0;
  padding-bottom: 0;
  height: 100px
}

.datalist .h240 th, .datalist .h240 td {
  padding-top: 0;
  padding-bottom: 0;
  height: 240px
}

.datalist.input th, .datalist.input td {
  padding: 12px 24px
}

.datalist.input td {
  padding-left: 4px
}

.shadow004 {
  box-shadow: rgba(0, 0, 0, .04) 0 0 16px 0;
  -webkit-box-shadow: rgba(0, 0, 0, .04) 0 0 16px 0;
  -moz-box-shadow: rgba(0, 0, 0, .04) 0 0 16px 0
}

.shadow1 {
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3)
}

.datadllist-wrap {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.datadllist-wrap.right {
  margin-right: 0;
  margin-left: auto
}

.datadllist-wrap.center {
  margin-right: auto;
  margin-left: auto
}

.datadllist-wrap .copy {
  padding: 27px 0 24px 25px;
  border-bottom: 3px solid #fff;
  text-align: left;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.datadllist-wrap tr {
  border-bottom: 3px solid #fff
}

.datadllist-wrap tr:last-child {
  border-bottom: none
}

.datadllist-wrap th {
  padding: 28px 25px;
  width: 129px;
  font-weight: 700;
  line-height: 1.4
}

.datadllist-wrap td {
  word-break: break-all;
  word-wrap: break-word;
  padding: 28px 25px
}

.datadllist-wrap td .fb {
  color: #2b5aa2
}

.datadllist-wrap td .fb-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 18px
}

.datadllist-wrap td .tw {
  color: #00b4ff
}

.datadllist-wrap td .tw-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

.datadllist-wrap .text {
  line-height: 24px
}

.datadllist-wrap .img {
  float: left
}

.baitailist {
  zoom: 1;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 661px;
  background-color: #f5f5f5
}

.baitailist tr {
  border-bottom: 3px solid #fff
}

.baitailist tr:last-child {
  border-bottom: none
}

.baitailist tr.error-msg td {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 28px
}

.baitailist tr.error {
  background-color: #ffe1e6
}

.baitailist th {
  padding: 28px 10px 28px 25px;
  width: 140px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 700
}

.baitailist td {
  padding: 18px 25px 18px 0
}

.baitailist td input {
  padding: 8px 10px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  height: 18px
}

.baitailist td input.w50 {
  width: 50px
}

.baitailist td input.w-max {
  width: 92.5%
}

.baitailist td select.ipt-select.h30 {
  height: 37px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative
}

.baitailist td textarea.w-max {
  width: 92.5%
}

.baitailist td .inline {
  margin: 0 2px 0 5px
}

.baitailist td .link img {
  vertical-align: middle
}

.baitailist td label {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.baitailist td .radio label {
  padding: 12px 10px
}

.baitailist td .radio li {
  width: 140px
}

.baitailist td .i-media li {
  float: left
}

.baitailist td .i-media .help {
  margin: 0 8px
}

.baitailist td .f-media li {
  float: left
}

.baitailist td .f-media .help {
  margin: 0 8px;
  position: relative
}

.baitailist td .help {
  font-size: 9px;
  font-size: 9px;
  font-size: .9rem;
  margin: 8px 6px
}

.baitailist td .help a {
  color: #989898
}

.baitailist td .fb {
  color: #2b5aa2
}

.baitailist td .fb-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 18px
}

.baitailist td .tw {
  color: #00b4ff
}

.baitailist td .tw-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

.baitailist td .btn {
  padding: 12px 20px
}

.baitailist td .tag .tag-item {
  display: inline
}

.baitailist td .tag label {
  margin: 6px 0
}

.baitailist td .tag p {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
  padding-top: 10px
}

.datadllist-wrap {
  background-color: #f5f5f5;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.datadllist-wrap.right {
  margin-right: 0;
  margin-left: auto
}

.datadllist-wrap.center {
  margin-right: auto;
  margin-left: auto
}

.datadllist-wrap .copy {
  padding: 27px 0 24px 25px;
  border-bottom: 3px solid #fff;
  text-align: left;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.datadllist-wrap tr {
  border-bottom: 3px solid #fff
}

.datadllist-wrap tr:last-child {
  border-bottom: none
}

.datadllist-wrap tr.error-msg td {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 28px
}

.datadllist-wrap tr.error {
  background-color: #ffe1e6
}

.datadllist-wrap th {
  padding: 28px 25px;
  width: 129px;
  font-weight: 700;
  line-height: 1.4
}

.datadllist-wrap td {
  word-break: break-all;
  word-wrap: break-word;
  padding: 28px 25px
}

.datadllist-wrap td .fb {
  color: #2b5aa2
}

.datadllist-wrap td .fb-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 18px
}

.datadllist-wrap td .tw {
  color: #00b4ff
}

.datadllist-wrap td .tw-c {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

.datadllist-wrap .text {
  line-height: 24px
}

.datadllist-wrap .img {
  float: left
}

.datadllist {
  overflow: hidden;
  zoom: 1;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.datadllist.minw661 {
  min-width: 661px
}

.datadllist dt {
  padding: 27px 0 0 25px;
  width: 136px;
  font-weight: 700;
  float: left;
  clear: both;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #464646;
  position: relative;
  z-index: 2
}

.datadllist dt.em_height94 {
  padding-top: 38px
}

.datadllist dt.em_height268 {
  padding-top: 108px
}

.datadllist dt.em_height86 {
  padding-top: 32px
}

.datadllist dt.required:after {
  content: "*";
  color: #ff6d85;
  display: inline-block;
  vertical-align: top;
  padding-left: 2px
}

.datadllist dd {
  position: relative;
  padding: 29px 25px 24px 161px
}

.datadllist dd.input {
  padding: 16px 25px 17px
}

.datadllist dd.error {
  background-color: #ffe1e6;
  z-index: 1;
  position: relative
}

.datadllist.b1 dd {
  border-bottom: 1px solid #fff
}

.datadllist.b2 dd {
  border-bottom: 2px solid #fff
}

.datadllist.b3 dd {
  border-bottom: 3px solid #fff
}

.datadllist.w160 {
  width: 100%
}

.datadllist.w160 dt {
  width: 160px
}

.datadllist.w160 dd {
  padding-left: 185px
}

.datadllist.w140 {
  width: 100%
}

.datadllist.w140 dt {
  width: 140px
}

.datadllist.w140 dd {
  padding-left: 165px
}

.datadllist.w196 {
  width: 100%
}

.datadllist.w196 dt {
  width: 196px
}

.datadllist.w196 dd {
  padding-left: 221px
}

.datadllist.w152 {
  width: 100%
}

.datadllist.w152 dt {
  width: 152px
}

.datadllist.w152 dd {
  padding-left: 177px
}

.input-parent.input-container {
  display: inline-block
}

.browser-error {
  padding-top: 0;
  position: relative
}

.browser-error .block, .browser-error .newsbox li, .newsbox .browser-error li {
  padding: 60px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -224px;
  margin-left: -409px
}

.browser-error h1 {
  margin: 0 auto 27px;
  text-align: center
}

.browser-error .error {
  font-size: 14px;
  line-height: 28px;
  margin: 0 auto 42px
}

.browser-error .imgwrap {
  vertical-align: bottom;
  text-align: center
}

.browser-error h3, .browser-error h4 {
  font-size: 14px;
  line-height: 18px;
  color: #666;
  text-align: center;
  margin-right: auto;
  margin-left: auto
}

.browser-error h3 {
  margin-top: 12px
}

.browser-error a.btn {
  margin-top: 28px;
  color: #fff
}

.browser-error #footer.blockDisp {
  margin-top: 0
}

.unsupport {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 846px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 16px rgba(0, 0, 0, .04);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px;
  text-align: center
}

.unsupport__list {
  display: table;
  table-layout: fixed;
  width: 100%
}

.unsupport__list__item {
  display: table-cell;
  width: 20%;
  vertical-align: bottom
}

.unsupport__browserImg {
  height: 65px
}

.unsupport__browserImg img {
  vertical-align: bottom
}

.unsupport__browserText {
  color: #666;
  font-size: 14px
}

.unsupport__browserBtn, .unsupport__browserBtn:link {
  display: inline-block;
  color: #fff;
  margin-top: 20px;
  width: 133px;
  height: 37px;
  line-height: 37px;
  background-color: #2a97ec;
  border-radius: 3px;
  box-shadow: .7px .7px 0 rgba(0, 0, 0, .3);
  font-size: 12px;
  text-decoration: none
}

.unsupport__browserBtn:hover, .unsupport__browserBtn:link:hover {
  text-decoration: none;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.datalist.user th {
  width: 148px
}

.datalist.user td {
  width: auto
}

.user .ipt-select {
  border: 1px solid #d7d7d7
}

.user .ipt-select.customSelect {
  padding-right: 0
}

.user span.customSelectInner {
  width: 100%!important
}

.user .ipt-check {
  line-height: 44px
}

.user .ipt-check label {
  padding-left: 30px
}

.user .input_note {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #868686
}

.user.step-confirm .memo {
  background-color: #e1ebf3;
  line-height: 26px;
  padding: 0 24px
}

.user.step-confirm dt, .user.step-confirm dd {
  padding-top: 41px;
  padding-bottom: 41px
}

.user.step-confirm .memo3 {
  padding: 0 50px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  line-height: 26px
}

.user.step-confirmmail .memo1, .user.step-confirmmail .memo2 {
  padding: 0 24px;
  line-height: 26px
}

.user.step-confirmmail .memo1 {
  background-color: #f5f5f5;
  border-bottom: 3px solid #fff
}

.user.step-confirmmail .memo2 {
  background-color: #e1ebf3
}

.user.step-confirmmail .memo3 {
  padding: 0 50px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  line-height: 26px
}

.user.step-complete .memo {
  padding: 0 24px;
  line-height: 26px;
  background-color: #f5f5f5
}

.messageboxwrap {
  display: table;
  width: 100%
}

.messageboxwrap .messagebox {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ccc
}

.messageboxwrap .blackcolor {
  color: #202020
}

.newsbox li {
  margin: 0 0 2px;
  padding: 16px 20px;
  position: relative
}

.newsbox li:hover {
  background-color: #e8f4fa
}

.newsbox li .btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 12px
}

.newsbox li .date {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #7f7f7f;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px
}

.newsbox li .ttl {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #464646;
  display: inline-block;
  vertical-align: middle
}

.content_p {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  color: #464646
}

.content_p:after {
  display: block;
  content: "";
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  height: 10px;
  height: 10px;
  height: 1rem
}

.datalist.baitai {
  margin: 0 auto
}

.datalist.baitai th {
  padding-right: 0
}

.baitai_ttl {
  text-align: center;
  margin: 64px auto
}

.baitai ul.cf .img {
  float: left
}

.btnwrap {
  margin: 0 auto
}

.btnwrap li {
  height: 96px;
  text-align: center;
  line-height: 96px;
  background: #f5f5f5;
  vertical-align: middle;
  border-bottom: 3px solid #fff
}

.btnwrap li .btn {
  width: 206px
}

.baitai .clipdata li:not(:last-child) {
  padding-right: 20px
}

.baitai .clipdata a {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
  padding-left: 8px
}

.baitai-btn-note {
  padding-left: 276px
}

.baitai-btn-note .blue {
  color: #2a97ec
}

.baitai-btn-note .gray {
  color: #b9b9b9
}

.baitai-btn-note2 {
  padding-left: 185px
}

.baitai-btn-note2 .blue {
  color: #2a97ec
}

.baitai-btn-note2 .gray {
  color: #b9b9b9
}

.baitai.complete th {
  text-align: center
}

.baitai.complete .btn {
  width: 206px
}

.login, .logouted {
  padding-top: 0;
  position: relative
}

.login .block, .login .newsbox li, .newsbox .login li, .logouted .block, .logouted .newsbox li, .newsbox .logouted li {
  padding: 60px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -255px;
  margin-left: -179px
}

.login h1, .logouted h1 {
  margin: 0 auto 24px;
  text-align: center
}

.login .error, .logouted .error {
  display: none;
  color: #ff5353;
  font-size: 14px;
  line-height: 24px;
  margin: 0 auto 20px
}

.login label, .logouted label {
  margin: 0 auto;
  display: block;
  text-align: center
}

.login input[type=text], .logouted input[type=text] {
  box-sizing: border-box;
  height: 37px
}

.login input[type=password], .logouted input[type=password] {
  box-sizing: border-box;
  height: 37px
}

.login .ipt-check, .logouted .ipt-check {
  margin: 10px auto 0
}

.login .ipt-check label, .logouted .ipt-check label {
  padding-left: 30px;
  text-align: left;
  color: #686868;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.login h3, .logouted h3 {
  margin: 30px auto 20px
}

.login .login-inner .btn, .logouted .login-inner .btn {
  width: 263px;
  height: 47px
}

.login #footer.blockDisp, .logouted #footer.blockDisp {
  margin-top: 0
}

.login.notice .block, .login.notice .newsbox li, .newsbox .login.notice li, .logouted.notice .block, .logouted.notice .newsbox li, .newsbox .logouted.notice li {
  margin-top: -196px;
  padding: 48px 0
}

.login.notice .error, .logouted.notice .error {
  display: block;
  margin: 0 auto 32px
}

.login .invalid .error {
  display: block
}

.login .invalid input[type=text] {
  border-color: #ff6d85;
  background-color: #ffe1e6
}

.login .invalid input[type=password] {
  border-color: #ff6d85;
  background-color: #ffe1e6
}

.login.password .block, .login.password .newsbox li, .newsbox .login.password li {
  padding: 60px 0 48px
}

.login.password h1 {
  margin-bottom: 12px
}

.login.password h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 16px
}

.login.password .pass_complete_ttl {
  display: none
}

.login.password .error {
  margin: 0 auto 4px
}

.login.password h3 {
  margin: 24px auto 30px
}

.login.password .btn.regist {
  display: inline-block
}

.login.password .btn.backtohome {
  display: none
}

.login.password.complete .pass_ttl {
  display: none
}

.login.password.complete label {
  display: none
}

.login.password.complete .pass_complete_ttl {
  display: block
}

.login.password.complete h4 {
  display: none
}

.login.password.complete .btn.regist {
  display: none
}

.login.password.complete .btn.backtohome {
  display: inline-block
}

.dropzone {
  min-height: 200px
}

#user_setting h3 {
  line-height: 1.4
}

#user_setting .block, #user_setting .newsbox li, .newsbox #user_setting li {
  padding: 30px
}

#user_setting .btn {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#user_setting .btn.plus {
  background: image-url("icn_plus.png") no-repeat;
  background-color: #2a97ec;
  background-position: left 10px center;
  padding-left: 48px
}

#user_setting .btn.plus:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

#user_setting .setting01 dd {
  text-align: right;
  padding: 25px 25px 28px 161px
}

#user_setting .setting01 dd label {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 30px;
  background-color: #c9c9c9;
  border-radius: 3px;
  color: #fff
}

#user_setting .setting01 dd label:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

#user_setting .setting01 dd input {
  display: none
}

#user_setting .setting01 dd input:checked+label {
  background-color: #7bc100
}

#user_setting .setting01 .ss1 .tit {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 20px
}

#user_setting .setting01 .ss1 .help {
  padding: 2px 6px;
  margin-left: 15px;
  margin-top: -2px
}

#user_setting .setting01 .ss2 .tit {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 45px 0 20px
}

#user_setting .setting01 .ss2 .tit .cap1 {
  margin-left: 15px;
  color: #ff6d85
}

#user_setting .setting01 .ss3 .tit {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 45px 0 20px
}

#user_setting .setting01 .ss3 .tit .cap {
  float: right;
  color: #ff6d85;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

#user_setting .setting01 .ss3 dt {
  padding: 36px 0 0 25px
}

#user_setting .setting01 .ss3 input {
  display: inline
}

#user_setting .setting01 .ss3 .help {
  margin-left: 10px;
  margin-top: -3px
}

#user_setting .setting01 .ss4 dt {
  width: 300px
}

#user_setting .setting01 .ss4 dt.ver2 {
  padding: 36px 0 0 25px
}

#user_setting .setting01 .ss4 dt .cap {
  font-size: 11px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400
}

#user_setting .setting01 .ss4 input.txt {
  display: inline
}

#user_setting .setting01 .ss4 .tit {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 45px 0 20px
}

#user_setting .cap1 {
  margin-top: 12px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #868686;
  line-height: 1.5
}

#user_setting .cap2 {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #868686;
  padding-left: 12px
}

#user_setting .cap3 {
  float: left;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #868686
}

#user_setting .cap3 img {
  float: left
}

#user_setting .cap3 p {
  padding-top: 11px
}

#user_setting .cap3 p.scap1 {
  margin-left: 32px
}

#user_setting .setting02 .tit {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 45px 0 20px
}

#user_setting .setting02 .tit .cap1 {
  margin-left: 15px;
  color: #ff6d85
}

#user_setting .setting02 li {
  clear: both;
  border-bottom: solid white 1px;
  border-top: solid white 1px;
  padding: 8px;
  background-color: #f5f5f5
}

#user_setting .setting02 li.error {
  background-color: #ffe1e6
}

#user_setting .setting02 li .tag-item-delete {
  float: right;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 30px;
  background-color: #c9c9c9;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  margin: 8px 12px 0 0
}

#user_setting .setting02 li .tag-item-delete:hover {
  background-color: #ff6d85
}

#user_setting .setting02 li .tag-item-handle {
  width: 32px;
  height: 32px;
  float: left;
  cursor: move;
  margin-right: 8px;
  margin-top: 3px;
  background: image-url("icon_drug.png") no-repeat;
  background-position: left center
}

#user_setting .setting02 .ui-sortable-helper {
  background-color: #eee
}

#user_setting .setting02 .ui-state-highlight {
  height: 36px;
  background-color: #fcfcfc
}

#user_setting .setting02 div.error-msg {
  display: none;
  text-align: center;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #ff6d85;
  padding: 18px
}

body.main-keyword {
  background-color: #f5f5f5
}

body.main-keyword div.navi-area {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 20px 9px
}

body.main-keyword div.navi {
  margin-left: 10px
}

body.main-keyword p.navi {
  margin: 8px 0
}

body.main-keyword span.navi {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #858585
}

body.main-keyword .inner-box.input {
  margin-top: 2px
}

body.main-keyword .inner-box.navi p {
  margin-top: 5px
}

body.main-keyword .keyword-wrap {
  height: auto;
  padding: 20px 15px;
  margin-top: 10px
}

body.main-keyword .keyword-wrap strong {
  font-weight: 700
}

body.main-keyword .error_panel {
  display: none;
  padding: 20px 0;
  background-color: #ff6d85
}

body.main-keyword .footing p {
  color: #ff6d85;
  font-weight: 700
}

body.main-keyword .keyword-area {
  background-color: #fff;
  padding: 25px 30px;
  margin: 0 0 5px;
  border-radius: 5px;
  box-shadow: rgba(221, 220, 220, .54902) 2px 3px 1px 0
}

body.main-keyword .keyword-area .help {
  margin: 0 0 50px 10px;
  position: static
}

body.main-keyword .keyword-area .help a:link {
  color: #464646
}

body.main-keyword .keyword-area:after {
  content: "";
  display: block;
  clear: both
}

body.main-keyword .keyword-area>div:nth-of-type(1) {
  float: left;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 20%;
  font-weight: 700;
  margin: 5px
}

body.main-keyword .keyword-area>div:nth-of-type(2) {
  float: right;
  width: 75%;
  margin: 5px
}

body.main-keyword .keyword-area div.to-reset {
  text-align: right
}

body.main-keyword .keyword-area .input-area {
  vertical-align: middle;
  padding: 20px
}

body.main-keyword .keyword-area .input-area div.hint {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5
}

body.main-keyword .keyword-area .input-area input {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background-color: #fcfcfc;
  line-height: 1.5;
  width: 350px;
  resize: none;
  color: #999
}

body.main-keyword .keyword-area .input-area:after {
  content: "";
  display: block;
  clear: both
}

body.main-keyword .keyword-area .bg {
  background-color: #f5f5f5
}

body.main-keyword .keyword-area .bg.error {
  background-color: #ffd8d9
}

body.main-keyword .caution {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: red
}

body.main-keyword .btn-area {
  margin-top: 20px
}

body.main-keyword .btn-area:after {
  content: "";
  display: block;
  clear: both
}

body.main-keyword .btn-area .caution {
  float: left;
  width: 400px
}

body.main-keyword .btn-area .btn-exec {
  width: 222px;
  float: right;
  text-align: right
}

body.main-keyword .btn-area .btn-exec .btn {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

body.main-keyword .error_panel {
  margin-top: 3px;
  padding: 15px 0;
  background-color: #ff6d85
}

body.main-keyword .l-contents .error_panel p {
  color: #fff;
  font-size: 14px;
  text-align: center
}

body.main-keyword #dialog-confirm {
  display: none;
  width: 100%;
  height: 98px;
  padding: 20px 0
}

body.main-keyword #dialog-confirm .contents {
  margin: 0 auto 10px;
  width: 610px
}

body.main-keyword #dialog-confirm .register {
  margin: 0 auto;
  width: 175px
}

body.main-keyword #dialog-confirm .register button {
  background-color: white;
  color: #009ae6;
  padding: 11px 20px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

body.main-keyword #dialog-confirm .contents h2 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: white
}

body.main-keyword #mask {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  zoom: 1;
  background: #999;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

body.main-keyword .keyword-area .input-area input.input {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: black
}

body.main-keyword .inner-box {
  float: left;
  width: 450px
}

body.main-keyword .inner-box.input {
  width: 376px
}

body.main-keyword .inner-box.navi {
  width: 520px
}

body.main-keyword div.label {
  vertical-align: middle
}

body.main-keyword .help.tipped {
  position: relative
}

body.main-keyword .easy-tooltip {
  position: absolute;
  top: -113px;
  left: -150px;
  z-index: 18;
  padding: 10px 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 580px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  background-color: #fff;
  line-height: 20px;
  box-shadow: 0 0 6px 0 #cfcfcf;
  -moz-box-shadow: 0 0 6px 0 #cfcfcf;
  -webkit-box-shadow: 0 0 6px 0 #cfcfcf
}

body.main-keyword .easy-tooltip:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 153px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  z-index: 1;
  box-shadow: -2px 2px 6px -2px #cfcfcf;
  -moz-box-shadow: -2px 2px 6px -2px #cfcfcf;
  -webkit-box-shadow: -3px 3px 6px -2px #cfcfcf;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg)
}

body.kwd-request .p-addKeyword__color {
  margin: 25px auto 50px;
  width: 298px;
  height: 123px;
  padding: 10px 5px 10px 22px;
  border: 1px solid #d6d6d6
}

body.kwd-request .p-addKeyword__color:after {
  content: "";
  clear: both;
  display: block
}

body.kwd-request .p-addKeyword__color .picker-btn {
  width: 42px;
  height: 103px;
  margin: 0 10px 0 0
}

body.kwd-request .p-addKeyword__color .color {
  padding-top: 12px;
  float: left
}

body.kwd-request .p-addKeyword__color .picker {
  float: left;
  width: 240px;
  height: 126px
}

body.kwd-request .p-addKeyword__btn {
  margin-top: 20px
}

body.sub-keyword {
  background-color: #f5f5f5
}

body.sub-keyword div.navi-area {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 20px 9px
}

body.sub-keyword p.navi {
  margin: 8px 0
}

body.sub-keyword .keyword-wrap {
  height: auto;
  padding: 20px 15px;
  margin-top: 10px
}

body.sub-keyword .keyword-wrap input {
  width: 40%;
  margin: 0 10px
}

body.sub-keyword .error_panel {
  padding: 20px 0;
  background-color: #ff6d85
}

body.sub-keyword .footing p {
  color: #ff6d85;
  font-weight: 700
}

body.sub-keyword .keyword-area {
  background-color: #fff;
  margin: 0 0 10px;
  border-radius: 5px;
  box-shadow: rgba(221, 220, 220, .54902) 2px 3px 1px 0
}

body.sub-keyword .keyword-area .content {
  padding: 0;
  border-left: 3px solid #f5f5f5;
  padding-left: 20px
}

body.sub-keyword .keyword-area .content .keyword {
  padding: 20px;
  margin: 5px
}

body.sub-keyword .keyword-area:after {
  content: "";
  display: block;
  clear: both
}

body.sub-keyword .keyword-area table {
  width: 100%
}

body.sub-keyword .keyword-area td.main-keyword {
  vertical-align: top;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  width: 60%
}

body.sub-keyword .keyword-area td.right.to-reset {
  vertical-align: top;
  text-align: right;
  width: 40%;
  padding: 0;
  color: #2a97ec
}

body.sub-keyword .keyword-area td.right.to-reset .reset-navi {
  font-size: 11px;
  font-size: 11px;
  font-size: 1.1rem
}

body.sub-keyword .keyword-area td.input-area {
  width: 60%
}

body.sub-keyword .keyword-area td.right {
  width: 30%;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  padding: 20px;
  background-color: #f5f5f5
}

body.sub-keyword .keyword-area td.right .title {
  font-weight: 700;
  margin-bottom: 20px
}

body.sub-keyword .keyword-area td.right li {
  margin-bottom: 10px
}

body.sub-keyword .keyword-area.main {
  display: table;
  width: 100%
}

body.sub-keyword .keyword-area.main>div:nth-of-type(1) {
  float: left;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 14%;
  height: 100%;
  padding: 20px 0 20px 40px;
  margin: 5px
}

body.sub-keyword .keyword-area.main>div:nth-of-type(2) {
  float: right;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 79%
}

body.sub-keyword .keyword-area.sub {
  background-color: #f5f5f5;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  display: table;
  width: 100%;
  height: 100%
}

body.sub-keyword .keyword-area.sub .frame {
  background-color: white;
  border-radius: 5px;
  box-shadow: rgba(221, 220, 220, .54902) 2px 3px 1px 0;
  display: table-cell;
  height: 100%;
  min-height: 480px
}

body.sub-keyword .keyword-area.sub .frame.candidate .title {
  border-bottom: 2px solid #f5f5f5;
  padding: 20px
}

body.sub-keyword .keyword-area.sub .frame.candidate .title .label {
  margin: 10px
}

body.sub-keyword .keyword-area.sub .frame.candidate .word {
  padding: 20px
}

body.sub-keyword .keyword-area.sub>div:nth-of-type(1) {
  float: left;
  width: 70%
}

body.sub-keyword .keyword-area.sub>div:nth-of-type(1)>div:nth-of-type(1) {
  float: left;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 20%;
  padding: 20px 0 20px 40px;
  margin: 5px
}

body.sub-keyword .keyword-area.sub>div:nth-of-type(1)>div:nth-of-type(2) {
  float: right;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 70%;
  height: 100%;
  min-height: 480px
}

body.sub-keyword .keyword-area.sub>div:nth-of-type(2) {
  float: right;
  width: 29%;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

body.sub-keyword .keyword-area.sub>div:nth-of-type(2) li {
  margin-bottom: 10px
}

body.sub-keyword .keyword-area .input-area div.hint {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5
}

body.sub-keyword .keyword-area .input-area div.hint .hint-body {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8;
  color: #7f7f7f;
  margin-left: 5px
}

body.sub-keyword .keyword-area .input-area div.hint .hint-body.caution {
  color: #ff6687
}

body.sub-keyword .keyword-area .input-area textarea {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  border: 1px solid #95989a;
  border-radius: 5px;
  background-color: white;
  line-height: 1.5;
  width: 98%;
  resize: none;
  margin: 0 0 10px;
  height: 50px;
  color: #999;
  padding: 8px 10px
}

body.sub-keyword .keyword-area .input-area textarea.negative, body.sub-keyword .keyword-area .input-area textarea.positive {
  height: 90px
}

body.sub-keyword .keyword-area .input-area textarea.input {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: black
}

body.sub-keyword .keyword-area .sample-btn-area {
  display: table;
  width: 100%;
  margin-bottom: 10px
}

body.sub-keyword .keyword-area .sample-btn-area .container {
  width: 40%;
  float: right;
  margin: 10px;
  text-align: center;
  cursor: pointer
}

body.sub-keyword .btn-area {
  background-color: #fff;
  padding: 20px;
  margin: 0 0 5px;
  border-radius: 5px;
  box-shadow: rgba(221, 220, 220, .54902) 2px 3px 1px 0
}

body.sub-keyword .btn-area:after {
  content: "";
  display: block;
  clear: both
}

body.sub-keyword .btn-area .caution {
  width: 80%;
  float: left
}

body.sub-keyword .btn-area .btn-exec {
  width: 20%;
  text-align: right;
  float: right
}

body.sub-keyword .btn-area .btn-exec .btn {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 5px
}

body.sub-keyword .caution {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: #ff6687;
  margin-top: 7px
}

body.sub-keyword .done {
  display: none;
  width: 100%;
  height: 15px;
  padding: 15px 0;
  line-height: 1.5em;
  background-color: #56d452
}

body.sub-keyword .done .text {
  margin: 0 auto;
  width: 200px;
  color: white;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700
}

body.sub-keyword #sub-keyword-list .nodata, body.sub-keyword #negative-keyword-list .nodata {
  color: #aeaeae;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700
}

body.sub-keyword #sub-keyword-list a, body.sub-keyword #negative-keyword-list a {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

body.sub-keyword .sub td.input-area.error, body.sub-keyword .negative td.input-area.error {
  background-color: #ffd8d9
}

body.sub-keyword .error_panel {
  margin-top: 3px;
  padding: 15px 0;
  background-color: #ff6d85
}

body.sub-keyword .error_panel p {
  color: #fff;
  font-size: 14px;
  text-align: center
}

body.sub-keyword #dialog-confirm {
  display: none;
  width: 100%;
  height: 98px;
  padding: 20px 0
}

body.sub-keyword #dialog-confirm .contents {
  margin: 0 auto 10px;
  width: 610px
}

body.sub-keyword #dialog-confirm .register {
  margin: 0 auto;
  width: 175px
}

body.sub-keyword #dialog-confirm .register button {
  background-color: white;
  color: #009ae6;
  padding: 11px 20px;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

body.sub-keyword #dialog-confirm .contents h2 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: white
}

body.sub-keyword .complete-info {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 26px;
  margin-bottom: 25px
}

body.sub-keyword ul.btnwrap.w784.complete li {
  height: 70px;
  line-height: 70px
}

body.sub-keyword .p-candidateWord__text__keyword a {
  display: block
}

#orderSheetEditDropzone, #mediaEditDropzone {
  display: block;
  min-height: 120px;
  border: 3px dashed #b6b6b6;
  margin-bottom: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: relative
}

.topic_icon {
  display: inline-block;
  color: #fff;
  background-color: #ff3266;
  padding: 3px 8px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .3);
  text-shadow: 0 -1px 0 #999
}

.dropzone-custom {
  border: 1px solid rgba(0, 0, 0, .03);
  min-height: 200px;
  border-radius: 3px;
  background: rgba(0, 0, 0, .03);
  padding: 23px 0 0 23px
}

.dropzone-custom.dz-clickable {
  cursor: pointer
}

.dropzone-custom.dz-clickable .dz-message, .dropzone-custom.dz-clickable .dz-message span {
  cursor: pointer;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  position: absolute;
  width: 460px;
  height: 30px;
  margin-left: -230px;
  margin-top: -15px;
  top: 50%;
  left: 50%
}

.dropzone-custom.dz-clickable * {
  cursor: default
}

.dropzone-custom .dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.dropzone-custom.dz-drag-hover {
  border-color: rgba(0, 0, 0, .15);
  background: rgba(0, 0, 0, .04)
}

.dropzone-custom.dz-started .dz-message {
  display: none
}

.dropzone-custom .dz-preview, .dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, .8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px
}

.dropzone-custom .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none
}

.dropzone-custom .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px
}

.dropzone-custom .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%
}

.dropzone-custom .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px
}

.dropzone-custom .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px
}

.dropzone-custom .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block
}

.dropzone-custom .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block
}

.dropzone-custom .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img {
  display: none
}

.dropzone-custom .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone-custom .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px
}

.dropzone-custom .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657
}

.dropzone-custom .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d
}

.dropzone-custom .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none
}

.dropzone-custom .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #8cc657
}

.dropzone-custom .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block
}

.dropzone-custom .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, .8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500
}

.dropzone-custom .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block
}

.dropzone-custom {
  border: 1px solid rgba(0, 0, 0, .03);
  min-height: 360px;
  border-radius: 3px;
  background: rgba(0, 0, 0, .03);
  padding: 23px
}

.dropzone-custom .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  background-image: url(../images/spritemap.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%
}

.dropzone-custom .dz-default.dz-message span {
  display: none
}

.dropzone-custom.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px
}

.dropzone-custom.dz-drag-hover .dz-message {
  opacity: .15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15)
}

.dropzone-custom.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0)
}

.dropzone-custom .dz-preview, .dropzone-previews .dz-preview {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
  font-size: 14px
}

.dropzone-custom .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10)
}

.dropzone-custom .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.dropzone-custom .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.dropzone-custom .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d
}

.dropzone-custom .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-custom .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  background-image: url(../images/spritemap.png);
  background-repeat: no-repeat
}

.dropzone-custom .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone-custom .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span {
  display: none
}

.dropzone-custom .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px
}

.dropzone-custom .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px
}

.dropzone-custom .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading .4s linear infinite;
  animation: loading .4s linear infinite;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-image: url(../images/spritemap.png);
  background-repeat: repeat-x;
  background-position: 0 -400px
}

.dropzone-custom .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out
}

.dropzone-custom .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.dropzone-custom .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.dropzone-custom a.dz-remove, .dropzone-previews a.dz-remove {
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
  background-image: linear-gradient(to bottom, #fafafa, #eee);
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px
}

.dropzone-custom a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
  color: #666
}

@-webkit-keyframes loading {
  from {
    background-position: 0 -400px
  }
  to {
    background-position: -7px -400px
  }
}

@keyframes loading {
  from {
    background-position: 0 -400px
  }
  to {
    background-position: -7px -400px
  }
}

#mainchart {
  height: 320px
}

.mainchart .c3-grid line {
  stroke: #e8e8e8;
  fill: none
}

.mainchart .c3-chart-line .c3-shapes circle {
  stroke: #fff;
  stroke-width: 2px
}

.mainchart .c3-xgrid, .mainchart .c3-ygrid, .tagchart .c3-xgrid, .tagchart .c3-ygrid {
  stroke-dasharray: none;
  stroke: #eee
}

.mainchart .c3-line, .tagchart .c3-line {
  fill: none;
  stroke-width: 2px
}

.mainchart .c3-axis.c3-axis-x .domain, .tagchart .c3-axis.c3-axis-x .domain {
  stroke: #a9a9a9;
  fill: none
}

.mainchart .c3-axis.c3-axis-x .tick text, .tagchart .c3-axis.c3-axis-x .tick text {
  fill: #a9a9a9
}

.mainchart .c3-axis.c3-axis-x .tick line, .tagchart .c3-axis.c3-axis-x .tick line {
  display: none
}

.mainchart .c3-axis.c3-axis-y .c3-axis-y-label, .mainchart .c3-axis.c3-axis-y .c3-axis-y2-label, .mainchart .c3-axis.c3-axis-y2 .c3-axis-y-label, .mainchart .c3-axis.c3-axis-y2 .c3-axis-y2-label, .tagchart .c3-axis.c3-axis-y .c3-axis-y-label, .tagchart .c3-axis.c3-axis-y .c3-axis-y2-label, .tagchart .c3-axis.c3-axis-y2 .c3-axis-y-label, .tagchart .c3-axis.c3-axis-y2 .c3-axis-y2-label {
  fill: #464646;
  font-size: 12px
}

.mainchart .c3-axis.c3-axis-y text, .mainchart .c3-axis.c3-axis-y2 text, .tagchart .c3-axis.c3-axis-y text, .tagchart .c3-axis.c3-axis-y2 text {
  fill: #a9a9a9
}

.mainchart .c3-axis.c3-axis-y .tick line, .mainchart .c3-axis.c3-axis-y2 .tick line, .tagchart .c3-axis.c3-axis-y .tick line, .tagchart .c3-axis.c3-axis-y2 .tick line {
  display: none
}

.mainchart .c3-axis.c3-axis-y .domain, .mainchart .c3-axis.c3-axis-y2 .domain, .tagchart .c3-axis.c3-axis-y .domain, .tagchart .c3-axis.c3-axis-y2 .domain {
  display: none
}

.mainchart .c3-xgrid-focus line, .tagchart .c3-xgrid-focus line {
  stroke: #ff6d85
}

.mainchart .c3-area, .tagchart .c3-area {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mainchart .c3-chart-bars .c3-bars-tv2 path, .mainchart .c3-chart-bars .c3-bars-web2 path, .mainchart .c3-chart-bars .c3-bars-newspaper2 path, .mainchart .c3-chart-bars .c3-bars-magazine2 path, .tagchart .c3-chart-bars .c3-bars-tv2 path, .tagchart .c3-chart-bars .c3-bars-web2 path, .tagchart .c3-chart-bars .c3-bars-newspaper2 path, .tagchart .c3-chart-bars .c3-bars-magazine2 path {
  stroke-width: 1px;
  stroke: #00af62!important
}

.mainchart .c3-chart-lines .c3-shapes-newspaper path, .mainchart .c3-chart-lines .c3-shapes-magazine path, .mainchart .c3-chart-lines .c3-shapes-tv path, .mainchart .c3-chart-lines .c3-shapes-web path, .tagchart .c3-chart-lines .c3-shapes-newspaper path, .tagchart .c3-chart-lines .c3-shapes-magazine path, .tagchart .c3-chart-lines .c3-shapes-tv path, .tagchart .c3-chart-lines .c3-shapes-web path {
  stroke-width: 6px
}

.mainchart .c3-chart-lines .c3-shapes-newspaper circle, .mainchart .c3-chart-lines .c3-shapes-magazine circle, .mainchart .c3-chart-lines .c3-shapes-tv circle, .mainchart .c3-chart-lines .c3-shapes-web circle, .tagchart .c3-chart-lines .c3-shapes-newspaper circle, .tagchart .c3-chart-lines .c3-shapes-magazine circle, .tagchart .c3-chart-lines .c3-shapes-tv circle, .tagchart .c3-chart-lines .c3-shapes-web circle {
  stroke: white;
  stroke-width: 2px
}

.mainchart .c3-chart-lines .c3-shapes-newspaper2 path, .mainchart .c3-chart-lines .c3-shapes-magazine2 path, .mainchart .c3-chart-lines .c3-shapes-tv2 path, .mainchart .c3-chart-lines .c3-shapes-web2 path, .tagchart .c3-chart-lines .c3-shapes-newspaper2 path, .tagchart .c3-chart-lines .c3-shapes-magazine2 path, .tagchart .c3-chart-lines .c3-shapes-tv2 path, .tagchart .c3-chart-lines .c3-shapes-web2 path {
  stroke-width: 3px;
  opacity: .3!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.mainchart .c3-chart-lines .c3-shapes-newspaper2 circle, .mainchart .c3-chart-lines .c3-shapes-magazine2 circle, .mainchart .c3-chart-lines .c3-shapes-tv2 circle, .mainchart .c3-chart-lines .c3-shapes-web2 circle, .tagchart .c3-chart-lines .c3-shapes-newspaper2 circle, .tagchart .c3-chart-lines .c3-shapes-magazine2 circle, .tagchart .c3-chart-lines .c3-shapes-tv2 circle, .tagchart .c3-chart-lines .c3-shapes-web2 circle {
  stroke: white;
  stroke-width: 2px;
  opacity: .6!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.c3-tooltip {
  margin: 0;
  color: white;
  z-index: 5;
  white-space: nowrap;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  border-radius: 4px;
  padding: 14px;
  background-color: rgba(0, 0, 0, .7)
}

.c3-tooltip.summary {
  padding: 4px 8px
}

.c3-tooltip tbody {
  background: none
}

.c3-tooltip th {
  padding: 0 0 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.c3-tooltip th h3 {
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

.c3-tooltip tr {
  background: none;
  border: none
}

.c3-tooltip tr:first-child td, .c3-tooltip tr:nth-child(2) td {
  padding-top: 8px
}

.c3-tooltip td {
  background: none;
  border: none;
  padding-top: 0;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem
}

.c3-tooltip td.name {
  padding: 8px 8px 8px 0
}

.c3-tooltip td:nth-child(2) {
  padding: 8px 0;
  min-width: 100px
}

.c3-tooltip td span {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.c3-tooltip td.value {
  text-align: right
}

.c3-tooltip tr.percent td.value.up {
  color: #2a97ec
}

.c3-tooltip tr.percent td.value.up:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.c3-tooltip tr.percent td.value.down {
  color: #ff6d85
}

.c3-tooltip tr.percent td.value.down:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c3-tooltip tr.percent td.value.nochange {
  color: #59c898
}

.c3-tooltip tr.percent td.value:before {
  font-family: icomoon!important;
  font-size: 10px;
  content: "\e902";
  margin: 5px 10px;
  display: inline-block
}

.topics-modal.c3-tooltip {
  width: 300px
}

.topics-modal.c3-tooltip table {
  width: 100%;
  table-layout: fixed
}

.topics-modal.c3-tooltip td.title {
  word-wrap: break-word;
  white-space: normal;
  padding: 10px 0 0;
  border-top: 1px solid;
  font-size: 12px;
  line-height: 1.667
}

.topics-modal.c3-tooltip td.info {
  padding: 8px 0;
  white-space: normal;
  line-height: 1.8;
  font-size: 12px
}

.topics-modal.c3-tooltip td.keyword {
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.topics-modal.c3-tooltip td span {
  border-radius: 5px;
  line-height: 18px;
  color: #464646;
  font-weight: 700;
  font-size: 10px
}

.topics-modal.c3-tooltip td span.c-genreLabel {
  width: 48px;
  margin: 0 10px 0 0
}

.donut-chart .c3-chart .c3-target-nodata text {
  display: none
}

.horizontal-bar-chart .c3-axis.c3-axis-x .domain, .chart-social .graph-box .c3-axis.c3-axis-x .domain {
  display: none
}

.horizontal-bar-chart .c3-axis.c3-axis-x .tick line, .chart-social .graph-box .c3-axis.c3-axis-x .tick line {
  display: none
}

.horizontal-bar-chart .c3-axis.c3-axis-x .tick text, .chart-social .graph-box .c3-axis.c3-axis-x .tick text {
  fill: #464646;
  font-size: 14px;
  font-weight: 700
}

.horizontal-bar-chart .c3-axis.c3-axis-y, .chart-social .graph-box .c3-axis.c3-axis-y {
  display: none
}

.horizontal-bar-chart .c3-xgrid-focus line, .chart-social .graph-box .c3-xgrid-focus line {
  display: none
}

.horizontal-bar-chart .c3-circle._expanded_, .chart-social .graph-box .c3-circle._expanded_ {
  display: none
}

.horizontal-bar-chart .c3-legend-item text, .chart-social .graph-box .c3-legend-item text {
  fill: #686868;
  font-size: 12px;
  font-weight: 700
}

.horizontal-bar-chart .c3-chart-texts .c3-texts text, .chart-social .graph-box .c3-chart-texts .c3-texts text {
  fill: #464646
}

.tag-control {
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, .1);
  position: relative;
  width: 100%;
  padding: 0;
  margin: 20px 0;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box
}

.tag-control .wrap {
  display: table;
  table-layout: fixed;
  width: 100%
}

.tag-control .tag-control-label {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.tag-control .tag-control-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15%;
  width: 2px;
  height: 100%;
  background-color: #f5f5f5
}

.tag-control .tag-control-content {
  padding: 20px
}

.tag-control .tag-control-content .tag-list {
  display: inline-table;
  width: auto;
  text-align: left;
  padding-right: 12px
}

.tag-control .tag-control-content .tag-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  padding-right: 6px;
  margin-bottom: 7px
}

.tag-control .tag-control-content .tag-item input {
  display: none
}

.tag-control .tag-control-content .tag-item input:checked+label {
  background-color: #545454;
  color: #fff
}

.tag-control .tag-control-content .tag-item label {
  padding: 15px;
  margin-left: 2px;
  background-color: #e8e8e8;
  color: #989898
}

.tag-control .tag-control-content .select-buttons {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
  color: #ccc
}

.tag-control .tag-control-content .select-buttons a, .tag-control .tag-control-content .select-buttons a:visited {
  text-decoration: none;
  color: #2a97ec;
  margin: 0 10px
}

.contents-confirm section {
  margin: 0
}

.contents-confirm section .no-list.wating {
  display: none
}

.contents-confirm section.media-list .heading {
  margin: 10px 0 20px
}

.contents-confirm section.media-list .heading span {
  margin: 0 2px
}

.contents-confirm section.media-list table.media-list-table {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.contents-confirm section.media-list table.media-list-table td.name {
  width: 135px
}

.contents-confirm section.media-list table.media-list-table td.btn-area {
  width: 151px
}

.contents-confirm section.media-list table.media-list-table td.btn-area .btn {
  margin: 0 3px
}

.contents-confirm section.media-list table.media-list-table ul {
  margin-top: 5px
}

.contents-confirm section.media-list table.media-list-table ul:after {
  content: "";
  clear: both;
  display: block
}

.contents-confirm section.media-list table.media-list-table ul li {
  float: left
}

.contents-confirm section.media-list table.media-list-table ul li span {
  display: inline-block
}

.contents-confirm section.media-list table.media-list-table ul li span.tag-label {
  background-color: #565656;
  color: #fff;
  border: 1px solid black;
  border-radius: 3px;
  margin: 0;
  padding: 4px 8px
}

.contents-confirm section.media-list table.media-list-table ul li span.tag-del {
  background-color: #bcbcbc;
  color: #fff;
  font-weight: 700;
  margin: 0 7px 0 0;
  border-radius: 3px;
  padding: 4px 8px
}

.contents-confirm section.media-list table.media-list-table select {
  padding: 0;
  background-color: #565656;
  color: #fff;
  border: 1px solid black;
  border-radius: 3px;
  height: 25px
}

.contents-confirm section.media-list table.media-list-table select.analysis {
  background-color: #fff;
  color: #464646;
  border: 1px solid #d7d7d7
}

.contents-confirm section.media-list table.media-list-table .date-only {
  background-color: #7c7c7c;
  color: #fff;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}

.contents-confirm button.small {
  padding: 8px 16px
}

.contents-confirm button.btn-white {
  background-color: #fff;
  color: #2a97ec
}

.contents-confirm button.btn-white:hover {
  background-color: #eee
}

.contents-confirm button.btn-blue {
  background-color: #2c92f0;
  color: #fff
}

.contents-confirm button.btn-gray {
  background-color: #7c7c7c;
  color: #fff
}

.contents-confirm button.btn-gray:hover {
  background-color: #ccc
}

.contents-confirm section div.no-list {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.contents-confirm span.col-red {
  color: #f74e7b
}

#confirm-media-edit .media-edit {
  width: 100%;
  height: 60px;
  background-color: #2c92f0;
  margin: 0
}

#confirm-media-edit .media-edit .edit-area {
  padding: 13px 20px
}

#confirm-media-edit .media-edit .edit-area:after {
  content: "";
  clear: both;
  display: block
}

#confirm-media-edit .media-edit .edit-area .label {
  color: #fff;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.5;
  width: 180px;
  float: left
}

#confirm-media-edit .media-edit .edit-area .select {
  width: 365px;
  float: left
}

#confirm-media-edit .media-edit .edit-area .select:after {
  content: "";
  clear: both;
  display: block
}

#confirm-media-edit .media-edit .edit-area .select .main {
  width: 180px;
  float: left
}

#confirm-media-edit .media-edit .edit-area .select .main select {
  height: 34px
}

#confirm-media-edit .media-edit .edit-area .select .sub {
  width: 180px;
  float: left
}

#confirm-media-edit .media-edit .edit-area .select .sub select {
  height: 34px
}

#confirm-media-edit .media-edit .edit-area .btn-area {
  width: 94px;
  float: right;
  text-align: right
}

#confirm-media-edit .media-edit .edit-area .btn-area .btn {
  padding: 11px 20px
}

#confirm-media-edit .media-edit button.btn-white {
  background-color: #fff;
  color: #2a97ec
}

#confirm-media-edit .media-edit button.btn-white:hover {
  background-color: #eee
}

#media-confirm-body p.searchIcon {
  background: #fff image-url("icn_search.png") no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
  border: 1px solid #d7d7d7;
  border-radius: .3em;
  margin: 0 auto;
  color: #f16a81
}

#media-confirm-body div.t_Content .t_Content_black {
  color: #f74e7b;
  line-height: 21px;
  padding: 10px 15px
}

#media-confirm-body .error-modal .data-error {
  padding: 26px 30px
}

.contents-group .summary-area {
  margin: 0 0 20px
}

.contents-group .summary-area:after {
  content: "";
  clear: both;
  display: block
}

.contents-group .group-cnt {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  float: left;
  width: 33%;
  height: 140px
}

.contents-group .total {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  float: right;
  width: 66%;
  height: 140px
}

.contents-group .total:after {
  content: "";
  clear: both;
  display: block
}

.contents-group .total table {
  width: 100%;
  height: 100%
}

.contents-group .total table td {
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  vertical-align: baseline
}

.contents-group .total table td:not(:last-child) {
  border-right: 2px solid #d9d9d9
}

.contents-group .total table .quality {
  border-collapse: collapse;
  width: 50%;
  height: 100%;
  border-right: 2px solid #f5f5f5
}

.contents-group .total table .amount {
  width: 50%;
  height: 100%
}

.contents-group .total table h2 {
  text-align: center;
  padding: 30px 0 18px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #8e8e8e
}

.contents-group .total table .val {
  text-align: center;
  font-size: 40px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700
}

.contents-group .inner {
  height: 100%;
  background-color: #fff;
  border-radius: 3px
}

.contents-group .inner h2 {
  text-align: center;
  padding: 30px 0 18px;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #8e8e8e
}

.contents-group .val {
  text-align: center;
  font-size: 40px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700
}

.contents-group .val .text-blue {
  color: #2a97ec
}

.contents-group .navi {
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700
}

.contents-group .list-area {
  margin-bottom: 20px
}

.contents-group .list-area div.no-list {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.contents-group .list-area ul.tags {
  margin-top: 5px
}

.contents-group .list-area ul.tags:after {
  content: "";
  clear: both;
  display: block
}

.contents-group .list-area ul.tags li {
  float: left
}

.contents-group .list-area ul.tags li span {
  display: inline-block
}

.contents-group .list-area ul.tags li span.tag-label {
  background-color: white;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin: 0 5px 0 0;
  padding: 4px 8px
}

.contents-group .btn {
  cursor: pointer;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

#header .secondary .group-head .sub-title {
  padding: 20px 0 8px
}

#header .secondary .group-head .title {
  padding: 0 0 20px
}

#header .secondary .group-head .title .date {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 10px
}

#header .secondary .group-head .title .news_title {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

.contents-undone section.section.media-list {
  margin-bottom: 10px!important
}

.contents-undone section.section.media-list .heading-main {
  color: #464646
}

.contents-undone section.section.media-list .heading-main .brackets {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem
}

.contents-undone section.section.media-list .media-list-table th.action, .contents-undone section.section.media-list .media-list-table td.action {
  width: 150px
}

.contents-undone #btn-except {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer
}

.dashboard-summary-chart .heading__tags-container {
  display: inline-block;
  margin-right: 45px
}

.dashboard-summary-chart .heading__tags-container .l-graphBox__heading__tags {
  display: inline-block
}

.dashboard-summary-chart .heading__tags-container .c-square-list__item .c-square-list__label {
  font-size: 12px;
  margin-right: 10px
}

.dashboard-summary-chart .heading__tags-container .c-square-list__item .c-square-list__label:before {
  font-size: 14px
}

.dashboard-summary-chart .summary-chart-bar-graph-item {
  margin-top: -30px;
  margin-bottom: -30px
}

.dashboard-summary-chart .bar-chart-item-absolute {
  position: absolute;
  padding: 0 20px
}

.dashboard-summary-chart .l-graphBox__content__item {
  padding: 35px 0
}

.dashboard-summary-chart .l-graphBox__content__item--empty {
  border-bottom: 1px solid #d6d6d6
}

.dashboard-summary-chart .l-graphBox__content__item .horizontal-bar-chart {
  padding-left: 20px
}

.dashboard-summary-chart .p-resultLine__item__content__count {
  padding-right: 10px
}

.dashboard-summary-chart .p-resultLine__compare {
  padding-right: 10px
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title.up {
  color: #2a97ec
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title.up:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title.down {
  color: #ff6d85
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title.down:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title.nochange {
  color: #59c898
}

.dashboard-summary-chart .l-graphBox__content__item.donut .p-resultHexagon__title:before {
  font-family: icomoon!important;
  font-size: 10px;
  content: "\e902";
  margin: 5px 10px;
  display: inline-block
}

.dashboard-summary-chart .donut-chart {
  width: 220px;
  height: 220px;
  margin-top: -20px
}

.dashboard-summary-chart .donut-chart .c3-chart-arcs-subtitle {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  fill: #464646;
  font-weight: 700
}

.dashboard-summary-chart .donut-chart .c3-chart-arcs-title {
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  fill: #464646
}

.dashboard-summary-chart .c3-chart-bars path.c3-shape._expanded_ {
  stroke: #0099e7!important
}

.dashboard-summary-chart table.c3-tooltip {
  background-color: rgba(0, 0, 0, .8);
  z-index: 9999
}

.dashboard-summary-chart table.c3-tooltip td.value {
  text-align: right
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value.up {
  color: #2a97ec
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value.up:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value.down {
  color: #ff6d85
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value.down:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value.nochange {
  color: #59c898
}

.dashboard-summary-chart table.c3-tooltip tr.percent td.value:before {
  font-family: icomoon!important;
  font-size: 10px;
  content: "\e902";
  margin: 5px 10px;
  display: inline-block
}

.dashboard_graph_report .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block, .output_dashboard_pdf .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block {
  display: block
}

.dashboard_graph_report .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block .p-resultTexts__conversion-value, .dashboard_graph_report .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block .p-resultTexts__conversion--compare-value, .output_dashboard_pdf .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block .p-resultTexts__conversion-value, .output_dashboard_pdf .all-summary .l-graphBox__content__item .p-resultTexts__content .p-resultTexts__conversion--block .p-resultTexts__conversion--compare-value {
  text-align: right
}

.dashboard-tag-chart .heading__tags-container {
  display: inline-block;
  margin-right: 45px
}

.dashboard-tag-chart .heading__tags-container .l-graphBox__heading__tags {
  display: inline-block
}

#tag-graph-wrap #comp-tag-chart-box.is-hide {
  display: none
}

#tag-graph-wrap .c3-shape._expanded_ {
  stroke: #0099e7!important
}

#tag-graph-wrap .c3-xgrid-focus {
  display: none
}

#tag-graph-wrap .nodata {
  margin: 25px auto;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #ccc
}

#tag-graph-wrap #tagchart {
  height: 320px
}

#important-index-chart-area .l-graphBox__content__item {
  padding: 20px 0
}

#important-index-chart-area .l-graphBox__content__item.l-graphBox__content__item--empty {
  border-top: 1px solid transparent;
  border-top-color: #e0e0e0
}

#important-index-chart-area .p-resultHexagon__graph {
  width: 100%
}

#important-index-chart-area .p-resultHexagon__graph.dummy {
  width: 174px
}

#important-index-chart-area .radar-chart g line {
  display: block;
  stroke: #d1d1d1;
  stroke-width: 1
}

#important-index-chart-area .radar-chart text {
  fill: #838383
}

#important-index-chart-area .radar-chart text.legend {
  text-anchor: middle
}

#important-index-chart-area .radar-chart .level {
  stroke: #d1d1d1;
  stroke-width: 1
}

#important-index-chart-area .radar-chart .axis .legend {
  font-family: sans-serif;
  font-size: 11px
}

#important-index-chart-area .radar-chart .axis .legend .left {
  text-anchor: start
}

#important-index-chart-area .radar-chart .axis .legend .middle {
  text-anchor: middle
}

#important-index-chart-area .radar-chart .axis .legend .right {
  text-anchor: end
}

#important-index-chart-area .radar-chart .area {
  stroke: #4c46ff;
  stroke-width: 1;
  stroke-opacity: .3;
  -webkit-transition: opacity 300ms, fill-opacity 200ms;
  transition: opacity 300ms, fill-opacity 200ms;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  fill-opacity: .3;
  fill: #a9a5ff
}

#important-index-chart-area .radar-chart .focus .area {
  fill-opacity: .3
}

#important-index-chart-area .radar-chart .focus .area .focused {
  fill-opacity: .9
}

#important-index-chart-area .radar-chart .circle {
  fill-opacity: 0;
  fill: #2a97eb;
  stroke: transparent;
  stroke-width: 25;
  cursor: pointer
}

#important-index-chart-area .radar-chart .d3-enter, #important-index-chart-area .radar-chart .d3-exit {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

#important-index-chart-area .radar-chart.empty-data .area, #important-index-chart-area .radar-chart.empty-data .circle {
  display: none
}

.l-modal__content__header__error.no-error {
  visibility: hidden!important
}

.l-graphBox__content .nodata {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 130px auto;
  width: 300px;
  height: 20px
}

.l-graphBox__content .nodata.compare {
  top: 350px
}

.donut-chart .c3-chart-arcs-subtitle {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  fill: #464646;
  font-weight: 700
}

.donut-chart .c3-chart-arcs-title {
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  fill: #464646
}

.donut-chart .c3-chart .c3-target-nodata text {
  display: none
}

#shareofvoice-bar {
  width: 78%
}

#shareofvoice-donut-compare {
  top: -25px
}

#shareofvoice-donut-compare .c3-shape {
  opacity: .6!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

#shareofvoice-main-current {
  min-height: 260px
}

.shareofvoice__graph--sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.shareofvoice__graph {
  padding: 0;
  border-bottom: 1px solid #e0e0e0
}

.shareofvoice__graph .c3-area {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.shareofvoice__graph.shareofvoice__graph--line div {
  width: inherit!important
}

.shareofvoice__graph .c3-chart-lines .c3-lines {
  display: none
}

.shareofvoice__graph .c3-xgrid-focus {
  pointer-events: none
}

.shareofvoice__graph--single--line {
  width: 100%;
  padding: 16px 0 35px
}

.shareofvoice__graph--stack {
  padding: 19px 25px 35px
}

.shareofvoice__graph--stack>* {
  width: 100%
}

.shareofvoice__graph--circle {
  width: 409px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 34px;
  padding-right: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shareofvoice__graph--circle__grapharea {
  width: 221px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0
}

.shareofvoice__graphbox {
  padding: 0 20px 20px
}

.shareofvoice__graphbox .l-graphBox__content__item {
  border-top: none
}

.shareofvoice__graphbox .summary-chart-bar-graph-item {
  margin-top: -30px;
  margin-bottom: -30px
}

.shareofvoice__graphbox .bar-chart-item-absolute {
  position: absolute;
  margin-right: 35px
}

.shareofvoice__graphbox .l-graphBox__content__item--verticalLine:after {
  left: 195px
}

.shareofvoice__graphbox .p-resultLine__item__title {
  width: 175px;
  padding-left: 0;
  border-left: none
}

.shareofvoice__graphbox .p-resultLine__item__title>span {
  border-left: 2px solid transparent;
  padding-left: 15px
}

.shareofvoice__graphbox .shareofvoice__graph--vbar__grapharea {
  text-align: left
}

.shareofvoice__graphbox .shareofvoice__graph--vbar__grapharea img {
  width: 85%
}

.shareofvoice__graphbox .shareofvoice__graph--vbar__grapharea .c3-chart-bars path.c3-shape._expanded_ {
  stroke: #0099e7!important
}

.shareofvoice__graphbox .p-resultLine__item:not(:first-child) .p-resultLine__item__title, .shareofvoice__graphbox .p-resultLine__item:not(:first-child) .p-resultLine__item__content__count {
  font-size: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: rgba(53, 53, 53, .5)
}

.shareofvoice__graphbox .p-resultLine__item:not(:first-child) .p-resultLine__item__title {
  font-size: 14px
}

.dashboard_graph_report .shareofvoice__graph--sub .l-graphBox__content__item--verticalLine {
  display: block;
  width: 1100px
}

.dashboard_graph_report .shareofvoice__graph--sub .l-graphBox__content__item--verticalLine .bar-chart-item-absolute {
  width: 95%
}

.p-tw-correlation .p-tw-correlation__content .p-tw-correlation__item {
  position: relative;
  min-height: 180px;
  max-height: 360px
}

.p-tw-correlation .p-tw-correlation__content .p-tw-correlation__item .nodata {
  position: absolute;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #ccc;
  margin: 20px auto;
  text-align: center;
  width: 100%
}

.p-tw-correlation .p-tw-correlation__content .p-tw-correlation__item .nodata-item .c3-ygrid-line {
  display: none
}

.p-tw-correlation .p-tw-correlation__content .p-tw-correlation__item .p-tw-correlation__graph .c3-xgrid-focus {
  pointer-events: none
}

.p-tw-coccurrence .c-square-list__label {
  margin-right: 10px!important
}

.p-tw-flow-analyze #twflow1 .c3-legend-item-step_1 text, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_2 text, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_3 text, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_4 text, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_5 text, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_1 text, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_2 text, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_3 text, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_4 text, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_5 text, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_1 text, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_2 text, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_3 text, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_4 text, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_5 text, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_1 text, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_2 text, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_3 text, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_4 text, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_5 text, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_1 text, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_2 text, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_3 text, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_4 text, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_5 text, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_1 text, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_2 text, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_3 text, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_4 text, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_5 text, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_1 text, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_2 text, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_3 text, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_4 text, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_5 text, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_1 text, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_2 text, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_3 text, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_4 text, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_5 text, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_1 text, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_2 text, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_3 text, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_4 text, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_5 text, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_1 text, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_2 text, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_3 text, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_4 text, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_5 text {
  font-size: 14px;
  fill: #575757
}

.p-tw-flow-analyze #twflow1 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow1 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow2 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow3 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow4 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #twflow5 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow1 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow2 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow3 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow4 .c3-legend-item-step_5 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_1 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_2 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_3 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_4 rect .c3-legend-item-tile, .p-tw-flow-analyze #compare-twflow5 .c3-legend-item-step_5 rect .c3-legend-item-tile {
  display: none
}

.p-tw-flow-analyze .twflow-chart-area:after {
  content: "";
  clear: both;
  display: block
}

.p-tw-flow-analyze .twflow-chart-area .p-tw-flow-analyze__graph, .p-tw-flow-analyze .twflow-chart-area .twflow-value {
  float: left
}

.p-tw-flow-analyze .twflow-chart-area .p-tw-flow-analyze__graph {
  width: 60%
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value {
  width: 40%
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value li {
  font-size: 16px;
  list-style-type: none;
  height: 16px;
  line-height: 16px;
  padding-top: 29px;
  text-align: right
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value li.step_1 {
  padding-bottom: 22px
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value li.step_2 {
  padding-bottom: 22px
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value li.step_3 {
  padding-bottom: 20px
}

.p-tw-flow-analyze .twflow-chart-area .twflow-value li.step_4 {
  padding-bottom: 20px
}

.p-tw-flow-analyze .c3-chart-bars path.c3-shape._expanded_ {
  stroke: #0099e7!important
}

.p-tw-edit-flow .has-error {
  background: #ffdede
}

.p-tw-ages .c-square-list__item .c-square-list__label:not(:last-child) {
  width: 55px
}

.p-tw-ages .p-tw-ages__mainarea .p-tw-ages__title {
  margin-bottom: 0
}

.p-tw-ages .p-tw-ages__mainarea .p-tw-ages__graph.c3 {
  width: 220px;
  height: 220px;
  margin: 0 auto
}

.p-tw-ages .p-tw-ages__mainarea .p-tw-ages__graph.c3 svg g .c3-target-nodata text {
  display: none
}

.p-tw-ages .p-tw-ages__mainarea text.c3-chart-arcs-subtitle {
  fill: #464646;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.p-tw-ages .p-tw-ages__mainarea text.c3-chart-arcs-title {
  fill: #464646;
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700
}

.p-tw-ages .p-tw-ages__mainarea.compare .p-tw-ages__graph.c3 svg g text {
  fill: #818181
}

.p-tw-gender .c-square-list__label.c-square-list__label--male {
  width: 65px
}

.p-tw-gender .p-tw-gender__mainarea .p-tw-gender__title {
  margin-bottom: 0
}

.p-tw-gender .p-tw-gender__mainarea .p-tw-gender__graph.c3 {
  width: 220px;
  height: 220px;
  margin: 0 auto
}

.p-tw-gender .p-tw-gender__mainarea .p-tw-gender__graph.c3 svg g .c3-target-nodata text {
  display: none
}

.p-tw-gender .p-tw-gender__mainarea text.c3-chart-arcs-subtitle {
  fill: #464646;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700
}

.p-tw-gender .p-tw-gender__mainarea text.c3-chart-arcs-title {
  fill: #464646;
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700
}

.p-tw-gender .p-tw-gender__mainarea.compare .p-tw-gender__graph.c3 svg g text {
  fill: #818181
}

.p-tw-analyze #twratiosummary-bar {
  width: 78%;
  top: -29px
}

.p-tw-analyze #twratiosummary-donut-compare {
  top: -25px
}

.p-tw-analyze #twratiosummary-donut-compare .c3-shape {
  opacity: .6!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.p-tw-analyze .bar-chart-item-absolute {
  position: absolute;
  margin-right: 35px
}

.p-tw-analyze .p-tw-analyze__circle-grapharea {
  padding-top: 0;
  padding-left: 17px
}

.p-tw-analyze .p-tw-analyze__bar-area {
  margin-right: 20px
}

.p-tw-analyze .c3-chart-bars path.c3-shape._expanded_ {
  stroke: #0099e7!important
}

.p-tw-analyze .p-tw-analyze__item-content-count.compare {
  font-size: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: rgba(53, 53, 53, .5)
}

.p-tw-analyze .c-square-list__item .c-square-list__label {
  font-size: 12px;
  margin-right: 10px
}

.p-tw-analyze .c-square-list__item .c-square-list__label:before {
  font-size: 14px
}

.p-tw-analyze .l-graphBox__content.p-tw-analyze__graphbox .p-resultLine__item__title {
  width: 180px;
  padding-left: 0;
  border-left: none
}

.dashboard_graph_report .p-tw-analyze .p-tw-analyze__bar-area, .output_dashboard_pdf .p-tw-analyze .p-tw-analyze__bar-area {
  display: block;
  width: 1100px
}

.dashboard_graph_report .p-tw-analyze .p-tw-analyze__bar-area .bar-chart-item-absolute, .output_dashboard_pdf .p-tw-analyze .p-tw-analyze__bar-area .bar-chart-item-absolute {
  width: 95%
}

.tw-reference-modal .p-tw-refer-modal__body {
  height: 672px;
  overflow-y: scroll
}

.tw-reference-modal .l-modal__content.p-tw-refer-modal {
  overflow: visible
}

.tw-reference-modal .p-tw-refer-modal__summary .p-tw-refer-modal__graph-area .p-tw-refer-modal__tw-card-area-list {
  margin-bottom: 40px
}

.tw-reference-modal .p-tw-refer-modal__summary .p-tw-refer-modal__graph-area .c-circle-detail:not(:last-child) {
  margin-right: 0
}

.tw-reference-modal .p-tw-refer-modal__main-area .p-tw-refer-modal__tw-card-area .p-tw-refer-modal__tw-card-area-list {
  margin-bottom: 30px
}

.tw-reference-modal .p-tw-refer-modal__main-area .p-tw-refer-modal__tw-card-area .p-tw-refer-modal__tw-card-area-list .tweet-box {
  margin-left: 80px
}

.tw-reference-modal .c-circle-detail__imgarea {
  padding-right: 9px
}

.tw-reference-modal .c-circle-detail__imgarea.c3 svg g .c3-target-nodata text {
  display: none
}

.tw-reference-modal .p-keywordHighlight {
  padding: 260px 0 0
}

.tw-reference-modal .tweet-box blockquote {
  display: none
}

.p-tw-term .termGraphBox {
  padding: 0 20px 20px
}

#tw-term-graph {
  height: 320px
}

.p-socialRank .p-socialRank__label--fb {
  margin-left: 5px
}

.slide {
  position: relative;
  width: 100%
}

.slide .nodata {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 130px auto;
  width: 300px;
  height: 20px
}

.slide .label {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 8px 12px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: -22px;
  left: 20px;
  background-color: #2a97ec;
  display: inline-block;
  border-radius: 3px
}

.slide .graph {
  min-width: 1075px;
  text-align: center
}

.slide .graph img {
  vertical-align: top
}

.slide .timescale {
  display: block;
  position: absolute;
  cursor: default;
  top: 50%;
  width: 36px;
  height: 70px;
  margin-top: -35px;
  background-color: #000;
  filter: alpha(opacity=10);
  -moz-opacity: .1;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
}

.slide .timescale:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff
}

.slide .timescale.enabled {
  cursor: pointer;
  background-color: #2a97ec;
  filter: alpha(opacity=4);
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -webkit-transition: width, .4s;
  transition: width, .4s
}

.slide .timescale.enabled:hover, .slide .timescale.enabled:focus {
  width: 65px;
  filter: alpha(opacity=10);
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slide .timescale.prev {
  left: -20px;
  border-radius: 0 3px 3px 0
}

.slide .timescale.prev:before {
  right: 0;
  margin-right: 7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.slide .timescale.next {
  right: -20px;
  border-radius: 3px 0 0 3px
}

.slide .timescale.next:before {
  left: 0;
  margin-left: 7px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}

.mainchart-control {
  text-align: center;
  width: 100%;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mainchart-control .mainchart-control-group {
  display: inline-table;
  white-space: nowrap;
  width: auto;
  text-align: left;
  padding-right: 12px
}

.mainchart-control .mainchart-control-group:last-child {
  padding-right: 0
}

.mainchart-control .mainchart-control-group .item {
  vertical-align: top;
  display: inline-block;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.mainchart-control .mainchart-control-group .item input {
  display: none
}

.mainchart-control .mainchart-control-group .item input:checked+label {
  background-color: #545454;
  color: #fff
}

.mainchart-control .mainchart-control-group .item input:checked+label:hover, .mainchart-control .mainchart-control-group .item input:checked+label:focus {
  background-color: #464646;
  color: #fff
}

.mainchart-control .mainchart-control-group .item .btn {
  padding: 15px;
  margin-left: 2px;
  background-color: #e8e8e8;
  color: #989898
}

.mainchart-control .mainchart-control-group .item .btn:hover, .mainchart-control .mainchart-control-group .item .btn:focus {
  background-color: #c9c9c9;
  color: #fff
}

.mainchart-control .mainchart-control-group .magazine input:checked+.btn {
  color: #464646;
  background-color: #9edffa
}

.mainchart-control .mainchart-control-group .magazine input:checked+.btn:hover, .mainchart-control .mainchart-control-group .magazine input:checked+.btn:focus {
  color: #9edffa
}

.mainchart-control .mainchart-control-group .newspaper input:checked+.btn {
  color: #464646;
  background-color: #f9ac7e
}

.mainchart-control .mainchart-control-group .newspaper input:checked+.btn:hover, .mainchart-control .mainchart-control-group .newspaper input:checked+.btn:focus {
  color: #f9ac7e
}

.mainchart-control .mainchart-control-group .web input:checked+.btn {
  color: #464646;
  background-color: #cec9ff
}

.mainchart-control .mainchart-control-group .web input:checked+.btn:hover, .mainchart-control .mainchart-control-group .web input:checked+.btn:focus {
  color: #cec9ff
}

.mainchart-control .mainchart-control-group .tv input:checked+.btn {
  color: #464646;
  background-color: #fcde36
}

.mainchart-control .mainchart-control-group .tv input:checked+.btn:hover, .mainchart-control .mainchart-control-group .tv input:checked+.btn:focus {
  color: #fcde36
}

.mainchart-control .mainchart-control-group .bar .btn, .mainchart-control .mainchart-control-group .line .btn {
  position: relative;
  width: 45px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.mainchart-control .mainchart-control-group .bar input:checked+.btn:after {
  background-position: 0 -25px
}

.mainchart-control .mainchart-control-group .bar .btn:hover:after, .mainchart-control .mainchart-control-group .bar .btn:focus:after {
  background-position: 0 -25px
}

.mainchart-control .mainchart-control-group .bar .btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12px;
  margin-left: -12px;
  background: image-url("spr_graph_type.png") no-repeat 0 0
}

.mainchart-control .mainchart-control-group .line input:checked+.btn:after {
  background-position: -25px -25px
}

.mainchart-control .mainchart-control-group .line .btn:hover:after, .mainchart-control .mainchart-control-group .line .btn:focus:after {
  background-position: -25px -25px
}

.mainchart-control .mainchart-control-group .line .btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12px;
  margin-left: -12px;
  background: image-url("spr_graph_type.png") no-repeat -25px 0
}

.mainchart-control .graph-time {
  text-align: right
}

.mainchart-pdf {
  display: none;
  margin: -10px
}

.mainchart-pdf .wrap {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%
}

.mainchart-pdf .price-count {
  width: 54%;
  position: relative;
  display: table-cell;
  padding: 0;
  vertical-align: middle
}

.mainchart-pdf .media-count {
  position: relative;
  display: table-cell;
  padding: 0;
  vertical-align: middle
}

.mainchart-pdf dl {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%
}

.mainchart-pdf dt {
  display: table-cell;
  width: 23%;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.mainchart-pdf dt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 23%;
  width: 2px;
  height: 100%;
  background-color: #f5f5f5
}

.mainchart-pdf dd {
  display: table-cell;
  width: 77%;
  padding: 30px 20px;
  text-align: right;
  vertical-align: top
}

.mainchart-pdf dd .report-summary-item {
  float: right;
  padding-top: 4px
}

.mainchart-pdf dd .report-summary-item .label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: white;
  background-color: #545454;
  padding: 6px 12px;
  border-radius: 3px
}

.mainchart-pdf dd .report-summary-item .value {
  display: inline-block;
  vertical-align: middle;
  padding-left: 6px;
  font-size: 22px;
  font-weight: 700
}

.mainchart-pdf dd .report-summary-item .value.plus {
  color: #2a97ec
}

.mainchart-pdf dd .report-summary-item .value.minus {
  color: #ff6d85
}

.mainchart-pdf .number {
  float: right;
  font-weight: 700;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 30px;
  padding-right: 12px
}

.mainchart-summary {
  margin: -10px
}

.mainchart-summary .wrap {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%
}

.mainchart-summary .total-price {
  display: table-cell;
  width: 320px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  vertical-align: middle
}

.mainchart-summary .total-price dt {
  margin-bottom: 10px;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.mainchart-summary .total-price .number {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem
}

.mainchart-summary .media-count {
  position: relative;
  display: table-cell;
  padding: 0;
  vertical-align: middle
}

.mainchart-summary .media-count dl {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%
}

.mainchart-summary .media-count dt {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.mainchart-summary .media-count dt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15%;
  width: 2px;
  height: 100%;
  background-color: #f5f5f5
}

.mainchart-summary .media-count dd {
  display: table-cell;
  width: 17%;
  padding: 30px 0;
  text-align: center;
  vertical-align: top
}

.mainchart-summary .media-count .number {
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem
}

.mainchart-summary .media-count .number.odometer {
  display: block
}

.mainchart-summary .media-count .media {
  margin-top: 10px;
  padding: 5px 10px;
  font-weight: 700;
  vertical-align: top;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  border-radius: 3px;
  width: 50px
}

.mainchart-summary .media-count .magazine .media {
  background-color: #9edffa
}

.mainchart-summary .media-count .newspaper .media {
  background-color: #f9ac7e
}

.mainchart-summary .media-count .web .media {
  background-color: #cec9ff
}

.mainchart-summary .media-count .tv .media {
  background-color: #fcde36
}

.mainchart-summary .media-count .total .media {
  background-color: #ff6d85;
  color: #fff
}

.mainchart-summary .number {
  font-weight: 700
}

.mainchart-summary .number.compare {
  margin-top: 5px;
  color: #c9c9c9
}

.mainchart-summary .result {
  margin-top: 20px
}

.chart-percentage {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0
}

.chart-percentage .graph-circle {
  display: table-cell;
  width: 33%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box
}

.chart-percentage .graph-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 33%;
  width: 2px;
  height: 100%;
  background-color: #f5f5f5
}

.chart-percentage .graph-circle .current {
  position: relative
}

.chart-percentage .graph-circle .current .graph {
  margin-right: 60px;
  height: 200px
}

.chart-percentage .graph-circle .current .nodata {
  background-repeat: no-repeat;
  background-position: 35px 10px
}

.chart-percentage .graph-circle .current .nodata svg {
  display: none
}

.chart-percentage.count .current .nodata {
  background-image: image-url("nodata_number_circle.gif")
}

.chart-percentage.price .current .nodata {
  background-image: image-url("nodata_expence_circle.gif")
}

.chart-percentage .graph-circle .compare {
  position: relative
}

.chart-percentage .graph-circle .compare .graph {
  margin-right: 60px;
  margin-top: 20px;
  height: 160px
}

.chart-percentage .graph-circle .compare .nodata {
  background-image: image-url("nodata_circle_compare.gif");
  background-repeat: no-repeat;
  background-position: 107px 8px
}

.chart-percentage .graph-circle .compare .nodata svg {
  display: none
}

.chart-percentage .graph-circle .compare .graph-info {
  top: 30px
}

.chart-percentage .graph-circle .graph-info {
  position: absolute;
  text-align: left;
  top: 50px;
  left: 65%;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.chart-percentage .graph-circle .graph-info dd {
  margin-bottom: 15px;
  margin-left: 18px
}

.chart-percentage .graph-circle .graph-info dd .tv {
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  background-color: #fcde36
}

.chart-percentage .graph-circle .graph-info dd .news {
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  background-color: #f9ac7e
}

.chart-percentage .graph-circle .graph-info dd .magazine {
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  background-color: #9edffa
}

.chart-percentage .graph-circle .graph-info dd .web {
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  background-color: #cec9ff
}

.chart-percentage .graph-bar {
  position: relative;
  display: table-cell;
  padding: 0 20px;
  vertical-align: top;
  box-sizing: border-box
}

.chart-percentage .graph-bar .graph-info {
  position: absolute;
  width: 100%;
  padding: 22px 0
}

.chart-percentage .graph-bar .graph-info:after {
  content: "";
  clear: both;
  display: block
}

.chart-percentage .graph-bar .graph-info dt {
  float: left;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700
}

.chart-percentage .graph-bar .graph-info dd {
  float: right;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #868686;
  margin-left: 18px
}

.chart-percentage .graph-bar .graph-info dd .bullet {
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  height: 14px;
  width: 14px
}

.chart-percentage .graph-bar .graph-info dd.positive .bullet {
  background-color: #b5ef8e
}

.chart-percentage .graph-bar .graph-info dd.neutral .bullet {
  background-color: #f4f0be
}

.chart-percentage .graph-bar .graph-info dd.negative {
  margin-right: 40px
}

.chart-percentage .graph-bar .graph-info dd.negative .bullet {
  background-color: #dfdfdf
}

.chart-percentage .graph-bar .graph {
  position: relative;
  margin-top: 30px;
  margin-left: 50px;
  margin-right: 20px;
  height: 230px;
  overflow: hidden
}

.chart-percentage .graph-bar .legend {
  position: absolute;
  left: 20px;
  top: 66px;
  font-size: 14px;
  font-weight: 700
}

.chart-percentage .graph-bar .legend dd {
  margin-top: 19px;
  line-height: 25px
}

.chart-percentage .graph-bar .legend dd:first-child {
  margin-top: 0
}

.chart-percentage .graph-bar .legend dt {
  display: none;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.chart-percentage .graph-bar .list-bars {
  position: absolute;
  right: 20px;
  top: 66px;
  z-index: 2
}

.chart-percentage .graph-bar .list-bars .bar {
  margin-top: 15.5px;
  text-align: right
}

.chart-percentage .graph-bar .list-bars .bar:first-child {
  margin-top: 0
}

.chart-percentage .graph-bar .title {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #989898;
  font-weight: 700
}

.chart-percentage .graph-bar .numbers {
  display: inline-block;
  vertical-align: top
}

.chart-percentage .graph-bar .result {
  margin-top: 15px;
  display: inline-block;
  vertical-align: top
}

.chart-percentage .graph-bar .number {
  line-height: 28px;
  font-weight: 700;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem
}

.chart-percentage .graph-bar .number.compare {
  color: #c9c9c9
}

.chart-percentage .graph-bar .chart-move {
  width: 56px;
  padding-top: 18px;
  padding-left: 0;
  text-align: center;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.chart-percentage .graph-bar .chart-move:before {
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: -7px
}

.chart-percentage.compare .graph-bar .graph {
  height: 400px;
  margin-right: 80px
}

.chart-percentage.compare .legend {
  top: 74px
}

.chart-percentage.compare .legend dd {
  margin-top: 34px;
  line-height: 26px
}

.chart-percentage.compare .legend dd:first-child {
  margin-top: 0
}

.chart-percentage.compare .legend dt {
  display: block;
  line-height: 26px
}

.chart-percentage.compare .list-bars {
  top: 72px
}

.chart-percentage.compare .list-bars .bar {
  margin-top: 30px
}

.chart-social {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 3px
}

.chart-social.compare .graph-box .graph {
  height: 225px;
  margin-right: 150px
}

.chart-social.compare .graph-box.graph-count .graph {
  margin-right: 100px
}

.chart-social.compare .graph-box .list-bars {
  top: 54px
}

.chart-social.compare .graph-box .list-bars .bar {
  margin-top: 35px
}

.chart-social.compare .graph-box .number.compare {
  display: block
}

.chart-social.compare .graph-box .result {
  display: inline-block;
  vertical-align: top
}

.chart-social.compare .title dl:first-child {
  margin-top: 20px
}

.chart-social.compare .title dl {
  margin-top: 40px
}

.chart-social.compare .title dl dd {
  display: block
}

.chart-social .title {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #989898;
  font-weight: 700
}

.chart-social .title dl {
  margin-top: 18px;
  line-height: 1.8;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #202020
}

.chart-social .title dl dt {
  padding-left: 35px
}

.chart-social .title dl dd {
  margin-top: 7px;
  padding-left: 35px;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  display: none
}

.chart-social .title dl .tw {
  background: image-url("icn_twitter.png") no-repeat 0 0
}

.chart-social .title dl .fb {
  background: image-url("icn_facebook.png") no-repeat 0 0
}

.chart-social .graph-box {
  position: relative;
  display: table-cell;
  width: 48%;
  padding: 20px 20px 0 40px;
  vertical-align: top;
  box-sizing: border-box
}

.chart-social .graph-box .graph {
  height: 125px;
  padding-top: 10px;
  margin-left: 85px;
  margin-right: 80px
}

.chart-social .graph-box .list-bars {
  position: absolute;
  right: 20px;
  top: 45px;
  z-index: 2
}

.chart-social .graph-box .list-bars .bar {
  margin-top: 14px;
  text-align: right
}

.chart-social .graph-box .list-bars .bar:first-child {
  margin-top: 0
}

.chart-social .graph-box .numbers {
  display: inline-block;
  vertical-align: top
}

.chart-social .graph-box .result {
  margin-top: 15px;
  display: none
}

.chart-social .graph-box .number {
  line-height: 30px;
  font-weight: 700;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem
}

.chart-social .graph-box .number.compare {
  color: #c9c9c9;
  display: none
}

.chart-social .graph-box .number .value {
  vertical-align: baseline
}

.chart-social .graph-box .number .unit {
  font-size: 90%
}

.chart-social .graph-box .chart-move {
  width: 56px;
  padding-top: 18px;
  padding-left: 0;
  text-align: center;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem
}

.chart-social .graph-box .chart-move:before {
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: -7px
}

.social-title {
  padding: 15px 20px;
  background-color: #fff;
  margin-bottom: 3px;
  font-weight: 700;
  color: #868686;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.social-list-table {
  position: relative;
  width: 100%;
  margin-bottom: -2px;
  border-collapse: separate;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.social-list-table th, .social-list-table td {
  padding: 15px 10px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box
}

.social-list-table td {
  background-color: #fcfcfc;
  line-height: 16px;
  line-height: 16px;
  line-height: 1.6rem
}

.social-list-table thead th {
  font-weight: 700;
  border-left: 2px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5
}

.social-list-table thead th:first-child {
  border-left: 0
}

.social-list-table tbody th, .social-list-table tbody td {
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer
}

.social-list-table tbody .important {
  color: #ff6d85
}

.social-list-table tbody .expense-content, .social-list-table tbody .expense-quality {
  text-align: right
}

.social-list-table tbody tr:hover td, .social-list-table tbody tr:focus td {
  background-color: #e8f4fa
}

.social-list-table tbody tr:hover .sort-cols, .social-list-table tbody tr:focus .sort-cols {
  background-color: #d9e4e9
}

.social-list-table tbody tr .sort-cols {
  background-color: #eee
}

.social-list-table tbody .nodata:hover td, .social-list-table tbody .nodata:focus td {
  background-color: #fcfcfc
}

.social-list-table tbody .nodata td {
  cursor: default
}

.social-list-table .count {
  width: 130px
}

.social-list-table .date {
  width: 90px
}

.social-list-table .important {
  width: 60px
}

.social-list-table .name, .social-list-table .title {
  text-align: left
}

.social-list-table .content {
  min-width: 70px
}

.social-list-table .valuation {
  width: 80px
}

.social-list-table .expense-content {
  min-width: 100px
}

.social-list-table .expense-quality {
  min-width: 100px
}

.social-list-table .s-count-total {
  font-weight: 700;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ff6d85;
  padding-bottom: 4px
}

.social-list-table .s-count-fb {
  color: #2b5aa2
}

.social-list-table .s-count-tw {
  color: #00b4ff
}

.media-list-search {
  margin: -10px
}

.media-list-search .wrap {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%
}

.media-list-search .search-block {
  position: relative;
  display: table-cell;
  padding: 0;
  vertical-align: middle
}

.media-list-search .search-block dl {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%
}

.media-list-search .search-block dd {
  display: table-cell;
  width: 100%;
  padding: 18px 0 18px 162px;
  vertical-align: top
}

.media-list-search .search-block .heading-count {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  margin-left: 8px;
  padding: 9px;
  background-color: #ff6d85;
  position: absolute;
  top: 20px;
  left: 20px
}

.media-list-table {
  width: 100%;
  margin-bottom: -2px;
  border-collapse: separate;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem
}

.media-list-table th, .media-list-table td {
  padding: 15px 10px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box
}

.media-list-table td {
  background-color: #fcfcfc;
  line-height: 16px;
  line-height: 16px;
  line-height: 1.6rem
}

.media-list-table td .news {
  display: table-cell;
  padding: 4px;
  width: 80px;
  background-color: #f9ac7e;
  border-radius: 3px
}

.media-list-table td .magazine {
  display: table-cell;
  padding: 4px;
  width: 80px;
  background-color: #9edffa;
  border-radius: 3px
}

.media-list-table td .web {
  display: table-cell;
  padding: 4px;
  width: 80px;
  background-color: #cec9ff;
  border-radius: 3px
}

.media-list-table td .tv {
  display: table-cell;
  padding: 4px;
  width: 80px;
  background-color: #fcde36;
  border-radius: 3px
}

.media-list-table td .multi {
  display: table-cell;
  padding: 4px;
  width: 80px;
  background-color: #bdef84;
  border-radius: 3px
}

.media-list-table thead th {
  font-weight: 700;
  border-left: 2px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5
}

.media-list-table thead th:first-child {
  border-left: 0
}

.media-list-table thead .header {
  cursor: pointer
}

.media-list-table thead .header:hover, .media-list-table thead .header:focus {
  background-color: #e8f4fa
}

.media-list-table thead .header:after {
  display: inline-block;
  vertical-align: baseline
}

.media-list-table thead .headerSortUp, .media-list-table thead .headerSortDown {
  background-color: #eee
}

.media-list-table thead .headerSortUp:hover, .media-list-table thead .headerSortUp:focus, .media-list-table thead .headerSortDown:hover, .media-list-table thead .headerSortDown:focus {
  background-color: #d9e4e9
}

.media-list-table thead .headerSortUp:after {
  content: "▼"
}

.media-list-table thead .headerSortDown:after {
  content: "▲"
}

.media-list-table tbody th, .media-list-table tbody td {
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer
}

.media-list-table tbody .check {
  cursor: default
}

.media-list-table tbody .important {
  color: #ff6d85
}

.media-list-table tbody .expense-content, .media-list-table tbody .expense-quality {
  text-align: right
}

.media-list-table tbody tr:hover td, .media-list-table tbody tr:focus td {
  background-color: #e8f4fa
}

.media-list-table tbody tr:hover .sort-cols, .media-list-table tbody tr:focus .sort-cols {
  background-color: #d9e4e9
}

.media-list-table tbody tr .sort-cols {
  background-color: #eee
}

.media-list-table tbody .nodata:hover td, .media-list-table tbody .nodata:focus td {
  background-color: #fcfcfc
}

.media-list-table tbody .nodata td {
  cursor: default
}

.media-list-table .check {
  width: 50px
}

.media-list-table .check .ipt-check label {
  margin-right: -8px
}

.media-list-table .date {
  width: 110px
}

.media-list-table .media {
  width: 100px
}

.media-list-table .important {
  width: 60px
}

.media-list-table .name, .media-list-table .title {
  text-align: left
}

.media-list-table .content {
  min-width: 80px
}

.media-list-table .valuation {
  width: 90px
}

.media-list-table .keyword {
  width: 150px;
  text-align: left;
  white-space: pre-line
}

.media-list-table .expense-content {
  min-width: 100px
}

.media-list-table .expense-quality {
  min-width: 100px
}

#mask {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  zoom: 1;
  background: #999;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.media-list .title ul:not(.confirm) li {
  float: left;
  font-size: 10px;
  padding: 3px 5px;
  margin: 5px 3px 0 0;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #d7d7d7
}

#tutorial {
  max-width: 930px;
  padding: 20px;
  background: #fff
}

#tutorial .tutorial-header {
  text-align: right
}

#tutorial .tutorial-header .close {
  cursor: pointer
}

#tutorial .tutorial-header .close:hover {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}