@charset "UTF-8";
.topicpath { max-width: 1200px; padding: 0 15px; }

.topicpath--outside { margin: 0 auto; }

.topicpath--bdGray { background: #f5f5f5; }

.topicpath.topicpath--pos { width: 100%; top: 15px; left: 0; right: 0; margin: 0 auto; position: absolute; z-index:10; }

.topicpath__list { padding-top: 10px; font-size: 0; }

.topicpath__list > li { position: relative; display: inline-block; padding-left: 20px; color: #fff; font-size: 1.2rem; }

.topicpath__list > li:before { content: ">"; position: absolute; left: 5px; color: #fff; }

.topicpath__list > li:first-child { padding-left: 0; }

.topicpath__list > li:first-child:before { content: normal; }

.topicpath__list > li > a { color: #fff; font-weight: normal; }

.topicpath__list > li > a:hover { text-decoration: underline; }

.topicpath__list--black > li { color: #333; }

.topicpath__list--black > li:before { color: #333; }

.topicpath__list--black > li > a { color: #333; }

.topicpath.topicpath--pos .topicpath__list {padding-top: 0;}

.topicpath.topicpath--pos .topicpath__list--black > li { color: #fff; }

.topicpath.topicpath--pos .topicpath__list--black > li:before { color: #fff; }

.topicpath.topicpath--pos .topicpath__list--black > li > a { color: #fff; }

.mainH1Area { position: relative; padding: 0 40px; height: 440px; background: url("/static/jp/line-biz-solutions/img/bg_index01.jpg") 50% 50% no-repeat; background-size: cover; }

.mainH1Area__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; height: 100%; max-width: 1200px; margin: 0 auto; }

.mainH1Area__tit { position: relative; max-width: 470px; text-align: center; margin: 50px auto 0; padding-bottom: 50px; }

.mainH1Area__titInner { display: block; margin: 0 auto 35px; color: #1ebd92; font-size: 2.0rem; font-weight: bold; text-align: center; }

.mainH1Area__titInner:after, .mainH1Area__titInner:before { content: ""; position: absolute; bottom: 20px; left: 50%; width: 8px; height: 5px; border-radius: 8px; }

.mainH1Area__titInner:before { background: rgba(33, 181, 203, 0.8); -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.mainH1Area__titInner:after { background: rgba(30, 189, 146, 0.8); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.mainH1Area__txt { margin: 0 auto; max-width: 490px; text-align: center; }

/* テキスト
****************/
.pageTxt { position: relative; line-height: 1.8; margin-top: 30px; }

.pageTxt--red { color: #c80000; }

.pageTxt--center { text-align: center; }

.pageTxt--bold { font-weight: bold; }

.pageTxt--voice { font-weight: bold; }

.pageTxt--voice:before { content: ""; position: absolute; top: 0; left: -10px; width: 1px; height: 100%; background: #333; }

.pageH2Area--tit01.pageH2Area--forTplPage + .pageTxt {
  margin-top: -10px;
  margin-bottom: 60px;
}

.pageH2Area--forTplPage + .pageH3Area + .pageTxt {
  margin-top: -10px;
}

.pageTxtList { margin-top: 30px; counter-reset: num; }

.pageTxtList--mSmall { margin-top: 15px; }

.pageTxtList--center { display: table; margin-left: auto; margin-right: auto; }

.pageTxtList__item { position: relative; margin-top: 15px; padding-left: 1em; text-align: left; }

.pageTxtList__item.pageTxt--center{text-align: center;}

.pageTxtList__item:before { content: "・"; position: absolute; left: 0; }

.pageTxtList__item--notes {
  margin: 5px auto 0;
  padding-left: 0;
  color: #707070;
  font-size: 1.2rem;
  text-align: center;
}

.pageTxtList__item--notes--left {
  text-align: left;
}

.pageTxtList__item--notes > p {
  display: inline
}

.pageH2Area--tit01.pageH2Area--forTplPage + .pageTxtList__item--notes {
  margin-top: 10px;
}

.pageH2Area--tit01.pageH2Area--forTplPage + .pageTxt + .pageTxtList__item--notes {
  margin-top: -40px;
  margin-bottom: 50px;
}

.pageTxtList__item--notes:before { position: relative; content: "※"; }

.pageTxtList__item--num { counter-increment: num; padding-left: 2.2em; }

.pageTxtList__item--num:before { content: counter(num) "."; }

.pageTxtList__item--notesNum { color: #070707; counter-increment: num; font-size: 1.4rem; padding-left: 2.2em; margin-top: 5px; }

.pageTxtList__item--notesNum:before { content: "※" counter(num); }

.pageTxtList__item--notesNoneNum { display: block; color: #707070; counter-increment: num; font-size: 1.2rem; padding-left: 1em; margin-top: 15px; }

.pageTxtList__item--notesNoneNum:before { content: "※"; }

.pageTxtList__item:first-child { margin-top: 0; }

.pageTxtList__item .pageTxtList { margin-top: 15px; }

.pageTxtList__item--notes--service { margin: 5px auto 0;padding-left: 0;color: #707070;font-size: 1.2rem}

.serviceTopTxt + .pageTxtList__item--notes--service { 
  margin-top: -50px;
  margin-bottom: 60px;
}

/* ボタン
****************/
.defaultBtn { margin-top: 15px; text-align: center; }

.defaultBtn--mSmall { margin-top: 30px; }

.defaultBtn a { display: inline-block; border: 2px solid #07b53b; background: #07b53b; padding: 9px 33px 8px 33px; position: relative; font-size: 1.4rem; min-width: 260px; line-height: 1.5; font-weight: bold; color: #fff; border-radius: 50px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }







.defaultBtn a span { color: #fff; }

.defaultBtn a:hover { background: #fff; color: #07b53b; text-decoration: none; }

.defaultBtn a:hover span { color: #07b53b; }

.defaultBtn a:hover .defaultBtn__arrow01:after { background-image: url("/static/jp/common/img/ico_rightArrow01.png"); }

.defaultBtn__arrow01:after { content: ""; position: absolute; top: calc(50% - 5px); right: 17px; display: inline-block; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }


.aboutAccount { 
  background-color: #07b53b;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}

.modal + .aboutAccount {
  margin-top: 50px;
}

.contents__inner--confirm .aboutAccount {
  margin-top: 0;
}

.aboutAccount__box {
  margin: 48px 0 50px 0;
  padding: 0 1em 0 1em;
  /* width: 50%; */
  min-width: 550px;
  max-width: calc( 600px + 2em );
  text-align: center;
}

.aboutAccount__box + .aboutAccount__box {
  border-left: 1px solid #ffffff;
}

.aboutAccount__txt { display: inline-block; font-size: 32px; font-weight: bold; color: #fff; text-align: center;}

.aboutAccount__subTxt { color: #fff;}

.aboutAccount__txt + .aboutAccount__subTxt {
  margin-top: 10px;
}

.aboutAccount__box .defaultBtn {
  margin-top: 25px;
}

.aboutAccount__btn { margin-top: 30px; }

.btnColumn2--aboutAccount .aboutAccount__btn { height: 100%; }

.aboutAccount__btn > a {
  display: inline-block;
  background-color: #ff6851;
  border: 2px solid#ff6851;
  font-size: 1.4rem;

  padding: 9px 35px 8px 35px; position: relative; font-size: 1.4rem; line-height: 1.5; font-weight: bold; color: #fff; min-width: 260px; border-radius: 50px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.btnColumn2--aboutAccount .aboutAccount__btn > a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.aboutAccount__btn--contact a{
  background-color: #07b53b;
  border: 2px solid#ffffff;
  color: #ffffff;
}

.aboutAccount__btn > a:hover {
  color: #ff6851;
  background-color: #ffffff;
  border-color: #ff6851;
  text-decoration: none;
}

.aboutAccount__btn .defaultBtn__arrow01:after { content: ""; display: inline-block; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.aboutAccount__btn .aboutAccount__arrow01::before { content: ""; display: inline-block; margin-right: 9px; margin-top: -0.1em; width: 18px; height: 15px; background: url("/static/jp/common/img/ico_headerSp02.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.aboutAccount__btn a:hover .aboutAccount__arrow01--salesPro::before {
  background-image: url("/static/jp/service/line-sales-promotion/img/ico_headerSp02_active_orange.png");
}

.aboutAccount__btn--contact a:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #06c405;
  text-decoration: none;
}

.aboutAccount__btn a:hover .defaultBtn__arrow01:after{background-image: url("/static/jp/common/img/ico_rightArrow07.png");}

.aboutAccount__btn--contact a:hover .aboutAccount__arrow01::before{background-image: url("/static/jp/common/img/ico_headerSp02_active.png");}

@media screen and (min-width: 1024px) {
  .aboutAccount__btn > a {
    /*min-width: auto;*/
  }
}

@media screen and (max-width: 1023px){
  .aboutAccount {
    margin-top: 50px;
    padding: 0px 20px;
    flex-direction: column;
  }

  .aboutAccount__box {
    margin: 0 20px 0 20px;
    padding: 48px 0 43px 0;
    width: 100%;
    min-width: auto;
    text-align: center;
  }

  .aboutAccount__box + .aboutAccount__box {
    border-top: 1px solid #ffffff;
    border-left: none;
  }

  .aboutAccount__box .defaultBtn.defaultBtn--orange a {
    min-width: 260px;
  }

  .aboutAccount__txt { font-size: 3.6rem; font-weight: bold; color: #fff; margin-bottom: 18px; }

  .aboutAccount__txt.aboutAccount__txt--small { font-size: 2.1rem; }

  .btnColumn2--aboutAccount {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }

  .aboutAccount__btn {
    width: auto;
  }

  .aboutAccount__btn > a { display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 8px 28px 8px; min-width: 220px; width: auto; height: 100%; font-size: 1.4rem; }
  .aboutAccount__btn > a span:after{display: none;}

  .btnColumn2--aboutAccount .aboutAccount__btn > a {
    width: auto;
  }
}

/*12月*/

.defaultBtn--orange a {
  background-color: #ff6851;
  border: 2px solid#ff6851;
}

.defaultBtn--orange a:hover {
  color: #ff6851;
  background-color: #ffffff;
  border-color: #ff6851;
  text-decoration: none;
}

.defaultBtn--orange a:hover span {
  color: #ff6851;
}

.defaultBtn--orange a:hover .defaultBtn__arrow01:after {
  background-image: url(/static/jp/common/img/ico_rightArrow07.png);
}

/*12月*/

.printBtn { margin-top: 20px; text-align: right; }

.printBtn a { display: inline-block; border: 1px solid #d0d0d0; background: #fff; padding: 8px 60px 7px; font-size: 1.6rem; font-weight: bold; color: #333; border-radius: 50px; text-align: center; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.printBtn a:before { content: ""; display: inline-block; margin-right: 10px; margin-left: -10px; width: 18px; height: 18px; background: url("/static/jp/common/img/ico_print01.png") 0 0 no-repeat; vertical-align: middle; }

.printBtn a:hover { color: #07b53b; }

.whiteBtn { margin-top: 60px; text-align: center; }

.whiteBtn--left { text-align: left; }

.whiteBtn--right { text-align: right; }

.whiteBtn a {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 2px solid #404040;
  padding: 9px 35px 8px 35px;
  color: #111;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
  min-width: 140px;
}

.whiteBtn a:hover {
  color: #07b53b;
  border-color: #d0d0d0;
  text-decoration: none;
}

.whiteBtn__arrow01:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("/static/jp/common/img/ico_rightArrow06.png") 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.whiteBtn a:hover .whiteBtn__arrow01:after {
  background-image: url(/static/jp/common/img/ico_rightArrow01.png);
}



.orangeBtn { margin-top: 15px; text-align: center; }

.orangeBtn a {
  display: inline-block;
  border: 2px solid #ff6851;
  background: #ff6851;
  padding: 9px 35px 8px 35px;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  min-width: 260px;
  color: #fff;
  border-radius: 50px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
}

.orangeBtn a:hover {
  color: #ff6851;
  background-color: #ffffff;
  border-color: #ff6851;
  text-decoration: none;
}

.orangeBtn .orangeBtn__arrow01:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.orangeBtn a:hover .orangeBtn__arrow01:after {
  background-image: url(/static/jp/common/img/ico_rightArrow07.png);
}



.backBtn,.contents__inner > .backBtn:first-child { margin-top: 60px; text-align: center; }

.backBtn a { display: inline-block; border: 2px solid #666666; background: #ffffff; padding: 9px 33px 8px 33px; position: relative; font-size: 1.4rem; line-height: 1.5; font-weight: bold; color: #666666; min-width: 260px; border-radius: 50px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.backBtn a:hover { background: #666666; color: #fff; text-decoration: none; }

.backBtn a:hover .backBtn__arrow01:before { background-image: url("/static/jp/common/img/ico_leftArrow02.png"); }

.backBtn__arrow01:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(/static/jp/common/img/ico_leftArrow01.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.pageMoreBtn { margin-top: 60px; text-align: center; }


.pageMoreBtn a {
  display: inline-block;
  border: 2px solid #707070;
  background: #707070;
  padding: 9px 35px 8px 35px;
  position: relative;
  min-width: 260px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
}


.pageMoreBtn a:hover { background-color: #ffffff;
  color: #707070;
  text-decoration: none; }

.pageMoreBtn a:hover .pageMoreBtn__arrow:after { background-image: url(/static/jp/common/img/ico_rightArrow06.png); }

.pageMoreBtn__arrow:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.pageMoreBtn__arrow--leftArrow:after {
  right: auto;
  left: 17px;
  -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);
}

.manualList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.manualList > * { width: calc(50% - 30px); margin-left: 30px; }

.manualList > *:nth-of-type(2n + 1) { margin-left: 0; }

.manualList > *:nth-of-type(1) { margin-top: 0; }

.manualList > *:nth-of-type(2) { margin-top: 0; }

.grayBtn--shortMT {
  margin-top: 30px;
}

.grayBtn { margin-top: 15px; text-align: center; }

.contents--carouseSWlPanelList .grayBtn { display: none; }

.grayBtn--left { text-align: left; }

.grayBtn--right { text-align: right; }

.grayBtn a {
  display: inline-block;
  border: 2px solid #707070;
  background: #707070;
  padding: 9px 35px 8px 35px;
  position: relative;
  min-width: 220px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
}

.grayBtn .grayBtn__arrow01:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.grayBtn a:hover { background-color: #ffffff; color: #707070; text-decoration: none; }

.grayBtn a:hover .grayBtn__arrow01:after {background-image: url("/static/jp/common/img/ico_rightArrow06.png");}



/* リンク
****************/
.pageTxtLink { margin-top: 20px; }

.pageTxtLink__item { margin-top: 10px; text-align: left; }

.pageTxtLink__item:not(.pageTxtLink__item--top) { margin-left: 1em; }

.pageTxtLink a { position: relative; display: inline-block; color: #333; font-weight: bold; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.pageTxtLink a:hover { color: #07b53b; }

.pageTxtLink a:after { display: inline-block; margin-left: 10px; }

.pageTxtLink a.is-current { color: #07b53b; }

.pageTxtLink--manual a {font-weight: bold;}

.pageTxtLink__arrow01:after { content: ""; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; }

.pageTxtLink__arrow02 { margin-right: 5px; }

.pageTxtLink__arrow02:after { content: ""; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; }

.pageTxtLink__blank01 { margin-right: 5px; }

.pageTxtLink__blank01:after { content: ""; width: 12px; height: 12px; background: url("/static/jp/common/img/ico_blank01.png") 0 0 no-repeat; background-size: cover; }

.pageTxtLink__download01 { margin-right: 5px; }

.pageTxtLink__download01:after { content: ""; width: 15px; height: 11px; background: url("/static/jp/common/img/ico_download01.png") 0 0 no-repeat; background-size: cover; }

/* カラム
****************/
.pageColumn1 { margin-top: 60px; }

.pageColumn1__img { text-align: center; display: flex; justify-content: center; }

.pageColumn1__img--flexStart { align-items: flex-start; }

.pageColumn1__txt { margin-top: 10px; font-size: 1.6rem; }

.pageColumn2 { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pageColumn2__box { display: inline-block; width: calc(50% - 15px); margin-left: 30px; vertical-align: top; }

.pageColumn2__box:nth-child(2n+1) { margin-left: 0; }

.pageColumn2__box:nth-child(n+3) { margin-top: 30px; }

.pageColumn2__img { text-align: center; }

.pageColumn2__txt { margin-top: 10px; font-size: 1.6rem; }

.pageColumn3 { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pageColumn3--small .pageColumn3__item { width: calc(100% / 3 - 10px); margin-left: 15px; }

.pageColumn3--large .pageColumn3__item { margin-left: 130px; }

.pageColumn3--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pageColumn3__item { width: calc(99% / 3 - 20px); margin-left: 30px; }

.pageColumn3__item:nth-child(3n+1) { margin-left: 0 !important; }

.pageColumn3__item:nth-child(n+4) { margin-top: 30px; }

.linkColumn3 { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.linkColumn3--small .linkColumn3__item { width: calc(100% / 3 - 10px); margin-left: 15px; }

.linkColumn3__item { width: calc(100% / 3 - 20px); margin-left: 30px; }

.linkColumn3__item > *:first-child { margin-top: 0; }

.linkColumn3__item:first-child { margin-left: 0 !important; }

.pageColumn1Txt { margin-top: 60px; overflow: hidden; }

.pageColumn1Txt__img { float: left; max-width: 360px; margin: 0 25px 20px 0; }

.pageColumn1Txt__txt { font-size: 1.6rem; }

/* ライトボックス
****************/
#LightBoxEnable { display: none; position: fixed; top: 0; left: 0; width: 100%; max-width: 100%!important; height: 100%; background: rgba(0,0,0,0.45); z-index: 1000; }

#LightBoxEnable img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width:auto; height:auto; max-width:80%; max-height:100%; z-index: 1000; }

@media screen and (max-width: 1023px) { #LightBoxEnable img { max-width:100%; } }

#LightBoxEnable p { position: absolute;/*絶対配置*/ color: white;/*文字は白に*/ z-index: 1001; }

.LightBox__close{ position:absolute; display:inline-block; top:-24px; left:-24px; width:32px; height:32px; border:0; background-color:black; border-radius:32px; margin:0; padding:0; transform:scale(0.5); cursor:pointer; }

.LightBox__close:before{ content:""; position:absolute; display:inline-block; top:4px; left:13px; width:6px; height:24px; border:0; margin:0; padding:0; background-color:white; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }

.LightBox__close:after{ content:""; position:absolute; display:inline-block; top:4px; left:13px; width:6px; height:24px; border:0; margin:0; padding:0; background-color:white; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .LightBox__close:hover{ background-color:red; }

/* ボックス
*****************/
.pageBorderBox { border: 1px solid #e0e0e0; margin-top: 60px; padding: 30px; text-align: center; }

.pageBorderBox--bgGray {
  background-color: #f2f2f2;
}

.pageBorderBox > *:first-child { margin-top: 0; }

.pageBorderBox--small { padding: 20px 40px; }

.pageBorderBox--mtMedium{
  margin-top: 70px;
}
.pageBorderBox--partner { padding: 25px 60px; }

.pageBorderBox--seminar{ margin-bottom: 60px; padding: 40px 30px;}

.pageBorderBox__tit { display: inline-block; margin-bottom: 0px; padding: 0; border-bottom: 2px solid #07b53b; font-size: 2.4rem; line-height: 1.8; font-weight: bold; color: #333; text-align: center; }

.pageBorderBox__txt { margin-top: 35px; text-align: left; }

.pageBorderBox__txt--bold { font-weight: bold; }

.pageColorBox { position: relative; background: #f2f2f2; margin-top: 60px; padding: 30px 30px; text-align: center; }

.pageColorBox > *:first-child { margin-top: 0; }

.pageColorBox--memo {
  padding: 0 30px 30px 30px;
}

.pageColorBox__memoInner {
  padding: 55px 0px;
  position: relative;
}

.pageColorBox__memoInner::before,
.pageColorBox__memoInner::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0px;
  width: 28px;
  height: 22px;
  background: url("/static/jp/common/img/bg_memo01.png") 0 0 no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.pageColorBox__memoInner::after {
  top: auto;
  left: auto;
  bottom: 18px;
  right: 0px;
  transform:rotate(180deg);
}

.pageColorBox--plus:before { content: ""; position: absolute; top: -30px; left: 50%; width: 60px; height: 60px; background-image: url("/static/jp/common/img/bg_plus01.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.pageColorBox__tit { display: inline-block; margin-bottom: 15px; padding: 0px; border-bottom: 2px solid #07b53b; font-size: 2.4rem; line-height: 1.8; font-weight: bold; color: #333; text-align: center; }

.pageColorBox__txt { margin-top: 25px; text-align: left; }

.pageColorBox__memoInner > .pageColorBox__txt:first-child {
  margin-top: 0;
}

.pageColorBox__txt--bold { font-weight: bold; }

.pageColorBox__txt--cite { margin-top: 20px; padding-left: 3.5em; text-indent: -3.5em; }

.pageColorBox__link { margin-top: 20px; text-align: left; }

.pageColorBox__link a { padding-left: 16px; position: relative; display: inline-block; color: #333; font-weight: normal; }

.pageColorBox__link a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 8px;
  height: 15px;
  background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat;background-size: contain; vertical-align: middle;
}

.shareList { margin-top: 20px; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1; }

.shareList > li { display: inline-block; margin-right: 5px; vertical-align: top; }

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

.tagBox__term { width: 6em; font-size: 1.6rem; font-weight: bold; vertical-align: top; }

.tagBox__desp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; width: 99%; font-size: 0; vertical-align: top; }

.tagBox__item { background: #f2f2f2; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 2px 5px; font-size: 1.3rem; color: #333; border-radius: 2px; vertical-align: middle; }

.movieBox { margin-top: 30px; text-align: center; }

.movieBox--small { max-width: 800px; margin-left: auto; margin-right: auto; }

.movieBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.movieBox div.movieBox__inner { position: relative; display: block; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.movieBox div.movieBox__inner:before { content: normal; }

.movieBox div.movieBox__inner:hover { opacity: 1; }

.movieBox__inner { position: relative; display: block; text-align: center; }

.movieBox__inner:hover { opacity: 0.8; }

.movieBox__inner:before { content: ""; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: url("/static/jp/common/img/ico_player01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* h1 ~ h3
*********************/
.pageH1Area { position: relative; padding: 0 40px; height: 200px; }

.pageH1Area--news { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--case { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--login { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--column { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--seminar { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--manual { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--manual--detail { background: url("/static/jp/common/img/bg_title03.jpg") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--download { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--faq { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--privacy { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--contact { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--partnerOffer { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--partner { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--service { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--ebook { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--logo { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--signup { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--entry { background: url("/static/jp/common/img/bg_index01.png") 50% 50% no-repeat; background-size: cover; }

.pageH1Area--error { background: #679bc6; background: linear-gradient(118.86716deg, #79cfa1 25.28125%, #78cea1 25.28125%, #61cbcc 50.36719%, #679bc6 74.03125%); background: linear-gradient(118.86716deg, #679bc6 25.28125%, #61cbcc 48.28125%, #78cea1 62.36719%, #79cfa1 84.03125%); }

.pageH1Area--default { background: url("/static/jp/common/img/bg_title03.jpg") 50% 50% no-repeat; background-size: cover;}

.pageH1Area--default .pageH1Area__inner { max-width: 760px; }

.pageH1Area--default .pageH1Area__inner--long{ max-width: 1200px; }

.pageH1Area--default .pageH1Area__tit { color: #fff; }

.pageH1Area--default .pageH1Area__tit:not(:only-child) { margin-bottom: 0; }

.pageH1Area--default .pageH1Area__lead { color: #333; }

.pageH1Area--default .pageH1Area__lead--research { font-size: 1.6rem; color: #ffffff; font-weight: bold; }

.pageH1Area--manual .pageH1Area__tit { margin-top: 0; }

.pageH1Area--manual .pageH1Area__tit--index{ margin-top: auto; }

.pageH1Area--default--news:not(.pageH1Area--manual--detail) .pageH1Area__tit { line-height: 3.5rem;
  font-size: 3rem; }


.pageH1Area__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; height: 100%; max-width: 1200px; margin: 0 auto; }

.pageH1Area__tit { position: relative; max-width: 1200px; width: 100%; margin-top: auto; margin-bottom: auto; font-size: 3.2rem; font-weight: bold; color: #fff; text-align: center; padding-left: 15px;}

.pageH1Area__tit--pl0 { padding-left: 0;}

.pageH1Area__tit--adsNet--sub {font-size: 1.6rem; display: block;}

.pageH1Area__bgTxt { display: none; position: absolute; top: 50%; left: 50%; width: 100%; color: #fff; font-size: 5.2rem; font-weight: bold; font-family: Arial, sans-serif; opacity: 0.25; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%); }

.pageH1Area__lead { max-width: 1200px; margin: 10px auto auto; font-size: 1.4rem; color: #fff; text-align: center; }

.pageH2Area { margin: 70px auto 35px; text-align: center; }

.pageH2Area--tit01 {
  margin: 70px auto 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 940px;
}

.pageH2Area--tit01.pageH2Area--forTplPage {
  margin: 30px auto 60px;
}

.contents__inner > .pageH2Area--tit01.pageH2Area--forTplPage:first-child {
  margin-top: 0px;
}

.contents__main > .pageH2Area--tit01.pageH2Area--forTplPage:first-child {
  margin-top: 0px;
}

.pageH2Area--tit01:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #707070;
}

.pageH2Area--tit01:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #707070;
}

.pageH2Area__tit01 {
  padding: 0 50px;
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: bold;
  color: #404040;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pageH2Area__tit01__smallTxt {
  display: block;
  font-size: 1.6rem;
}

.pageH2Area__tit01--left { 
  display: block;
  text-align: left;
  position: relative;
  padding-left: 20px;
  padding-right: 0px;
}

.pageH2Area__tit01--left::before {
  content: "";
  background: #07b53b;
  position: absolute;
  top: calc( ((2.8rem * (1.3)) - 2.8rem) / 2 );
  left: 0;
  width: 10px;
  height: 28px;
  border-radius: 0 0 12px 12px;
}

.pageH2Area__tit01--{}

.pageH2Area__tit02 { position: relative; display: block; border-bottom: 2px solid #07b53b; padding-left: 0px; font-size: 2.8rem; font-weight: bold; line-height: 1.8; color: #333; text-align: left; }

.pageH2Area__tit02--center { display: inline-block; padding: 0px; text-align: center; }

.pageH2Area__tit01--fontVR { font-family: Volte Regular; }

/*12月追加*/

div[class*="layoutBox--type"] .pageH2Area {
  display: flex;
  align-items: center;
  margin: 0px auto 20px;
  text-align: left;
}

div[class*="layoutBox--type"]  .pageH2Area__tit01 {
  position: relative;
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 15px;
  font-size: 4.8rem;
  font-weight: bold;
  color: #404040;
  text-align: left;
}

div[class*="layoutBox--type"]  .pageH2Area .pageTxtLink {
  margin: 0 0 0 auto;
}

div[class*="layoutBox--type"]  .pageH2Area__tit01:after, div[class*="layoutBox--type"]  .pageH2Area__tit01:before {
  display: none;
 }



.pageH3Area { margin: 30px auto 20px; }

.pageH2Area--tit01.pageH2Area--forTplPage + .pageH3Area { margin: -10px auto 60px; }

.pageH3Area--center { text-align: center }

.pageH3Area__tit01 { 
  color: #07b53b;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  padding-left: 24px;
}

.pageH3Area__tit01::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 4px;
  height: calc(100% - 0.8em);
  background-color: #07b53b;
}

.pageH3Area__tit02 {
  color: #07b53b;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
}

.pageH3Area__tit02--center { display: block; text-align: center; }

.pageH3Area__tit02--left {
  display: block;
  color: #404040;
  text-align: left;
}

.pageH3Area__tit02--left::before {
  content: "";
  position: absolute;
  top: -8px;
  width: 20px;
  height: 6px;
  border-radius: 8px;
  background-color: #07b53b;
}
.pageH3Area__tit04{
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.pageH3Area__tit04::before{
  content: "";
  position: absolute;
  top: 6px;
  width: 6px;
  height: 23px;
  border-radius: 8px;
  background-color: #07b53b;
}
.pageH3Area__tit04Inner {
  display: block;
  margin-left: 16px;
}

.pageH4Area { margin: 30px auto 20px; }

.pageH2Area__tit03,
.pageH4Area__tit01 { 
  color: #404040;
  font-size: 2.0rem;
  font-weight: bold;
  position: relative;
  padding-left: 19px;
}

.pageH2Area__tit03::before,
.pageH4Area__tit01::before {
  display: block;
  content: "";
  position: absolute;
  top: calc( (1em * 1.6) / 2 - 5px);
  left: 0;
  width: 9px;
  height: 9px;
  background-color: #07b53b;
}

.pageH4Area__tit02 {
  color: #404040;
  font-size: 2.0rem;
  font-weight: bold;
  position: relative;
  padding-left: 19px;
  border-bottom: 1px solid #707070;
}

.pageH4Area__tit02::before,
.pageH4Area__tit02::after {
  display: block;
  content: "";
  position: absolute;
  top: calc( (1em * 1.6) / 2 - 2px);
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #9b9b9b;
  opacity: 0.7;
}

.pageH4Area__tit02::after {
  background-color: #07b53b;
  left: 4px;
  top: calc( (1em * 1.6) / 2 - 6px);
}


@media screen and (min-width: 560px) and (max-width: 1023px) {
  .pageH1Area.pageH1Area--news,
  .pageH1Area.pageH1Area--case,
  .pageH1Area.pageH1Area--login,
  .pageH1Area.pageH1Area--column,
  .pageH1Area.pageH1Area--seminar,
  .pageH1Area.pageH1Area--manual,
  .pageH1Area.pageH1Area--manual--detail,
  .pageH1Area.pageH1Area--download,
  .pageH1Area.pageH1Area--faq,
  .pageH1Area.pageH1Area--privacy,
  .pageH1Area.pageH1Area--contact,
  .pageH1Area.pageH1Area--partnerOffer,
  .pageH1Area.pageH1Area--partner,
  .pageH1Area.pageH1Area--service,
  .pageH1Area.pageH1Area--ebook,
  .pageH1Area.pageH1Area--logo,
  .pageH1Area.pageH1Area--signup,
  .pageH1Area.pageH1Area--entry { padding: 15px 15px 15px; display: flex; align-items: center; }
  
  .pageH1Area--news { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--case { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--login { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--column { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--seminar { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--manual { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--manual--detail { background: url("/static/jp/common/img/bg_title04.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--download { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--faq { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--privacy { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--contact { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--partnerOffer { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--partner { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--service { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--ebook { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--logo { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--signup { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area--entry { background: url("/static/jp/common/img/bg_index01_tb.png") 60% 50% no-repeat; background-size: cover; }
  .pageH1Area__inner {width: 100%;}
  .pageH1Area--manual--detail .pageH1Area__inner {width: auto;}
}


@media screen and (max-width: 559px) {
  .pageH1Area.pageH1Area--news,
  .pageH1Area.pageH1Area--case,
  .pageH1Area.pageH1Area--login,
  .pageH1Area.pageH1Area--column,
  .pageH1Area.pageH1Area--seminar,
  .pageH1Area.pageH1Area--manual,
  .pageH1Area.pageH1Area--manual--detail,
  .pageH1Area.pageH1Area--download,
  .pageH1Area.pageH1Area--faq,
  .pageH1Area.pageH1Area--privacy,
  .pageH1Area.pageH1Area--contact,
  .pageH1Area.pageH1Area--partnerOffer,
  .pageH1Area.pageH1Area--partner,
  .pageH1Area.pageH1Area--service,
  .pageH1Area.pageH1Area--ebook,
  .pageH1Area.pageH1Area--logo,
  .pageH1Area.pageH1Area--signup,
  .pageH1Area.pageH1Area--entry { padding: 15px 15px 15px; display: flex; align-items: center; }
  
  .pageH1Area--news { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--case { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--login { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--column { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--seminar { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--manual { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--manual--detail { background: url("/static/jp/common/img/bg_title04.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--download { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--faq { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--privacy { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--contact { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover;}
  .pageH1Area--partnerOffer { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--partner { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--service { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--ebook { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--logo { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--signup { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }
  .pageH1Area--entry { background: url("/static/jp/common/img/bg_index01_sp.png") 67% 50% no-repeat; background-size: cover; }

}


/*12月追加*/

.layoutBox__Wrapper {
  width: 100%;
  display: flex;
  justify-content: stretch;
  align-items: center;
  position: relative;
}

.layoutBox--typeParallel02.layoutBox__Wrapper {
  flex-flow: row-reverse;
}

.layoutBox__Wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}

.layoutBox--typeParallel02.layoutBox__Wrapper:after {
  right: auto;
  left: 0;
}

.layoutBox__box {
  padding: 70px 100px 75px 0;
  width: 50%;
}

.layoutBox--typeParallel02 .layoutBox__box {
  padding: 70px 0 75px 100px;
}

.layoutBox__tit {
  position: relative;
  margin: 0 0 30px 0;
  color: #07b53b;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
}

.layoutBox__txt {
  padding: 0 0 15px 0;
  font-size: 1.6rem;
}

@media screen and (max-width: 1023px) {
  .layoutBox__Wrapper {
    flex-direction: column-reverse;
  }

  .layoutBox__Wrapper + .layoutBox__Wrapper {
    margin-top: 30px;
  }

  .layoutBox__Wrapper:after {
    display: none;
  }

  .layoutBox__txt {
    position: relative;
    font-size: 1.4rem;
  }

  .layoutBox__txt:after {
    content: "";
    display: block;
    position: relative;
    top: auto;
    right: 0;
    width: 100%;
    height: 210px;
    margin-top: 23px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
  }

  .topContents--service .layoutBox__txt:after {
    background-image: url(/static/jp/img/bg_service01.jpg);
  }
  .topContents--advertisement .layoutBox__txt:after {
    background-image: url(/static/jp/img/bg_service02.jpg);
  }
  .topContents--Promotion .layoutBox__txt:after {
    background-image: url(/static/jp/img/bg_service03.jpg);
  }

  div[class*="layoutBox--typeParallel"] .layoutBox__box {
    width: 100%;
    margin: 15px 0 15px 0;
    padding: 0px 0px 0px 0;
  }

  div.topContents--service .layoutBox__box,
  div.topContents--advertisement .layoutBox__box,
  div.topContents--Promotion .layoutBox__box {
    margin-top: 5px;
  }

  .layoutBox__tit{
    margin-bottom: 15px;
    font-size: 2.0rem;
  }


}


/* カルーセル切り替えパネル
***********************/

.contents--carouseSWlPanelList .pageH2Area,
.contents--nonCarouseSWlPanelList .pageH2Area {
  display: flex;
  align-items: center;
  margin: 0px auto 20px;
  text-align: left;
 }
 
.contents--carouseSWlPanelList .pageH2Area__tit01,
.contents--nonCarouseSWlPanelList .pageH2Area__tit01 {
  position: relative;
  display: inline-block;
  padding-left: 0px;
  font-size: 4.8rem;
  font-weight: bold;
  color: #404040;
  text-align: left;
 }
 
.contents--carouseSWlPanelList .pageH2Area .pageTxtLink,
.contents--nonCarouseSWlPanelList .pageH2Area .pageTxtLink {
  margin: 0 0 0 auto;
 }
 
.contents--carouseSWlPanelList .pageH2Area__tit01:after, .contents--carouseSWlPanelList .pageH2Area__tit01:before,
.contents--nonCarouseSWlPanelList .pageH2Area__tit01:after, .contents--nonCarouseSWlPanelList .pageH2Area__tit01:before {
  display: none;
 }
 
.contents--carouseSWlPanelList .topH2Area__titInner,
.contents--nonCarouseSWlPanelList .topH2Area__titInner {
  display: inline-block;
  margin-left: 25px;
  font-size: 2.0rem;
  font-weight: bold;
  vertical-align: middle;
 }
.casePanel__ico {
  background-color: #ffffff;
  display: inline-block;
  margin-top: 12px;
  margin-right: 5px;
  padding: 5px 8px 3px 8px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #07b53b;
 }
 
.casePanel__ico:last-child {
  margin-right: 0px;
 }
 
.carouseSWPanelList,
.nonCarouseSWPanelList {
  margin-top: 50px;
}

.carouseSWPanelList--noEvent {
  margin-top: 30px;
}
 
.carouseSWPanelList .swiper-slide,
.nonCarouseSWPanelList .swiper-slide {
  width: calc(100% / 3 - 20px);
  margin-right: 30px;
}
 
.carouseSWPanelList .pagePannel,
.nonCarouseSWPanelList .pagePannel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  background-color:transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
 }
 
.noEventsNote{
  padding: 17px 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.carouseSWPanelList .pagePannel__company, 
.nonCarouseSWPanelList .pagePannel__company {
  position: relative;
  color: #707070;
  display: table-cell;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
 }

 .carouseSWPanelList .pagePannel__company--dBlock, 
.nonCarouseSWPanelList .pagePannel__company--dBlock{
  display: block;
}
 
.carouseSWPanelList .pagePannel__company::before,
.nonCarouseSWPanelList .pagePannel__company::before {
  display: none;
 }
 
.carouseSWPanelList .pagePannel__detail,
.nonCarouseSWPanelList .pagePannel__detail {
 padding: 25px 0 0 0;
}
 
.carouseSWPanelList .pagePannel__txt,
.nonCarouseSWPanelList .pagePannel__txt {
  color: #404040;
  margin-top: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
}

.nonCarouseSWPanelList .pagePannel__txt--seminar{
  margin-top: 15px;
}

.casePanel__icoBox,
.carouseSWPanelList .casePanel__icoBox,
.nonCarouseSWPanelList .casePanel__icoBox {
  margin-top: 0px;
  padding-bottom: 1px;
  text-align: left;
}

.pagePannel--gray .casePanel__icoBox {
  padding-right: 0px;
  padding-left: 0px;
}
.pagePannel--gray.case__study__page .casePanel__icoBox {
  padding-right: 10px;
  padding-left: 10px;
}
.pagePannel--gray.case__study__page .pagePannel__detail {padding: 25px 10px 0 10px;}
.nonCarouseSWPanelList .casePanel__icoBox--column{
  margin-top: 0;
}
 
.contents--carouseSWlPanelList .whiteBtn,
.contents--nonCarouseSWlPanelList .whiteBtn {
  display: none;
}

 .casePanel__icoBox {overflow: hidden;}
 .casePanel__ttl {float: left;}
 .casePanel__icoList {display: flex;flex-wrap: wrap;}
 @media screen and (max-width: 1023px){
  .contents.contents--carouseSWlPanelList,
  .contents.contents--nonCarouseSWlPanelList {
   padding: 0 20px;
  }
 
  .contents--carouseSWlPanelList .pageH2Area .pageTxtLink,
  .contents--nonCarouseSWlPanelList .pageH2Area .pageTxtLink {
   display: none;
  }
 
  .contents--carouseSWlPanelList .contents__inner,
  .contents--nonCarouseSWlPanelList .contents__inner {
   padding: 60px 0 70px 0;
  }

  .contents--nonCarouseSWlPanelList .contents__inner {
    padding-bottom: 40px;
  }
 
  .contents--carouseSWlPanelList .pageH2Area,
  .contents--nonCarouseSWlPanelList .pageH2Area {
   margin-bottom: 30px;
  }
 
  .contents--carouseSWlPanelList .pageH2Area__tit01,
  .contents--nonCarouseSWlPanelList .pageH2Area__tit01 {
   line-height: 1.2;
   font-size: 2.7rem;
  }
 
  .contents--carouseSWlPanelList .topH2Area__titInner,
  .contents--nonCarouseSWlPanelList .topH2Area__titInner {
   display: block;
   margin-left: 0px;
   font-size: 1.2rem;
  }
 
  .carouseSWPanelList,
  .nonCarouseSWPanelList,
  .articleCarousel {
   overflow: visible;
  }

  .nonCarouseSWPanelList .swiper-wrapper{
    display: flex;
    flex-direction: column;
  }

  .nonCarouseSWPanelList .swiper-slide {
    width: 100%;
    margin-right: 0;
  }

  .nonCarouseSWPanelList .swiper-slide + .swiper-slide {
    margin-top: 30px;
  }
 
  .carouseSWPanelList .pagePannel__company,
  .nonCarouseSWPanelList .pagePannel__company {
   font-weight: normal;
   font-size: 1.4rem;
  }
  .dataNotation__desc {
    font-size: 1.4rem;
  }

  .dataNotation__def {
    font-size: 1.4rem;
  }
  .whiteBtn--borderGreen a {
   border-color: #07b53b;
  }
 
  .carouseSWPanelList .swiper-button-prev,
  .carouseSWPanelList .swiper-button-next {
   display: block;
   background: rgba(64, 64, 64, 0.65);
   width: 50px;
   height: 50px;
   top: calc(50% - 25px);
   left: -10px;
   margin-top: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   border-radius: 50%;
   z-index: 15;
  }
 
  .case__study__page.carouseSWPanelList .swiper-button-prev,
  .case__study__page.carouseSWPanelList .swiper-button-next{
  top: calc(52vw - 25px);
}

  .carouseSWPanelList .swiper-button-next {
   left: auto;
   right: -10px;
  }
 
  .carouseSWPanelList .swiper-button-prev:after,
  .carouseSWPanelList .swiper-button-next:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: calc(50% - 5px);
   left: calc(50% - 4px);
   width: 6px;
   height: 10px;
   background: url(/static/jp/common/img/ico_leftArrow02.png) 0 0 no-repeat;
   background-size: cover;
   vertical-align: middle;
  }
 
  .carouseSWPanelList .swiper-button-next:after {
   left: calc(50% - 2px);
   background-image: url("/static/jp/common/img/ico_rightArrow02.png");
  }
 
  .contents--carouseSWlPanelList .whiteBtn {
   display: block;
   margin-top: 50px;
  }
 
  .contents--carouseSWlPanelList .whiteBtn a {
   padding: 8px 30px 7px;
  }
 
}


 .dataNotation {
  display: flex;

 }

.dataNotation__def {
  margin-left: 8px;
  padding-left: 8px;
  position: relative;
 }

 .dataNotation__def::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.6em);
  left: 0px;
  width: 1px;
  height: 1.1em;
  background-color: #d0d0d0;
 }


/*12*/



/* テキストカラム
***********************/
.txtColumn2 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; }

.txtColumn2__item { width: calc(50% - 30px); margin-left: 60px; vertical-align: top; }

.txtColumn2__item:nth-of-type(2n+1) { margin-left: 0; }

.txtColumn2__item:nth-of-type(n+3) { margin-top: 60px; }

.txtColumn2__item > *:first-child { margin-top: 0; }

/* ボタンカラム
***********************/

.btnColumn2 {
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0px;
}

.btnColumn2--aboutAccount {
  margin-top: 30px;
  justify-content: center;
  align-items: stretch;

}

.btnColumn2__item { width: calc(100% / 2 - 30px); margin-left: 30px; vertical-align: top; }

.btnColumn2__item--hAlignCenter {
  width: calc(100% / 2 - 15px);
  justify-content: space-between;
}

.btnColumn2__item--hAlignCenter:only-child {
  width: auto;
}

center .btnColumn2__item { margin-top: 60px; margin-bottom: 70px; }

.btnColumn2__item:first-child { margin-left: 0; }

.btnColumn2__item > *:first-child { margin-top: 0; }

.btnColumn2--oneline a { padding: 8px 35px 8px 23px; }

@media screen and (max-width: 1023px){
  .btnColumn2--oneline a { min-width: 260px;}

  center .btnColumn2__item {
    margin-bottom: 0px;
  }

  .btnColumn2--aboutAccount{
    margin-top: 10px;
  }

  .btnColumn2__item--hAlignCenter{
    display: flex;
    justify-content: center;
    min-width: auto;
    width: 100%;
    margin-left: 0px;
  }

  .btnColumn2__item--hAlignCenter:last-child {
    margin-top: 10px;
    margin-left: 0px;
  }

  .btnColumn2__item--mgNone:first-child {
    margin-top: 0;
  }



}


.btnColumn3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; }

.btnColumn3__item { width: 260px; margin-left: calc((100% - (260px * 3)) / 2  ); vertical-align: top; }

.btnColumn3__item a { width: 100%; min-width: auto; }

.btnColumn3__item:first-child { margin-left: 0; }

.btnColumn3__item > *:first-child { margin-top: 0; }

.relatedArticle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; height: 100%; background: #fff; border: 1px solid #e0e0e0; overflow: hidden; }

.relatedArticle__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; color: #333; }

.relatedArticle__inner:hover .relatedArticle__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.relatedArticle__inner:hover * { text-decoration: underline; }

.relatedArticle__imgArea { width: 100%; max-width: 270px; overflow: hidden; }

.relatedArticle__img { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.relatedArticle__img:before { content: ""; display: block; width: 200px; padding-top: 50%; }

.relatedArticle__detail { padding: 25px; }

.relatedArticle__detail > *:first-child { margin-top: 0; }

.relatedArticle__txt { margin-top: 15px; font-weight: normal; }

.relatedArticle__txt--bold { font-weight: bold; }

.contents { padding: 0 40px; }

/*.contents + .contents { border-top: none; }*/

.contents--gray { background: #f2f2f2; }

.contents--gray--beforeFooterLink {
  margin-bottom: 65px;
}

.contents--gradation { background: #7ad3e0; background: -webkit-gradient(linear, left top, right top, from(#7ad3e0), to(#78d7be)); background: linear-gradient(to right, #7ad3e0 0%, #78d7be 100%); }

.contents--research { background-color: #07b53b;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.contents--confirm {
  border-bottom: 1px solid #d0d0d0;
}

.contents--confirm--noneBorderBt {
  border-bottom: 0px solid #d0d0d0;
}

.contents--partner { position: relative; background: url("/static/jp/common/img/bg_conversion01.png") top left no-repeat, url(/static/jp/common/img/bg_conversion02.png) bottom right no-repeat, url("/static/jp/common/img/bg_conversion03.png") bottom left no-repeat, url(/static/jp/common/img/bg_conversion04.png) top right no-repeat; background-color: #f2f2f2; background-size: auto 93%,auto 93%,contain,contain; }

.contents--bottomMenu {
  border-top: 1px solid #d0d0d0;
}

.aboutAccount + .contents--bottomMenu {
  border-top: none;
}

.contents--adsPartner + .contents--bottomMenu {
  border-top: none;
}

.contents--confirm + .contents--bottomMenu {
  border-top: none;
}

.contents__inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 70px 0; }

.contents__inner--media { padding: 108px 0 103px;}

.contents__inner--bottomMenu { padding: 60px 0 45px 0; }

.layoutBox--typeParallel .contents__inner {
  padding-bottom: 0;
}

.contents__inner > *:first-child { /*margin-top: 0;*/ }

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

.contents__inner--small { max-width: 800px; }

.contents__inner--conversion { padding: 25px 0; }

.contents__inner--research { padding: 30px 0; }

.contents__inner--partner { padding: 30px 0; }

.contents__inner--confirm { padding: 98px 0 68px 0; }

.contents__inner--FeePlan {padding-bottom: 0px;}

.contents__inner--sales {padding-bottom: 0px;}

.contents__inner--option {
  padding-bottom: 0px;
}
.contents__inner--case{
  padding-top: 46px;
}

.contents__inner--normal {  padding-bottom: 0px; }

.contents__main { float: left; max-width: 790px; width: calc(100% - 370px); }

.contents__main > *:first-child { margin-top: 0; }

.contents--topMenu .contents__main { padding: 0 20px; }

.contents--topMenu .contents__main--media { width: calc(100% - 350px); max-width: 100%; padding: 0; }

.contents__side { float: right; max-width: 330px; min-width: 330px; }

.contents__side > *:first-child { margin-top: 0; }

.sideTitArea { margin: 60px auto 30px; }

.pageH2Area.sideTitArea{ text-align: left; }

.sideTitArea__tit { position: relative; display: inline-block; padding-left: 20px; font-size: 2.0rem; font-weight: bold; color: #333; text-align: left; }

.sideTitArea__tit:after, .sideTitArea__tit:before { content: ""; position: absolute; top: 16px; width: 8px; height: 8px; border-radius: 50%; }

.sideTitArea__tit:before { left: 0; background: rgba(33, 181, 203, 0.8); }

.sideTitArea__tit:after { top: 12px; left: 4px; background: rgba(30, 189, 146, 0.8); }

.sideTitArea__titInner { display: inline-block; margin-left: 5px; font-size: 1.4rem; color: #777; }

.sideQrcode { margin-top: 30px; }

.sideQrcode__tit { font-weight: bold; }

.sideQrcode__txt { margin-top: 5px; font-size: 1.4rem; }

.sideQrcode__img { margin-top: 20px; }

.sideQrcode__btn { display: none; }

.sideBanner { margin-top: 30px; }

.sideBanner__tit { font-weight: bold; }

.sideBanner__txt { margin-top: 5px; font-size: 1.4rem; }

.sideBanner__img { margin-top: 20px; }

.sideCategory { margin-top: 30px; }

.sideCategory__item { border-bottom: 1px solid #e0e0e0; }

.sideCategory__item:first-child { margin-top: -18px; }

.sideCategory__item > a { position: relative; display: block; padding: 18px 20px 17px 10px; font-size: 1.6rem; color: #333; }

.sideCategory__item > a.is-current { color: #07b53b; font-weight: bold; }

.sideCategory__item > a.is-current:after { background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; }

.sideCategory__item.sideCategory__item--anc > a.is-current:after { background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; }

.sideCategory__item > a:hover { color: #07b53b; }

.sideCategory__item > a:hover:after { background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; }

.sideCategory__item.sideCategory__item--anc > a:hover:after { background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; }

.sideCategory__item > a:after { content: ""; position: absolute; top: 50%; right: 8px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow04.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sideCategory__item.sideCategory__item--anc > a:after { width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow05.png") 0 0 no-repeat; background-size: cover; }

.sideCategoryFaq__btn > * { margin-top: 0; }

.sideTagList { margin-top: 30px; }

.sideTagList__item { display: inline-block; background: #f2f2f2; margin-right: 2px; margin-bottom: 8px; padding: 5px 8px 4px; font-size: 1.3rem; color: #333; border-radius: 2px; }

.regulation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.regulation__right { margin-left: auto; }

.select { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; }

.select:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.select__item { padding: 8px 30px 6px; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; background: none; border: 1px solid #d0d0d0; vertical-align: middle; outline: none; width: 100%; min-width: 200px; max-width: 200px; min-height: 40px; font-size: 1.4rem; font-weight: bold; color: #333; display: block; letter-spacing: 1px; border-radius: 30px; background: transparent; cursor: pointer; }

.selectBtn > li { position: relative; display: inline-block; padding: 0 30px; font-size: 1.4rem; font-weight: bold; }

.selectBtn > li:first-child:before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 80%; background: #d0d0d0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.selectBtn > li:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 80%; background: #d0d0d0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.selectBtn > li > a { display: inline-block; color: #333; }

.selectBtn > li > a:hover { color: #07b53b; }

.selectBtn > li > a.is-current { color: #07b53b; }

.caseSelect{ display: flex; height:100%;vertical-align: middle; position: relative; cursor: pointer; }

.caseSelect:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.caseSelect__label { padding: 8px 28px 6px; margin: 0; background: none; border: 1px solid #d0d0d0; vertical-align: middle; outline: none; width: 100%; min-width: 150px; max-width: 285px; min-height: 40px; font-size: 1.4rem; font-weight: bold; color: #333; display: flex; justify-content: center; align-items: center; height: 100%; letter-spacing: 1px; border-radius: 30px; background: transparent; cursor: pointer; text-align: center;}

.caseSelect__item {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; background: none; border: none; vertical-align: middle; outline: none;  font-size: 1.4rem; font-weight: bold; color: #333; display: block; letter-spacing: 1px; background: transparent; opacity: 0; padding: 0 10px;}

.seminarSelect{ display: flex; height:100%;vertical-align: middle; position: relative; cursor: pointer; }

.seminarSelect:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.seminarSelect__label { padding: 8px 28px 6px; margin: 0; background: none; border: 1px solid #d0d0d0; vertical-align: middle; outline: none; width: 100%; min-width: 150px; max-width: 285px; min-height: 40px; font-size: 1.4rem; font-weight: bold; color: #333; display: flex; justify-content: center; align-items: center; height: 100%; letter-spacing: 1px; border-radius: 30px; background: transparent; cursor: pointer; text-align: center;}

.seminarSelect__item {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; background: none; border: none; vertical-align: middle; outline: none;  font-size: 1.4rem; font-weight: bold; color: #333; display: block; letter-spacing: 1px; background: transparent; opacity: 0; padding: 0 10px;}   


/* ranking
*******************/
.sideRanking { counter-reset: rank; }

.sideRanking__item { position: relative; margin-top: 10px; }

.sideRanking__item:before { position: absolute; top: 0; left: -12px; content: counter(rank); counter-increment: rank; background: #1ebd92; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; font-size: 1.4rem; font-weight: bold; color: #fff; border-radius: 50%; z-index: 5; }

.sideRanking__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; }

.sideRanking__inner:hover { text-decoration: underline; }

.sideRanking__inner:hover .sideRanking__thumbnail { opacity: 0.8; }

.sideRanking__thumbnail { width: 120px; min-width: 120px; height: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.sideRanking__txt { width: 100%; padding-left: 20px; font-size: 1.4rem; }

/* news
*********************/
.newsList { margin-top: 60px; min-height: 700px; width: 100%; }

.newsList__item { border-bottom: none; padding: 0; }


.newsList__item  + .newsList__item  {
  margin-top: 35px;
}

.newsBox {
  display: flex;
  align-items: flex-start;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
}


.newsBox__heading {
  display: inline-block;
  width: auto;
  min-width: 17.5em;
  font-size: 1.6rem;
  vertical-align: top;
}

.newsBox__description { display: table-cell; font-size: 1.4rem; vertical-align: middle; }

.newsBox__description > a { color: #333; display: inline-block;
  padding-left: 40px;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  z-index: 2; }

.newsBox__description > a:hover { text-decoration: underline; }

.newsBox__headingIco {
  background-color: #ffffff;
  display: inline-block;
  color: #707070;
  margin: 0 0 0 20px;
  padding: 2px 16px 2px 16px;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  width: auto;
  min-width: 10em;
  border-radius: 3px;
  text-align: center;
  background-color: transparent;
}

.newsBox__headingIco::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.6em);
  left: 0px;
  width: 1px;
  height: 1.1em;
  background-color: #d0d0d0;
}


.newsBox__headingIco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.6em);
  right: 0px;
  width: 1px;
  height: 1.1em;
  background-color: #d0d0d0;
}

.newsBox__headingIco--gray { /*background: #999999;*/ }

.newsBox__headingIco--yellow { /*background: #febd15;*/ }

.newsBox__headingIco--black { /*background: #111111;*/ }

/* 事例
*********************/
.recommendCase { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; }

.recommendCase__item { width: 630px; margin-left: 30px; }


.recommendCase__item:first-child { margin-left: 0; width: 540px; }

.casePannel {   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  background-color:transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden; }

.casePannel__inner { display: block; width: 100%; color: #333; }

.casePannel__inner:hover .casePannel__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.casePannel__imgArea { max-height: 360px; overflow: hidden; }

.casePannel__img { display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.casePannel__img:before { content: ""; display: block; padding-top: 67%; }

.casePannel__detail { padding: 25px 0 0 0; }

.casePannel__detail > *:first-child { margin-top: 0; }

.casePannel__tit { position: relative; display: table-cell; padding-left: 12px; font-size: 1.6rem; font-weight: bold; text-align: left; vertical-align: middle; }

.casePannel__tit:before { content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow03.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-62%); transform: translateY(-62%); }

.casePannel__txt { margin-top: 10px; font-size: 1.6rem; text-align: left; }

.casePannel2 { margin-top: 30px; border: 1px solid #e0e0e0; height: calc(50% - 15px); background: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 2px -2px #f2f2f2; box-shadow: 0 4px 2px -2px #f2f2f2; overflow: hidden; }

.casePannel2:first-of-type { margin-top: 0; }

.casePannel2__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; color: #333; }

.casePannel2__inner:hover .casePannel2__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.casePannel2__imgArea { max-height: 360px; overflow: hidden; }

.casePannel2__img { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.casePannel2__img:before { content: ""; display: block; width: 360px; padding-top: 67%; }

.casePannel2__detail { max-width: 270px; padding: 20px 30px; }

.casePannel2__detail > *:first-child { margin-top: 0; }

.casePannel2__tit { position: relative; padding-left: 12px; font-size: 1.6rem; font-weight: bold; text-align: left; }

.casePannel2__tit:before { content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow03.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-62%); transform: translateY(-62%); }

.casePannel2__txt { margin-top: 10px; font-size: 1.6rem; text-align: left; }

.pagePannel { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  background-color:transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
 }
.pagePannel.pagePannel--gray {
  padding-bottom: 0px;
}
.pagePannel.pagePannel--gray.case__study__page {
  background-color: #f9f9f9;
  padding-bottom: 10px;
}
.pagePannel__inner { display: block; width: 100%; color: #333; font-weight: normal; }

.pagePannel__inner:hover { text-decoration: none; }

.pagePannel__inner:hover .pagePannel__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.pagePannel__inner:hover .pagePannel__tit { text-decoration: underline; }

.pagePannel__inner:hover .pagePannel__company { text-decoration: underline; }

.pagePannel__inner:hover .pagePannel__txt { text-decoration: underline; }

.pagePannel__imgArea { max-height: 250px; overflow: hidden; }

.pagePannel__img { display: block; max-height: 250px; background-image: url("/static/jp/common/img/bg_pannel01.jpg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.pagePannel__img:before { content: ""; display: block; padding-top: 67%; }

.pagePannel__detail { padding: 25px 0 0 0; }

.pagePannel--gray .pagePannel__detail { padding: 25px 0 0 0; }
.pagePannel--gray.case__study__page .pagePannel__detail { padding: 25px 10px 0 10px; }

.pagePannel__detail > *:first-child { margin-top: 0; }

.pagePannel__info { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pagePannel__time { color: #404040;
  margin-top: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left; }

.pagePannel__time{
  color: #707070;
  font-weight: normal;
}

.pagePannel__label { display: inline-block; min-width: 50px; font-size: 1.2rem; line-height: 1; padding: 6px 7px 5px 7px; background: #07b53b; border-radius: 0px; color: #fff; font-weight: bold; text-align: center; }

a:hover .pagePannel__label  {text-decoration-color: #07b53b; text-decoration-line: underline;}

.pagePannel__label--close { background: #393939 !important; color: #fff !important; }
a:hover .pagePannel__label--close  {text-decoration-color: #393939; text-decoration-line: underline;}

.pagePannel__label--end { background: #dddddd !important; color: #999999 !important; }
a:hover .pagePannel__label--end  {text-decoration-color: #dddddd; text-decoration-line: underline;}

.pagePannel__label--coming { border: 1px solid #07b53b; padding: 5px 7px 5px 7px; background: #ffffff !important; color: #07b53b !important; }

.pagePannel__tit { position: relative; margin-top: 10px; font-size: 1.6rem; font-weight: bold; text-align: left; vertical-align: middle; }

.pagePannel__tit--seminar{margin-top: 5px; font-size: 1.6rem;}

.pagePannel__tit--column{margin-top: 5px; font-size: 1.6rem;}

.pagePannel__txt {
  color: #404040;
  margin-top: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
}

.pagePannel--seminar .pagePannel__label { min-width: 80px; background: #febd15; color: #333; }

.pagePannel--seminar .pagePannel__txt { font-size: 1.4rem; color: #999999; }

div.pagePannel__txt {
  margin-top: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #999999;
}


.pagePannel__company { 
  position: relative;
  color: #707070;
  padding-left: 0px;
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.pagePannel__company:before { display: none; }

.columnList { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.columnList__item { width: calc(50% - 15px); margin-left: 30px; vertical-align: top; }

.columnList__item:nth-of-type(2n + 1) { margin-left: 0; }

.columnList__item:nth-of-type(n + 3) { margin-top: 30px; }


.selectList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; }

.selectList__item { padding-left: 40px; background: url("/static/jp/common/img/ico_and01.png") 13px 50% no-repeat; background-size: 12px 12px; }

.selectList__item:first-child { padding-left: 0; background: none; }

.relationList { margin-top: 60px; }

.relationList .swiper-slide { width: calc(100% / 3 - 20px); margin-right: 30px; }

.relationList .swiper-slide:last-child { margin-right: 0; }

.relationList .swiper-button-next { display: none; background: #3ac6c8; width: 40px; height: 40px; right: 5px; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; z-index: 15; }

.relationList .swiper-button-next:before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 6px; background: url("/static/jp/common/img/ico_slideArrow02.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.relationList .swiper-button-next:hover:before { -webkit-transform: translate(-38%, -50%); transform: translate(-38%, -50%); }

.relationList .swiper-button-prev { display: none; background: #3ac6c8; width: 40px; height: 40px; left: 5px; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; z-index: 15; }

.relationList .swiper-button-prev:before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 6px; background: url("/static/jp/common/img/ico_slideArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.relationList .swiper-button-prev:hover:before { -webkit-transform: translate(-62%, -50%); transform: translate(-62%, -50%); }

@media screen and (max-width: 1023px) { .relationList { margin-top: 30px; }
  .relationList .swiper-button-next { display: block; }
  .relationList .swiper-button-prev { display: block; } }

.caseList { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.caseList__item { width: calc(100% / 3 - 21px); margin-left: 30px; vertical-align: top; }

.caseList__item:nth-of-type(3n + 1) { margin-left: 0; }

.caseList__item:nth-of-type(n + 4) { margin-top: 30px; }


.seminarList { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.seminarList__item { width: calc(100% / 3 - 21px); margin-left: 30px; vertical-align: top; }

.seminarList__item:nth-of-type(3n + 1) { margin-left: 0; }

.seminarList__item:nth-of-type(n + 4) { margin-top: 30px; }


.controlBox { 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; border: 1px solid #e0e0e0; padding: 30px 50px; margin-top: 30px; border-radius: 5px; }

.controlBox__item { margin-left: 30px; }

.controlBox__item:first-child { margin-left: 0; }

.controlBox__item > *:first-child { margin-top: 0; }

.controlBox__tit { position: relative; display: inline-block; padding-left: 15px; margin-left: -15px; font-size: 2.2rem; font-weight: bold; color: #333; text-align: left; }

.controlBox__tit:after, .controlBox__tit:before { content: ""; position: absolute; top: 0; width: 8px; height: 5px; border-radius: 8px; }

.controlBox__tit:before { left: 0; background: rgba(33, 181, 203, 0.8); }

.controlBox__tit:after { left: 5px; background: rgba(30, 189, 146, 0.8); }

.controlBox__txt { margin-top: 10px; font-size: 1.6rem; }

.controlBox__txt--bold { font-weight: bold; }

.controlBox__link { margin-top: 10px; }

.controlBox__link > a { position: relative; display: inline-block; color: #111111; font-weight: bold; }

.controlBox__link > a:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-60%); transform: translateY(-60%); }

.controlBox__linkArrow01 { padding-right: 20px; margin-right: 5px; }

.controlBox__linkArrow01:after { content: ""; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; }

.controlBox__linkBlank01 { padding-right: 20px; margin-right: 5px; }

.controlBox__linkBlank01:after { content: ""; display: inline-block; margin-left: 5px; width: 12px; height: 12px; background: url("/static/jp/common/img/ico_blank01.png") 0 0 no-repeat; background-size: contain; }

::-ms-expand { /* select要素のデザインを無効にする（IE用） */ display: none; }

.faqBox__tit { position: relative; border-bottom: 1px solid #d0d0d0; padding-bottom: 50px; padding-left: 70px; font-size: 2.8rem; font-weight: bold; }

.faqBox__tit:before { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 50px; background: url("/static/jp/faq/img/ico_faq01.png") 0 0 no-repeat; background-size: cover; }

.faqBox__detail { position: relative; margin-top: 40px; padding-left: 70px; }

.faqBox__detail:before { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 50px; background: url("/static/jp/faq/img/ico_faq02.png") 0 0 no-repeat; background-size: cover; }

.faqBox__detail > *:first-child { margin-top: 0; }

.faqBox__txt { margin-top: 30px; }

.faqBox__txt--bold { font-weight: bold; }

.faqList { margin-top: 30px; }

.faqList__item { border-bottom: 1px solid #d0d0d0; }

.faqList__item:first-child { border-top: 1px solid #d0d0d0; }

.faqList__item a { position: relative; display: block; padding: 20px 20px 20px 40px; font-weight: bold; color: #333; }

.faqList__item a:before { content: ""; position: absolute; top: 22px; left: 5px; width: 24px; height: 25px; background: url("/static/jp/faq/img/ico_faq01.png") 0 0 no-repeat; background-size: cover; }

.faqList__item a:after { content: ""; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.faqList__item:hover { text-decoration: underline; }

.faqMoreBtn { margin-top: 30px; text-align: center; }

.faqMoreBtn a { display: inline-block; border: 1px solid #07b53b; background: #fff; padding: 10px 20px 9px; min-width: 200px; font-size: 1.3rem; font-weight: bold; color: #07b53b; border-radius: 50px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.faqMoreBtn a span { display: block; }

.faqMoreBtn a span:after { content: ""; display: inline-block; margin-left: 10px; margin-right: -10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.faqMoreBtn a:hover { background: #07b53b; color: #fff; }

.faqMoreBtn a:hover span:after { background-image: url("/static/jp/common/img/ico_rightArrow02.png"); }

.articleCarousel { position: relative; }

.articleCarousel__inner { position: relative; overflow: hidden; display: block; color: #fff; }

.articleCarousel__inner:hover .articleCarousel__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.articleCarousel__img { padding-top: 80%; background-position: top center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.articleCarousel__img:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 -13em 8em -8em rgba(34, 56, 76, 0.6) inset; box-shadow: 0 -13em 8em -8em rgba(34, 56, 76, 0.6) inset; z-index: 6; }

.articleCarousel__txt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 20px; line-height: 1.4; font-weight: bold; z-index: 7; }

.articleCarousel .swiper-button-prev,
.articleCarousel .swiper-button-next {
  background-color: rgba(64, 64, 64, 0.65);
  width: 60px;
  height: 60px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: 15;
}

.articleCarousel .swiper-button-prev {
  left: 30px;
  margin-top: 0;
  border-radius: 50%;
  z-index: 15;
}

.articleCarousel .swiper-button-prev:before,
.articleCarousel .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 19px;
  width: 21px;
  height: 37px;
  background: url(/static/jp/img/ico_slideArrow01.png) 0 0 no-repeat;
  background-size: cover;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.articleCarousel .swiper-button-next {
  right: 30px;
  margin-top: 0;
  border-radius: 50%;
  z-index: 15;
}

.articleCarousel .swiper-button-next:before {
  background-image: url(/static/jp/img/ico_slideArrow02.png);
}



.seminarMainArea { background: #f5f5f5; }

.seminarMainArea__inner { max-width: 1200px; margin: 0 auto; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden;}

.seminarMainArea__imgArea { width: 510px; overflow: hidden; }

.seminarMainArea__img { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }

.seminarMainArea__img:before { content: ""; display: block; padding-top: 67%; }

.seminarMainArea__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  max-width:  730px;
  padding: 0 0 0 30px;

}

.seminarMainArea__detail > *:first-child { margin-top: 0; }

.seminarMainArea__detail > *:last-child {
  padding-top: 20px;
  margin-top: auto;
}

.seminarMainArea__label { display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  padding: 6px 7px 5px 7px;
  background: #07b53b;
  border-radius: 0px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  float: none;
 }

.seminarMainArea__label--close { background: #393939 !important; color: #ffffff !important; }

.seminarMainArea__label--end { background: #dddddd !important; color: #999999 !important; }

.seminarMainArea__label--coming { border: 1px solid #07b53b;
  padding: 5px 7px 5px 7px;
  background: #ffffff !important;
  color: #07b53b !important;
}

.seminarMainArea__tit { margin-top: 12px; font-size: 3rem; font-weight: bold; }

.seminarMainArea__data { margin-top: 5px; }

.seminarMainArea__data dt { clear: both; float: left; font-weight: bold; }

.seminarMainArea__data dd { margin-bottom: 5px; overflow: hidden; }

.seminarMainArea__data dd:last-child { margin-bottom: 0; }

.seminarMainArea__tagArea { font-size: 0; }

.seminarMainArea__tags { display: inline-block; margin-top: 10px; margin-right: 10px; font-size: 1.4rem; }

.newsMainArea { background: #f5f5f5; }

.newsMainArea__inner { max-width: 1200px; margin: 0 auto; padding: 5px 0 20px; }

.newsMainArea__inner > *:first-child { margin-top: 0; }

.newsMainArea__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.newsMainArea__label { display: inline-block; min-width: 100px; color: #707070; padding: 2px 5px; text-align: center; }

.newsMainArea__label::before{
  content: "|";
  padding: 0 18px;
}

.newsMainArea__time { margin-left: 15px; color: #404040; font-weight: bold; }

.newsMainArea__tit { margin-top: 20px; font-size: 2.8rem; font-weight: bold; text-align: center; }

.manualMainArea { margin-top: 15px; background: #eff4f9; }

.manualMainArea__inner { max-width: 1020px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 15px 0; min-height: 160px; overflow: hidden; }

.manualMainArea__info { font-size: 1.4rem; font-weight: bold; color: #ffffff; z-index: 1; padding: 0 15px; position: absolute; top: 45px;}

.manualMainArea__tit { margin: 10px 0 15px; font-size: 2.8rem; font-weight: bold; text-align: center; }

.columnMainArea { background: #f5f5f5; }

.columnMainArea__inner { max-width: 1200px; margin: 0 auto; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; }

.columnMainArea__imgArea { width: 510px; overflow: hidden; }

.columnMainArea__img { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }

.columnMainArea__img:before { content: ""; display: block; width: 360px; padding-top: 67%; }

.columnMainArea__detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; max-width: 690px; width: 100%; padding: 0 0 0 30px; }

.columnMainArea__detail > *:first-child { margin-top: 0; }

.columnMainArea__detail > *:last-child {
  margin-top: auto;
}
.columnMainArea__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.columnMainArea__label { display: inline-block;
  font-size: 1.3rem;
  line-height: 1;
  padding: 6px 18px 5px 18px;
  background: #07b53b;
  border-radius: 0px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.columnMainArea__time { margin-left: 15px; font-size: 1.4rem; color: #999999; }

.columnMainArea__tit { margin-top: 20px; font-size: 2.8rem; font-weight: bold; }

.columnMainArea__titSubArea { margin: 30px auto 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.columnMainArea__titSubArea--firstTit {
  margin-top: 0;
}

.columnMainArea__titSub { position: relative; font-size: 2.4rem; font-weight: bold; color: #333; text-align: left; }

.columnMainArea__titSub:before {content: ""; position: absolute; top: 5px; width: 6px; height: 23px; border-radius: 8px; background-color: #07b53b;}

.columnMainArea__titSub:after { left: 5px; background: rgba(30, 189, 146, 0.8); }

.columnMainArea__titSubInner{
  margin-left: 16px;
}

.partnerArea { background: #f5f5f5; }

.partnerArea__inner { max-width: 1200px; margin: 0 auto; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; }

.partnerArea__imgArea { width: 510px; overflow: hidden; }

.partnerArea__img { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }

.partnerArea__img:before { content: ""; display: block; width: 360px; padding-top: 67%; }

.partnerArea__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  max-width:  730px;
  width: 100%;
  padding: 0 0 0 30px;
}

.partnerArea__detail > *:first-child { margin-top: 0; }

.partnerArea__detail > *:nth-last-child(2) { margin-bottom: auto; }

.partnerArea__titArea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
  color: #333;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 15px;
}

.partnerArea__tit { 
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  text-align: left;
}

.partnerArea__tit:before {
  content: "";
  position: absolute;
  top: 5px;
  width: 6px;
  height: 23px;
  border-radius: 8px;
  background-color: #07b53b;
}

.partnerArea__titInner{
  margin-left: 16px;
}

.partnerArea__logo { border: 1px solid #e0e0e0; background: #fff; width: 140px; min-width: 140px; height: 70px; text-align: center; }

.partnerArea__logo > img { height: 100%; }

.partnerArea__labelBox { margin-top: 3px;}

.partnerArea__label{
  display: inline-block;
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 5px;
  padding: 5px 8px 3px 8px;
  color: #07b53b;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.partnerArea__label:last-child {
  margin-right: 0;
}

.partnerArea__txt { margin-top: 15px; font-size: 1.4rem; }

.partnerArea__companyLink{
  margin-top: 10px;
  font-size: 1.4rem;
}

.caseMainArea { background: #f5f5f5; }

.caseMainArea__inner { max-width: 1200px; margin: 0 auto; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; }

.caseMainArea__imgArea { width: 510px; overflow: hidden; }

.caseMainArea__img { display: block;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain; }

.caseMainArea__img:before { content: ""; display: block; width: 360px; padding-top: 67%; }

.caseMainArea__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  max-width:  690px;
  width: 100%;
  padding: 0 0 0 30px;
}

.caseMainArea__detail > *:first-child { margin-top: 0; }

.caseMainArea__detail > *:last-child { margin-top: auto; padding-top: 20px; }

.caseMainArea__tit { font-size: 3rem; font-weight: bold; }

.caseMainArea__titSubArea { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.caseMainArea__titSub { position: relative; font-size: 2.4rem; font-weight: bold; color: #333; text-align: left; }

.caseMainArea__titSub:before {content: ""; position: absolute; top: 6px; width: 6px; height: 23px; border-radius: 8px; background-color: #07b53b;}

.caseMainArea__titSub:after { left: 5px; background: rgba(30, 189, 146, 0.8); }

.caseMainArea__titSubInner{
  margin-left: 16px;
}

.caseMainArea__logo { border: 1px solid #e0e0e0; background: #fff; width: 140px; min-width: 140px; height: 70px; padding: 10px; text-align: center; }

.caseMainArea__logo > img { height: 100%; }

.caseMainArea__txt { margin-top: 30px; font-size: 1.4rem; }

.caseMainArea__detail .pageTxtLink{
  margin-top: 15px;
}

.caseMainArea__tagArea { font-size: 0; }

.caseMainArea__tags { display: inline-block; margin-top: 10px; margin-right: 10px; font-size: 1.4rem; }

.process { position: relative; margin-top: 40px; border: 0px solid #cccccc; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.process::before{
  display: none;
  content: "";
  width: 29px;
  height: 17px;
  position: absolute;
  background: url(/static/jp/common/img/ico_bottomArrow06.png) no-repeat;
  z-index: 1;
  top: -36px;
  left: 52px;
}
.process--goal::before{
  content: none;
}

.process--result{
  margin-bottom: 60px;
}

.process__tit { 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; margin: 0 27px; padding: 6px 24px 6px 24px; background: #07b53b; width: auto; font-size: 2.2rem; font-weight: bold; color: #fff; border-radius: 5px; }

.process__detail { margin: 10px 0; border-left: 1px solid #e5e5e5; padding: 12px 24px; width: calc(100% - 146px);}

.process__detail > *:first-child { margin-top: 0; }

.example { background: #eff4f9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; padding: 20px; border-radius: 5px; }

.example__tit { font-size: 2.4rem; font-weight: bold; text-align: center; }

.example__detail { width: calc(100% - 200px); }

.example__img { width: 180px; }

.example__box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; background: #fff; padding: 40px 20px 20px; border-radius: 5px; }

.example__boxTit { position: absolute; top: -20px; left: 50%; background: #07b53b; padding: 7px 20px 5px; width: 75%; font-size: 1.8rem; font-weight: bold; color: #fff; text-align: center; border-radius: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.example__boxDetail { width: calc(100% - 135px); }

.example__boxImg { border: 1px solid #e0e0e0; width: 110px; }

.example__link { margin-top: 10px; font-weight: bold; }

.example__link > a { position: relative; display: inline-block; padding-right: 20px; margin-right: 15px; color: #333; font-weight: bold; }

.example__link > a:after { content: ""; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-60%); transform: translateY(-60%); width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; }

.example__btn { display: none; }

.partnerPannel { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; background: #fff; border: 1px solid #e0e0e0; border-radius: 5px; -webkit-box-shadow: 0 4px 2px -2px #f2f2f2; box-shadow: 0 4px 2px -2px #f2f2f2; overflow: hidden; }

.partnerPannel__inner { display: block; width: 100%; color: #333; }

.partnerPannel__detail { padding: 20px; text-align: center; }

.partnerPannel__detail > *:first-child { margin-top: 0; }

.partnerPannel__tit { position: relative; margin-top: 10px; font-size: 1.6rem; font-weight: bold; vertical-align: middle; }

.partnerPannel__txt { margin-top: 10px; font-size: 1.4rem; }

.partnerPannel__btn { margin-top: 20px; text-align: center; }

.partnerPannel__btn a { display: inline-block; border: 1px solid #d0d0d0; background: #fff; padding: 10px 30px 9px; min-width: 200px; font-size: 1.3rem; font-weight: bold; color: #333; border-radius: 50px; text-align: center; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.partnerPannel__btn a:hover { color: #07b53b; }

.partnerPannel__icoArrow01:after { content: ""; display: inline-block; margin-left: 10px; margin-right: -10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; vertical-align: baseline; }

.partnerPannel__icoBlank01:after { content: ""; display: inline-block; margin-left: 10px; margin-right: -10px; width: 12px; height: 13px; background: url("/static/jp/common/img/ico_blank01.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.researchPannel { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; background: #fff; border: 1px solid #e0e0e0; border-radius: 5px; -webkit-box-shadow: 0 4px 2px -2px #f2f2f2; box-shadow: 0 4px 2px -2px #f2f2f2; overflow: hidden; }

.researchPannel__inner { display: block; width: 100%; color: #333; font-weight: normal; }

.researchPannel__inner:hover .researchPannel__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.researchPannel__imgArea { max-height: 250px; overflow: hidden; }

.researchPannel__img { display: block; background-image: url("/static/jp/common/img/bg_pannel01.jpg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.researchPannel__img:before { content: ""; display: block; padding-top: 67%; }

.researchPannel__detail { padding: 20px; }

.researchPannel__detail > *:first-child { margin-top: 0; }

.researchPannel__info { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.researchPannel__time { font-size: 1.4rem; color: #999999; }

.researchPannel__label { display: inline-block; min-width: 50px; font-size: 1.3rem; padding: 2px 5px; border-radius: 2px; color: #fff; background: #febd15; color: #333; font-weight: bold; text-align: center; }

.researchPannel__tit { position: relative; margin-top: 10px; font-size: 1.6rem; font-weight: bold; text-align: left; vertical-align: middle; }

.researchPannel__txt { margin-top: 10px; font-size: 1.4rem; text-align: left; }

.servicePolicy { text-align: center; }

.servicePolicy__tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2.2rem; font-weight: bold; }

.servicePolicy__titInner { display: inline-block; padding: 0 5px; border-bottom: 3px solid #1ebd92; }

.servicePolicy__ico { position: relative; display: block; width: 100%; margin-top: 30px; padding-top: 150px; font-size: 1.4rem; font-weight: bold; background-repeat: no-repeat; background-position: top center; background-size: 120px 120px; }

.servicePolicy__ico--type01 { background-image: url("/static/jp/service/line-sales-promotion/img/ico_index01.png"); }

.servicePolicy__ico--type02 { background-image: url("/static/jp/service/line-sales-promotion/img/ico_index02.png"); }

.servicePolicy__ico--type03 { background-image: url("/static/jp/service/line-sales-promotion/img/ico_index03.png"); }

.servicePolicy__ico--type04 {background-image: url("/static/jp/service/line-sales-promotion/img/ico_index07.png"); }

.servicePolicy__ico--typeNone { padding-top: 0; }

.servicePolicy__list { margin-top: 10px; display: inline-block; max-width: 290px; }

.servicePolicy__listItem { position: relative; margin-top: 5px; padding-left: 1em; text-align: left; }

.servicePolicy__listItem:first-child { margin-top: 0; }

.servicePolicy__listItem:before { content: "・"; position: absolute; left: 0; }

.voiceTxt { margin-top: 30px; font-size: 2.2rem; font-weight: bold; text-align: center; }

.voiceTxt__inner { position: relative; display: inline-block; padding: 0 30px; }

.voiceTxt__inner:before { content: ""; background: url("/static/jp/common/img/img_voice_left01.png") no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; width: 16px; height: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.voiceTxt__inner:after { content: ""; background: url("/static/jp/common/img/img_voice_right01.png") no-repeat center; background-size: contain; position: absolute; right: 0; top: 50%; width: 16px; height: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.researchCourseFuction { width: 95%; margin: 60px auto 0; border: 1px solid #1ebd92; border-radius: 3px; overflow: hidden; }

.researchCourseFuction__inner { padding: 30px; }

.researchCourseFuction__tit { margin-bottom: 35px; font-size: 2.2rem; font-weight: bold; text-align: center; }

.researchCourseFuction__titInner { display: inline-block; padding: 0 5px; border-bottom: 3px solid #1ebd92; }

.researchCourseFuction__txt { margin-top: 15px; }

.researchCourseFuction__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }

.researchCourseFuction__item dt { margin-top: 15px; width: 100px; padding: 2px 0.5em; background: #1ebd92; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; }

.researchCourseFuction__item dd { margin-top: 15px; padding: 2px 0; margin-left: 20px; width: calc(100% - 120px); }

.researchCourseFuction__price { background: #eff4f9; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.researchCourseFuction__priceTxt { color: #1ebd92; font-size: 2.8rem; font-weight: bold; }

.researchCourseFuction__priceTxt span { font-size: 1.6rem; }

.researchCourseFuction__notes > li { position: relative; font-size: 1.4rem; padding-left: 1.2em; }

.researchCourseFuction__notes > li:before { content: "※"; position: absolute; left: 0; }

.researchCourseBtn { margin-top: 30px; text-align: center; }

.researchCourseBtn + .researchCourseBtn { margin-top: 20px; }

.researchCourseBtn a { position: relative;
  display: inline-block;
  background: #fff;
  border: 2px solid #404040;
  padding: 9px 35px 8px 35px;
  color: #111;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
  width: 360px; }

  .researchCourseBtn a:hover {
    color: #07b53b;
    border-color: #d0d0d0;
    text-decoration: none; 
  }

.researchCourseBtn__aroow01:after { content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(/static/jp/common/img/ico_rightArrow06.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle; }

.researchCourseBtn a:hover .researchCourseBtn__aroow01:after {
    background-image: url(/static/jp/common/img/ico_rightArrow01.png);
}
.conversionBtn { margin-top: 30px; text-align: center; }

.conversionBtn > a { display: inline-block; padding: 15px 30px; min-width: 360px; background: #1ebd92; border: 1px solid #1ebd92; color: #fff; font-weight: bold; text-align: center; border-radius: 30px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.conversionBtn > a:hover { background: #fff; color: #1ebd92; text-decoration: none; }

.conversionBtn > a:hover .conversionBtn__arrow01:after { background-image: url("/static/jp/common/img/ico_rightArrow01.png"); }

.conversionBtn__arrow01:after { content: ""; display: inline-block; margin-left: 15px; margin-right: -15px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: baseline; }

.researchContact { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.researchContact__btn { margin-left: 30px; }

.researchContact__btn > a { display: block; border: 1px solid #1ebd92; padding: 15px 30px; min-width: 360px; background: #1ebd92; color: #fff; font-weight: bold; text-align: center; border-radius: 30px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.researchContact__btn > a:hover { background: #fff; color: #1ebd92; text-decoration: none; }

.researchContact__btn > a > span:after { content: ""; display: inline-block; margin-left: 10px; margin-right: -10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.researchContact__btn > a:hover > span:after { background-image: url("/static/jp/common/img/ico_rightArrow01.png"); }

.researchContact__btn:first-child { margin-left: 0; }

.confirm_btn { margin-top: 30px; text-align: center; }

.confirm_btn > a { 
  display: inline-block;
  padding: 8px 30px 7px;
  min-width: 260px;
  background: #707070;
  border: 1px solid #707070;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: color 0.4s , background-color 0.4s;
  transition: color 0.4s , background-color 0.4s;
}

.confirm_btn > a:hover { background: #fff; color: #1ebd92; text-decoration: none; }

.confirm_btn > a:hover .confirm_btn__arrow01:after { background-image: url("/static/jp/common/img/ico_rightArrow01.png"); }

.confirm_btn__arrow01:after { content: ""; display: inline-block; margin-left: 15px; margin-right: -15px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: baseline; }



.information { margin-top: 60px; }

.information > *:first-child { margin-top: 0; }

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

.information__bnrItem { position: relative; margin-left: 40px; border-radius: 5px; 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; max-width: 580px; width: 100%; overflow: hidden; }

.information__bnrItem--seminar:after { content: ""; background: url("/static/jp/common/img/bg_infomation01.png") 0 0 no-repeat; background-size: cover; }

.information__bnrItem--download:after { content: ""; background: url("/static/jp/common/img/bg_infomation02.png") 0 0 no-repeat; background-size: cover; }

.information__bnrItem:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; }

.information__bnrItem:hover:after { -webkit-transform: scale(1.05); transform: scale(1.05); }

.information__bnrItem a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 3.6rem; font-weight: bold; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11.5% 10%; width: 100%; height: 100%; background: url("/static/jp/common/img/ico_arrow01.png") 95% 80% no-repeat; background-size: 30px 11px; z-index: 2; }

.information__bnrItem:first-child { margin-left: 0; }

.information__bnrTxt { padding-left: 15px; font-size: 1.6rem; }

.information__bnrIco { position: relative; padding-left: 15px; }

.information__bnrIco:after, .information__bnrIco:before { content: ""; position: absolute; top: 0; width: 8px; height: 5px; border-radius: 8px; }

.information__bnrIco:before { left: 0; background: rgba(33, 181, 203, 0.8); }

.information__bnrIco:after { left: 5px; background: rgba(30, 189, 146, 0.8); }

.information__list { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.information__listBox { margin-left: 30px; padding: 30px 2%; width: calc(100% / 3 - 20px); background: #fff; text-align: center; border-radius: 5px; }

.information__listBox:first-of-type { margin-left: 0; }

.information__ico { position: relative; display: block; padding-top: 143px; }

.information__ico:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 126px; height: 126px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.information__ico--type01:before { background: url("/static/jp/common/img/ico_info01.png") 0 0 no-repeat; }

.information__ico--type02:before { background: url("/static/jp/common/img/ico_info02.png") 0 0 no-repeat; }

.information__ico--type03:before { background: url("/static/jp/common/img/ico_info03.png") 0 0 no-repeat; }

.information__tit { font-size: 1.6rem; font-weight: bold; }

.information__txt { margin-top: 15px; }

.information__btn { margin-top: 20px; text-align: center; }

.information__btn > a { position: relative; display: inline-block; background: #fff; border: 1px solid #d0d0d0; padding: 10px 15%; color: #111; font-size: 1.3rem; font-weight: bold; text-align: center; border-radius: 30px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.information__btn > a:hover { color: #06c405; }

.information__btn > a > span:after { content: ""; display: inline-block; margin-left: 10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.information__btn > a.information__icoBlank01 > span:after { margin-left: 5px; width: 12px; height: 12px; background: url("/static/jp/common/img/ico_blank01.png") 0 0 no-repeat; background-size: contain; }

.partnerTable { margin-top: 30px; width: 100%; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; }

.partnerTable td, .partnerTable th { background: #fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px; font-size: 1.4rem; text-align: left; font-weight: normal; }

.partnerTable thead th { background: #b3b3b3; color: #fff; font-weight: bold; }

.partnerTable__middle { vertical-align: middle !important; }

.partnerTable__center { text-align: center !important; }

.partnerTable__right { text-align: right !important; }

.priceTable { position: relative; margin-top: 30px; }

.priceTable__item { width: 100%; }

.priceTable__item thead th { border-top: 1px solid #e0e0e0; }

.priceTable__item td, .priceTable__item th { background: #fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px 5px; width: 72px; font-size: 1.2rem; text-align: center; }

.priceTable__item th { background: #b3b3b3; color: #fff; }

.priceTable__item--fixed { border-left: 1px solid #e0e0e0; }

.priceTable__notes { margin-top: 10px; font-size: 1.4rem; }

.priceTable__notes--right { float: right; }

.seminarTable { margin: 30px 0 60px; border: 1px solid #e0e0e0; border-bottom: none; width: 100%; table-layout: fixed; }

.seminarTable td, .seminarTable th { border-bottom: 1px solid #e0e0e0; padding: 20px; }

.seminarTable th { background: #f2f2f2; width: 180px; font-weight: bold; text-align: center; vertical-align: middle; }

.seminarTable__day { display: inline-block; margin-right: 1em; }

.seminarTable__time { display: inline-block; }

.seminarTable__startTime { display: block; }

.seminarTable__startPeriod { display: inline-block; }

.seminarTable__endPeriod { display: inline-block; }

.seminarTable__map { position: relative; margin-top: 20px; padding: 200px 0; height: 0; overflow: hidden; }

.seminarTable__map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.manualLinkList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.manualLinkList__btn { width: calc(25% - 15px); margin-left: 20px; }

.manualLinkList__btn:nth-of-type(4n + 1) { margin-left: 0; }

.manualLinkList__btn:nth-of-type(n + 5) { margin-top: 20px; }

.manualLinkList__btn > a { position: relative; 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; background: #f2f2f2; padding: 12px 25px 11px; height: 100%; color: #333; font-size: 1.6rem; font-weight: bold; text-align: center; border-radius: 150px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.manualLinkList__btn > a:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.manualLinkList__btn > a:hover { color: #07b53b; }

.manualBox { margin-top: 60px; border: 1px solid #e0e0e0; overflow: hidden; }

.manualBox__tit { display: block; background: #07b53b; padding: 15px 15px 12px; font-size: 2.6rem; font-weight: bold; color: #fff; text-align: center; }

.manualBox__inner { padding: 40px 30px; }

.manualBox__inner > *:first-child { margin-top: 0; }

.downloadLinkList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.downloadLinkList__btn { width: calc(25% - 15px); margin-left: 20px; }

.downloadLinkList__btn:nth-of-type(4n + 1) { margin-left: 0; }

.downloadLinkList__btn:nth-of-type(n + 5) { margin-top: 20px; }

.downloadLinkList__btn > a { position: relative; 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; background: #f2f2f2; padding: 12px 25px 11px; height: 100%; color: #333; font-size: 1.6rem; font-weight: bold; text-align: center; border-radius: 150px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.downloadLinkList__btn > a:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.downloadLinkList__btn > a:hover { color: #07b53b; }

.downloadBox { margin-top: 60px; border: 1px solid #e0e0e0; overflow: hidden; }

.downloadBox__tit { display: block;
  background: #07b53b;
  padding: 15px 15px 12px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: block;
}

.downloadBox__inner { padding: 40px 30px; }

.downloadBox__inner > *:first-child { margin-top: 0; }

.modal { display: none; }

.modalContents { position: relative; margin: auto; max-width: 700px; background: #fff; padding: 40px 35px; border-radius: 4px; }

.modalPartnerWord__tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modalPartnerWord__titInner { display: block; font-size: 2.2rem; font-weight: bold; color: #21b5ca; background: -webkit-linear-gradient(0deg, #21b5ca, #1ebd92); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.modalPartnerWord__titNum { display: block; margin-right: 30px; line-height: 1; font-size: 8.2rem; font-weight: bold; font-family: Arial; color: #21b5ca; background: -webkit-linear-gradient(0deg, #21b5ca, #1ebd92); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }



@media screen and (max-width: 1023px) { .topicpath { display: none; }
  .contents { padding: 0 20px; }
  
  .contents--gray--beforeFooterLink {
    margin-bottom: 0px;
  }
  .contents--research { background-size: 81px 85px,81px 85px,131px 137px,131px 137px; }
  .contents--adsDistribution { padding: 0;}
  .contents__inner { max-width: 800px; margin: auto; padding: 30px 0; }
  .contents--confirm .contents__inner { padding: 48px 0 45px 0; }
  .contents__inner--confirm {padding: 30px 0;}
  .contents__main { float: none; width: 100%; max-width: 100%; }
  .contents__inner--topMenu .contents__main { float: none; width: 100%; max-width: 100%; }
  .contents__inner--topMenu .contents__main > *:first-child { margin-top: 70px; }
  .contents--topMenu .contents__main--media { padding: 0 20px; }
  .contents__side { float: none; margin-top: 40px; width: 100%; max-width: inherit; min-width: inherit; }
  .contents__side--spTopsideCategory .sideCategory{ background: #707070; }
  .contents__main + .contents__side { margin-top: 90px; }
  .contents__inner--topMenu .contents__main + .contents__side { margin-top: 0; }
  .contents--gradation { padding-top: 30px; padding-bottom: 30px;}
  .pageMoreBtn { margin-top: 60px; margin-bottom: 20px; }
  .pageMoreBtn a {
    min-width: 220px;
    font-size: 1.4rem;
    padding: 9px 37px 8px;
  }
  .mainH1Area { background: none; height: inherit; padding: 0 15px 15px; border-bottom: 1px solid #f2f2f2; }
  .mainH1Area:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 16vw 16vw 0 0; border-color: #21b4cb transparent transparent transparent; }
  .mainH1Area:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 16vw 16vw 0; border-color: transparent #1ebd93 transparent transparent; }
  .mainH1Area__tit { margin-top: 25px; }
  .mainH1Area__titInner { margin: 0 auto 20px; }
  .mainH1Area__tit img { width: 50%; min-width: 200px; }
  .mainH1Area__txt { text-align: left; }
  .mainH1Area__txt > br { display: none; }
  .pageH1Area { padding: 60px 15px 15px; min-height: 140px; height: inherit;}
  .pageH1Area--default { background-image: url("/static/jp/common/img/bg_title04.png"); background-size: cover; padding: 40px; height: inherit; display: flex; align-items: center;}
  .pageH1Area--default .pageH1Area__lead--research { font-size: 1.4rem; }
  .pageH1Area--default--news{
    padding: 40px 20px;
  }
  .pageH1Area__tit { margin-top: auto !important; font-size: 2.4rem; padding-left: 0px; text-align: center; }
  .pageH1Area--default--news:not(.pageH1Area--manual--detail) .pageH1Area__tit { font-size: 2.4rem; line-height: 1.6; }
  .pageH1Area__bgTxt { font-size: 4.0rem; line-height: 1.2; }
  .pageH1Area__lead { font-size: 1.2rem; }

  .pageH2Area {
    margin: 30px auto 50px;
  }
  .pageH2Area.pageH2Area--forTplPage {
    margin: 60px auto 50px;
  }
  .pageH2Area--mtMedium{
    margin-top: 50px;
  }
  
  .pageH2Area--tit01 {
    position: relative;
    display: block;
    align-items: center;
    width: auto;
    font-size: 2.4rem;
   }

  .pageH2Area--tit01:before{
    background-color: #707070;
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .pageH2Area--tit01:after {
    background-color: #707070;
    display: block;
    width: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .pageH2Area--tit01--medium{
    padding: 0;
  }

/*12*/

div[class*="layoutBox--type"] .pageH2Area .pageTxtLink {
  display: none;
 }

 div[class*="layoutBox--type"] .contents__inner {
  padding: 60px 0 60px 0;
 }

 div.layoutBox--typeParallel > .contents__inner{
  padding-top: 40px;
 }

 div[class*="layoutBox--type"] .pageH2Area {
  margin-bottom: 5px;
 }

 div[class*="layoutBox--type"] .pageH2Area__tit01 {
  font-size: 2.7rem;
  line-height: 1.2;
 }

 div[class*="layoutBox--type"] .topH2Area__titInner {
  display: block;
  margin-left: 0px;
  font-size: 1.2rem;
  font-weight: bold;
 }

/*12*/


  .pageH2Area__tit01 {

    color: #404040;

    line-height: 1.5;
    padding: 0 25px;
    position: relative;
    flex: auto;

  }

  .pageH2Area--tit01 .pageH2Area__tit01 {
    display: block;
    font-size: 2.0rem;
    padding: 0 25px;
    min-width: 175px;
    z-index: 2;
  }

  .pageH2Area--tit01 .pageH2Area__tit01__txt {
    display: inline-block;
    background-color: #ffffff;
    padding: 0 25px;
    width: auto;
  }


  .contents--gray .pageH2Area--tit01 .pageH2Area__tit01__txt {
    background-color: #f2f2f2;
  }

  .pageH2Area__tit01--left {
    padding-left: 13px;
    padding-right: 0px;
    font-size: 2.0rem;
  }

  .pageH2Area__tit01--left::before {
    width: 8px;
    height: 20px;
    top: calc( ((2.0rem * (1.5 - 0.2)) - 2.0rem) / 2 );
  }

  .pageH2Area__tit02 { font-size: 2.0rem; }
  .pageH3Area { margin: 30px auto; }
  .pageH2Area--tit01.pageH2Area--forTplPage + .pageH3Area { margin: -10px auto 50px; }
  .pageH3Area__tit01 {
    text-align: left;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .pageH3Area__tit01:before{
    top: 0.2em;
    height: calc(100% - 0.5em);
  }

  .pageH3Area__tit02 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .pageH3Area__tit02--left {
    text-align: left;
  }

  .pageH3Area__tit02--left::before {
    top: -6px;
    width: 15px;
    height: 5px;
    border-radius: 12px;
  }
  .pageH3Area__tit04{
    font-size: 1.8rem;
  }
  .pageH3Area__tit04::before{
    top: 4px;
    height: 18px;
  }

  .pageH2Area__tit03,
  .pageH4Area__tit01 {
    padding-left: 14px;
    font-size: 1.6rem;
  }

  .pageH2Area__tit03::before,
  .pageH4Area__tit01::before {
    top: calc( (1em * 1.5) / 2 - 5px);
  }

  .pageH4Area__tit02 {
    padding-left: 14px;
    font-size: 1.6rem;
  }

  .pageH4Area__tit02::before,
  .pageH4Area__tit02::after {
    display: block;
    content: "";
    position: absolute;
    top: calc( (1em * 1.6) / 2 - 1px);
    width: 6px;
    height: 6px;
  }
  
  .pageH4Area__tit02::after {
    background-color: #07b53b;
    left: 4px;
    top: calc( (1em * 1.6) / 2 - 4px);
  }


  /* テキスト */
  .pageTxt { position: relative; line-height: 1.8; margin-top: 15px; }
  .pageTxt--red { color: #c80000; }
  .pageTxt--center { text-align: center; }
  .pageTxt--center--spLeft { text-align: left; }
  .pageTxtList__item.pageTxt--center--spLeft { text-align: left; }
  .pageTxt--bold { font-weight: bold; }
  .pageTxt--voice { font-weight: bold; }
  .pageTxt--voice:before { content: ""; position: absolute; top: 0; left: -10px; width: 1px; height: 100%; background: #333; }

  .pageH2Area--tit01.pageH2Area--forTplPage + .pageTxt {
    margin-top: initial;
    margin-bottom: 50px;
  }

  .pageTxtList { margin-top: 15px; counter-reset: num; }
  .pageTxtList--mSmall { margin-top: 15px; }
  .pageTxtList__item { position: relative; margin-top: 15px; padding-left: 1em; text-align: left; }
  .pageTxtList__item:before { content: "・"; position: absolute; left: 0; }
  .pageTxtList__item--notes { font-size: 1.2rem; padding-left: 1.2em; margin-top: 5px; }
  :not(li).pageTxtList__item--notes {margin-top: 15px; padding-left: 0px; }
  :not(li).pageTxtList__item--notes.pageTxtList__item--notes.pageTxt--center--spLeft { padding-left: 1.2rem; position: relative; }
  .pageTxtList__item--notes:before { content: "※"; }
  .pageTxtList__item--notes.pageTxt--center--spLeft:before { position: absolute; left: 0; }
  .pageTxtList__item--num { counter-increment: num; padding-left: 2.2em; }
  .pageTxtList__item--num:before { content: counter(num) "."; }
  .pageTxtList__item--notesNum { counter-increment: num; font-size: 1.2rem; padding-left: 2.2em; margin-top: 5px; }
  .pageTxtList__item--notesNum:before { content: "※" counter(num); }
  .pageTxtList__item--notesNoneNum:before { content: "※"; }
  .pageTxtList__item:first-child { margin-top: 0; }
  .pageTxtList__item .pageTxtList { margin-top: 15px; }
  .pageTxtList__item--inFlowColumnSet { margin-top: 15px; font-size: 1.3rem; }
  .txtColumn2 { display: block; margin-top: 30px; }
  .txtColumn2__item { width: 100%; margin-left: 0; }
  .txtColumn2__item:nth-of-type(n + 2) { margin-top: 30px; }
  .defaultBtn { margin-top: 30px; }
  .defaultBtn a { min-width: 220px; width: auto; font-size: 1.4rem; }

  .defaultBtn--orange a {
    width: auto;
  }

  .printBtn { display: none; }
  .btnColumn3 { display: block; margin-top: 30px; }
  .btnColumn3__item { width: 100%; margin-left: 0; }
  .btnColumn3__item:nth-of-type(n+2) { margin-top: 30px; }
  .backBtn, .contents__inner > .backBtn:first-child { margin-top: 60px; margin-bottom: 20px; }
  .backBtn--mtMedium{margin-top: 60px;}
  .backBtn a {  min-width: 220px;
    font-size: 1.4rem; }
  .whiteBtn { margin-top: 30px; }
  .whiteBtn a { font-size: 1.4rem; min-width: 220px; }
  .whiteBtn--medium a { min-width: auto; }
  .orangeBtn { margin-top: 30px; }
  .orangeBtn a { font-size: 1.4rem; min-width: 220px; }

  .pageColumn1 { margin-top: 30px; }
  .pageColumn1--shortMT { margin-top: 0px; }
  .pageColumn1__txt { font-size: 1.4rem; }
  .pageColumn2 { margin-top: 30px; }
  .pageColumn2__txt { font-size: 1.4rem; }
  .pageColumn2__box { width: 100%; margin-left: 0; }
  .pageColumn2__box:nth-of-type(n + 2) { margin-top: 30px; }
  .pageColumn3 { margin-top: 30px; display: block; }
  .pageColumn3--small .pageColumn3__item { width: 100%; margin-left: 0; }
  .pageColumn3--large .pageColumn3__item { margin-left: 0; }
  .pageColumn3__item { width: 100%; margin-top: 30px; margin-left: 0; }
  .pageColumn1__img {align-items: baseline;}
  .pageColumn1Txt { margin-top: 30px; }
  .pageColumn1Txt__img { float: none; width: 100%; max-width: 100%; margin: 0 0 20px; text-align: center; }
  .pageColumn1Txt__txt { font-size: 1.4rem; }
  .pageBorderBox { margin-top: 30px; padding: 15px; }
  .pageBorderBox--small { padding: 10px; }
  .pageBorderBox--mtMedium{ margin-top: 50px;}
  .pageBorderBox__tit { font-size: 1.8rem; line-height: 1.5; }
  .pageBorderBox__txt { margin-top: 15px; }
  .pageColorBox { margin-top: 30px; padding: 20px 15px; }
  .pageColorBox--plus { margin-top: 40px; padding: 30px 20px 20px; }
  .pageColorBox--memo {
     padding: 0 14px 15px 14px;
   }

   .pageColorBox__memoInner {
     padding: 30px 0px;
   }

   .pageColorBox__memoInner::before,
   .pageColorBox__memoInner::after {
     top: 10px;
     left: -5px;
     width: 18px;
     height: 14px;
   }
   
   .pageColorBox__memoInner::after {
     top: auto;
     left: auto;
     bottom: 10px;
     right: -5px;
   }

  .pageColorBox__link {
    margin-top: 10px;
    font-size: 1.4rem;
  }

  .pageColorBox__tit + .pageColorBox__link {
    margin-top: 5px;
  }
   
  .pageColorBox__tit { font-size: 1.8rem; }
  .pageColorBox__txt { margin-top: 10px; }
  .relatedArticle__inner {
     display: flex;
     align-items: stretch;
     width: 100%;
  }
  .relatedArticle__detail {
    padding: 12px 14px;
    width: 59.7%;
  }
  .relatedArticle__imgArea { width: 40.3%; }
  .newsList { margin-top: 30px; }
  .newsList__item { padding: 0; }
  .newsList__item + .newsList__item {
    margin-top: 25px;
  }
  .tagBox__term { width: 8em; font-size: 1.4rem; }
  .newsBox { flex-wrap: wrap;
    flex-direction: column; }
  .newsBox__heading { display: block; }
  .newsBox__description { display: block; margin-top: 20px; font-size: 1.4rem; }
  .newsBox__description > a {
    padding-left: 0px;
    font-size: 1.6rem;
  }
  .select__item { min-width: auto; max-width: 100%; padding: 8px 30px 6px 20px; font-size: 1.4rem; }
  .regulation .select:not(.regulation__right ) .select__item { width: 120px; }
  .linkColumn3 { display: block; }
  .linkColumn3__item { width: 100%; margin-left: 0; }
  .selectList { display: block; margin-top: 30px; }
  .selectList__item { padding-left: 0; padding-top: 40px; background-position: 50% 13px; text-align: center; }
  .selectList__item > .select { width: 80%; }
  .selectList__item:first-child { padding-top: 0; background: none; }
  .caseSelect {display: block;}
  .caseSelect__label { display:block;max-width: 100%;width: 100%!important;}
  .seminarSelect {display: block;}
  .seminarSelect__label { display:block;max-width: 100%;width: 100%!important;}
  .caseList { display: block; margin-top: 30px; }
  .caseList__item { width: 100%; margin-left: 0; }
  .caseList__item:nth-of-type(n + 2) { margin-top: 30px; }
  .seminarList { display: block; margin-top: 30px; }
  .seminarList__item { width: 100%; margin-left: 0; }
  .seminarList__item:nth-of-type(n + 2) { margin-top: 30px; }
  .controlBox { display: block; padding: 30px; }
  .controlBox__item { margin-left: 0; }
  .controlBox__item:nth-of-type(n+2) { margin-top: 30px; }
  .controlBox__tit { font-size: 1.8rem; }
  .controlBox__txt { font-size: 1.4rem; }
  .recommendCase { display: block; margin-top: 30px; }
  .recommendCase__item { width: 100%; margin-left: 0; margin-top: 30px; }
  .recommendCase__item:first-child { margin-top: 0; width: 100%; }
  .partnerPannel__img img { width: 100%; }
  .partnerPannel__detail { padding: 15px; }
  .partnerPannel__tit { font-size: 1.4rem; }
  .partnerPannel__txt { font-size: 1.2rem; }
  .partnerPannel__btn a { max-width: 600px; width: 100%; margin: 0 auto; font-size: 1.1rem; }
  .casePannel__detail { padding: 15px; }
  .casePannel__imgArea { max-height: inherit; }
  .casePannel__tit { font-size: 1.4rem; }
  .casePannel__txt { font-size: 1.4rem; }
  .casePannel2__detail { padding: 15px; }
  .casePannel2__tit { font-size: 1.4rem; }
  .casePannel2__txt { font-size: 1.4rem; }
  .pagePannel--gray .casePanel__icoBox {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pagePannel.pagePannel--gray {
    background-color: #f9f9f9;
    padding-bottom: 10px;
  }
  .pagePannel__detail { padding: 25px 0 0 0; }
  .pagePannel--gray .pagePannel__detail { padding: 25px 10px 0 10px; }
  .pagePannel__company { font-weight: normal; font-size: 1.4rem; }
  .pagePannel__imgArea { max-height: inherit; }
  .pagePannel__img { max-height: inherit; }
  .pagePannel__tit { font-size: 1.6rem; }
  .pagePannel__txt { font-size: 1.6rem; }
  div.pagePannel__txt { font-size: 1.2rem; }
  .carouseSWPanelList .pagePannel__txt { font-size: 1.6rem; }
  .pagePannel__time { font-size: 1.4rem; }
  .pagePannel__label { font-size: 1.2rem; padding: 6px 7px 5px 7px; }
  .pagePannel--seminar .pagePannel__txt { font-size: 1.2rem; }
  .example { display: block; }
  .example__tit { font-size: 1.8rem; }
  .example__detail { width: 100%; }
  .example__box { display: none; }
  .example__img { margin-top: 15px; width: 100%; text-align: center; }
  .example__btn { display: block; text-align: center; max-width: 150px; margin: 15px auto 0; }
  .newsMainArea { margin-top: 0; }
  .newsMainArea__inner { padding: 15px; }
  .newsMainArea__tit { font-size: 2.0rem; }
  .partnerArea { margin-top: 0; }
  .partnerArea__inner { display: block; padding: 0; }
  .partnerArea__imgArea { width: 100%; }
  .partnerArea__detail { display: block; max-width: 100%; padding: 25px 15px; }
  .partnerArea__titArea { margin-top: 15px; }
  .partnerArea__logo { width: 68px; min-width: 68px; height: 33px; padding: 0; }
  .partnerArea__logoImg{vertical-align: inherit;}
  .partnerArea__tit { font-size: 2.0rem; }
  .partnerArea__companyLink{margin-top: 5px;}
  .caseMainArea { margin-top: 0; }
  .caseMainArea__inner { display: block; padding: 0; }
  .caseMainArea__img{ background-size: cover; }
  .caseMainArea__imgArea { width: 100%; }
  .caseMainArea__detail { max-width: 100%; padding: 15px; }
  .caseMainArea__tit { font-size: 2.0rem; }
  .contents__side--spTop .caseMainArea__titSub{ width: 100%; padding-right: 20px; }
  .caseMainArea__titSubArea { margin-top: 15px; }
  .caseMainArea__titSub:before{top: 2px;}
  .contents__side--spTop .caseMainArea__titSub:before { top: calc(50% - 9px); background: url(/static/jp/common/img/ico_menu01.png); background-size: cover; width: 17px; height: 13px; border-radius: 0; }
  .contents__side--spTop .caseMainArea__titSub:after { content: ""; position: absolute; top: calc(50% - 10px); right: 0; left: inherit; background: url(/static/jp/common/img/ico_accordion_open01.png); background-size: cover; width: 16px; height: 16px; margin-right: 20px; }
  .contents__side--spTop.is-open .caseMainArea__titSub:after { content: ""; position: absolute; top: calc(50% - 3px); right: 0; left: inherit; background: url(/static/jp/common/img/ico_accordion_close01.png); background-size: cover; width: 16px; height: 2px; margin-right: 20px; }
  .contents__side--spTop .columnMainArea__titSubInner { margin-left: 30px; }
  .caseMainArea__logo { width: 69px; min-width: 69px; height: 34px; margin-top: 6px; padding: 6px; }
  .caseMainArea__titSub { font-size: 1.8rem; }
  .contents__side--spTop  .caseMainArea__titSub { padding: 20px; }
  .caseMainArea__tags { font-size: 1.2rem; }
  .caseMainArea__txt { margin: 20px 13px 0 0; font-size: 1.2rem; }
  .caseMainArea__detail .pageTxtLink{
    margin-top: 0;
  }
  .process { margin-top: 30px; padding: 0; display: flex;
    flex-direction: column; }
  .process::before{
    content: none;
  }
  .process--result{
    margin-bottom: 60px;
  }
  .process__tit { display: inline-block; margin: 0 auto; padding: 3px 28px 2px 28px; width: auto; height: auto; font-size: 1.6rem; text-align: center; }
  .process__detail { width: 100%; margin: 15px 0 0 0; border: 1px solid #e5e5e5; padding: 15px 14px 15px 14px; }
  .seminarMainArea { margin-top: 0; }
  .seminarMainArea__inner { display: block; padding: 0; }
  .seminarMainArea__imgArea { width: 100%; }
  .seminarMainArea__detail { padding: 15px; max-width: 100%; }
  .seminarMainArea__tit { font-size: 2.0rem; }
  .seminarMainArea__tags { font-size: 1.2rem; }
  .manualMainArea { margin-top: 0; }
  .manualMainArea__inner { display: block; padding: 15px 15px 0; min-height: 110px; }
  .manualMainArea__info { position: static; font-size: 1.2rem; padding: 0;}
  .manualMainArea__tit { font-size: 2.0rem; }
  .columnMainArea { margin-top: 0; }
  .columnMainArea__inner { display: block; padding: 0; }
  .columnMainArea__imgArea { width: 100%; }
  .columnMainArea__detail { padding: 30px 20px; max-width: 100%; }
  .columnMainArea__detail > *:last-child { margin-top: 20px; }
  .columnMainArea__tit { font-size: 2.0rem; }
  .columnMainArea__titSubArea { margin: 30px auto; }
  .columnMainArea__titSubArea--firstTit { margin-top: 30px; }
  .contents__side--spTop .columnMainArea__titSubArea--firstTit { background: #f1f1f1; margin: 0; }
  .columnMainArea__titSub:before{top: 1px;}
  .columnMainArea__titSub { font-size: 1.8rem; }
  .sideTitArea { margin: 30px auto 20px; }
  .contents__side--spTop .sideTitArea { margin: 0; }
  .sideTitArea__tit { font-size: 1.6rem; }
  .sideTitArea__titInner { font-size: 1.2rem; }
  .sideQrcode { margin-top: 15px; }
  .sideQrcode__tit { font-weight: bold; }
  .sideQrcode__txt { margin-top: 5px; font-size: 1.2rem; }
  .sideQrcode__img { display: none; }
  .sideQrcode__btn { display: block; margin-top: 15px; text-align: center; }
  .sideBanner { margin-top: 15px; }
  .sideBanner__tit { font-weight: bold; }
  .sideBanner__txt { margin-top: 5px; font-size: 1.2rem; }
  .sideBanner__img { display: none; }
  .sideBanner__btn { display: block; margin-top: 15px; text-align: center; }
  .contents__side--spTop .is-spAccordionMenu { display: none; }
  .contents__side--spTop.is-open .is-spAccordionMenu{ display: block; }
  .contents__side--spTop .sideCategory{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #707070; margin-top: 0; }
  .contents__side--spTop .sideCategory__item { border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; width: 50%;}
  .contents__side--spTop .sideCategory__item:first-child{ margin-top: 0; }
  .contents__side--spTop .sideCategory__item:nth-child(2n) { border-right: none; }
  .sideCategory__item > a { padding: 14px 20px 13px 10px; font-size: 1.4rem; }
  .contents__side--spTop .sideCategory__item.sideCategory__item--anc > a:after{ background: url(/static/jp/common/img/ico_bottomArrow02.png) 0 0 no-repeat; background-size: cover; }
  .contents__side--spTop .sideCategory__item > a { color: #fdfdfd; }
  .contents__side--spTop .sideCategory__closeBtn { text-align: center; }
  .contents__side--spTop .sideCategory__closeBtnArea { background: #707070; margin: 0 auto; padding: 15px 0 ; }
  .contents__side--spTop .sideCategory__closeBtn button{ min-width: 220px; font-size: 1.4rem; padding: 9px 37px 8px; display: inline-block; border: 2px solid #fff; background: #707070; position: relative; line-height: 1.5; font-weight: bold; color: #fff; border-radius: 50px; transition: color 0.4s , background-color 0.4s; }
  .contents__side--spTop .sideCategory__closeBtnArrow01::after{ content: ""; position: absolute; top: calc(50% - 4px); right: 17px; width: 6px; height: 10px; background: url(/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover;}
  .sideRanking__txt { font-size: 1.2rem; }
  .sideTagList { margin-top: 15px; }
  .sideTagList__item { font-size: 1.1rem; }
  .sideTwitter iframe { width: 1023px !important; }
  .columnList { margin-top: 30px; }

  .columnList__item { width: 100%; margin-left: 0; }
  .columnList__item:nth-of-type(n+2) { margin-top: 30px; }

  .articleCarousel .swiper-button-prev,.articleCarousel .swiper-button-next{
    display: block;
    background: rgba(64, 64, 64, 0.65);
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: -10px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 15;
  }

  .articleCarousel .swiper-button-next{
    left: auto;
    right: -10px;
  }

  .articleCarousel .swiper-button-prev:before,.articleCarousel .swiper-button-next:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 4px);
    width: 6px;
    height: 10px;
    background: url(/static/jp/common/img/ico_leftArrow02.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: middle;
  }

  .articleCarousel .swiper-button-prev:before {
    background-image: url(/static/jp/common/img/ico_leftArrow02.png);
  }
  .articleCarousel .swiper-button-next:before {
    background-image: url(/static/jp/common/img/ico_rightArrow02.png);
  }

  .seminarTable td, .seminarTable th { display: block; width: 100%; padding: 15px; }
  .seminarTable__map { padding: 160px 0; }
  .faqBox__tit { padding-top: 6px; padding-bottom: 20px; font-size: 2.0rem; }
  .faqBox__detail { margin-top: 20px; }
  .faqBox__txt { margin-top: 15px; }
  .faqMoreBtn { margin-top: 20px; }
  .faqMoreBtn a { font-size: 1.2rem; }
  .sideCategoryFaq { margin-top: 30px; border: 1px solid #e0e0e0; border-bottom: none; }
  .sideCategoryFaq__btn { position: relative; border-bottom: 1px solid #e0e0e0; padding: 14px 28px 13px 10px; cursor: pointer; }
  .sideCategoryFaq__btn > * { margin: 0; }
  .sideCategoryFaq__btn:after, .sideCategoryFaq__btn:before { display: block; content: ""; background: #e0e0e0; position: absolute; width: 16px; height: 2px; top: 50%; right: 10px; left: inherit; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .sideCategoryFaq__btn:before { width: 2px; height: 16px; right: 17px; }
  .sideCategoryFaq__btn.is-open:before { content: normal; }
  .sideCategoryFaq__item { display: none; margin-top: 18px; }
  .sideCategoryFaq__item > *:first-child { margin-top: 0; }
  .manualLinkList__btn { width: calc(50% - 8px); margin-left: 15px; }
  .manualLinkList__btn > a { padding: 12px 25px 11px 15px; font-size: 1.2rem; }
  .manualLinkList__btn > a:after { right: 10px; }
  .manualLinkList__btn:nth-of-type(4n + 1) { margin-left: 15px; }
  .manualLinkList__btn:nth-of-type(2n + 1) { margin-left: 0; }
  .manualLinkList__btn:nth-of-type(n + 3) { margin-top: 15px; }
  .manualBox { margin-top: 30px; }
  .manualBox__tit { padding: 15px; font-size: 2.4rem; }
  .manualBox__inner { padding: 20px 14px; }
  .manualList { display: block; }
  .manualList > * { margin-left: 0; width: 100%; }
  .manualList > *:nth-of-type(n+2) { margin-top: 20px; }
  .downloadLinkList__btn { width: calc(50% - 8px); margin-left: 15px; }
  .downloadLinkList__btn > a { padding: 12px 25px 11px 15px; font-size: 1.2rem; }
  .downloadLinkList__btn > a:after { right: 10px; }
  .downloadLinkList__btn:nth-of-type(4n + 1) { margin-left: 15px; }
  .downloadLinkList__btn:nth-of-type(2n + 1) { margin-left: 0; }
  .downloadLinkList__btn:nth-of-type(n + 3) { margin-top: 15px; }
  .downloadBox { margin-top: 30px; }
  .downloadBox__tit { padding: 15px; font-size: 2.4rem; }
  .downloadBox__inner { padding: 30px; }
  .information { margin-top: 30px; }
  .information__bnr { display: block; }
  .information__bnrItem { margin-left: 0; margin-top: 20px; max-width: 100%; }
  .information__bnrItem > a { padding: 10.5% 5%; font-size: 2.4rem; }
  .information__bnrItem:first-child { margin-top: 0; }
  .information__bnrTxt { font-size: 1.4rem; }
  .information__list { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .information__listBox { text-align: left; }
  .information__ico { padding-top: 0; padding-left: 125px; min-height: 110px; }
  .information__ico:before { background-size: cover; width: 110px; height: 110px; left: 0; -webkit-transform: none; transform: none; }
  .information__listBox { width: 100%; margin-left: 0; margin-top: 15px; padding: 30px 15px; }
  .information__listBox:first-of-type { margin-top: 0; }
  .researchContact { display: block; }
  .researchContact__btn { margin-left: 0; margin-top: 20px; }
  .researchContact__btn > a { width: 100%; max-width: 600px; margin: 0 auto; min-width: auto; }
  .researchContact__btn:first-child { margin-top: 0; }
  .researchCourseFuction { margin-top: 30px; width: 100%; }
  .researchCourseFuction__inner { padding: 15px; }
  .researchCourseFuction__tit { margin-bottom: 25px; font-size: 1.8rem; }
  .researchCourseFuction__item dt { width: 90px; }
  .researchCourseFuction__item dd { margin-left: 10px; width: calc(100% - 100px); }
  .researchCourseFuction__price { padding: 15px; }
  .researchCourseFuction__priceTxt { font-size: 2.4rem; }
  .researchCourseFuction__notes > li { font-size: 1.2rem; }
  .researchCourseBtn { margin-top: 15px; }
  .researchCourseBtn + .researchCourseBtn { margin-top: 15px; }
  .researchCourseBtn > a { width: auto; max-width: 600px; min-width: auto; font-size: 1.4rem; }
  .partnerTable { margin-top: 20px; }
  .partnerTable td, .partnerTable th { font-size: 1.2rem; }
  .priceTable { margin-top: 20px; }
  .priceTable__inner { margin-left: 72px; padding-bottom: 1px; overflow: auto; }
  .priceTable__item { width: 100%; display: block; }
  .priceTable__item tr { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .priceTable__item--fixed { position: absolute; left: 0; }
  .priceTable__notes { font-size: 1.2rem; }
  .modalContents { padding: 20px; max-width: 560px; }
  .modalPartnerWord__tit { display: block; }
  .modalPartnerWord__titInner { margin-top: 10px; text-align: center; }
  .modalPartnerWord__titNum { margin-right: 0; font-size: 6.2rem; } }


  

/*パートナー*/
.partnerBtnColumn3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 60px auto 0; max-width: 900px; }

.partnerBtnColumn3__item { width: calc(100% / 3 - 15px); margin-left: 30px; vertical-align: top; }

.partnerBtnColumn3__item:first-child { margin-left: 0; }

.partnerBtnColumn3__item > *:first-child { margin-top: 0; }

.partnerBtnColumn3__btn a { position: relative; display: block; border: 1px solid #f2f2f2; background: #f2f2f2; padding: 12px 40px 11px; font-size: 1.6rem; font-weight: bold; color: #333; text-align: center; border-radius: 50px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.partnerBtnColumn3__btn a:hover { color: #07b53b; }

.partnerBtnColumn3__btn a:after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url("/static/jp/common/img/ico_bottomArrow01.png") 0 0 no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.partnerColumn3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 40px auto 0; }

.partnerColumn3__item { width: calc(100% / 3 - 15px); margin-left: 30px; vertical-align: top; }

.partnerColumn3__item:first-child { margin-left: 0; }

.partnerColumn3__item > *:first-child { margin-top: 0; }

.partnerColumn3__ico { position: relative; display: block; padding-top: 220px; font-weight: bold; }

.partnerColumn3__ico:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 200px; height: 200px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.partnerColumn3__ico--type01:before { background: url("/static/jp/partner-offer/img/ico_index01.png") 0 0 no-repeat; background-size: contain; }

.partnerColumn3__ico--type02:before { background: url("/static/jp/partner-offer/img/ico_index02.png") 0 0 no-repeat; background-size: contain; }

.partnerColumn3__ico--type03:before { background: url("/static/jp/partner-offer/img/ico_index03.png") 0 0 no-repeat; background-size: contain; }

@media screen and (max-width: 1023px) { .conversionBtn > a { min-width: inherit; max-width: 600px; width: 100%; }
  .partnerBtnColumn3__item { width: calc(50% - 8px); margin-left: 15px; }
  .partnerBtnColumn3__item:nth-child(2n+1) { margin-left: 0; }
  .partnerBtnColumn3__item:nth-child(n+3) { margin-top: 20px; }
  .partnerBtnColumn3__btn a { padding: 12px 20px 11px; font-size: 1.4rem; }
  .partnerColumn3 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px auto 0; }
  .partnerColumn3__item { width: calc(50% - 8px); margin-left: 15px; }
  .partnerColumn3__item:nth-child(2n+1) { margin-left: 0; }
  .partnerColumn3__item:nth-child(n+3) { margin-top: 20px; }
  .partnerColumn3__ico { padding-top: 86%; }
  .partnerColumn3__ico:before { width: 80%; height: 100%; } }

.howToUseList__item { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.howToUseList__item:first-child { margin-top: 0; }

.howToUseList__item:before { content: ""; display: inline-block; width: 180px; height: 180px; }

.howToUseList__item--lite01:before { background: url("/static/jp/service/line-research/lite/img/ico_index01.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__item--lite02:before { background: url("/static/jp/service/line-research/lite/img/ico_index02.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__item--lite03:before { background: url("/static/jp/service/line-research/lite/img/ico_index03.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__item--support01:before { background: url("/static/jp/service/line-research/support/img/ico_index01.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__item--support02:before { background: url("/static/jp/service/line-research/support/img/ico_index02.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__item--support03:before { background: url("/static/jp/service/line-research/support/img/ico_index03.png") 0 0 no-repeat; background-size: cover; }

.howToUseList__txtArea { width: calc(100% - 210px); margin-left: 30px; }

.howToUseList__txtArea > *:first-child { margin-top: 0; }

.howToUseList__tit { font-size: 1.8rem; font-weight: bold; }

.howToUseList__txt { margin-top: 15px; }

.howToUseList__notes { position: relative; margin-top: 10px; padding-left: 1.2em; font-size: 1.4rem; text-align: left; }

.howToUseList__notes:before { content: "※"; position: absolute; left: 0; }

.partnerLogoList { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.partnerLogoList__item { border: 1px solid #e6e6e6; width: calc(100% / 3 - 20px); margin-left: 30px; }

.partnerLogoList__item:nth-child(3n+1) { margin-left: 0; }

.partnerLogoList__item:nth-child(n+4) { margin-top: 30px; }

.partnerLogoList__item a { display: block; padding: 20px 0; text-align: center; }

.mainService { margin-top: 20px; background: #f2f2f2; }

.mainServiceList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 35px 50px; }

.mainServiceList__item { position: relative; z-index: 3; text-align: center; }

.mainServiceList__item:before { content: ""; position: absolute; top: 50%; right: -50%; width: 0; height: 0; border-style: solid; border-width: 25em 0 25em 6em; border-color: transparent transparent transparent #f2f2f2; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; }

.mainServiceList__item:after { content: ""; position: absolute; top: 50%; right: -53%; width: 0; height: 0; border-style: solid; border-width: 25em 0 25em 6em; border-color: transparent transparent transparent #fff; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 1; }

.mainServiceList__item:last-of-type:after, .mainServiceList__item:last-of-type:before { content: normal; }

.mainServiceList__inner { position: relative; z-index: 5; }

.mainServiceList__heading { margin-bottom: 10px; font-size: 2.2rem; font-weight: bold; text-align: center; }

.mainServiceList__heading-label { display: block; text-align: center; }

.mainServiceList__ico { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.mainServiceList__icoItem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 140px; height: 140px; border-radius: 50%; margin-left: -10px; z-index: 3; }

.mainServiceList__icoItem:first-of-type { margin-left: 0; margin-right: -10px; z-index: 1; }

.mainServiceList__icoItem--type01 { background: rgba(33, 181, 203, 0.9) url("/static/jp/img/ico_service01.png") 50% 30px no-repeat; }

.mainServiceList__icoItem--type02 { background: rgba(53, 134, 201, 0.9) url("/static/jp/img/ico_service02.png") 50% 25px no-repeat; }

.mainServiceList__icoItem--type03 { background: rgba(30, 189, 146, 0.9) url("/static/jp/img/ico_service03.png") 50% 30px no-repeat; }

.mainServiceList__icoItem--type04 { background: rgba(33, 181, 203, 0.9) url("/static/jp/img/ico_service04.png") 50% 25px no-repeat; }

.mainServiceList__icoItem--type05 { background: rgba(53, 134, 201, 0.9) url("/static/jp/img/ico_service05.png") 50% 30px no-repeat; }

.mainServiceList__icoItem--type06 { background: rgba(30, 189, 146, 0.9) url("/static/jp/img/ico_service06.png") 50% 25px no-repeat; }

.mainServiceList__icoItem > span { display: block; padding-top: 75px; color: #fff; font-weight: bold; }

.mainServiceList__btn { margin-top: 25px; }

.mainServiceList__btn > a { position: relative; display: inline-block; background: #fff; padding: 10px 15%; color: #111; font-size: 1.3rem; font-weight: bold; text-align: center; border-radius: 30px; -webkit-transition: color 0.4s , background-color 0.4s; transition: color 0.4s , background-color 0.4s; }

.mainServiceList__btn > a > span:after { content: ""; display: inline-block; margin-left: 10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow01.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }

.mainServiceList__btn > a:hover { color: #06c405; }

@media screen and (max-width: 1200px) { .mainServiceList__heading { font-size: 1.8rem; }
  .mainServiceList__icoItem { width: 120px; height: 120px; font-size: 1.4rem; }
  .mainServiceList__icoItem > span { padding-top: 70px; }
  .mainServiceList__icoItem--type01 { background-position: 50% 25px; }
  .mainServiceList__icoItem--type02 { background-position: 50% 20px; }
  .mainServiceList__icoItem--type03 { background-position: 50% 25px; }
  .mainServiceList__icoItem--type04 { background-position: 50% 20px; }
  .mainServiceList__icoItem--type05 { background-position: 50% 25px; }
  .mainServiceList__icoItem--type06 { background-position: 50% 20px; }
  .mainServiceList__btn > a { padding: 10px 10%; font-size: 1.2rem; } }

.mainScene { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }

.mainScene + .mainScene { margin-top: 80px; }

.mainScene__txtArea { position: relative; margin-left: 40px; max-width: 562px; padding: 40px 80px 70px 40px; background: #f3f3f3; }

.mainScene__txtArea:before { content: ""; position: absolute; bottom: -20px; left: -40px; width: 54px; height: 55px; background: url("/static/jp/line-biz-solutions/img/ico_index01.png") 0 0 no-repeat; }

.mainScene__txtArea:after { content: ""; position: absolute; bottom: 30px; right: 80px; width: 80px; height: 2px; background-color: #21b5cb; }

.mainScene__label { color: #21b5cb; font-size: 5.0rem; font-weight: bold; font-family: Arial,sans-serif; }

.mainScene__labelNum { font-size: 8.8rem; line-height: 1; }

.mainScene__tit { margin-top: 10px; font-size: 2.4rem; }

.mainScene__txt { margin-top: 10px; }

.mainScene__imgArea { position: relative; margin-left: -40px; max-width: 600px; min-width: 470px; }

.mainScene__imgArea:after { content: ""; position: absolute; top: -45px; right: -40px; width: 92px; height: 95px; background: url("/static/jp/line-biz-solutions/img/ico_index02.png") 0 0 no-repeat; }

@media screen and (max-width: 1023px) { .partnerLogoList { margin-top: 15px; }
  .partnerLogoList__item { width: calc(100% / 2 - 8px); margin-left: 15px; }
  .partnerLogoList__item:nth-child(3n+1) { margin-left: 15px; }
  .partnerLogoList__item:nth-child(2n+1) { margin-left: 0; }
  .partnerLogoList__item:nth-child(n+3) { margin-top: 15px; }
  .partnerLogoList__item a { display: block; padding: 15px 0; }
  .voiceTxt { font-size: 1.8rem; }
  .researchPannel__imgArea { max-height: none; }
  .researchPannel__tit { font-size: 1.4rem; }
  .howToUseList__item { margin-top: 20px; }
  .howToUseList__item:before { margin: 0 auto; }
  .howToUseList__txtArea { margin-left: 0; margin-top: 15px; width: 100%; }
  .howToUseList__tit { font-size: 1.6rem; }
  .mainServiceList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; }
  .mainServiceList__item { margin-top: 0; width: 100%; padding: 30px 15px 60px; }
  .mainServiceList__item:last-child { padding: 30px 15px; }
  .mainServiceList__item:before { top: 98%; right: 50%; border-width: 10vw 60vw 0 60vw; border-color: #f2f2f2 transparent transparent transparent; -webkit-transform: translate(50%, -100%); transform: translate(50%, -100%); }
  .mainServiceList__item:after { top: 100%; right: 50%; border-width: 10vw 60vw 0 60vw; border-color: #fff transparent transparent transparent; -webkit-transform: translate(50%, -100%); transform: translate(50%, -100%); }
  .mainServiceList__heading { font-size: 1.8rem; }
  .mainScene { display: block; margin-top: 30px; }
  .mainScene + .mainScene { margin-top: 40px; }
  .mainScene__txtArea { margin-left: 0; margin-right: 20px; max-width: 700px; padding: 20px 20px 60px; background: #f3f3f3; }
  .mainScene__txtArea:before { content: normal; }
  .mainScene__txtArea:after { bottom: 40px; right: 30px; width: 25%; }
  .mainScene__label { color: #21b5cb; font-size: 3.0rem; }
  .mainScene__labelNum { font-size: 4.4rem; }
  .mainScene__tit { margin-top: 10px; font-size: 2.0rem; }
  .mainScene__imgArea { margin-top: -20px; margin-left: 20px; max-width: 780px; min-width: inherit; text-align: right; }
  .mainScene__imgArea:after { content: normal; } }



  
.bottomMenu{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
 margin-top: 0;
}

.bottomMenu .bottomMenu_item {
 margin-right: 60px;
 width: 268px;
}

.bottomMenu .bottomMenu_item:last-child {
 margin-right: 0px;
}

.bottomMenu_item a {
 padding-left: 30px;
 position: relative;
}

.bottomMenu_item a::before{
 display: inline-block;
 content: "";
 width: 20px;
 height: 20px;
 position: absolute;
 top: 0.1em;
 left: 0;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: 20px auto;
}

.bottomMenu_item.bottomMenu_item--search a::before{
 background-image: url(/static/jp/common/img/ico_search01.png);
}

.bottomMenu_item.bottomMenu_item--download a::before{
 background-image: url(/static/jp/common/img/ico_download02.png);
}

.bottomMenu_item.bottomMenu_item--faq a::before{
  background-image: url(/static/jp/common/img/ico_faq01.png);
 }

.bottomMenu_item.bottomMenu_item--inquiries a::before{
 background-image: url(/static/jp/common/img/ico_inquiries01.png);
}

.bottomMenu_inItem {
 display: inline-block;
 font-size: 1.4rem;
 margin-top: 14px;
}

@media screen and (max-width: 1023px){

 .contents.contents--bottomMenu {
  padding: 0;
 }

 .contents.contents--topMenu{
   padding: 0;
 }

 .contents.contents--bottomMenu .contents__inner {
  padding: 0;
 }

 .contents--nextAcctLinkElm .contents__inner {
  padding-top:10px;
 }

 .contents__inner--media { padding: 0 0 50px;}

 .contents__inner--topMenu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-width: 100%; }

 .bottomMenu {
   margin-top: 0;
  justify-content: center;
  flex-direction: column;
 }

 .contents--adsPartner + .contents--bottomMenu .bottomMenu_item {
  border-top: none;
 }

 .contents--confirm + .contents--bottomMenu .bottomMenu_item {
  border-top: none;
 }

 .bottomMenu .bottomMenu_item {
  margin-right: 0px;
  width: 100%;
 }
 
 .bottomMenu_inItem {
  display: none;
 }

 .bottomMenu_item {
  border-bottom: 1px solid #dbdbdb;
 }

 .bottomMenu_item a {
  padding: 28px 32px 27px 50px;
  font-size: 1.6rem;
  width: 100%;
 }

 .bottomMenu_item a::before {
  top: calc(50% - 10px);
  left: 20px;
 }

 .pageTxtLink a:after {
  position: static;
  top: calc(50% - 5px);
  right: 20px;
 }
 
}


.topMessage { 
  background-color: #07b53b;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topMessage__box {
  margin: 48px 0 40px 0;
  padding: 0 1em 10px 1em;
  width: 50%;
  text-align: center;
}

.topMessage__box + .topMessage__box {
  border-left: 1px solid #ffffff;
}

.topMessage__txt { display: inline-block; font-size: 3.6rem; font-weight: bold; color: #fff; text-align: center;}


.topMessage__box .defaultBtn {
  margin-top: 25px;
}

.topMessage__btn { margin-top: 30px; }

.topMessage__btn > a { display: inline-block; padding: 17px 80px; border: 1px solid #fff; font-size: 1.6rem; font-weight: bold; color: #fff; text-align: center; border-radius: 30px; -webkit-transition: color 0.4s , background-color 0.4s,border-color 0.4s; transition: color 0.4s , background-color 0.4s,border-color 0.4s; }

.topMessage__btn > a:hover { background: #06c405; border-color: #06c405; }

.topMessage__btn > a span:after { content: ""; display: inline-block; margin-left: 10px; width: 6px; height: 10px; background: url("/static/jp/common/img/ico_rightArrow02.png") 0 0 no-repeat; background-size: cover; vertical-align: middle; }



@media screen and (max-width: 1023px){
  .topMessage {
    padding: 0px 20px;
    flex-direction: column;
  }

  .topMessage__box {
    margin: 0 20px 0 20px;
    padding: 48px 0 38px 0;
    width: 100%;
    text-align: center;
  }

  .topMessage__box + .topMessage__box {
    border-top: 1px solid #ffffff;
    border-left: none;
  }

  .topMessage__box .defaultBtn.defaultBtn--orange a {
    min-width: 260px;
  }

  .topMessage__txt { font-size: 3.6rem; font-weight: bold; color: #fff; }
  .topMessage__btn > a { padding: 15px 30px; line-height: 1; max-width: 600px; width: 100%; font-size: 1.5rem; }

  .grayBtn { margin-top: 30px; text-align: center; }

  .grayBtn--shortMT { margin-top: 30px; text-align: center; }

  .contents--carouseSWlPanelList .grayBtn {display: inherit; margin-top: 50px;}

  .grayBtn--left { text-align: left; }
  
  .grayBtn--right { text-align: right; }
  
  .grayBtn a { min-width: 220px; font-size: 1.4rem; padding: 9px 37px 8px; }
  
  .grayBtn a:hover { color: #707070; }
  

}

.contents__inner--serviceTop { padding: 60px 0;}

.contents__inner--com { padding: 90px 0 60px;}

.contents--serviceOther .contents__inner--serviceTop { padding: 120px 0;}

.contents--pb--large {margin-bottom: 60px}

@media screen and (max-width: 1023px){
  .contents--pb--large {margin-bottom: 0;}
}


/*202103追加分*/
.clear {overflow: auto;}
.pageColumn3__box {display: inline-block;width: calc(100% / 3 - 20px);margin-left: 30px;vertical-align: top;}
.pageColumn3__box:nth-child(3n+1) {margin-left: 0;}
.pageColumn3__img{text-align: center;}
@media screen and (max-width: 1023px){
  .pageColumn3__box {width: 100%;margin-left: 0;}
  .pageColumn3__box:nth-of-type(n + 2) {margin-top: 30px;}
}
.pageColumn1Txt__txt.clear {
  clear: inherit;
}

/*202202188追加分*/
.pagePannel--gray .pagePannel__detail.new,.pagePannel__detail.new {padding-top: 15px;}
.new__ico {color: #fff;background: #07b53b; display: inline-block;font-size: 1.2rem;font-weight: 700;line-height: 1;margin-top: 24px;min-width: 50px;padding: 6px 7px 5px 7px;text-align: center;}
.pagePannel__detail.new .pagePannel__company {display: block;}
.pagePannel__detail.new.no_ico > *:first-child {padding-top: 36px;}
.casePanel__ico {margin-top: 5px;}
.casePanel__ttl {color: #838383;font-size: 14px;font-weight: bold;margin-top: 10px;}
.top_pagePannel .swiper-slide {
  width: calc(100% /4 - 20px);
  margin-right: 30px;
}
p.casePanel__ico+p.casePanel__ico {margin-top: 5px;}
.contents--top_pagePannel {position: relative;}
  .contents--top_pagePannel .swiper-button-prev,
  .contents--top_pagePannel .swiper-button-next {
   display: block;
   background: rgba(64, 64, 64, 0.65);
   width: 50px;
   height: 50px;
   top: 275px;
   left: 0;
   margin-top: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   border-radius: 50%;
   z-index: 15;
   box-shadow: -30px 80px 120px 100px #eee;
  }
 
  .contents--top_pagePannel .swiper-button-next {
   left: auto;
   right: 0;
   box-shadow: 30px 80px 120px 100px #eee;
  }
 
  .contents--top_pagePannel .swiper-button-prev:after,
  .contents--top_pagePannel .swiper-button-next:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: calc(50% - 5px);
   left: calc(50% - 4px);
   width: 6px;
   height: 10px;
   background: url(/static/jp/common/img/ico_leftArrow02.png) 0 0 no-repeat;
   background-size: cover;
   vertical-align: middle;
  }
 
  .contents--top_pagePannel .swiper-button-next:after {
   left: calc(50% - 2px);
   background-image: url("/static/jp/common/img/ico_rightArrow02.png");
  }
.top_pagePannel .pagination {text-align: center;margin-top: 20px;}
.top_pagePannel .swiper-pagination-bullet {background-color: #d9d9d9;margin-left: 8px;opacity: 1;}
.top_pagePannel .swiper-pagination-bullet-active {background:#707070}
.top_pagePannel .swiper-slide:nth-child(1) {margin-right: -10px!important;}
.contents--top_pagePannel .contents__inner {position: relative;}
.top_pagePannel.top_pagePannelhorizontal {max-width: 1150px;}
.pc_only {display: block!important;}
.sp_only {display: none!important;}
.new__ico.hide {background: transparent;}
@media screen and (max-width: 1023px){
  .casePanel__ttl {margin-top: 8px}
  .carouseSWPanelList .swiper-button-prev, 
  .carouseSWPanelList .swiper-button-next {top: calc(40vw - 25px)}
  .pc_only {display: none!important;}
  .sp_only {display: block!important;}
  .contents--top_pagePannel .swiper-button-prev {left: -10px;box-shadow: none;top: calc(52vw - 25px);}
  .contents--top_pagePannel .swiper-button-next {right:-10px;box-shadow: none;top: calc(52vw - 25px);}
.top_pagePannel .carouseSWPanelList,.top_pagePannel .grayBtn,.contents--carouseSWlPanelList .grayBtn {margin-top: 25px;}
.pagePannel__detail.new.no_ico > *:first-child {padding-top: 0;}
.pagePannel--gray .pagePannel__detail.new, .pagePannel__detail.new.no_ico {padding-top:25px;}
.top_pagePannel .swiper-slide:nth-child(1) {margin-right: 30px!important;}
.top_pagePannel .pagePannel__txt {height: auto!important;}

}

/*20220706追加分*/
.partnerArea__time {
  font-size: 1.4rem;
  color: #999999;
  font-weight: bold;
  text-align: right;
  margin-top: 6px;
}