:root {
  /* 背景色・メインカラー ================= */
  --color-main-accent: #FF820D;
  --color-main-accent2: #79A31D;
  --color-main-accent3: #DDE41A;

  /* 背景色 */
    --color-bg: #FFF;
    /* 背景色 - サブ */
  --color-bg-sec: #f7f7f7;
    /* コンテンツ部分の背景色 */
  --color-content-bg: #ffffff;
    /* TOPヒーロー等の背景 */
    --color-bg-third: #F8F8E7;

  /* フォントメインカラー */
  --color-text: #333;
  /* フォントサブ補足（補足説明等） */
  --color-text-sub: #8a8a8a;

  /* ボーダー関連 ========================= */
  --color-bdr-main: #e1e1e1;
  --color-bdr-light: #ededed;
}

dl, dt, dd {
  margin: 0;
}
body a{
  color: #2d76cd;
}
@font-face {
  font-family: "brandHelp-SourceHanSansHeavy";
  src: url("/assets/fonts/help/brandHelp-SourceHanSansHeavy.eot");
}
@font-face {
  font-family: "brandHelp-SourceHanSansHeavy";
  src: url("/assets/fonts/help/brandHelp-SourceHanSansHeavy?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "brandHelp-SourceHanSansHeavy";
  src: url("/assets/fonts/help/brandHelp-SourceHanSansHeavy.woff") format("woff");
}
/*------------brand-layout------------*/


/*header*/
header#header .l-header{
  border-bottom: 1px solid var(--color-bdr-main);
}
header#header .l-gnavi {
  background: #F7F7F7;
  border-bottom: none;
}
header#header .l-gnavi-list>li>a,
header#header .l-gnavi-list>li>span{
  color: #222;
}
header#header .l-header .l-header-inner,
header#header .l-gnavi .l-gnavi-inner {
    width: calc( 100% - 60px);
}
/*search*/
div.l-contets{
  width: 100%;
  padding: 0;
}
div.l-contets section.search-box {
  padding: 64px 0;
  background: #DDE41A;
}
div.l-contets section.search-box form.search-box-form {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  padding: 0 20px;
}
div.l-contets section.search-box form.search-box-form .search-box-inputText{
  max-width: 544px;
  height: 40px;
  border-radius: 25px 0 0 25px;
  margin-right: 0;
  padding: 0 12px;
  border: none;
  position: relative;
}
div.l-contets section.search-box form.search-box-form .search-box-inputText{
  max-width: 544px;
  height: 40px;
  border-radius: 25px 0 0 25px;
  margin-right: 0;
  padding: 0 12px;
  border: none;
  position: relative;
}
div.l-contets section.search-box form.search-box-form .btn-default{
  width: 115px;
  height: 40px;
  border-radius: 0 25px 25px 0;
  border-left: 2px solid var(--color-main-accent3);
  position: relative;
}
div.l-contets section.search-box form.search-box-form .btn-default:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(/assets/images/front/search-box_search.svg) no-repeat;
  top: 13px;
  bottom: 0;
  left: 10px;
}
/*main*/
.l_main {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

/*footer*/
.l-footer{
  border-top: 1px solid #C2D0CD;
  background: #fff;
}
.l-footer-inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.l-footer-row1 {
  border: none;
}
.l-footer-row3 .copyright {
  display: inline;
  margin: 0;
  color: #7B8789;
}
/*style*/
.serviceLogo {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 27px;
  font-size: 2.7rem;
  font-family: "brandHelp-SourceHanSansHeavy";
}
.serviceLogo > a {
  color: #000;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serviceLogo > a > i,
.l-error-inner:before{
  display: inline-block;
  background-image: url("/assets/images/front/brand_logo.svg");
  background-repeat: no-repeat;
  width: 197px;
  height: 31px;
  background-size: 197px;
  position: relative;
}
.serviceLogo > a > span {
  padding-left: 3px;
}

/* Base */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  word-wrap: break-word;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
}

strong {
  font-weight: bold;
}

em {
  color: #ef5763;
  font-style: normal;
}

br {
  clear: both;
}

::-webkit-input-placeholder {
  color: #959595;
}

/* Layout */
.l-contets {
  width: 960px;
  margin: 0 auto;
  padding: 24px 0 40px;
  overflow: hidden;
}

.l-main {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 20px;
}

.l-main-box {
  margin-bottom: 80px;
}

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

.l-main-right {
  float: right;
  width: 720px;
  overflow: hidden;
}

.l-sidebar {
  float: left;
  width: 200px;
  margin-right: 40px;
  overflow: hidden;
}
.l-grid{
  margin: 0 -16px;
}
.l-grid:before, .l-grid:after {
  content: "";
  display: table;
}
.l-grid:after {
  clear: both;
}

.l-grid-01,
.l-grid-02,
.l-grid-03,
.l-grid-04,
.l-grid-05 {
  float: left;
}

.l-grid-01 {
  width: 46%;
  border: 1px solid var(--color-bdr-main);
  padding: 20px;
  margin: 0 16px 5px;
}

.l-grid-02 {
  width: 25%;
}

.l-grid-03 {
  width: 33.3%;
}

.l-grid-04 {
  width: 50%;
}

.l-grid-05 {
  width: 100%;
}

/* Images */
.icon {
  display: inline-block;
  vertical-align: middle;
}


.icon-mail {
  background: url(/assets/images/front/info_mail.svg) no-repeat;
  height: 12px;
  width: 16px;
}


.icon-manual-lg {
  background-color: var(--color-main-accent2);
  mask-image: url(/assets/images/front/icon_manual.svg) ;
  mask-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-manual-sm {
  height: 20px;
  width: 20px;
}

.icon-pc {
  background-color: var(--color-main-accent2);
  mask-image: url(/assets/images/front/main_pc-black.svg);
  mask-repeat: no-repeat;
  height: 20px;
  width: 20px;
}


.icon-qa-lg,
.icon-qa-sm {
  background-color: var(--color-main-accent);
  mask-image: url(/assets/images/front/icon_qa.svg);
  mask-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-qa-sm {
  height: 20px;
  width: 20px;
}

.icon-sp {
  background-color: var(--color-main-accent2);
  mask-image: url(/assets/images/front/main_sp-black.svg);
  mask-repeat: no-repeat;
  height: 20px;
  width: 20px;
}

/* Sprite service-icon.png */
.service-icon-sprite, .service-icon-access-analytics-lg, .service-icon-access-analytics-sm, .service-icon-access-ranking-lg, .service-icon-access-ranking-sm, .service-icon-affiliate-lg, .service-icon-affiliate-sm, .service-icon-app-lg, .service-icon-app-sm, .service-icon-bbs-lg, .service-icon-bbs-sm, .service-icon-blog-lg, .service-icon-blog-ranking-lg, .service-icon-blog-ranking-sm, .service-icon-blog-sm, .service-icon-cart-lg, .service-icon-cart-sm, .service-icon-chat-lg, .service-icon-chat-sm, .service-icon-clap-lg, .service-icon-clap-sm, .service-icon-contents-market-lg, .service-icon-contents-market-sm, .service-icon-counter-lg, .service-icon-counter-sm, .service-icon-diary-lg, .service-icon-diary-sm, .service-icon-directory-lg, .service-icon-directory-sm, .service-icon-domain-lg, .service-icon-domain-sm, .service-icon-brand-lg, .service-icon-brand-sm, .service-icon-game-lg, .service-icon-game-sm, .service-icon-himawari-lg, .service-icon-himawari-sm, .service-icon-homepage-lg, .service-icon-homepage-sm, .service-icon-icon-lg, .service-icon-icon-sm, .service-icon-knowhow-lg, .service-icon-knowhow-sm, .service-icon-live-lg, .service-icon-live-sm, .service-icon-mailform-lg, .service-icon-mailform-sm, .service-icon-mall-lg, .service-icon-mall-sm, .service-icon-matome-lg, .service-icon-matome-sm, .service-icon-mobile-web-lg, .service-icon-mobile-web-sm, .service-icon-movie-lg, .service-icon-movie-sm, .service-icon-novel-lg, .service-icon-novel-sm, .service-icon-piyo-lg, .service-icon-piyo-sm, .service-icon-prof-lg, .service-icon-prof-sm, .service-icon-rentalserver-lg, .service-icon-rentalserver-lite-lg, .service-icon-rentalserver-lite-sm, .service-icon-rentalserver-sm, .service-icon-saymove-lg, .service-icon-saymove-sm, .service-icon-seo-lg, .service-icon-seo-sm, .service-icon-server-sm, .service-icon-sns-lg, .service-icon-sns-sm, .service-icon-text-ad-sm, .service-icon-textad-lg, .service-icon-thebbs-lg, .service-icon-thebbs-sm, .service-icon-vote-lg, .service-icon-vote-sm, .service-icon-vps-lg, .service-icon-vps-sm, .service-icon-wifi-lg, .service-icon-wifi-sm, .service-icon-wiki-lg, .service-icon-wiki-sm {
  display:none;
}

.service-icon-access-analytics-lg {
  background-position: 0 0;
  height: 47px;
  width: 47px;
}

.service-icon-access-analytics-sm {
  background-position: 0 -57px;
  height: 20px;
  width: 20px;
}

.service-icon-access-ranking-lg {
  background-position: 0 -87px;
  height: 47px;
  width: 47px;
}

.service-icon-access-ranking-sm {
  background-position: 0 -144px;
  height: 20px;
  width: 20px;
}

.service-icon-affiliate-lg {
  background-position: 0 -174px;
  height: 47px;
  width: 47px;
}

.service-icon-affiliate-sm {
  background-position: 0 -231px;
  height: 20px;
  width: 20px;
}

.service-icon-app-lg {
  background-position: 0 -261px;
  height: 47px;
  width: 47px;
}

.service-icon-app-sm {
  background-position: 0 -318px;
  height: 20px;
  width: 20px;
}

.service-icon-bbs-lg {
  background-position: 0 -348px;
  height: 47px;
  width: 47px;
}

.service-icon-bbs-sm {
  background-position: 0 -405px;
  height: 20px;
  width: 20px;
}

.service-icon-blog-lg {
  background-position: 0 -435px;
  height: 47px;
  width: 47px;
}

.service-icon-blog-ranking-lg {
  background-position: 0 -492px;
  height: 47px;
  width: 47px;
}

.service-icon-blog-ranking-sm {
  background-position: 0 -549px;
  height: 20px;
  width: 20px;
}

.service-icon-blog-sm {
  background-position: 0 -579px;
  height: 20px;
  width: 20px;
}

.service-icon-cart-lg {
  background-position: 0 -609px;
  height: 47px;
  width: 47px;
}

.service-icon-cart-sm {
  background-position: 0 -666px;
  height: 20px;
  width: 20px;
}

.service-icon-chat-lg {
  background-position: 0 -696px;
  height: 47px;
  width: 47px;
}

.service-icon-chat-sm {
  background-position: 0 -753px;
  height: 20px;
  width: 20px;
}

.service-icon-clap-lg {
  background-position: 0 -783px;
  height: 47px;
  width: 47px;
}

.service-icon-clap-sm {
  background-position: 0 -840px;
  height: 20px;
  width: 20px;
}

.service-icon-contents-market-lg {
  background-position: 0 -870px;
  height: 47px;
  width: 47px;
}

.service-icon-contents-market-sm {
  background-position: 0 -927px;
  height: 20px;
  width: 20px;
}

.service-icon-counter-lg {
  background-position: 0 -957px;
  height: 47px;
  width: 47px;
}

.service-icon-counter-sm {
  background-position: 0 -1014px;
  height: 20px;
  width: 20px;
}

.service-icon-diary-lg {
  background-position: 0 -1044px;
  height: 47px;
  width: 47px;
}

.service-icon-diary-sm {
  background-position: 0 -1101px;
  height: 20px;
  width: 20px;
}

.service-icon-directory-lg {
  background-position: 0 -1131px;
  height: 47px;
  width: 47px;
}

.service-icon-directory-sm {
  background-position: 0 -1188px;
  height: 20px;
  width: 20px;
}

.service-icon-domain-lg {
  background-position: 0 -1218px;
  height: 47px;
  width: 47px;
}

.service-icon-domain-sm {
  background-position: 0 -1275px;
  height: 20px;
  width: 20px;
}

.service-icon-brand-lg {
  background-position: 0 -1305px;
  height: 47px;
  width: 47px;
}

.service-icon-brand-sm {
  background-position: 0 -1362px;
  height: 20px;
  width: 20px;
}

.service-icon-game-lg {
  background-position: 0 -1392px;
  height: 47px;
  width: 47px;
}

.service-icon-game-sm {
  background-position: 0 -1449px;
  height: 20px;
  width: 20px;
}

.service-icon-himawari-lg {
  background-position: 0 -1479px;
  height: 47px;
  width: 47px;
}

.service-icon-himawari-sm {
  background-position: 0 -1536px;
  height: 20px;
  width: 20px;
}

.service-icon-homepage-lg {
  background-position: 0 -1566px;
  height: 47px;
  width: 47px;
}

.service-icon-homepage-sm {
  background-position: 0 -1623px;
  height: 20px;
  width: 20px;
}

.service-icon-icon-lg {
  background-position: 0 -1653px;
  height: 47px;
  width: 47px;
}

.service-icon-icon-sm {
  background-position: 0 -1710px;
  height: 20px;
  width: 20px;
}

.service-icon-knowhow-lg {
  background-position: 0 -1740px;
  height: 47px;
  width: 47px;
}

.service-icon-knowhow-sm {
  background-position: 0 -1797px;
  height: 20px;
  width: 20px;
}

.service-icon-live-lg {
  background-position: 0 -1827px;
  height: 47px;
  width: 47px;
}

.service-icon-live-sm {
  background-position: 0 -1884px;
  height: 20px;
  width: 20px;
}

.service-icon-mailform-lg {
  background-position: 0 -1914px;
  height: 47px;
  width: 47px;
}

.service-icon-mailform-sm {
  background-position: 0 -1971px;
  height: 20px;
  width: 20px;
}

.service-icon-mall-lg {
  background-position: 0 -2001px;
  height: 47px;
  width: 47px;
}

.service-icon-mall-sm {
  background-position: 0 -2058px;
  height: 20px;
  width: 20px;
}

.service-icon-matome-lg {
  background-position: 0 -2088px;
  height: 47px;
  width: 47px;
}

.service-icon-matome-sm {
  background-position: 0 -2145px;
  height: 20px;
  width: 20px;
}

.service-icon-mobile-web-lg {
  background-position: 0 -2175px;
  height: 47px;
  width: 47px;
}

.service-icon-mobile-web-sm {
  background-position: 0 -2232px;
  height: 20px;
  width: 20px;
}

.service-icon-movie-lg {
  background-position: 0 -2262px;
  height: 47px;
  width: 47px;
}

.service-icon-movie-sm {
  background-position: 0 -2319px;
  height: 20px;
  width: 20px;
}

.service-icon-novel-lg {
  background-position: 0 -2349px;
  height: 47px;
  width: 47px;
}

.service-icon-novel-sm {
  background-position: 0 -2406px;
  height: 20px;
  width: 20px;
}

.service-icon-piyo-lg {
  background-position: 0 -2436px;
  height: 47px;
  width: 47px;
}

.service-icon-piyo-sm {
  background-position: 0 -2493px;
  height: 20px;
  width: 20px;
}

.service-icon-prof-lg {
  background-position: 0 -2523px;
  height: 47px;
  width: 47px;
}

.service-icon-prof-sm {
  background-position: 0 -2580px;
  height: 20px;
  width: 20px;
}

.service-icon-rentalserver-lg {
  background-position: 0 -2610px;
  height: 47px;
  width: 47px;
}

.service-icon-rentalserver-lite-lg {
  background-position: 0 -2667px;
  height: 47px;
  width: 47px;
}

.service-icon-rentalserver-lite-sm {
  background-position: 0 -2724px;
  height: 20px;
  width: 20px;
}

.service-icon-rentalserver-sm {
  background-position: 0 -2754px;
  height: 20px;
  width: 20px;
}

.service-icon-saymove-lg {
  background-position: 0 -2784px;
  height: 47px;
  width: 47px;
}

.service-icon-saymove-sm {
  background-position: 0 -2841px;
  height: 20px;
  width: 20px;
}

.service-icon-seo-lg {
  background-position: 0 -2871px;
  height: 47px;
  width: 47px;
}

.service-icon-seo-sm {
  background-position: 0 -2928px;
  height: 20px;
  width: 20px;
}

.service-icon-server-sm {
  background-position: 0 -2958px;
  height: 20px;
  width: 20px;
}

.service-icon-sns-lg {
  background-position: 0 -2988px;
  height: 47px;
  width: 47px;
}

.service-icon-sns-sm {
  background-position: 0 -3045px;
  height: 20px;
  width: 20px;
}

.service-icon-text-ad-sm {
  background-position: 0 -3075px;
  height: 20px;
  width: 20px;
}

.service-icon-textad-lg {
  background-position: 0 -3105px;
  height: 47px;
  width: 47px;
}

.service-icon-thebbs-lg {
  background-position: 0 -3162px;
  height: 47px;
  width: 47px;
}

.service-icon-thebbs-sm {
  background-position: 0 -3219px;
  height: 20px;
  width: 20px;
}

.service-icon-vote-lg {
  background-position: 0 -3249px;
  height: 47px;
  width: 47px;
}

.service-icon-vote-sm {
  background-position: 0 -3306px;
  height: 20px;
  width: 20px;
}

.service-icon-vps-lg {
  background-position: 0 -3336px;
  height: 47px;
  width: 47px;
}

.service-icon-vps-sm {
  background-position: 0 -3393px;
  height: 20px;
  width: 20px;
}

.service-icon-wifi-lg {
  background-position: 0 -3423px;
  height: 47px;
  width: 47px;
}

.service-icon-wifi-sm {
  background-position: 0 -3480px;
  height: 20px;
  width: 20px;
}

.service-icon-wiki-lg {
  background-position: 0 -3510px;
  height: 47px;
  width: 47px;
}

.service-icon-wiki-sm {
  background-position: 0 -3567px;
  height: 20px;
  width: 20px;
}

/* Sprite alert.icon */
.alert-sprite, .alert-danger-icon, .alert-info-icon, .alert-success-icon, .alert-warning-icon {
  background-image: url('/assets/images/front/pc/sprite/alert-sf040c4953d.png');
  background-repeat: no-repeat;
}

.alert-danger-icon {
  background-position: 0 0;
  height: 26px;
  width: 26px;
}

.alert-info-icon {
  background-position: 0 -36px;
  height: 26px;
  width: 26px;
}

.alert-success-icon {
  background-position: 0 -72px;
  height: 26px;
  width: 26px;
}

.alert-warning-icon {
  background-position: 0 -108px;
  height: 26px;
  width: 26px;
}

.l-drop-loginBase {
  display: none;
  position: absolute;
  top: 54px;
  right: 0;
  width: 240px;
  margin: 0;
  border: 1px solid #e1e8ed;
  background: #fff;
  line-height: 1.6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 1px #ddd;
  -webkit-box-shadow: 0px 0px 1px #ddd;
  box-shadow: 0px 0px 1px #ddd;
  z-index: 9998;
}

.l-drop-loginList {
  list-style-type: none;
  margin: 0;
  padding: 12px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.l-drop-loginList > li > a {
  display: block;
  width: 200px;
  padding: 8px;
  text-decoration: none;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.l-drop-loginList > li > a:hover {
  background: #f5f8fA;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.drop-balloon-login:after,
.drop-balloon-login:before {
  position: absolute;
  bottom: 100%;
  left: 210px;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.drop-balloon-login:after {
  border-color: transparent transparent #fff;
  border-width: 10px;
  margin-left: -10px;
}

.drop-balloon-login:before {
  border-color: transparent transparent #e1e8ed;
  border-width: 12px;
  margin-left: -12px;
}

.l-drop-help {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 926px;
  padding: 16px;
  margin: 0;
  border: 1px solid #e1e8ed;
  background: #fff;
  line-height: 1.6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 1px #ddd;
  -webkit-box-shadow: 0px 0px 1px #ddd;
  box-shadow: 0px 0px 1px #ddd;
  z-index: 9998;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.l-drop-box {
  margin-bottom: 16px;
}

.l-drop-box > p {
  margin: 4px 0 4px 4px;
  font-weight: bold;
}

.l-drop-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  *zoom: 1;
  overflow: hidden;
}
.l-drop-list > li {
  float: left;
  width: 25%;
}
.l-drop-list > li > a {
  display: block;
  padding: 8px;
  color: #4d4d4d;
  font-weight: normal;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.l-drop-list > li > a:hover {
  background: #f5f8fA;
  color: #4d4d4d;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.l-drop-list > li > a > span {
  margin-left: 4px;
}
.l-drop-list > li > a i{
  display: none;
}
.drop-balloon:after,
.drop-balloon:before {
  position: absolute;
  bottom: 100%;
  left: 26px;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.drop-balloon:after {
  border-color: transparent transparent #fff;
  border-width: 10px;
  margin-left: -10px;
}

.drop-balloon:before {
  border-color: transparent transparent #e1e8ed;
  border-width: 12px;
  margin-left: -12px;
}

/* Pagetop */
.pagetop {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.sidebar {
  margin-bottom: 48px;
}

.sidebar-ttl {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-list-item a {
  display: block;
  margin: 8px 0 6px 4px;
  color: #4d4d4d;
}

.sidebar-list-item .toggle {
  display: block;
  position: relative;
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.sidebar-list-item .toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  content: "";
  width: 5px;
  height: 5px;
  border-top: solid 1px #4d4d4d;
  border-right: solid 1px #4d4d4d;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -webkit-transition: .2s ease-in-out;
}
.sidebar-list-item .toggle.is-open::after {
  margin-top: 0;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.sidebar-list-item .toggle:hover {
  text-decoration: underline;
  cursor: pointer;
}

.sidebar-subList {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-subList.is-open {
  display: block;
}

.sidebar-subList-item a {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 10px 5px 1em;
  background: #f6f8fa;
}
.sidebar-subList-item a:hover {
  background: #F3F5F7;
}

/* Alert */
.alert {
  width: 100%;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
}
.alert span {
  padding-left: 8px;
  vertical-align: middle;
}

.alert-success {
  background: #cef2c2;
  color: #2c770e;
}

.alert-info {
  background: #c1edf4;
  color: #236d75;
}

.alert-warning {
  background: #f9f2d7;
  color: #a0651f;
}

.alert-danger {
  background: #efa8a8;
  color: #7a213d;
}

/* Search Box */
.search-box {
  margin-bottom: 24px;
  padding: 16px;
  background-color: #f6f8fa;
}

.search-box-inputText {
  width: 544px;
  height: 34px;
  margin-right: 8px;
  padding: 0 12px;
  border: 1px solid #dfdfdf;
}

.search-box-select {
  width: 260px;
  height: 40px;
  border: none;
  background: #fff;
  cursor: pointer;
  border-left: 1px solid var(--color-main-accent3);
}

.search-box-keyword {
  margin: 30px 0 0 0;
  color: #333;
  text-align: center;
  font-size: 1.2rem;
}
.search-box-keyword span {
  margin-right: 10px;
}
.search-box-keyword a {
  display: inline-block;
  margin-right: 2px;
  padding: 0 8px;
  background: #FFF;
  color: #333;
  font-size: 11px;
  font-size: 1.1rem;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* Title */
.ttl-pageHeader {
  color: #222;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
}
.ttl-contentsHeader,
.ttl-blockHeader {
  color: #222;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: normal;
}
h3.ttl-contentsHeader{
  border-bottom: 1px solid var(--color-bdr-main);
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.ttl-pageHeader small,
.ttl-contentsHeader small,
.ttl-blockHeader small {
  padding-left: 8px;
  color: #959595;
  font-size: 60%;
  font-weight: normal;
  vertical-align: text-bottom;
}
h3.ttl-contentsHeader span {
  padding: 0px 0 0 10px;
}
/* Button */
.btn {
  padding: 11px 16px;
  background: #fff;
}
.btn-default {
  border: none;
  color: #333;
}
.btn-default:hover {
  background: #fff;
  text-decoration: none;
}

.btn-primary {
  width: 240px;
  border-radius: 30px;
  border: 1px solid #FF820D;
  background: #FF820D;
  color: #FFF;
  font-weight: bold;
}
.btn-primary:hover {
  border-color: #FF9633;
  background: #FF9633;
  text-decoration: none;
}

.btn-lg {
  padding: 12px 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-sm {
  padding: 4px 6px;
  font-size: 12px;
  font-size: 1.2rem;
}

/* List */
.article-list, .accordion-list, .accordion-subList, .accordion-subList-answer, .table-list, .contents-linkList, .inquiry-form-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.article-list-item, .accordion-list .toggle, .accordion-subList-item {
  display: block;
  margin-top: -1px;
  padding: 8px 24px 8px 12px;
  font-size: 1.4rem;
  border-bottom: 1px solid #e7e7e7;
}

a.article-list-item, .accordion-list a.toggle, a.accordion-subList-item {
  position: relative;
}
a.article-list-item::after, .accordion-list a.toggle::after, a.accordion-subList-item::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  content: "";
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border-top: solid 1px #4d4d4d;
  border-right: solid 1px #4d4d4d;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
a.article-list-item:hover, .accordion-list a.toggle:hover, a.accordion-subList-item:hover {
  background: #fafafa;
}

.article-list-breadcrumb {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #959595;
  text-decoration: none;
}
.article-list-breadcrumb:hover {
  text-decoration: none;
}

.accordion-list .toggle {
  position: relative;
  padding-right: 64px;
  cursor: pointer;
}
.accordion-list .toggle:hover {
  background: #fafafa;
}
.accordion-list .toggle .badge {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -6px;
}
.accordion-list .toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  content: "";
  width: 5px;
  height: 5px;
  border-top: solid 1px #4d4d4d;
  border-right: solid 1px #4d4d4d;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -webkit-transition: .2s ease-in-out;
}
.accordion-list .toggle.is-open::after {
  margin-top: 0;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.accordion-subList {
  display: none;
}

.accordion-subList-item {
  background: #f6f8fa;
}

a.accordion-subList-item:hover {
  background: #F3F5F7;
}

.accordion-subList-answer {
  display: none;
  padding: 1em;
  margin-top: -1px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #f6f8fa;
  color: #333;
}
.accordion-subList-answer p {
  margin-top: 8px;
  margin-bottom: 8px;
}
.accordion-subList-answer ul, .accordion-subList-answer ol {
  padding: 0 0 0 26px;
}

.table-list-item {
  display: block;
  width: 100%;
  margin-top: -1px;
  padding: 15px;
  border: 1px solid #C2D0CD;
  color: #333;
  overflow: hidden;
  box-sizing: border-box;
}

.contents-linkList-item {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1.6rem;
}
.inquiry-form-item a {
  display: block;
  position: relative;
  padding: 1em 32px 1em 16px;
  margin-bottom: 16px;
  border: 3px solid #e7e7e7;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.inquiry-form-item a::before {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: solid 3px #2e5cb4;
  border-right: solid 3px #2e5cb4;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.inquiry-form-item a:hover {
  background: #fafafa;
}

/* Table */
.l-table {
  width: 100%;
  border: 1px solid #e7e7e7;
}
.l-table p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

th,
.l-table-ttl {
  padding: 0.6em 16px;
  border: 1px solid #e7e7e7;
  background: #f4f4f4;
  font-weight: normal;
}

td,
.l-table-text {
  padding: 0.6em 16px;
  border: 1px solid #e7e7e7;
  background: #fff;
}

/* Border Box */
.borderBox {
  width: 92%;
  height: auto;
  padding: 0 0 20px 0;
  border: 1px solid var(--color-bdr-main);
  margin: 0 16px;
}

.borderBox_accent {
  border: 1px solid #e7e7e7;
  background: #f4f4f4;
}

.borderBox-ttl {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 1.5rem;
  color: #333;
  line-height: 1.6;
}

.borderBox-text {
  margin: 1em 16px;
}

/* Tab */
/* Tab */
.tab {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
  zoom: 1;
}
.tab:before, .tab:after {
  content: "";
  display: table;
}
.tab:after {
  clear: both;
}

.tab-item {
  display: block;
  float: left;
  text-align: center;
}
.tab-item a {
  display: block;
  color: #959595;
}
.tab-item a:hover {
  color: #4d4d4d;
}
.tab-item.is-selected {
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
.tab-item.is-selected a:link, .tab-item.is-selected a:visited, .tab-item.is-selected a:hover, .tab-item.is-selected a:active {
  text-decoration: none;
}

.tab-default .tab-item {
  margin-bottom: -1px;
}
.tab-default .tab-item.is-selected {
  border-bottom: 1px solid var(--color-main-accent);
  background: var(--color-main-accent);

}
.tab-default .tab-item.is-selected a {
  color: #fff;
}

.tab-lg a {
  width: 192px;
  padding: 8px 0;
}

.tab-sm {
  font-size: 12px;
  font-size: 1.2rem;
}
.tab-sm a {
  padding: 3px 6px;
}

.tab-underline .tab-item {
  position: relative;
  margin-bottom: -2px;
  margin-right: 16px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.tab-underline .tab-item:hover {
  border-bottom: 3px solid var(--color-main-accent);
}
.tab-underline .tab-item a {
  padding: 8px 24px;
}
.tab-underline .tab-item a:hover {
  text-decoration: none;
}
.tab-underline .tab-item.is-selected {
  border-bottom: 3px solid var(--color-main-accent);
}
.tab-underline .tab-item.is-selected a {
  color: var(--color-main-accent);
}
.tab-underline .tab-item.is-selected:after {
  position: absolute;
  right: 50%;
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid var(--color-main-accent);
  margin-right: -4px;
}
/* Pagenation */
.pagenation {
  text-align: center;
}
.pagenation ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.pagenation li {
  float: left;
}
.pagenation a {
  display: block;
  min-width: 28px;
  padding: 7px 5px 6px;
  margin-right: 4px;
  line-height: 13px;
  border: 1px solid #e7e7e7;
  color: #4d4d4d;
  text-decoration: none;
}
.pagenation a.is-active, .pagenation a:hover {
  background: #e7e7e7;
}
.pagenation a.is-active {
  pointer-events: none;
  cursor: default;
}

/* Breadcrumb List *//*breadcrumb*/
.breadcrumb {
  max-width: 960px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.breadcrumb li {
  float: left;
}

.breadcrumb > li + li:before {
  content: ">";
  margin: 0 8px;
}

/* Badge icon */
.badge {
  display: inline-block;
  min-width: 1.6em;
  height: 1.6em;
  margin: 0 4px;
  padding: 0 4px;
  vertical-align: middle;
  line-height: 1.6em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

.badge-manual {
  color: #fff;
  background: var(--color-main-accent2);
}

.badge-qa {
  color: #fff;
  background: var(--color-main-accent);
}

/* Modal */
.modal-content {
  position: fixed;
  display: none;
  z-index: 2;
  width: 830px;
  margin: 0;
  border: 2px solid #e7e7e7;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

.modal-content-inner {
  position: relative;
  padding: 24px;
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-close {
  position: absolute;
  top: 4px;
  right: 16px;
  font-size: 42px;
  font-size: 4.2rem;
  color: #999;
}

.modal-close:hover {
  cursor: pointer;
}

/* Helper css */
.text-bold {
  font-weight: bold;
}

.text-normal {
  font-weight: normal;
}

.fontSize-md {
  padding: 10px 0 0 60px;
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
p.borderBox-text.fontSize-md:before {
  position: absolute;
  content: "";
  background-color: var(--color-main-accent2);
  mask-image: url(/assets/images/front/main_pc-blue.svg);
  mask-repeat: no-repeat;
  top: 10px;
  bottom: 0;
  left: 20px;
  width: 21px;
}

.fontSize-sm {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    padding: 0 0 0 20px;
    margin: 20px 0 5px;
}

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

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

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

.text-base {
  color: #2d76cd;
}

.text-link {
  color: #2d76cd;
}

.text-muted {
  color: #959595;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

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

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-32 {
  margin-right: 32px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-40 {
  margin-left: 40px;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* top */
.top-service-list {
  margin-bottom: 32px;
}
.top-service-list .ttl-blockHeader {
  margin-bottom: 1em;
}
.top-service-list ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.top-service-list li a {
  display: table;
  margin-top: 16px;
  margin-bottom: 16px;
}
.top-service-list .icon {
  display: none;
}
.top-service-list span {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
section.top-contact .borderBox {
  width: 100%;
  height: auto;
  text-align: center;
  border: none;
  padding: 0;
  margin: 0 auto 40px;
}
section.top-contact .borderBox p{
margin: 0 0 20px;
  text-align: center;
}
section.top-contact a.btn.btn-primary{
  margin: 0 0 20px;
}
section.top-contact .l-grid-contact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.top-contact .l-grid-contact .l-grid-contactCard {
  width: 48%;
}
section.top-contact .l-grid-contact .l-grid-contactCard>.borderBox {
  width: 100%;
  text-align: left;
}
section.top-contact .l-grid-contact .l-grid-contactCard>.borderBox dt.borderBox-ttl {
  border-bottom: 1px solid var(--color-bdr-main);
}
section.top-contact .l-grid-contact .l-grid-contactCard div.borderBox dl p {
  margin: 10px 0;
  padding: 0;
  text-align: left;
}
/* Manual detail */
.manual-body-container {
  border: 1px solid #e7e7e7;
  padding: 16px 0;
}
.manual-body-container h2 {
  padding: 20px 0 8px;
  margin: 0 20px 16px;
  font-size: 23px;
  border-bottom: 2px solid #e7e7e7;
  font-weight: normal;
  line-height: 1.4;
}
.manual-body-container h3 {
  margin: 0;
  padding: 20px 20px 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.manual-body-container h4, .manual-body-container h5 {
  margin: 0;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.manual-body-container h6 {
  margin: 0;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 1.4;
}
.manual-body-container p {
  margin: 0;
  padding: 4px 20px 8px 20px;
  color: #333;
}
.manual-body-container ul, .manual-body-container ol {
  margin: 0;
  padding: 0 40px 20px;
}
.manual-body-container li {
  color: #333;
}
.manual-body-container table {
  max-width: 100%;
  margin: 8px 16px 20px;
  color: #333;
}
.manual-body-container th, .manual-body-container td {
  padding: 4px 12px;
  border: 1px solid #e7e7e7;
}
.manual-body-container th {
  text-align: left;
  font-weight: normal;
  background: #f4f4f4;
}
.manual-body-container th p {
  padding: 0;
}
.manual-body-container .manual-img {
  max-width: 480px;
  padding: 1em 0 0;
  margin: 0 auto;
  text-align: center;
}
.manual-body-container img {
  max-width: 480px;
  height: auto;
}
.manual-body-container td p {
  padding: 0;
}
.manual-body-container td img {
  max-width: 88px;
  height: auto !important;
}
.manual-body-container td .manual-img {
  max-width: 88px;
  padding: 1em 0 0;
}
.manual-body-container td .manual-img img {
  max-width: 88px;
  height: auto !important;
}
.manual-body-container strong {
  font-weight: bold;
}
.manual-body-container em {
  color: #ef5763;
  font-style: normal;
}
.manual-body-container br {
  clear: both;
}
.manual-body-container dl {
  margin: 0;
}
.manual-body-container dt {
  margin: 16px 20px 4px 20px;
  padding: 0 0 0 8px;
  border-left: 3px solid #e7e7e7;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}
.manual-body-container dd {
  margin: 0;
  padding: 4px 20px 8px;
  color: #333;
}
.manual-body-container dd p {
  padding: 0;
}

.pre {
  margin: 16px 20px;
  padding: 8px 12px;
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  color: #333;
}
/*Inquiry*/
div#inquiry {
  max-width: 960px;
  margin: 0 auto;
}
div#inquiry .l-grid-04 {
  padding: 0 15px;
}
div#inquiry .l-grid-04 h4 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
#inquiry h3.ttl-contentsHeader {
    border: none;
}

/* Hint */
.hint_ja, .hint_en {
  width: auto;
  padding: 60px 10px 10px;
  margin: 16px 20px;
  border: 1px solid var(--color-main-accent);
  background-position: 16px 16px;
  background-repeat: no-repeat;
}

.hint_ja,
.hint_en {
  position: relative;
}
.hint_ja:after,
.hint_en:after {
  content: "POINT";
  position: absolute;
  top: 0px;
  left: 0;
  background: var(--color-main-accent);
  width: 115px;
  text-align: center;
  height: auto;
  font-size: 20px;
  color: #FFF;
}

.manual-drop {
  position: relative;
  float: right;
  width: 150px;
  margin-right: 16px;
  text-align: right;
  display: none;
}

.l-manual-drop {
  display: none;
  position: absolute;
  top: 38px;
  right: 0;
  width: 270px;
  border: 1px solid #e1e8ed;
  background: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 1px #ddd;
  -webkit-box-shadow: 0px 0px 1px #ddd;
  box-shadow: 0px 0px 1px #ddd;
  z-index: 9998;
}
.l-manual-drop .manual-drop-text {
  margin: 0;
  padding: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.l-manual-drop a {
  display: block;
  padding: 0 16px 8px;
}

.manual-item-survey {
  padding: 16px;
  background: #f6f8fa;
  text-align: center;
}
.manual-item-survey .survey-text {
  color: #333;
  margin: 0 0 8px;
}

/* Q&A detail */
.qa-link-list {
  list-style: none;
  margin: 16px;
  padding: 0;
}
.qa-link-list li {
  margin-bottom: 8px;
}
.qa-link-list a {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  font-size: 1.6rem;
}

.qa-item {
  margin-bottom: 56px;
}

.qa-item-ttl {
  margin: 1em 0 16px 0;
  font-weight: bold;
}

.qa-item-accent {
  margin-right: 8px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  color: var(--color-main-accent);
}

.qa-item-answer {
  overflow: hidden;
}
.qa-item-answer .qa-item-accent {
  float: left;
}

.qa-item-text {
  padding-left: 30px;
  color: #333;
}
.qa-item-text p {
  margin: 0;
  padding: 4px 20px 8px 0;
}
.qa-item-text ul, .qa-item-text ol {
  margin: 0;
  padding: 0 40px 20px 20px;
}
.qa-item-text table {
  max-width: 100%;
  margin: 8px 16px 20px;
  color: #333;
}
.qa-item-text th, .qa-item-text td {
  padding: 4px 12px;
  border: 1px solid #e7e7e7;
}
.qa-item-text th {
  text-align: left;
  font-weight: normal;
  background: #f4f4f4;
}

.qa-item-survey {
  padding: 8px 16px;
  background: #f6f8fa;
  text-align: right;
}
.qa-item-survey .survey-text {
  display: inline-block;
  margin-right: 24px;
  color: #333;
}
/*qa-detail*/
div#l-qa{
  float: none;
  max-width: 960px;
  margin: 40px auto 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
div#l-qa .l-sidebar {
  width: 200px;
  margin: 100px 60px 0 0;
}
div#l-qa .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm:before,
div#l-qa .l-sidebar h4.sidebar-ttl .icon-manual-sm:before,
div#inquiry .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm:before,
div#inquiry .l-sidebar h4.sidebar-ttl .icon-manual-sm:before{
  position: absolute;
  height: 15px;
  width: 18px;
  top: 5px;
  left: 0;
  content: "";
}
div#l-qa .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm,
div#l-qa .l-sidebar h4.sidebar-ttl .icon-manual-sm,
div#l-inquiry .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm,
div#l-inquiry .l-sidebar h4.sidebar-ttl .icon-manual-sm{
  position:relative;
}
div#l-qa .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm,
div#l-inquiry .l-sidebar section.sidebar h4.sidebar-ttl .icon-qa-sm{
  background-color: var(--color-main-accent);
  mask-image: url(/assets/images/front/icon_qa.svg);
  mask-repeat: no-repeat;
}
div#l-qa .l-sidebar h4.sidebar-ttl .icon-manual-sm,
div#l-inquiry .l-sidebar h4.sidebar-ttl .icon-manual-sm{
  background-color: var(--color-main-accent2);
  mask-image: url(/assets/images/front/icon_manual.svg) ;
  mask-repeat: no-repeat;
}
div#l-qa .l-sidebar .text-right a {
  color: #148290;
}
.l-qaWrap{
  width: calc( 100% - 220px);
}
.l-qaWrap .icon-qa-lg:before{
  position: absolute;
  background-color: var(--color-main-accent);
  mask-image: url(/assets/images/front/icon_qa.svg);
  mask-repeat: no-repeat;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 0;
  content: "";
}
.l-qaWrap .icon-qa-lg{
  position:relative;
}
.l-qaWrap .icon-qa-lg.ml-16 {
  margin: 0;
  font-weight: bold;
}
.l-qaWrap section.l-main-box>.borderBox {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  height: auto;
}
.l-qaWrap h3.ttl-contentsHeader{
  border-bottom: none;
}
.l-qaWrap h3.ttl-contentsHeader span{
  margin: 0;
}
.l-qaWrap section.l-main-box>.borderBox p{
  padding: 0 10px 0;
  margin: 20px 0 ;
  text-align: center;
}
.l-qaWrap section.l-main-box>.borderBox a{
  width: auto;
}

/*brand_id*/

/* div#l_brand_id h3.ttl-contentsHeader{
  border: none;
}
div#l_brand_id .top-contact>h3.ttl-contentsHeader{
  border-bottom: 1px solid var(--color-bdr-main);
}
div#l_brand_id .l-grid {
  margin: 0 0 30px 0;
  display: flex;
  justify-content: space-between;
}
div#l_brand_id .l-grid::before{
  display: none;
}
div#l_brand_id .l-grid .l-grid-04 ul.article-list {
  width: 98%;
}
div#l_brand_id .l-grid .l-grid-04 a.article-list-item::before {
  position: absolute;
  background: url(/assets/images/front/icon_q.svg) no-repeat;
  height: 15px;
  width: 18px;
  top: 12px;
  left: 8px;
  content: "";
}
div#l_brand_id .l-grid .l-grid-04 .article-list-item {
  font-size: 1.4rem;
  color: #333;
  padding: 8px 24px 8px 30px;
}
div#l_brand_id section.l-main-box .l-article p.text-right>a{
  color: #148290;
}
div#l_brand_id section.l-main-box .l-article h3 .icon-qa-lg::before,
div#l_brand_id>section.l-main-box>.l-article>h3>.icon-manual-lg::before {
  position: absolute;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 0;
  content: "";
}
div#l_brand_id section.l-main-box .l-article h3 .icon-qa-lg{
  width: 20px;
  position: relative;
}
div#l_brand_id section.l-main-box .l-article h3 .icon-qa-lg::before{
  background: url(/assets/images/front/icon_qa.svg) no-repeat;
}
div#l_brand_id section.l-main-box .l-article h4 .icon-pc,
div#l_brand_id section.l-main-box .l-article h4 .icon-sp{
  position: relative;
}
div#l_brand_id section.l-main-box .l-article h4 .icon-pc:before,
div#l_brand_id section.l-main-box .l-article h4 .icon-sp::before {
  position: absolute;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0px;
  left: 0;
  content: "";
}
div#l_brand_id section.l-main-box .l-article h4 .icon-pc:before{
  background: url(/assets/images/front/main_pc-black.svg) no-repeat;
}
div#l_brand_id section.l-main-box .l-article h4 .icon-sp:before {
  background: url(/assets/images/front/main_sp-black.svg) no-repeat;
}
div#l_brand_id section.top-contact a.btn.btn-primary{
  width: auto;
}
div#l_brand_id section.top-contact .ttl-contentsHeader{
  color: #222;
  margin-top: 1em;
  padding-bottom: 1em;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: normal;
}
div#l_brand_id section.top-contact h3.ttl-contentsHeader{
  border: none;
}
div#l_brand_id section.top-contact h3.ttl-contentsHeader .fontSize-sm {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: revert;
  padding: 0;
  margin: 20px 0 10px;
}
div#l_brand_id section.l-main-box h3.ttl-contentsHeader {
  border: none;
}
div#l_brand_id section.l-main-box>.borderBox .text-center>p {
  padding: 0 10px;
  text-align: center;
  margin: 0 0 20px;
}
div#l_brand_id section.l-main-box>.borderBox .text-center>a {
  width: auto;
} */

/* error */
.l-error {
  width: 100%;
}

.l-error-inner {
  width: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.l-error-inner:before {
    content: "";
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    margin: auto;
}

.l-error-ttl {
  padding-top: 200px;
}
/*requirements*/
div#l-requirements {
  max-width: 960px;
  margin: 0 auto;
}
/* Solutions */
.l-solutionsTitle {
  position: relative;
}

.l-solutionsTitle-inner {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
}

.underline {
  padding-bottom: 8px;
  border-bottom: 2px solid #e7e7e7;
}

.procedure {
  width: 100%;
}

.procedure_text {
  vertical-align: top;
  text-indent: -1em;
  padding-left: 2em;
}

.procedure_thumb {
  width: 180px;
  padding: 0;
}
.procedure_thumb a {
  display: block;
  position: relative;
  width: 180px;
  padding: 10px;
  text-align: center;
}
.procedure_thumb .icon-glass {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.procedure_thumb a:hover .icon-glass {
  background-position: 0 -21px;
}

.JSmessage {
  font-size: 23px;
  font-size: 2.3rem;
  text-align: center;
}
/*privacy*/
h2#service_privacy {
  border: none;
  color: #222;
}
.l-tos-container>h3{
  border-left: 2px solid var(--color-main-accent);
  border-bottom: none !important;
  padding: 4px 0 0 10px;
  margin: 60px 0 0;
  color: #222;
}
.l-tos-container>ul{
  list-style: none;
}
.l-tos-container>ul li::before {
    position: absolute;
    content: "";
    background: url(/assets/images/front/icon_arrow-right.svg) no-repeat;
    top: 6px;
    bottom: 0;
    left: -16px;
    width: 7px;
}
.l-tos-container>ul li{
  margin: 0 0 10px 0;
  position: relative;
  color: #333;
}
.l-tos-container ol {
    border: 1px solid #C2D0CD ;
    width: 96%;
    margin-left: auto;
    padding: 0;
}
/*inquiry*/
div#l-inquiry {
  float: none;
  max-width: 960px;
  margin: 40px auto 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
div#l-inquiry .l-inquiryWrap {
  width: 100%;
}
div#l-inquiry .borderBox{
  margin: 0 16px 20px;
}