@charset "UTF-8";

html {
  margin-top: 0 !important;
}


/***padding,margin***/
.mt-15 {
  margin-top: 15px;
}


.content {
  overflow: hidden; }
.p-topVisual img { width: 100%; }
@media screen and (min-width: 769px) {
  .text-center { text-align: center !important; }
}
@media screen and (min-width: 1000px) {
  .sp-only { display: none !important; }
}
@media screen and (max-width: 999px) {
  .pc-only { display: none !important; }
}
@media screen and (min-width: 431px) {
  .sp-only_min { display: none !important; }
}
@media screen and (max-width: 430px) {
  .sp-only { display: none !important; }
}

@media screen and (max-width: 768px){
.br-pc {display: none; }}
.mv-btn {
    position: absolute;
    left: 3.5%;
    width: 34%;
    padding-top: 40%;
    max-width: 600px;}
.btn--mv { letter-spacing: 2px;}
.btn2 {
  display: block;
  padding: 3%;
  margin: 30px auto 0;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  border-radius: 10px;
  background: #FF9900;
  border: 1px solid transparent;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);}
.btn2:hover {
  color: #FF9900;
  background: #fff;
  border: 1px solid #FF9900;}
.fa-download {
    margin-right: 8px;
}

@media screen and (max-width: 1024px) {
.mv-btn {
    left: 2.4%;
    width: 37%;
    padding-top: 37%;}    
.btn--mv{ top: -135px;}
.btn2 {
    padding: 11px 0;
    line-height: 1.25;}
.dl_btn_txt_top {font-size: 0.9em;}
.dl_btn_txt { font-size: 1.2em!important;}}

@media screen and (max-width: 768px) {
.mv-btn {
    position: absolute;
    left: 5%;
    width: 90%;
    max-width: inherit;
    padding-top: 102%;}    
.btn--mv{ top: -135px;}
.btn2 {
    padding: 20px 0;
    line-height: 1.25;}
.dl_btn_txt_top {font-size: 0.9em;}
.dl_btn_txt { font-size: 1.3em!important;}}

@media screen and (max-width: 510px) {
.mv-btn {
    position: absolute;
    left: 5%;
    width: 90%;
    padding-top: 98%;}    
.btn--mv{ top: -135px;}
.btn2 {
    padding: 7px 0;
    line-height: 1.25;}
.dl_btn_txt_top {font-size: 0.9em;}
.dl_btn_txt { font-size: 1.2em!important;}}

@media screen and (max-width: 320px) {
.mv-btn {
    position: absolute;
    left: 5%;
    width: 90%;
    padding-top: 85%;}}

.logo img {
  width: 92px;
  padding: 18px 5px; }

#global-head {
  position: fixed;
  top: 0;
  left: 0;
  color: #000;
  width: 100%;
  height: 60px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 1024px) {
    #global-head {
      display: -ms-flexbox;
      display: flex; }}
html {
    scroll-behavior: smooth;
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }
*, ::before, ::after {box-sizing: inherit; }
::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit; }
* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0; }
audio:not([controls]) {
  display: none;
  height: 0; }
hr {overflow: visible; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block; }
summary {display: list-item; }
small {font-size: 80%; }
[hidden], template {display: none; }
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
a:active, a:hover {
  outline-width: 0; }
code, kbd, pre, samp {font-family: monospace,monospace; }
b, strong {font-weight: bolder; }
dfn {font-style: italic; }
mark {
  background-color: #ff0;
  color: #000; }
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
sub {bottom: -0.25em; }
sup {top: -0.5em; }
input {border-radius: 0; }
button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
  cursor: pointer; }
textarea {
  overflow: auto;
  resize: vertical; }
button, input, optgroup, select, textarea {font: inherit; }
button {overflow: visible; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0; }
button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }
button, select {text-transform: none; }
button, input, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }
select::-ms-expand {display: none; }
select::-ms-value {color: currentColor; }
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }
progress {vertical-align: baseline; }
svg:not(:root) {overflow: hidden; }
audio, canvas, progress, video {display: inline-block; }
@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

[aria-busy="true"] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }
html {
  height: 100%;
  font-size: 62.5%;
  font-size: 10px; }
body {
/*    font-family: 'Noto Sans JP', sans-serif;*/
height: 100%;
    
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    
/*  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  color: #615957;
  font-size: 1.5rem;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%; }

*, h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
  font-size: inherit; }

p { font-size: 17px;}
@media screen and (max-width: 768px) {
    p { font-size: inherit;}
}

h1, h2, h3, h4 {
  line-height: 1.25;
  letter-spacing: 1px; }

ul, li {
  list-style: none; }

a {
  text-decoration: none;
  transition: all .1s; }

img {
  vertical-align: bottom;
  border: 0px;
  max-width: 100%;
  height: auto; }

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

p:not(:last-child) {
  margin-bottom: 20px; }

.text-center { text-align: center !important;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.lh-0 { line-height: 0 !important;}
.lh-1 { line-height: 1 !important;}
.lh-125 { line-height: 1.25 !important;}
.lh-15 { line-height: 1.5 !important;}
.lh-2 { line-height: 2 !important;}
.m-0 { margin: 0 !important;}
.mt-0 { margin-top: 0 !important;}
.mr-0 { margin-right: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}
.ml-0 { margin-left: 0 !important;}
.m-05 { margin: 0.25rem !important;}
.mt-05 { margin-top: 0.25rem !important;}
.mr-05 { margin-right: 0.25rem !important;}
.mb-05 {  margin-bottom: 0.25rem !important;}
.ml-05 { margin-left: 0.25rem !important;}

.m-1 {
  margin: 0.5rem !important; }

.mt-1 {
  margin-top: 0.5rem !important; }

.mr-1 {
  margin-right: 0.5rem !important; }

.mb-1 {
  margin-bottom: 0.5rem !important; }

.ml-1 {
  margin-left: 0.5rem !important; }

.m-2 {
  margin: 1rem !important; }

.mt-2 {
  margin-top: 1rem !important; }

.mr-2 {
  margin-right: 1rem !important; }

.mb-2 {
  margin-bottom: 1rem !important; }

.ml-2 {
  margin-left: 1rem !important; }

.m-3 {
  margin: 1.5rem !important; }

.mt-3 {
  margin-top: 1.5rem !important; }

.mr-3 {
  margin-right: 1.5rem !important; }

.mb-3 {
  margin-bottom: 1.5rem !important; }

.ml-3 {
  margin-left: 1.5rem !important; }

.m-4 {
  margin: 2rem !important; }

.mt-4 {
  margin-top: 2rem !important; }

.mr-4 {
  margin-right: 2rem !important; }

.mb-4 {
  margin-bottom: 2rem !important; }

.ml-4 {
  margin-left: 2rem !important; }

.m-5 {
  margin: 2.5rem !important; }

.mt-5 {
  margin-top: 2.5rem !important; }

.mr-5 {
  margin-right: 2.5rem !important; }

.mb-5 {
  margin-bottom: 2.5rem !important; }

.ml-5 {
  margin-left: 2.5rem !important; }

.m-6 {
  margin: 3rem !important; }

.mt-6 {
  margin-top: 3rem !important; }

.mr-6 {
  margin-right: 3rem !important; }

.mb-6 {
  margin-bottom: 3rem !important; }

.ml-6 {
  margin-left: 3rem !important; }

.m-7 {
  margin: 3.5rem !important; }

.mt-7 {
  margin-top: 3.5rem !important; }

.mr-7 {
  margin-right: 3.5rem !important; }

.mb-7 {
  margin-bottom: 3.5rem !important; }

.ml-7 {
  margin-left: 3.5rem !important; }

.m-8 {
  margin: 4rem !important; }

.mt-8 {
  margin-top: 4rem !important; }

.mr-8 {
  margin-right: 4rem !important; }

.mb-8 {
  margin-bottom: 4rem !important; }

.ml-8 {
  margin-left: 4rem !important; }

.m-9 {
  margin: 4.5rem !important; }

.mt-9 {
  margin-top: 4.5rem !important; }

.mr-9 {
  margin-right: 4.5rem !important; }

.mb-9 {
  margin-bottom: 4.5rem !important; }

.ml-9 {
  margin-left: 4.5rem !important; }

.m-10 {
  margin: 5rem !important; }

.mt-10 {
  margin-top: 5rem !important; }

.mr-10 {
  margin-right: 5rem !important; }

.mb-10 {
  margin-bottom: 5rem !important; }

.ml-10 {
  margin-left: 5rem !important; }

.m-11 {
  margin: 5.5rem !important; }

.mt-11 {
  margin-top: 5.5rem !important; }

.mr-11 {
  margin-right: 5.5rem !important; }

.mb-11 {
  margin-bottom: 5.5rem !important; }

.ml-11 {
  margin-left: 5.5rem !important; }

.m-12 {
  margin: 6rem !important; }

.mt-12 {
  margin-top: 6rem !important; }

.mr-12 {
  margin-right: 6rem !important; }

.mb-12 {
  margin-bottom: 6rem !important; }

.ml-12 {
  margin-left: 6rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.p-05 {
  padding: 0.25rem !important; }

.pt-05 {
  padding-top: 0.25rem !important; }

.pr-05 {
  padding-right: 0.25rem !important; }

.pb-05 {
  padding-bottom: 0.25rem !important; }

.pl-05 {
  padding-left: 0.25rem !important; }

.p-1 {
  padding: 0.5rem !important; }

.pt-1 {
  padding-top: 0.5rem !important; }

.pr-1 {
  padding-right: 0.5rem !important; }

.pb-1 {
  padding-bottom: 0.5rem !important; }

.pl-1 {
  padding-left: 0.5rem !important; }

.p-2 {
  padding: 1rem !important; }

.pt-2 {
  padding-top: 1rem !important; }

.pr-2 {
  padding-right: 1rem !important; }

.pb-2 {
  padding-bottom: 1rem !important; }

.pl-2 {
  padding-left: 1rem !important; }

.p-3 {
  padding: 1.5rem !important; }

.pt-3 {
  padding-top: 1.5rem !important; }

.pr-3 {
  padding-right: 1.5rem !important; }

.pb-3 {
  padding-bottom: 1.5rem !important; }

.pl-3 {
  padding-left: 1.5rem !important; }

.p-4 {
  padding: 2rem !important; }

.pt-4 {
  padding-top: 2rem !important; }

.pr-4 {
  padding-right: 2rem !important; }

.pb-4 {
  padding-bottom: 2rem !important; }

.pl-4 {
  padding-left: 2rem !important; }

.p-5 {
  padding: 2.5rem !important; }

.pt-5 {
  padding-top: 2.5rem !important; }

.pr-5 {
  padding-right: 2.5rem !important; }

.pb-5 {
  padding-bottom: 2.5rem !important; }

.pl-5 {
  padding-left: 2.5rem !important; }

.p-6 {
  padding: 3rem !important; }

.pt-6 {
  padding-top: 3rem !important; }

.pr-6 {
  padding-right: 3rem !important; }

.pb-6 {
  padding-bottom: 3rem !important; }

.pl-6 {
  padding-left: 3rem !important; }

.p-7 {
  padding: 3.5rem !important; }

.pt-7 {
  padding-top: 3.5rem !important; }

.pr-7 {
  padding-right: 3.5rem !important; }

.pb-7 {
  padding-bottom: 3.5rem !important; }

.pl-7 {
  padding-left: 3.5rem !important; }

.p-8 {
  padding: 4rem !important; }

.pt-8 {
  padding-top: 4rem !important; }

.pr-8 {
  padding-right: 4rem !important; }

.pb-8 {
  padding-bottom: 4rem !important; }

.pl-8 {
  padding-left: 4rem !important; }

.p-9 {
  padding: 4.5rem !important; }

.pt-9 {
  padding-top: 4.5rem !important; }

.pr-9 {
  padding-right: 4.5rem !important; }

.pb-9 {
  padding-bottom: 4.5rem !important; }

.pl-9 {
  padding-left: 4.5rem !important; }

.p-10 {
  padding: 5rem !important; }

.pt-10 {
  padding-top: 5rem !important; }

.pr-10 {
  padding-right: 5rem !important; }

.pb-10 {
  padding-bottom: 5rem !important; }

.pl-10 {
  padding-left: 5rem !important; }

.p-11 {
  padding: 5.5rem !important; }

.pt-11 {
  padding-top: 5.5rem !important; }

.pr-11 {
  padding-right: 5.5rem !important; }

.pb-11 {
  padding-bottom: 5.5rem !important; }

.pl-11 {
  padding-left: 5.5rem !important; }

.p-12 {
  padding: 6rem !important; }

.pt-12 {
  padding-top: 6rem !important; }

.pr-12 {
  padding-right: 6rem !important; }

.pb-12 {
  padding-bottom: 6rem !important; }

.pl-12 { padding-left: 6rem !important; }
.m-auto { margin: auto !important; }
.mt-auto,
.my-auto { margin-top: auto !important;}
.mr-auto,
.mx-auto { margin-right: auto !important;}
.mb-auto,
.my-auto { margin-bottom: auto !important;}
.ml-auto,
.mx-auto { margin-left: auto !important;}
#sidebar {
  top: 0;
  right: 0;
  height: 60px;
  position: fixed;
  color: #000;
  z-index: 100; }
@media screen and (max-width: 1024px) {
    #sidebar {
      right: -300px;
      top: 0;
      height: 100%;
      width: 300px;
      background: #fff;
      transition: .35s ease-in-out;
      text-align: center;
      padding-top: 70px;
      z-index: 300; }}

@media screen and (min-width: 1025px) {
#global-nav { padding: 10px 10px 0; }}

.gnav-list {
  margin-left: 0; }
  .gnav-list__item {
    position: relative;
    padding: 5px;
    overflow: hidden; }
    .gnav-list__item:hover:before, .gnav-list__item:focus:before, .gnav-list__item:active:before {
      transform: translateY(0); }
    .gnav-list__item > a {
      color: #615957;
      font-weight: bold;
      text-decoration: none;
      display: block;
      padding: 15px 0;
      line-height: 1;
      transition: all .3s linear; }
      .gnav-list__item > a:hover {
        opacity: 0.6; }
      .gnav-list__item > a#navi06, .gnav-list__item > a#navi07 {
        text-align: center;
        padding: 0 30px;
        border-radius: 6px;
        height: 40px;
        line-height: 40px; }
      .gnav-list__item > a#navi06 {
        color: #fff;
        background: #FF9900; }
      .gnav-list__item > a#navi07 {
        background: #f6f936;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px; }
      .gnav-list__item > a#navi07 img{
        width: 20px;
        height: 20px;
        }
  @media screen and (min-width: 1025px) {
    .gnav-list {
      display: -ms-flexbox;
      display: flex; }
      .gnav-list__item {
        font-size: 14px;
        padding: 0 8px 0; }
        .gnav-list__item:last-child {
          padding: 0; } }

/* nav-toggle */
#nav-toggle {
  display: none;
  position: fixed;
  top: 22px;
  right: 15px;
  height: 32px; }
  #nav-toggle > div {
    position: relative;
    width: 32px; }
  #nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #36a0f9;
    position: absolute;
    transition: .35s ease-in-out; }
    #nav-toggle span:nth-child(1) {
      top: 0; }
    #nav-toggle span:nth-child(2) {
      top: 10px; }
    #nav-toggle span:nth-child(3) {
      top: 20px; }
  @media screen and (max-width: 1024px) {
    #nav-toggle {
      display: block;
      z-index: 400; } }

#overlay {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all .3s;
  z-index: 200; }

@media screen and (max-width: 1024px) {
  #main-in { padding-left: 0;}
/*
  .open {
    overflow: hidden; }
*/
    .open #overlay {
      display: block; }
    .open #sidebar {
      transform: translate3d(-300px, 0, 0); }
    .open #nav-toggle span:nth-child(1) {
      top: 11px;
      transform: rotate(45deg); }
    .open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%; }
    .open #nav-toggle span:nth-child(3) {
      top: 11px;
      transform: rotate(-45deg); }}


.float-btns {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 100; }
  @media screen and (min-width: 769px) {
    .float-btns { display: none; }}

.float-btn {
  display: -ms-flexbox;
  display: flex; }
  .float-btn__item {
    width: 50%; }
  .float-btn__link {
    display: block;
    padding: 38px 15px 10px;
    font-size: 13px;
    text-align: center;
    text-decoration: none; }
    .float-btn__link--tel {
      background: #FF9900 url(../images/icon_download.svg) no-repeat center 8px/20px;
      color: #fff; }
    .float-btn__link--ctt {
      background: #f6f936 url(../images/yen.webp) no-repeat center 8px/20px;
      color: #000; }

.container {
  padding: 80px 0; }
  .container--tsm {
    padding-top: 40px; }

.container_problem {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .container { 
    padding: 60px 0; 
  }
  .container_problem {
    padding-bottom: 60px;
}
}
.inner {
  max-width: 1084px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px; }
.inner--lg { max-width: 1240px; }
.inner--sm { max-width: 980px; }
.inner--xs { max-width: 680px; }

@media screen and (max-width: 999px) {
  .inner {
    padding-left: 50px;
    padding-right: 50px; }
}
/************************ 下記　hp1に追記内容　ここから ************************/
.inner_01 {
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px; 
}
.p_none{
  padding-top: 0;
}
.p--flex{
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .p--flex{
    padding: 20px 0;
  }
}

/************************ 下記　hp1に追記内容　ここまで ************************/
@media screen and (max-width: 768px) {
    .inner {
      max-width: 730px;
      padding-left: 10px;
      padding-right: 10px; }}
.sepper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px; }
@media screen and (max-width: 999px){
  .sepper {
    flex-direction: column-reverse;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  .sepper .sepper__box--2 {
    width: 100%;
  }
  .flex_dl-only {
    flex-direction: column !important; 
  }
}
  .sepper--reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .sepper .sepper__box--2 {
    width: calc( 100% / 2);
    margin-top: 30px;
    padding-left: 12px;
    padding-right: 12px; }
  .sepper .sepper__box--3 {
    width: calc( 100% / 3);
    margin-top: 30px;
    padding-left: 12px;
    padding-right: 12px; }
  .sepper .sepper__box--4 {
    width: calc( 100% / 4);
    margin-top: 30px;
    padding-left: 12px;
    padding-right: 12px; }
  @media screen and (max-width: 999px){
    .sepper .sepper__box--2 {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .sepper {
      margin-left: -5px;
      margin-right: -5px; }
      .sepper .sepper__box--2 {
        width: calc( 100% / 2);
        margin-top: 30px;
        padding-left: 5px;
        padding-right: 5px; }
      .sepper .sepper__box--3 {
        width: calc( 100% / 3);
        margin-top: 30px;
        padding-left: 5px;
        padding-right: 5px; }
      .sepper .sepper__box--4 {
        width: calc( 100% / 4);
        margin-top: 30px;
        padding-left: 5px;
        padding-right: 5px; } }
  @media screen and (min-width: 769px) {
    .sepper .sepper__box--2:nth-child(-n+2) {
      margin-top: 0; }
    .sepper .sepper__box--3:nth-child(-n+3) {
      margin-top: 0; } }

@media screen and (min-width: 769px) and (min-width: 1025px) {
  .sepper .sepper__box--4:nth-child(-n+4) {
    margin-top: 0; } }

@media screen and (min-width: 769px) and (max-width: 768px) {
  .sepper .sepper__box--2,
  .sepper .sepper__box--3 {
    width: calc( 100% / 2); }
    .sepper .sepper__box--2:nth-child(-n+2),
    .sepper .sepper__box--3:nth-child(-n+2) {
      margin-top: 0; } }
  @media screen and (max-width: 1024px) {
    .sepper .sepper__box--4 {
      width: calc( 100% / 2);
      margin-top: 30px; }
      .sepper .sepper__box--4:nth-child(-n+2) { margin-top: 0; }}
  @media screen and (max-width: 768px) {
    .sepper .sepper__box--2,
    .sepper .sepper__box--3 {
      width: 100%; }
      .sepper .sepper__box--2:first-child,
      .sepper .sepper__box--3:first-child {
        margin-top: 0; }}

.font-xxl { font-size: 5.2rem; }
.font-xl { font-size: 3.2rem; }
.font-lg { font-size: 2rem; }
.font-md { font-size: 1.6rem; }
.font-sm { font-size: 1.4rem; }
.font-xs { font-size: 1.2rem; }
.font-xxs { font-size: 1rem; }

@media screen and (max-width: 768px) {
.font-xxl { font-size: 4rem; }
.font-xl { font-size: 2.4rem; }
.font-lg { font-size: 1.8rem; }
.font-md { font-size: 1.4rem; }
.font-sm { font-size: 1.2rem; }
  .font-xs,
  .font-xxs { font-size: 1rem; }}

.font-normal { font-weight: normal !important; }
.font-bold { font-weight: bold !important;}
.bg-w { background: #fff !important;}
.bg-gray { background: #e3e3e3 !important;}
.bg-light { background: #f3f3f3 !important;}
.bg-bk { background: #000 !important;}
.bg-primary {
  background: #36a0f9 !important;
  color: #fff;}
.bg-dark {
  background: #0054af !important;
  color: #fff;}
.color-bk { color: #000 !important;}
.color-w { color: #fff !important;}
.color-primary { color: #36a0f9 !important;}
.color-orange { color: #FF9900 !important;}
.color-dark { color: #0054af !important;}
.form {
  max-width: 900px;
  margin: 0 auto;
  height: 950px;
}
.sec-ttl {
  line-height: 1.5;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;}
.sec-ttl:after {
    content: "";
    display: block;
    margin: 15px auto 30px;
    width: 70px;
    height: 2.5px;
    background: #3CA0F9;}
.bg-primary .sec-ttl:after { background: #fff;}
.sec-ttl--left { text-align: left;}
.sec-ttl--left:after { margin-left: 0;}
.sec-ttl--sm { font-size: 2.4rem;}
.sec-ttl--sm:after { margin: 20px 0 15px;}
.cts-ttl {
  font-size: 3.2rem;
  margin: 10px 0 20px;
  line-height: 1.5em;}
@media screen and (max-width: 768px) {
.sec-ttl { font-size: 2rem;}
.cts-ttl {
      font-size: 2.2rem;
      text-align: center; }}
.cts-ttl2 {
  font-size: 2.8rem;
  margin: 0 0 20px;}

/************************ 下記　hp1に追記内容　ここから ************************/
.p_flex{
  padding: 40px 0;
}

.sec-ttl01{
  line-height: 1.8;
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
}
.sec-ttl01 .risk{
  padding: 30px 0;
}
.sec-ttl01 .b_red,.sec-ttl02 .b_red{
  color: #F73636;
  font-weight: bold;
}
.sec-ttl01 .fs_01{
  font-size: 4rem;
}
.sec-ttl02{
  line-height: 1.8;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
}
.bg-y{
  margin: 30px 0;
  padding: 20px 0;
  background-color: #FBFFD0;
}
.plan-box__cts .bottom_line:after{
  content: "";
  display: block;
  margin-top: 15px;
  width: 70px;
  height: 2px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .p_flex{
    padding: 35px 0 45px;
  }
  .sec-ttl01{
    font-size: 1.5rem;
  }
  .sec-ttl01 .fs_01{
    font-size: 2.3rem;
  }
  .risk{
    font-size: 1.7rem;
  }
  .form{
    height: 710px;
  }
  .scroll-infinity__item--text img {
    scale: 2.5;
  }
}
@media screen and (max-width: 1024px) {
  .form_sp{
    margin: 20px;
    height: 760px;
  }
  .form_sp .form{
    padding: 20px;
    background: #36a0f9;
    height: 100%;
    border-radius: 5px;
  }
  .form_sp .form #formArea{
    height: 720px;
    border-radius: 5px;
  }
}
@media screen and (min-width: 1025px) {
  .form_sp{
    display: none;
  }
}

/************************ 下記　hp1に追記内容　ここまで ************************/

@media screen and (max-width: 768px) {
.cts-ttl2 { font-size: 2.2rem; }}
.ttl-lg { font-size: 4.5rem;}
.sec-intro {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  text-align: center;}
.sec-intro2 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  text-align: center;}
  @media screen and (max-width: 768px) {
.sec-intro { text-align: center;} 
.sec-intro2 { text-align: center;}}

.btn {
  position: relative;
  display: block;
  max-width: 310px;
  padding: 20px 0;
  margin: 30px auto 0;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
  color: #fff;
  border-radius: 5px;
  background: #FF9900;
  border: 1px solid transparent;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); }
  .btn:hover {
    color: #FF9900;
    background: #fff;
    border: 1px solid #FF9900; }

.btn-top {
    max-width: 350px;
  position: relative;
  margin: 10px auto 0;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
    
      display: block;
    padding: 0.9em 2em;
  color: #36a0f9;
  border: solid 2px #36a0f9;
  border-radius: 8px;
  transition: .4s;
}
.btn-top:hover {
  background: #36a0f9;
  color: white;
}

.btn-center {
    margin: 40px auto 0;
    max-width: 350px;
    position: relative;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 0.9em 2em;
    color: #36a0f9;
    border: solid 2px #36a0f9;
    border-radius: 8px;
    transition: .4s;
}

.btn-center:hover {
  background: #36a0f9;
  color: white;
}


  .btn--pri {
    color: #fff;
    background: #36a0f9; }
    .btn--pri:hover {
      color: #36a0f9; }
  .btn--dark {
    color: #fff;
    background: #0054af; }
    .btn--dark:hover {
      color: #0054af;
      border: 1px solid #fff; }
  .btn--wh {
    color: #36a0f9;
    border: 1px solid #fff;
    background: #fff; }
    .btn--wh:hover {
      color: #fff;
      border: 2px solid #fff;
      background: #36a0f9; }
  .btn--yellow {
      color: #0054af;
  border-radius: 5px;
  background: #f6f936; }
  .btn--sm {
    width: 120px;
    padding: 8px;
    margin-top: 10px; }
  @media screen and (min-width: 769px) {
    .btn--pc-left {
      margin-left: 0; } }
  .btn--left {
    margin-left: 0; }
  .btn--sub {
    width: 340px;
    max-width: 100%;
    margin-top: 40px;
    padding: 28px 0;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 2px;
    color: #fff;
    border-radius: 200px;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 768px) {
 .btn--sub {
        width: 260px;
        margin-top: 20px;
        padding: 20px 0;
        font-size: 15px; }}

.check-list {
  font-size: 2.5rem;
  line-height: 2; }
  .check-list > li {
    position: relative;
    padding-left: 40px; }
    .check-list > li:after {
      display: block;
      content: '';
      position: absolute;
      top: 18px;
      left: 4px;
      width: 20px;
      height: 12px;
      border-left: 6px solid #36a0f9;
      border-bottom: 4px solid #36a0f9;
      transform: rotate(-45deg); }
  @media screen and (max-width: 768px) {
    .check-list {
      font-size: 1.6rem; }}
.slick_work {
  margin: 40px 0;
  text-align: center;}
  .slick_work img {
    width: 90%;
    margin: 0 auto 2rem;}
.slick-slide {
  outline: none;}

/*課題サポート*/
#support {margin-top: 20px;}
.support-box__intro {
  position: relative;
    width: 95%;
    margin: 0 auto;
    height: auto;
}
.support-img {
/*    height: 210px;*/
}
.support-img img {
        object-fit :cover;
    }
.support-box__intro img {margin-bottom: 10px;
padding-right: 10px;}
.support-box__img {
    width: 50%;
    margin-left: auto;
}
.support-box__img02 {width: 50%;}
.support-box__intro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    height: 100%;
}
.support-box__intro--txt {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 2.2rem;
    color: #fff;
    font-weight: bold; }
.support-box__body {
    text-align: center;
    background-color: #fff;
  padding: 15px;
  color: inherit; }
.support-textbox {
    position: absolute;
    width: 510px;
      background: rgba(255,255,255,0.8);
    padding: 20px 40px;
    margin-top: 20px;
    margin-left: 20px;
}
.support-textbox02 {
    position: absolute;
    width: 510px;
    background: rgba(255,255,255,0.8);
    padding: 20px 40px;
    margin-top: 20px;
    right: 120px;
}
.support-cts-ttl {
    line-height: 2.5em;
    font-size: 1.5em;
    text-align: center;
}
.sepper__box--2 iframe {
  height: 950px;
}
@media screen and (max-width: 768px) {
  .sepper__box--2 .form {
    width: 342px;
  }
}
@media screen and (max-width: 769px) {
#support {margin-top: 0px; }
.sepper__box--3 {width: calc( 100% / 1);}
.sepper .sepper__box--3 {
    width: calc( 100% / 1)!important;
}  
.support-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%; }
.support-img {
    width: 310px;
    margin: auto;
}}

.support-box__body {
  -ms-flex-positive: 2;
      flex-grow: 2; }





/*こんなお悩み*/
.trouble {position: relative;}
.component.border hr.type02 {
    border: 0;
    border-bottom: 1px dashed #aaa;
}
.p-problem {
    background-color: #f5f5f5;
    text-align: center;
}
.c-wrapper-type1 {
    position: relative;
    padding: 4em 0;
    font-size: 1.6rem;
}

.c-wrapper-type1.has-arrow {
    z-index: 1;
}

.c-heading-type1 {
    margin-bottom: 1em;
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center;}

.c-heading-type1 em {
    font-size: 4.5rem;
    line-height: 1.7em;}

.u-emphasis4 { color: #36a0f9!important;}

em {
    font-style: normal;
    font-weight: 700;}

.slash {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
    font-size: 0.7em;
}

.slash span {
    color: #36a0f9;
    margin-left: 10px;
    font-size: 1.8em;
    margin-top: -12px;
    margin-right: 5px;
}

.slash::before,
.slash::after {
  content: "";
  width: 46px;
  height: 4px;
  background-color: #36a0f9;
  margin: 16px 4px 4px;
}
 
.slash::before {
  transform: rotate(45deg);
}
 
.slash::after {
  transform: rotate(-45deg);
}

.p-problem-list {
    display: inline-block;
    font-size: 2.8rem;
    line-height: 2.2em;
    background-color: #fff;
    padding: 15px 160px;
    border-radius: 30px;
    position: relative;
}
.p-problem-img {
  position: absolute;
  max-width: 180px;
}
.problem-man {
  top: 50%;
  right: -3%;
}
.problem-woman {
  top: 51%;
  left: -2%;
}

.p-problem-list li {
    margin-bottom: 0.6em;
    margin-top: 0.6em;
    text-align: left;
    font-size: 0.9em;
    margin-left: 20px;
　　/*  transform: scale(1.2, 1);*/
}

.u-icon-check2 span {
    font-weight: bold;
    color: #36a0f9;
    font-size: 1.3em;
    margin: 0 7px;
}

.u-icon-check2:before {
    width: 40px;
    height: 40px;
    background: url(../images/check-icon.svg) no-repeat;
}

.u-icon-check2:before {
    display: inline-block;
    margin: -0.25em 1em 0 0;
    line-height: 1;
    vertical-align: middle;
    content: "";
}

.c-wrapper-type1.has-arrow:after {
    border-top-color: #f5f5f5!important;
    display: block;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 40px 55px 0;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -55px;
}

.c-wrapper-type2 {
    position: relative;
    margin: 0 auto;
    padding: 4em 0;
}

.c-heading-type1 {
    margin-bottom: 1em;
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center;
}

.c-table {
    display: table;
    width: 100%;
}

.c-widget {
    margin: 30px 0;
}

.c-dl-type2 {
    text-align: center;
}

.c-table-col3 {
    display: table-cell;
    width: 33.33%;
}

.c-dl-type2 dt {
    font-size: 1.8rem;
    font-weight: 700;
}

.c-dl-type2 dt, .c-dl-type2 img {
    margin-bottom: 0.5em;
}

.u-emphasis4 {
    color: #36a0f9!important;
}

.c-dl-type2 {
    text-align: center;
}

.c-dl-type2 dt, .c-dl-type2 img {
    margin-bottom: 0.5em;
}




@media screen and (max-width: 768px) {
    .c-heading-type1 em {
    font-size: 4rem;
    line-height: 1.5em;
    }    
    
.p-problem-list {
    padding: 0 20px;
    font-size: 2rem;
    }
.u-icon-check2:before {
    width: 30px;
    height: 30px;
    }
    
.slash {
    display: block;
    line-height: 1.4;
    font-size: 0.7em;
}
        
.slash span {
    font-size: 2em;
}
    
    .p-problem-list li {
        font-size: 0.8em;
        margin-bottom: 1.4em;
    margin-top: 1.4em;
}
     
    .p-problem-list li {
    margin-left: 0px;
        line-height: 1.9em;
}
    
    .u-icon-check2:before {
    margin: -0.25em 0.5em 0 0;
}
    
    .u-icon-check2 span {
    font-size: 1.2em;
    margin: 0;
} 
}
@media screen and (max-width: 1024px) {
  .p-problem-list {
    font-size: 2rem;
    line-height: 2.2em;
    padding: 10px 50px;
  }
  .u-icon-check2 span {
    font-size: 1em;
    margin: 0 3px;
  }
  .p-problem-img {
    max-width: 120px;
  }
  .problem-man {
    right: -10%;
  }
  .problem-woman {
    left: -10%;
  }
}
@media screen and (max-width: 768px) {
  .p-problem-list {
    font-size: 2rem;
    line-height: 2.2em;
    padding: 10px 50px;
  }
  .u-icon-check2 span {
    font-size: 1em;
    margin: 0 3px;
  }
  .p-problem-img {
    max-width: 100px;
  }
  .problem-man {
    top: 62%;
    right: -10%;
  }
  .problem-woman {
    top: 63%;
    left: -10%;
  }
}
@media screen and (max-width: 439px) {
  .c-heading-type1 em {
    font-size: 3rem;
  }
  .u-icon-check2:before {
    width: 20px;
    height: 20px;
  }
  .p-problem-list {
    padding: 10px 30px;
    margin: 0 15px;
  }
  .p-problem-img {
    max-width: 80px;
  }
  .problem-man {
    top: 89%;
    right: 2%;
  }
  .problem-woman {
    top: 89.3%;
    left: 59%;
  }
}

/*トップキャッチ*/
.cts-ttl {
    font-size: 3.4rem;
    margin: 10px 0 20px;
    line-height: 1.4em;
}
.cts-ttl span{color: #36a0f9;}

.solution-inner {margin-top: 80px;}
.sepper-solution-top {
    display: flex;
    flex-direction: row;
    margin-left: -12px;
    margin-right: -12px;
    margin: auto;
    height: 400px;
}

.sepper-solution {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    margin: auto;
    height: 400px;
}

.sepper-solution-txt {
    width: 430px;
    margin-top: 25px;
    margin-left: 160px;
}

.sepper-solution-txt2 {
    width: 410px;
    margin-left: 110px;
    margin-top: 35px;
}

.solution-box__img {
    width: 52%;
        background-image: url(../images/179.png);
    margin-left: auto;
        background-size: cover;
    background-position: 0px -90px;
}

.solution-box2__img {
    width: 52%;
    background-image: url(../images/marketing.png);
    background-size: cover;
}
.seo-img {
    margin-left: 19%;
    margin-top: 52px;
}
.sec space {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
}

/*トップキャッチ スマホ*/
@media screen and (max-width: 768px){
    
    .seo-img {
    margin-left: 30px;
    margin-top: 42px;
}
    
    .cts-ttl {
        margin: 0px 0 10px;
        font-size: 2.5rem;
    }
    
    .solution--inner {
        margin-top: 50px;
}
#top-catch {
    padding: 0px;    
    } 
    
.sepper-solution {
    display: block;
}
    
.sepper-solution-top {
    flex-direction: column-reverse;
}
    
.sepper-solution-top {
        height: auto;
    }
    
.sepper-solution-txt {
    width: 100%;
    margin: 30px 0;
}
    
.sepper-solution-txt p{
   padding: 0 30px;
}
    
    .sepper-solution-txt2 {
    width: 100%;
        margin: 30px 0;
}
    
    .sepper-solution-txt2 p{
        padding: 0 30px;
}
    
.solution-box__img {
    width: 100%;
    margin: 0px;
    height: 250px;
    background-position: 0;
}
    
    
.solution-box2__img {
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    height: 250px;
}
    
.sec.space {
    padding: 120px 0;
    }
}

.sec.space {
    padding: 60px 0px 0px 0px;
}
.wrap.w1120 {
    max-width: 1120px;
}
.wrap {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
}


#plan {
    background-color: #f3f3f3;
    padding: 50px 0px;
}

#contact.btn btn--wh btn--pc-left {
    margin-bottom: 30px;
}

.plan-box__bar {
  height: 2.5px;
  width: 70px;
  background-color: #fff;
  margin-bottom: 25px;
}

.plan-box__img {
    margin-top: 45px;
    margin-right: 40px;
    width: 100%;
  text-align: center; }
.plan-box__img_01{
    margin-top: 0px;
    margin-right: 40px;
    width: 100%;
    text-align: center; 
  }

@media screen and (min-width: 1025px) {
  .plan-box {
    display: -ms-flexbox;
    display: flex; 
    margin-bottom: 20px;}
    .plan-box__img {
      width: 60%;
      padding-right: 20px; }
    .plan-box__cts {
      width: calc(100% - 600px); } }

@media screen and (max-width: 1024px) {
  .plan-box__img {
    margin-bottom: 40px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 769px) {
  .plan-box {
    display: -ms-flexbox;
    display: flex; }
    .plan-box__img {
      width: 60%;
      padding-right: 20px; }
    .plan-box__cts {
      width: calc(100% - 600px); }  }
@media screen and (max-width: 999px) {
  .plan-box {
    display: block; 
  }
  .plan-box__cts {
    width: 100%; 
  }
}


/*お客様の傾向*/

.cs-list__item {
  margin-top: 40px;
margin-bottom: 48px;}

@media screen and (min-width: 769px) {
.cs-list {
    margin-left: 70px;
    display: flex;
}

  .cs-list__item {
    display: -ms-flexbox;
/*    display: flex;*/
      width: 100%;
    -ms-flex-align: center;
        align-items: center; }
  .cs-list__img {
    width: 100%; }
  .cs-list__txt {
      margin-left: 25px;
    width: 80%; } }

@media screen and (max-width: 768px) {
  .cs-list__img {
    text-align: center;
    margin-bottom: 12px; } }

.tit-company {
  margin: 0 30px; }
  .tit-company .sc-body {
    color: #fff;
    line-height: 1.5;
    text-decoration: none;
    z-index: 1;
    position: absolute;
    max-width: 260px;
    padding: 20px;
    background-color: rgba(112, 128, 144, 0.89);
    bottom: 0;
    margin: 0 10% 10% 6%; }
    .tit-company .sc-body__ttl {
      font-size: 1.7rem; }
    .tit-company .sc-body__name {
      font-size: 1.1rem;
      margin: 12px 0; }
    .tit-company .sc-body__detail {
      font-size: 1.4rem; }
  @media screen and (min-width: 769px) {
    .tit-company .sc-body {
      padding: 30px;
      margin: 45px auto;
      float: left;
      max-width: 360px; } }

@media screen and (min-width: 769px) and (min-width: 1025px) {
  .tit-company .sc-body {
    padding: 50px; }
    .tit-company .sc-body__ttl {
      font-size: 2.4rem; }
    .tit-company .sc-body__name {
      font-size: 1.4rem;
      margin: 16px 0; }
    .tit-company .sc-body__detail {
      font-size: 1.6rem; } }
  @media screen and (max-width: 768px) {
    .tit-company {
      position: relative;
      height: 360px; }
      .tit-company .sc-body {
        max-width: 100%;
        margin: 0 auto 10%; } }

.slick-for img {
  height: auto;
  width: 100%;
  margin: 30px 0;
  float: right; }
  @media screen and (min-width: 769px) {
    .slick-for img {
      max-width: 720px; } }

.slick-nav img {
  height: auto;
  width: 90%; }


/*導入事例single-case*/

/*追加分*/
.bnr_anker:hover {
    opacity: 0.5;
}
.profile_area {
    margin: 30px auto;
    width: 80%;
}

.profile_ttl p{
    border-bottom: 2px solid #615957;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 20px;
    width: 90%;
}

.profile_info {
    margin: 20px auto;
    width: 80%;
    font-size: 1.7rem;
    line-height: 4;
}

.profile_info_ttl {
    margin-right: 140px;
}

.profile_job_ttl {
    margin-right: 160px;
}

.profile_url_ttl {
    margin-right: 110px;
}

.bm-header__url a {
    color: #615957;
}

.bm-header__url a:hover {
    color: #0054af;
    border-bottom: 1px solid #0054af;
}

.profile_bottom {
    margin-left: 60px;
}


.bm-header__company,.bm-header__name,.bm-header__location,.bm-header__job,.bm-header__url {
    padding-left: 50px;
    display: flex;
    gap: 40px;
}
@media screen and (max-width: 768px) {
  .bm-header__company,.bm-header__name,.bm-header__location,.bm-header__job,.bm-header__url {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  } 
}

.bm-header__company,.bm-header__name,.bm-header__location,.bm-header__job {
    border-bottom: 1px solid #eee;
}

.profile_info_ttl, .profile_info_ttl,.profile_job_ttl,.profile_url_ttl {
    margin-right: 0;
    flex: none;
    min-width: 90px;
}
@media screen and (max-width: 768px) {
  .profile_info_ttl, .profile_info_ttl,.profile_job_ttl,.profile_url_ttl {
    font-weight: bold;
    line-height: 2.4;
  }
}
.solution {
    width: min-content;
    margin: auto;
    display: flex;
}

.solution_item {
    background-color: #ecf5ff;
    margin-right: 20px;
}

.solution_item:last-child {
    border-right: none;
    margin: 0px auto;
}


.solution_ttl {
    background-color: #36a0f9;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    padding: 5px;
    width: 306px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.slick-prev:before, .slick-next:before {
    color: #7f8d9b!important;
}

.introduction {
    font-size: 17px;
    margin-top: 50px;
}

.trouble-ttl {
text-align: center;
    font-size: 2rem;
    margin-bottom: -30px!important;
    font-weight: bold;
    color: #36a0f9;
}


@media screen and (max-width: 1024px) {
    .solution {
        display: block;
    }
    .solution_item {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .solution_ttl {
        width: 540px;
    }
    .bm-header__purpose,.bm-header__task,.bm-header__effect {
        text-align: center;
    }
}


/*スマホ*/
@media screen and (max-width: 768px) {
    .solution_item {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .slick-prev {
        left: 0px!important;
        z-index: 999;
    }
    
    .slick-next {
       right: 0px!important;
    }
    

    .solution_ttl {
        width: 100%;
    }
    
    .profile_ttl p {
        width: 100%;
        padding-left: 0px;
    }
    
    .profile_info {
        font-size: 1.5rem;
        margin: 0px;
    }
        .profile_area {
    width: 88%;
}
    
    .profile_info_ttl {
    margin-right: 40px;
}

.profile_job_ttl {
    margin-right: 60px;
}

.profile_url_ttl {
    display: block;
    width: 100%;
}
    
    .profile_bottom {
        margin-left: 0px;
    }
    
    .bm-header__url a {
        font-size: 13px;
    }
    
    
.solution {
    display: block;
    width: 100%}
    
.bm-header__company,.bm-header__name,.bm-header__location,.bm-header__job,.bm-header__url {
    padding-left: 0px;
    width: 300px;}
}



.bm-header__purpose,.bm-header__task,.bm-header__effect { padding: 10px 15px;}







.bm-card {
    width: 334px;
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
}

.bm-card:hover {
    background-color: #fff;
    opacity: 0.6;
    transition : 0.5s;　/*ふわっとさせる指定*/
}

.bm-card:nth-child(2n) {
  margin-right: 0;
}

.bm-card__body {
    margin-top: 20px;
}

.bm-card__mv {
    position: absolute;
    width: 200px;
    margin-left: -60px;
    margin-top: -30px;}


  .bm-card__anc {
    display: -ms-flexbox;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: #333;
    text-decoration: none;
    transition: .2s; }

      /* .bm-card__anc:hover .bm-card__ttl {
        color: #0054af;
        text-decoration: underline; } */
  .bm-card__img {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .bm-card__name {
    font-size: 1.4rem;
    margin-top: -4px;
    color: #999;
    margin-bottom: 5px; }
  .bm-card__name.-cp {
    margin-top: 20px;}
  .bm-card__ttl {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 8px 0 10px; }
  .bm-card__industry {
    font-size: 12px;
    border: 2px solid;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 10px;
    font-weight: 600;
  }
  .bm-card__industry.orange {
    color: #ff7300;
    border-color: #ffa962;
  }
  .bm-card__industry.blue {
    color: #007ac2;
    border-color: #3c99cf;
  }
  .bm-card__industry.green {
    color: #009a1e;
    border-color: #66cd7a;
  }

  .bm-card__cat li {
    display: inline-block;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 3px;
    line-height: 1.4;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 3px 8px 3px 0;
    padding: 3px 8px 3px 10px;
    color: #333; }
  @media screen and (max-width: 768px) {
    .bm-card__cat {
      margin-top: 28px; } }
@media screen and (max-width: 999px) {
  .bm-card__ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .bm-card__industry {
    font-size: 15px;
  }
  .bm-card__name {
    font-size: 1.8rem;
  }
}

.bm-body p {
  font-size: 17px}
.bm-single {
  letter-spacing: 0.1rem; }
  .bm-single img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

.bm-header {
  margin-bottom: 40px; }
  .bm-header__intro {
    margin-bottom: 32px;
    border-top: 3px solid #000; }
    .bm-header__intro > span {
      display: table;
      background: #0054af;
      color: #fff;
      font-size: 1.6rem;
      line-height: 1;
      padding: 4px 16px 6px;
      font-weight: bold;
      letter-spacing: .01em; }
  .bm-header__ttl {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
    color: #333;
    margin-bottom: 36px; }
  .bm-header__date {
    margin: 12px 0 16px;
    font-size: 1.1rem;
    color: #666; }
  .bm-header__img {
    margin-bottom: 20px; }
    .bm-header__img img {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }


/*パターン２*/
.bm-body__h {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 0.2em 0.5em;

    font-weight: bold;
    border-left: 10px solid #36a0f9;
}

  @media screen and (max-width: 768px) {
  .bm-header__ttl {
      font-size: 28px;}
      .bm-body__h {
          font-size: 22px;}}


  .bm-body__h:not(:first-child) {
    margin-top: 40px; }

.bm-body p:not(:last-child) {
  margin-bottom: 40px; }

.bm-body__img {
  text-align: center; }
  .bm-body__img:not(:last-child) {
    margin-bottom: 60px; }
  .bm-body__img figcaption {
    margin-top: 16px; }

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

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

.bm-btm {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid #ddd; }

.sns-share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  line-height: 1; }
  .sns-share__item {
    margin-right: 12px; }
    .sns-share__item--line a {
      background-color: #00c300;
      color: #fff;
      padding: 0 10px;
      border-radius: 3px;
      font-size: 1.2rem;
      display: block;
      line-height: 20px; }

@media screen and (max-width: 768px) {
    .sns-share {margin-left: -10px;}
.sns-share__item { margin-right: 5px; }
 .sns-share__item--line a {
     width: max-content;
     margin-left: 10px;}}

.single-pager {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .single-pager__item {
    width: calc( 100% / 3); }
    .single-pager__item a {
      position: relative;
      padding: 0 24px;
      color: #36a0f9; }
    .single-pager__item--prev a, .single-pager__item--next a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      .single-pager__item--prev a:before, .single-pager__item--next a:before {
        display: block;
        position: absolute;
        transition: all .2s;
        top: 50%;
        margin-top: -10px; }
    .single-pager__item--prev a {
      padding-right: 10px; }
      .single-pager__item--prev a:before {
        content: "←";
        left: 0; }
    .single-pager__item--next a {
      padding-left: 10px; }
      .single-pager__item--next a:before {
        content: "→";
        right: 0; }
    .single-pager__item--smr {
      text-align: center;
      padding: 0 10px;
      border-left: #f8f8f8 1px solid;
      border-right: #f8f8f8 1px solid; }
      .single-pager__item--smr a {
        padding: inherit; }

.profile_bottom {
    border-bottom: 2px solid #615957;
}

.bm-footer__download {
    margin: 80px auto 0px auto;
    background-color: #f4f9ff;
    padding: 40px;
}

.download_wrap{
    display: flex;
}

.download_paper_img {
    width: 400px;
    margin: 30px auto;
}
.download_paper_img img {
    width: 100%;
}

.download_paper_txt {
    font-size: 1.3em;
    font-weight: bold;
    width: 360px;
    margin: auto;
    text-align: center;
}



/*資料ダウンロード*/
.bg-contact {
    padding: 40px 0;
    background-color: #f3f3f3;
    background: url(../images/bg_download.jpg) no-repeat center/cover; 
    max-width: 1200px;
    margin: 40px auto 60px auto;
}

.bg-contact_lg {
  background-color: #f3f3f3;
  background: url(../images/bg_download.jpg) no-repeat center/cover; 
}


.dl_contact_area {
    height: 250px;
    background-color: #36a0f9;
}

.dl_contact {
    display: flex;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;}

.dl_txt {
    margin: 0px auto;
    width: 32%;}

.dl_txt p {
    text-align: center;
    color: #fff;}

.dl_intro {
    font-weight: bold;
    font-size: 2em;
    color: #fff;
}

.contact_btn {
    display: block;
/*    width: 320px;*/
    padding: 35px 0;
    font-weight: bold;
    text-align: center;
    color: #615957;
    border: 2px solid #fff;
    background-color: #f6f936;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;
}
.contact_btn:hover {
    background-color: #fff;
    color: #615957;
    border: 2px solid #f6f936;
}
.f_cta_btn{
  display: flex;
  align-items: center;
  justify-content: center;
}
.f_cta_btn .btn_y_yen{
  padding-right: 15px;
}

.dl_btn {
    display: block;
/*    width: 320px;*/
    padding: 35px 0;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    background-color: #FF9900;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;}
.dl_btn_txt_top { font-weight: 400;}
.dl_btn_txt_top.-cp {
  padding: 10%;
  width: 100%;
} 
.dl_btn_txt {
    font-weight: bold;
    font-size: 1.4em;}
.dl_btn:hover {
    background-color: #fff;
    color: #615957;
    border: 2px solid #FF9900;}
.dl_tel {
    margin: auto;
    text-align: center;
    display: block;
/*    width: 320px;*/
    padding: 17px 0;
    font-weight: bold;
    text-align: center;
    background-color: #f6f936;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;}

.dl_tel {
    width: 32%;
    font-size: 1.8em;
    color: #615957;}

.dl_tel:hover{
    background-color: #fff;
    color: #615957;
    border: 2px solid #f6f936;}

.fa-phone-alt { margin-right: 6px;}
.tel_top { margin-bottom: 0px!important; font-size: inherit;}

.tel_bottom {
    font-size: 15px;
font-weight: 400;    
}

/*スマホ*/
@media screen and (max-width: 768px) {
.bg-contact { width: 100%;}
.dl_intro { font-size: 1.6em;}
.dl_tel a{ font-size: 2em;}
.download_wrap { display: block;}
.dl_btn { margin: auto;}
.dl_contact {
          display: block;
          width: 100%;}
.contact_btn { margin: auto;}
.dl_txt { margin: 30px auto;
          width: 90%;
          max-width: 440px;}
.dl_tel {
        width: 90%;
        max-width: 440px;}    
.dl_intro { text-align: center;}
.download_paper_img {
          width: 100%;
          margin-bottom: 20px;}
.download_paper_txt {
          line-height: 1.4em;
          width: 100%;}}


/*メリット*/
.merit-box__intro {
  position: relative;
    width: 85%;
    height: 290px;
    margin: 0 auto;}
  .merit-box__intro img { margin-bottom: 10px;}
  .merit-box__intro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    height: 100%;}
  .merit-box__intro--txt {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 2.2rem;
    color: #fff;
    font-weight: bold; }

.merit-box__body {
  padding: 15px;
  background: #36a0f9;
  color: #fff; }

@media screen and (min-width: 769px) {
  .merit-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%; }}

.merit-box__body {
  -ms-flex-positive: 2;
      flex-grow: 2; }

.feature-card {
  position: relative;
  height: 100%;
  background: #fff;
  padding: 50px 20px 0px 20px;    
}
  .feature-card__img, .feature-card__ttl {
    text-align: center; }
  .feature-card__img {
    max-width: 50%;
    margin: 0 auto 30px; }
    .feature-card__img img {
      margin: auto; }
        .feature-card__ttl {
    font-size: 1.8rem; }

  .feature-card__category {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    font-weight: bold;
    color: #fff;
    background: #36a0f9; }
  @media screen and (max-width: 768px) {
    .feature-card {
      padding: 30px 15px;
      font-size: 1.4rem; } }

@media screen and (min-width: 769px) {
            .feature-card__ttl {
    font-size: 2.2rem; }
}

#comparison {
  background: url(../images/bg_comparison.jpg) no-repeat center/cover;
  background-attachment: fixed;
  color: #fff; }
  #comparison .sec-ttl:after {
    background: #fff; }

.hikaku-table {
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 1.4; }
  .hikaku-table__tr {
    display: -ms-flexbox;
    display: flex; }
    .hikaku-table__tr > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 12px;
      background: #fff; }
      .hikaku-table__tr > div:nth-child(1) {
        width: 240px;
        margin-right: 8px; }
      .hikaku-table__tr > div:nth-child(2), .hikaku-table__tr > div:nth-child(3) {
        width: calc( ( ( 100% - 248px ) /2 ) - 8px); }
      .hikaku-table__tr > div:nth-child(2) {
        margin: 0 8px; }
      .hikaku-table__tr > div:nth-child(3) {
        margin-left: 8px;
        /* font-weight: bold; */ }
  .hikaku-table__head {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff; }
    .hikaku-table__head .hikaku-table__tr .hikaku-table__head--nmr,
    .hikaku-table__head .hikaku-table__tr .hikaku-table__head--brn {
      border-radius: 5px 5px 0 0; }
    .hikaku-table__head .hikaku-table__tr .hikaku-table__head--nmr {
      background: #272727; }
    .hikaku-table__head .hikaku-table__tr .hikaku-table__head--brn {
      background: #36a0f9; }
  .hikaku-table__body .hikaku-table__tr > div, .hikaku-table__foot .hikaku-table__tr > div {
    margin-bottom: 1px; }
    .hikaku-table__body .hikaku-table__tr > div:first-child, .hikaku-table__foot .hikaku-table__tr > div:first-child {
      margin-top: 1px;
      margin-bottom: 2px;
      border-radius: 5px;
      font-size: 1.6rem;
      font-weight: bold; }
  .hikaku-table__foot .hikaku-table__tr > div {
    padding: 20px;
    border-radius: 0 0 5px 5px; }
  .hikaku-table__ican {
    position: relative;
    font-weight: bold; }
    .hikaku-table__ican:before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      border: 4px solid #36a0f9;
      border-radius: 50%;
      margin-right: 8px;
      vertical-align: middle; }
  .hikaku-table .hikaku-table__blank {
    background: none; }
  @media screen and (max-width: 768px) {
    .hikaku-table {
      font-size: 1.2rem; }
      .hikaku-table__tr > div {
        padding: 8px; }
        .hikaku-table__tr > div:nth-child(1) {
          width: 18%;
          margin-right: 2px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
        .hikaku-table__tr > div:nth-child(2), .hikaku-table__tr > div:nth-child(3) {
          width: 50%; }
        .hikaku-table__tr > div:nth-child(2) {
          margin: 0 1px 1px; }
        .hikaku-table__tr > div:nth-child(3) {
          margin-left: 2px; }
      .hikaku-table__head {
        font-size: 1.4rem; }
      .hikaku-table__body .hikaku-table__tr > div, .hikaku-table__foot .hikaku-table__tr > div {
        padding: 8px; }
        .hikaku-table__body .hikaku-table__tr > div:first-child, .hikaku-table__foot .hikaku-table__tr > div:first-child {
          font-size: 1.2rem; } }

#webcon {
  background: #f3f3f3; }

.icon {
  text-align: center; }
  .icon img {
    width: 30px;
    margin: 0 10px;
    vertical-align: text-bottom; }
  .icon a {
    text-decoration: none;
    font-size: 2.8rem;
    font-weight: bold; }

.line {
  max-width: 340px;
  margin: 0 auto;
  padding: 10px;
  border: 5px solid #00b602; }
  .line img {
    padding: 0 30% 10px; }







/*導入事例*/
.batch-download-area {
    text-align: center;
    margin-bottom: 70px;
    margin-top: 10px;
}

.batch-download-btn:hover {
    transition: 0.2s;
    background-color: #615957;
}

.batch-download-btn {
    color: #fff;
    width: 500px;
    text-align: center;
    background-color: #5bc8ac;
    margin: auto;
    padding: 20px;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    .batch-download-btn { width: 90%;}
}


.Item{
  border-radius: 8px;
  padding: 20px 24px;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
  cursor: pointer;
    margin: 30px auto;
    font-size: 1.3em;
}
.Item:hover {
    transition: 0.4s;
  background: #36a0f9;
  color: #fff;
    opacity: 0.8;
}

.Item.isActive{
  background: #36a0f9;
  color: #fff;
}

.btn_arrow {
    width: 32px;
    height: 32px;
    margin-left: 5px;
}






/* solid015 */
.button_solid015 {
    text-align: center;
    margin-bottom: 50px;
}
.button_solid015 p {
    margin-bottom: 5px;
    font-weight: 600;
    color: #5bc8ac;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
    font-size: 1.1em;
}
.button_solid015 p:before, .button_solid015 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #5bc8ac;
    content: "";
}
.button_solid015 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid015 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid015 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 350px;
    padding: 14px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #5bc8ac;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 50px;
    font-size: 1.3em;
}
.button_solid015 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid015 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-54%);
}





#case {
    background-color: #f3f3f3;
    margin-top: 10px;}

.sub-mv--case {
      height: 220px;
  margin-bottom: -20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; 
}

  .sub-case__ttl {
    font-size: 4rem; }
    .sub-case__ttl:after {
      margin-bottom: 0; }



.sub-mv {
  height: 300px;
  margin-bottom: -20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .sub-mv__ttl {
    font-size: 4rem;
    color: #fff; }
    .sub-mv__ttl:after {
      margin-bottom: 0; }

  .sub-mv--works {
    background: url(../images/bg_works.jpg) no-repeat center/cover; }
  @media screen and (max-width: 768px) {
    .sub-mv {
      height: 250px; } }

#breadcrumbs {
  margin-bottom: 24px;
  font-size: 1.2rem; }
  #breadcrumbs a {
    color: inherit;
    text-decoration: none; }
    #breadcrumbs a:hover {
      opacity: .5; }

.case-card {
  padding: 10px;
  padding-bottom: 20px;
  border-top: 4px solid #36a0f9;
  background: #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }
  .case-card__img {
    margin-bottom: 20px; }
  .case-card__ttl {
    font-size: 2rem;
    margin: 10px 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.single-cts__img {
  text-align: center; }
  .single-cts__img img {
    width: 100%; }

.single-cts__ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 56px 0 12px; }

.single-cts__sub {
  font-size: 1.4rem;
  margin-bottom: 28px; }

.single-cts p {
  margin-bottom: 0; }





/*アコーディオン*/

.accordion-menu input {
  display: none; }


.ac-check {
    display: none;
}
.ac-label{
    background: #454545;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}
.ac-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.ac-check:checked + .ac-label + .ac-content{
    height: auto;
    opacity: 1;
    padding: 5px 10px;
    visibility: visible;
}


.ac-check + label:after{
            content:"＋";
            padding-left: 10px;
}
.ac-check:checked + label:after{
         content:"−";
    padding-left: 10px;
}





.accordion-menu label {
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  background: #36a0f9;
  color: #fff;
  padding: 15px;
  display: block;
  margin: 0;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .accordion-menu label:after {
    content: '';
    position: absolute;
    top: 21px;
    width: 8px;
    height: 8px;
    margin: 0 25px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg); }
  .accordion-menu input:checked + label::after {
    margin: 7px 25px;
    transform: rotate(-45deg); } }

.cate-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
  .cate-list li {
    padding: 10px;
    width: 25%;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .cate-list li {
        width: calc(100% / 3); } }
    @media screen and (max-width: 768px) {
      .cate-list li {
        width: 100%; } }
  .cate-list a {
    color: #36a0f9;
    background: #fff;
    border: 1px solid #36a0f9;
    text-decoration: none;
    display: block;
    padding: 15px 10px;
    border-radius: 5px;
    transition: .3s; }
  .cate-list .current-cat a,
  .cate-list a:hover {
    color: #fff;
    background: #36a0f9; }
  @media screen and (max-width: 768px) {
    .ac-content {
      overflow: hidden;
      height: 0; }
      .accordion input:checked ~ .cate-list {
        height: auto; } }

.works-arc__ttl {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 10px 0; }
  .works-arc__ttl a {
    color: inherit; }

.browser-shot a {
  display: block; }
  .browser-shot a img {
    width: 100%;
    height: auto;
    box-shadow: 0px 1px 5px #ddd;
    border: 1px solid #ddd;
    padding: 10px; }
    .browser-shot a img.alignleft {
      float: none; }

h2.screen-reader-text {
  display: none; }

.nav-links {
  text-align: center;
  padding-top: 40px;
  font-size: 1.6rem; }
  .nav-links .page-numbers:not(.dots) {
    position: relative;
    display: inline-block;
    margin: 4px;
    padding: 12px;
    line-height: 1;
    color: #36a0f9;
    border: 2px solid #36a0f9;
    border-radius: 4px; }
    .nav-links .page-numbers:not(.dots).current, .nav-links .page-numbers:not(.dots):hover {
      background: #36a0f9;
      color: #fff; }




#plan {
    padding-top: 50px;
}



.feature-card {
    height: auto;
}


.accordion input {
    display:none;
}
 

.accordion label img {
    width: 25px;
}
 

 
.accordion_content {
    overflow: hidden;
    height: 0;
    margin: auto;
    align-items: center;
    -webkit-transition: .8s;
    transition: .8s;
    opacity: 0;
}
 
.accordion input:checked~.accordion_content {
    overflow: visible;
    height: auto;
    padding-top: 10px;
    opacity: 1;
}
 
.accordion_content p{
    margin-bottom:0px;
}


.accordion {
    transition: all 0.5s;
}

.accordion:hover {
    transform: translate(0px,5px);
}
 









/*制作実績一覧*/
.sepper .sepper__box--3 {
    width: calc( 100% / 3);
}

.option-work-card {
    box-shadow: none;
    background-color: transparent;
}

.option-work-card__img img {
    width: auto;
    height: auto;
}

.option-work-card__img {
    overflow: inherit;
}

.option-work-card__img p {
    margin-top: 18px;
}

@media screen and (max-width: 769px) {
    .option-work-card__img p {
    margin-top: 10px;
}
}



/*
@media screen and (min-width: 769px) {
    .option-work-list {
    margin-bottom: -40px; }
    .option-work-list__item {
      margin-bottom: 40px; }
    
    .cts-ttl option-card__ttl {
        text-decoration: none;
        color: #615957;
    }
    
      .option-work-card__ttl {
    position: relative;
    font-size: 2.1rem;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 12px;
    padding-bottom: 24px; }
    
      .option-work-card__img {
    text-align: center;
    padding: 6px 10px;
    margin-bottom: 10px; }
    
    .option-work-card__img img {
        height: 145px;
    }
}
*/





.option-work-card {
/*
  background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 6px 20px 0, inset #333 0 0 0 0px, inset rgba(255, 255, 255, 0.8) 0 0 0 1px;
*/
    
  display: block;
  color: inherit;
  text-decoration: none;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
}
  .option-work-card__img {
     margin:0 auto; 
      
      
    text-align: center;
    padding: 6px 10px; }

.option-work-card__img img {
     transition:1s all;
}

  .option-work-card__img img:hover {
      transform:scale(1.1,1.1);
  transition:1s all;
}

.option-work-card__img img {
      width: auto; }


  .option-work-card__ttl {
    position: relative;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 12px;
    padding-bottom: 24px; }


  .option-work-card__txt {
    font-size: 14px;
    line-height: 1.75; }
  .option-work-card:hover .option-work-card__img {
    opacity: .6;
    -webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}


.option-work-card__ttl::after {
      position: absolute;
  bottom: 1px;
  left: 33%;
  content: '';
  width: 34%;
  height: 2px;
  background: #36a0f9;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
    margin: auto;
}

.option-work-card__ttl:hover::after {
  bottom: 5px;
  opacity: 1;
  visibility: visible;
}




.option-work-card js-wc-opener {
    text-decoration: none;
    color: #615957;
}


.option-work-card__ttl {
    text-decoration: none;
    color: #615957;
    margin-top: 8px;
    padding-bottom: 18px;
}

/*-------*/


/*---集客支援サービス---*/
@media screen and (min-width: 769px) {
    .work-list {
    margin-bottom: -40px; }
    .work-list__item {
      margin-bottom: 40px; }
    
    .cts-ttl feature-card__ttl {
        text-decoration: none;
        color: #615957;
    }
    
      .work-card__ttl {
    position: relative;
    font-size: 2.1rem;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 12px;
    padding-bottom: 24px; }
    
      .work-card__img {
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 10px; }
}





.work-card {
  display: block;
  color: inherit;
  text-decoration: none;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
}
  .work-card__img {
    text-align: center;
    padding: 10px 10px; }
    .work-card__img img {
      height: auto;
      width: auto; }


  .work-card__ttl {
    position: relative;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 12px;
    padding-bottom: 24px; }


  .work-card__txt {
    font-size: 14px;
    line-height: 1.75; }
  .work-card:hover .work-card__img {
    opacity: .6;
    -webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}


.work-card js-wc-opener {
    text-decoration: none;
    color: #615957;
}

.cts-ttl feature-card__ttl {
    text-decoration: none;
    color: #615957;
}







/*資料ダウンロード*/
/*
#download {
    background-color: #36a0f9 !important;
    padding: 40px 0px;
}

#contact.btn btn--wh btn--pc-left {
    margin-bottom: 30px;
}
 

.download-box__img {
    margin-top: 45px;
    margin-right: 30px;
    width: 100%;
  text-align: center; }

@media screen and (min-width: 1025px) {
  .download-box {
      width: 100%;
      margin: 0 auto;
      
    display: -ms-flexbox;
    display: flex; }
    .download-box__img {
        width: 50%;
        
      padding-right: 20px; }
    .download-box__cts {
        margin-top: 100px;
        margin-left: 120px;
      width: calc(100% - 600px); } 
    .download-box__cts p {
        font-size: 18px;
        margin-bottom: 60px;
    }
    
}

@media screen and (max-width: 1024px) {
  .download__img {
    margin-bottom: 40px; } }

@media screen and (min-width: 769px) {
  .download-box {
       width: 100%;
      margin: 0 auto;
      
    display: -ms-flexbox;
    display: flex; }
    .download-box__img { 
      padding-right: 20px; }
    .download-box__cts {
        margin-top: 100px;
      width: calc(100% - 600px); }  }
*/



/*資料ダウンロード*/
@media screen and (min-width: 1025px) {
.download-trouble ul li {
    padding-left: 16px;
    text-indent: -16px;
    margin-bottom: 6px;
}
    
    .sample-img img {
        width: 164px;
    }
    
}

.sample-img {
    margin-top: 50px;
}

.sample-img img {
    margin-bottom: 20px;
    border: solid 1px #dcdcdc;
}


#download {
    background-color: #36a0f9 !important;
    padding: 40px 0px;
}

#contact.btn btn--wh btn--pc-left {
    margin-bottom: 30px;
}
 

.download-box__img {
    margin-top: 45px;
    margin-right: 30px;
    width: 100%;
  text-align: center; }

.download-trouble {
    margin-top: 40px;
   border: dashed #36a0f9 2px;
}
@media screen and (max-width: 768px){
  .download-trouble {
    margin-top: 20px;
  }
}

.download-trouble ul {
    margin: 1em 1em;
}

.download-trouble ul li {
    padding-left: 16px;
    text-indent: -16px;
    margin-bottom: 6px;
}

.download-trouble ul li:before {
/*
    content: "\f058";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 20px;
    color: #36a0f9;
*/
        display: inline-block;
    background:url(../images/check-circle-solid.svg) no-repeat center 8px/20px;
	background-size:contain;   
}

.check-icon {
    width: 25px;
    height: 25px;
    margin-right: 20px;
}

@media screen and (min-width: 1025px) {
  .download-box {
      width: 100%;
      margin: 0 auto;
      
    display: -ms-flexbox;
    display: flex; }
    .download-box__img {
        width: 50%;
        
      padding-right: 20px; }
    .download-box__cts {
        margin-top: 100px;
        margin-left: 120px;
      width: calc(100% - 600px); } 
    .download-box__cts p {
        font-size: 18px;
        margin-bottom: 60px;
    }
    
}

@media screen and (max-width: 1024px) {
  .download__img {
    margin-bottom: 40px; } }

@media screen and (min-width: 769px) {
  .download-box {
       width: 100%;
      margin: 0 auto;
      
    display: -ms-flexbox;
    display: flex; }
    .download-box__img { 
      padding-right: 20px; }
    .download-box__cts {
        margin-top: 100px;
      width: calc(100% - 600px); }  }

.download__banner {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .download__txt {
    display: none;
  }
}

.download__card {
  padding: 20px;
  margin-top: 40px;
  border: 1px solid #36a0f9;
}

.download__card li {
  margin-left: 20px;
  list-style: circle;
}

/*---------ポップアップ--------*/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    pointer-events: none;
    z-index: 100;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    cursor: pointer;
}

.lb img,
.lb iframe {
    transform: scale(.85);
    transition: .3s all ease;
}

.lb:target {
    opacity: 1;
    pointer-events: auto;
    z-index: 101;
}

.lb:target img,
.lb:target iframe {
    transform: scale(1);
}

/* なんちゃって閉じるボタン*/
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}









/*---------制作実績--------*/

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


.opacity {
    
}

.work-title {
    margin-top: 30px;
}

.work-text {
    text-decoration: none;
    color: #615957;
}


.industry-text {
    text-decoration: none;
    color: gray;
}


.area {
    font-size: 18px;
}

.industry {
    font-size: 18px;
}


.plan-tag {
    color: #36a0f9;
    margin-left: 10px;
    width: 230px;
    padding: 6px;
    text-align: center;
    display: block;
    text-align: center;
}

.page_next_prev li a {
    color: #fff;
    font-size: 15px;
}








/* コピーライト用 */
#copyright {font-size:0.8rem;text-align:center;margin-top: 20px;color: #e53244;}
/* トップページ用一覧 */
.top_new_list {
	clear: both;
}
.infomation_chart img {
    box-shadow: 0px 1px 5px #ddd;
    height: 225px;
}

.infomation_chart img:hover {
 opacity: 0.5;
 transition : 0.7s;　/*ふわっとさせる指定*/
}

/*.infomation_chart p {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 2px 2px 3px #999;padding: 10px;}*/

.infomation_chart li p a:not(:nth-child(1)) {font-size:0.6rem;}

/*　ツールチップ　*/
div.tooltip1{display: inline-block;}
/* マウスオーバー */
div.tooltip1:hover {position: relative;color: #333;}



/* ■■■サーチ用タブコンテンツ用スタイル■■■ */
/*コンテナ*/
.tabs {
	text-align:right;
}
/*タブ共通設定*/
.tabs .tab_item {
	margin-right: 20px;
}
.tabs .tab_item:hover {
	opacity: 0.75;
	cursor: all-scroll;
}
.tabs .tab_item img {
	width: 35px;
}
/*タブに使っているラジオボタンの非表示*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tabs .tab_content {
	display: none;
	padding: 0 80px 40px;
	clear: both;
	overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab_cont01,
#tab02:checked ~ #tab_cont02 {
	display: block;
}
#tab01:checked ~ #tab_b01,
#tab02:checked ~ #tab_b02 {
	display: none;
}
.close_tab {
	
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #a6cef5;
	color:#fff;
	height: 240px;
    width: 50px;
}
.tab_content_description {position:relative;}
#tab_cont02 .tab_content_description:before {
	content:" ";
	position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 100%;
    background: rgba(122, 163, 239, 0.3);
    pointer-events: none;
}

/* ■■■03：登録会社総数用■■■ */
#allpostnum {
	font-size:0.7rem;
	background: url(/branu_db/img/bg01.png) no-repeat center top;
    height: 36px;
    margin: 1rem 0;
	border-bottom: dashed 1px #e53244;
	text-align:center;
	color: #e53244;
}
/*登録会社総数用テキストを画像で表現　jQuery使用*/
.numb {height: 24px;display: inline-block;margin-bottom: -5px;}
.numb span {text-indent: -9999px;height: 24px;padding: 0 3px;float: left;display: block;background-size: contain !important;}
.numb span.num1 {background: url(/branu_db/img/1.png) no-repeat left top;width: 14px;}
.numb span.num2 {background: url(/branu_db/img/2.png) no-repeat left top;width: 14px;}
.numb span.num3 {background: url(/branu_db/img/3.png) no-repeat left top;width: 14px;}
.numb span.num4 {background: url(/branu_db/img/4.png) no-repeat left top;width: 14px;}
.numb span.num5 {background: url(/branu_db/img/5.png) no-repeat left top;width: 14px;}
.numb span.num6 {background: url(/branu_db/img/6.png) no-repeat left top;width: 14px;}
.numb span.num7 {background: url(/branu_db/img/7.png) no-repeat left top;width: 14px;}
.numb span.num8 {background: url(/branu_db/img/8.png) no-repeat left top;width: 14px;}
.numb span.num9 {background: url(/branu_db/img/9.png) no-repeat left top;width: 14px;}
.numb span.num0 {background: url(/branu_db/img/0.png) no-repeat left top;width: 14px;}

/* ■■■serchform内レイアウト■■■ */
input::placeholder {
	color:#ffb9c0;
	font-size:0.8rem;
	text-align:center;
}
#searchform_text,#searchform_botton {
    display: block;
    width: 30%;
    margin: auto;
    padding: 0;
}
#searchform_text input {
	width: 100%;
	font-size: 1.2rem;
}
#searchform_botton input {
	margin:50px auto;
	width: 100%;
    font-size: 1.8rem;
	color: #F44336;
	border: solid 3px #F44336;
    padding: 0.8rem;
	background:#fff;
}
.searchform_box01 {
	width: 26%;
    margin: 0 2% 0;
    display: inline-block;
	vertical-align: top;
}

#searchform-guest .last_column {width: 36% !important;}

.first_column {width: 25%;}
.searchform_lastbox01{width:36%}
.searchform_box01 label:not(:first-child ) {
	margin-left:10px;
	display:block;
}
.sales_person_input li{
	display:inline-block;
	margin:10px;
	background:#eee;
	border-radius: 16px;
    padding: 4px;
    font-size: 0.8rem;
}
.searchform_box01 h2 {
	text-align:left;
}
.form_color_box label {
	position: relative;
    width: 22px;
	height:22px;
    padding: 0;
	border-radius: 22px;
	margin: 5px 0;
	display: inline-block !important;
}
.form_color_box label input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
label.box_black{background: #000;color: #fff;}
label.box_white{background: #eee;color: #000;}
label.box_red{background: #f44336;color: #fff;}
label.box_blue{background: #2196f3;color: #fff;}
label.box_green{background: #4CAF50;color: #fff;}
label.box_purple{background: #9c27b0;color: #fff;}
label.box_orange{background: #ff9800;color: #fff;}
label.box_brown{background: #663300;color: #fff;}
label.box_gray{background: #999;color: #fff;}
label.box_yellow{background: #ff0;color: #000;}
label.box_pink{background: #f78994;color: #000;}
label.box_multicolor{background: -webkit-linear-gradient(315deg, red, orange, yellow, green, blue, indigo, violet);color: #fff;}
label.box_golden{background: -webkit-linear-gradient(315deg, #fff, #ffd700, #fff, #ffd700, #fff, #ffd700, #fff);color: #fff;}
label.box_silver{background: -webkit-linear-gradient(315deg, #999, #fff, #eee, #999, #eee, #333, #999);color: #fff;}
label.box_photo{background: url("/branu_db/wp-content/uploads/2020/09/back1.jpg") no-repeat;background-size: contain;vertical-align: top;}
label.box_photo span {margin-left: 25px;color: #56a1db;}

.searchform_box01 label:hover{opacity:.5;}
/* メニューレイアウトボタン */
.searchform_box01 .menu_layout label{width: 42px;height: 42px;}
.menu_layout input[type=radio] {display:none;}
.menu_layout input[type="radio"]:checked + label{background:#e53244;border-radius: unset;}
/* プランボタン */
.searchform_box01 .plan_layout label,
.voice_sngle_set {width: 82px;padding: 2px 6px;border-radius: 2rem;background: #fff;text-align: center;font-size: 0.8rem;color:#e53244;text-shadow: none !important;border: solid 1px #e53244;font-weight: bold;line-height: 1.4rem;}
.plan_layout input[type=radio] {display:none;}
.plan_layout input[type="radio"]:checked + label{background:#e53244;border: solid 1px #e53244;color: #fff;}
/* サイトの目的ボタン */
.searchform_box01 .purpose_layout label{width: 72px;padding: 2px 6px;border-radius: 2rem;background: #fff;text-align: center;font-size: 0.8rem;line-height: 1.4rem;color:#e53244;border: solid 1px #e53244;font-weight: bold;}
.purpose_layout input[type=radio] {display:none;}
.purpose_layout input[type="radio"]:checked + label{background:#e53244;border: solid 1px #fff;color: #fff;}
/* 営業・ディレクター共通 */
.person_set_container {display:flex;}


/* ■■■serch結果レイアウト■■■ */
.color_select_wrap {
	margin: 5px;
    border: solid 1px #999;
    padding: 5px;
    display: inline-block;
    border-radius: 6px;
}
.search_head_etc {
	text-align: center;
    margin: 5rem auto;
    width: 80vw;
}
.search_head_etc p {
	display: inline-block;
    width: 12vw;
    vertical-align: top;
}
.infomation_chart li a {
	text-decoration: none;
}
.infomation_chart li a img.home_b {
	box-shadow: unset;
    margin-right: 10px;
}
.infomation_chart li a.home_b_set {
	display: block;
    margin-top: 10px;
}

/* ■■■■■■■■■■■■お客様の声ページ用■■■■■■■■■■■■ */
/* ■■■お客様の声ページトップ画面お知らせ一覧■■■ */
.infomation_chart {text-align:center;}
.infomation_chart li{display:inline-block;width:22%;text-align:center;margin: 20px 1%;vertical-align: top;}
.infomation_chart li {
  width: 300px;
}

/* ■■■お客様の声ページ（記事用）■■■ */
/* お客さまの声検索窓 */
.guest-search-main {
	margin:2.5rem 0;
}
.guest-search-box {
	text-align:center;
	margin:1.5rem;
}
.guest-noresult {
	text-align:center;
	margin:2.5rem 0;
}
/* acfカスタムフィールドリンクボタン用 */
.acf_link_b a {
	display: block;
    width: 160px;
    padding: 10px 5px;
    border-radius: 6px;
    text-align: center;
	color:#fff;
	font-size: 0.8rem;
	margin:auto;
	background-color: rgba(229,50,68,1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(229, 50, 68, .8);
}
.acf_link_b a:hover {
	background-color: rgba(229, 50, 68, .3);
}

/* 記事タイトル部分 */
.single_title h3 {
	padding-top: 100px;
    font-size: 36px;
}
.info_h3_text {
    text-align: center;
    color: #999;
    font-size: 1.6rem;
    font-weight: normal;
    font-family: serif;
}
/* アイキャッチ画像部分 */
.info_thumbnail {
    text-align: center;
	display:block;
}
/* 記事コンテンツ内 */
.new_info_h2 {
	margin: 0;
}
/* 記事コンテンツメイン画像 */
.single_contents .single_left a img {
	box-shadow: 1px 1px 8px #999;
	width:100%;
}
.new_info_title {
	/*border: solid 1px #f3b1b7;*/
	width: 90%;
    border-radius: 10px;
    padding: 30px 0;
    margin: auto;
}
.new_info_content {
	width: 90%;
    border-radius: 10px;
    padding: 0;
    margin: auto;
}

.new_info_content h3 {
    font-size: 24px;
}
/* acfカスタムフィールドテキスト表示部分 */
.acf_text_a {
    margin: 2rem;
}
/* エリア・職種・商材メニューの表示非表示ボタン */
.info_menu_button {
	display: block;
	width: 100%;
	color: #fff;
	background: #e53244;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.acf_text_a .info_menu_target {
	transition: opacity 300ms;
}
.acf_text_a .info_menu_target.is-hidden {
	opacity: 0;
	display:none;
}
/*エリア・職種・商材メニュー*/
.acf_text_a .info_menu_target {
	border: 1px dashed rgb(243, 177, 183);
    border-radius: 10px;
    margin-top: 20px;
	padding: 1rem;
}
/*エリア・職種・商材メニューのビュレット*/
.acf_text_a span {
	border-bottom:dotted 1px;
	display:block;
	margin: 15px 0;
}
.acf_text_a strong {
	background: url(/branu_db/img/bt1.png)no-repeat #82b5e8;
    background-size: 24px;
	background-position: left bottom;
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    margin: 10px 0;
}
/* Voice表示項目 */
.voice_list span,.new_info_content h3 {
	margin:30px 0 10px;
	display:block;
}
.new_info_content p {
	word-break: break-all;
}
.voice_list dd:nth-child(2),.voice_list dd:nth-child(4) {color:#ff0000;}
.voice_list dd:nth-child(6) {color:#00d0ff;}

@media screen and (min-width:1024px){
	.new_info_content {
		display:inline-block;
		vertical-align: top;
	}
	.acf_text_a {
		width: 25%;
    	padding: 2.5%;
		display:inline-block;
	}
}
/* TopPage一覧用リセット用 */
#voice_top_list .cat_single1 a,#voice_top_list .cat_single2 a {
font-size:.8rem !important;
font-weight: normal;
    text-decoration: none;
}
/* ■■■■■■■■■■■■投稿シングルページ用■■■■■■■■■■■■ */
.single_contents {margin: 0 8rem;}
.single_contents .single_set {
    display: flex;
    margin-bottom: 60px;
}
.single_contents .single_set .single_title{width:90%;}
.single_contents .single_set .single_left{width:60%;}
.single_contents .single_set .single_right{width:40%;padding:0 0 0 5%;}
.single_contents .single_left li {display:inline-block;}


.single_contents .single_right li {list-style: none;margin: 0 0 20px;line-height: 1.6rem;border-radius: 20px; margin-left: -20px;}
.single_left>a{display: inline-block;margin: 30px 0;width: 100%;}
.release_date {font-size:0.5rem;}
.cat_single1 {
	padding-left: 20px;
    background: url(/branu_db/img/b_t2.png) no-repeat left;
    background-size: 14px;
	margin: 0 0 0 20px;
}
.cat_single2 {
	padding-left: 20px;
    background-size: 14px;
	margin: 20px 0 0 20px;
}

.cat_single2 a {
    text-decoration: none;
}

.cat_single3 {
	padding-left: 20px;
    background: url(/branu_db/img/b_t3.png) no-repeat left;
    background-size: 14px;
	margin: 0;
}
.single_left ul,.single_right ul{
	font-size:0.8rem;
}

/*スマホ用*/
@media screen and (max-width: 1024px){
	.title_h2{margin: 10px 0;}/*ロゴh2マージンサイズ*/
	h2.title_h2 img {max-width: 90%;}/*ロゴサイズ*/
	#ondock a{height: 30px;}/*フッターナビボタン反応サイズ*/
	.single_contents {margin: 0 1rem;}
	.single_contents .single_set{display:block;}
	.single_contents .single_set .single_left {margin: unset;width: unset;}
	.tabs .tab_content{padding: 0 10px 20px;}
	#searchform_text, #searchform_botton {display: block;width: 80%;margin: auto;padding: 0;}
	.tab_content form > div,#searchform-guest .last_column {width:100% !important;}
	.searchform_box01{margin:0;}
	.search_head_etc p {width: unset;}
	.infomation_chart li {width: 46%;}
	.single_contents .single_set .single_right {width: auto;}
	.page_next_prev li {width: 95%!important;margin: 20px 2.5%;}
	.page_next_prev li:nth-child(1) {text-align:left;border-bottom: solid 1px #e53244;border-right: solid 1px #e53244;border-bottom-right-radius: 45px;}
	.page_next_prev li:nth-child(2) {text-align:right;border-top: solid 1px #e53244;border-left: solid 1px #e53244;border-top-left-radius: 45px;}
	.page_next_prev {margin: 50px auto 0 !important;}
	.infomation_chart p .date {display:block;}
}

/* ■■■■■■■■■■■■汎用ボタン■■■■■■■■■■■■ */
/* 戻るボタン */
.prev_bt {
	display: block;
    width: 120px;
    background: #e53244;
    text-align: center;
    border-radius: 14px;
    padding: 4px;
    margin: 50px auto;
    color: #fff;
}
.prev_bt lavel {
	cursor: pointer;
	display: block;
}
.prev_bt lavel:hover {
	opacity:0.6;
}
/* 記事ページネーション・ネクストボタン・プレブボタン */
.page_next_prev {
	text-align: center;
    margin: 100px auto 0;
}
.page_next_prev li {
	display: inline-block;
    width: 46%;
}
@media screen and (min-width:1024px){
	.page_next_prev li {
    width: 15%;
    background-color: #36a0f9;
    color: #fff;
    padding: 5px;
    border-radius: 16px;
    margin: 0 10%;
}
}

/*　記事のコメント　*/
.comments_sys {
	width: 76%;
    margin: 50px auto;
    padding: 30px;
    border: dotted 1px #e53244;
	position:relative;
}
.comments_sys ol > li {
	border-bottom: dotted 1px #e53244;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.comment-form-comment label {
	vertical-align: top;
}
form .logged-in-as {
	margin: 10px 0;
}
.commentlist .reply {
	background: #e53244;
    width: 120px;
    text-align: center;
    padding: 6px;
    margin: 10px auto;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #eee;
    font-size: 0.8rem;
	position: relative;
}
.commentlist .reply a {
	text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#comments_tbn {
	display: block;
    width: 180px;
    background: #e53244;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 14px;
    padding: 8px 4px;
    text-align: center;
    margin: 50px auto;
}
#comments_tbn:hover {
	opacity: .5;
}
.comment-form-comment textarea {
	width:80%;
	margin: 10px 10% 20px;
	background: unset;
}
.form-submit{
	text-align: center;
}
.commentlist .reply:after{
	content: "Reply";
    color: #fff;
    display: block;
    width: 100%;
}
div#comments_contents:after {
	content: " ";
    position: absolute;
    background: url(/branu_db/wp-content/uploads/2020/11/anime_7.gif)no-repeat;
    background-position: bottom right;
    background-size: contain;
    opacity: .2;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
	z-index:-1;
}


/* ■■■■■■■■■■■■サブコンテンツ用■■■■■■■■■■■■ */

/* BMI肥満度指数,見積もり計算,パスワード生成機 */
#password_machine span {display:block;}
.bmi_set li {list-style: none;}
.bmi_set li input {margin:10px 20px;}
form #bmi_button {margin:20px;}

#bmi_wrap,.keisan_wrap1,#password_machine,.zip_code_checker {
	/* background:rgba(0,0,0,.1); */
	display: block;
	width: 80%;
	margin: auto;
	padding: 2%;
	background-repeat:no-repeat;
	background-size: cover;
	border: dotted 3px #fb1717;
	color: #474747;
	text-shadow: none;
}
.keisan_wrap1 table td,.keisan_wrap1 li {
	padding: 3% 0;
	font-size: 0.8rem;
}
#kisetu {
	height: 100%;
    width: 100%;
    position: fixed;
    top: 20%;
    left: -18%;
    right: 0;
    opacity: 0.3;
    font-size: 4vw;
    text-align: center;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 70%;
    transform: translateX(20px) translateY(20px) rotate(34deg);
	font-family: cursive;
}
#kisetu .back_year{
	position: absolute;
	left: 25%;
	top: 36%;
	text-shadow: 2px 2px 0 #fff;
	font-size: 1.8rem;
}
@media screen and (max-width: 480px){
	#kisetu {
		top: 22%;
		left: -42%;
		background-size: contain;
		font-size: 6vw;
	}
	#kisetu .back_year{
		position: absolute;
		right: 20%;
		top: -5%;
		font-size: 1.2rem;
		transform: translateX(20px) translateY(20px) rotate(-80deg);
	}
}
/* ヘッダーgifアニメーション用
header {
    background: url(https://branu-collection.sakura.ne.jp/branu_db/wp-content/uploads/2020/12/xmas-2.gif) no-repeat;
    background-position: right bottom;
    background-size: 60%;
}
*/

/* iframeでスマホシュミレーション */
#sp_demo {position: relative;display:none;margin: auto;}
#sp_demo img {position: absolute;z-index:1;pointer-events: none;}
.sp_demo_tate{width: 293px;}
.sp_demo_yoko{width: 510px;}
.sp_demo_tate iframe {height: 500px;width: 278px;left: 15px;top: 18px;}/*縦*/
.sp_demo_yoko iframe {height: 270px;width: 522px;left: 0px;top: 160px;}/*横*/
.sp_demo_tate img{transform: rotate(0deg);}
.sp_demo_yoko img {transform: rotate(-90deg);left: 136px;}
#sp_demo_bt{
	display:none;
    background: #e53244;
    color: #fff;
    border: unset;
    border-radius: 16px;
    width: 10%;
	margin:auto;
	outline: unset;
}
#sp_demo_bt span{display: block;height: 100%;padding: 10px;}
#sp_demo_bt span:hover{opacity: .6;}

#canvas{width:100%;}
@media screen and (min-width: 1024px){
	#sp_demo {display:block;height: 640px;margin: 100px auto;}
	#sp_demo iframe {position: absolute;}
	#sp_demo_bt{display:block;}
	
	#canvas{display:none;}
}



/* ローディングアニメ　未使用 */
#loading_page{position: absolute;margin: 180px 50% 0;}
.loaded_anime_end {opacity: 0;visibility: hidden;}
.sk-folding-cube {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 1%;
	height: 400%;
	background-color: #333;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
	-webkit-transform: perspective(140px) rotateX(-180deg);
	transform: perspective(140px) rotateX(-180deg);
	opacity: 0; 
} 25%, 75% {
	-webkit-transform: perspective(140px) rotateX(0deg);
	transform: perspective(140px) rotateX(0deg);
	opacity: 1; 
} 90%, 100% {
	-webkit-transform: perspective(140px) rotateY(180deg);
	transform: perspective(140px) rotateY(180deg);
	opacity: 0; 
} 
}

@keyframes sk-foldCubeAngle {
0%, 10% {
	-webkit-transform: perspective(140px) rotateX(-180deg);
	transform: perspective(140px) rotateX(-180deg);
	opacity: 0; 
} 25%, 75% {
	-webkit-transform: perspective(140px) rotateX(0deg);
	transform: perspective(140px) rotateX(0deg);
	opacity: 1; 
} 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
	transform: perspective(140px) rotateY(180deg);
	opacity: 0; 
}
}





/*導入実績ページ*/
/*下：トップ用*/

#case-content {
    background-color: #f4f9ff;
}
.top-bm-card {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 10px;
}

.top-tab-wrap {
  flex-wrap: wrap;
  margin:20px 0;
}

.top-tab-label {
    font-size: 1.7rem;
  background: #f3f3f3;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 6px .5em 3px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

.top-tab-content {
/*    background-color: #f3fbff;*/
    background-color: #f4f9ff;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    grid-gap: 1.8em;
    width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-content {
    padding-left: 55px!important;
}

.tab-switch:checked+.tab-label {
  background: #36a0f9;
    color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 40px;
  opacity: 1;
  transition: .5s opacity;
/*  box-shadow: 0 0 3px rgba(0,0,0,.2);*/
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

.inner--case {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    
}

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #36a0f9;
  display: block;
  order: -1;
}
.tab-label {
    font-size: 1.7rem;
  background: #f3f3f3;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 6px .5em 3px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

/*スマホ*/
  @media screen and (max-width: 768px) {
      #case-content {
          margin-top: 150px;
      }
      
.top-tab-label {
    font-size: 1em;
}
.tab-label {
    font-size: 1em;
}
      
.top-tab-content {
    display: block;
}    
.tab-content {
    display: block;
}
      
      
    .top-bm-card {
          width: 100%;
          height: auto;
          margin: 10px 0px 30px;
      }
      .top-tab-switch:checked+.top-tab-label {
          font-size: 1em;
      }
      
      .top-tab-switch:checked+.top-tab-label+.tab-content {
          display: block;
          padding: 20px!important;
      }
      
      
      .tab-switch:checked+.tab-label {
          font-size: 1em;
      }
      
      .tab-switch:checked+.tab-label+.tab-content {
          display: block;
          padding: 20px!important;
      }
      
      .bm-card {
          width: 100%;
          height: auto;
          margin: 10px 0px 30px;
      }
      
      .bm-card__anc {
          display: block;
          border: none;
      }
      
      .bm-card__img {
          margin-left: 0px;
          margin-right: 0px;
          width: 100%;
      }
      
      .tab_img {
          font-size: 1.2rem;
      }
 }




.tab-label:not(:last-of-type) {
  margin-right: 5px;
}

.tab_img img{ width: 90px;}


.tab-content {
/*    background-color: #f3fbff;*/
    background-color: #f4f9ff;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    grid-gap: 1.8em;
    
    
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #36a0f9;
    color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 40px;
  opacity: 1;
  transition: .5s opacity;
/*  box-shadow: 0 0 3px rgba(0,0,0,.2);*/
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}



/* アクティブなタブ */
.top-tab-switch:checked+.top-tab-label {
  background: #36a0f9;
    color: #fff;
    display: none;
}
.top-tab-switch:checked+.top-tab-label+.top-tab-content {
  height: auto;
  overflow: auto;
/*  padding: 40px;*/
  opacity: 1;
  transition: .5s opacity;
/*  box-shadow: 0 0 3px rgba(0,0,0,.2);*/
}
/* ラジオボタン非表示 */
.top-tab-switch {
  display: none;
}




/*お役立ち記事*/
#top-blog {
    margin: 80px auto;
}
.blog-inner {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}



.border-partition a:first-of-type {
    border-top: 2px dotted #eee;
}

.widget-entry-cards .a-wrap {
    /* padding: 5px; */
    line-height: 1.3;
    margin-bottom: 4px;
}

.border-partition a {
    border-bottom: 2px dotted #eee;
}

.a-wrap {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 1.5%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out;
}

.widget-entry-card {
    font-size: 16px;
    position: relative;
}

.ribbon-top-left {
    top: -3px;
    left: -9px;
}

.ribbon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.widget-entry-card {
    font-size: 16px;
    position: relative;
}

.ribbon-top-left:before {
    top: -1px;
    right: 4px;
}

.ribbon-top-left::after {
    bottom: 4px;
    left: 1px;
}

.ribbon-top-left::before, .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon:before, .ribbon:after {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    border: 4px solid #224963;
}

.ribbon-top-left span {
    right: -45px;
    top: 18px;
    transform: rotate(-45deg);
}

.ribbon-color-1 span {
    background-color: #cca11f;
    z-index: 999;
}

.ribbon-color-2 span {
    background-color: #9EACB4;
     z-index: 999;
}

.ribbon-color-3 span {
    background-color: #B87333;
    z-index: 999;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 185px;
    padding: 5px 0;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 11px/1 'Lato',sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}

.widget-entry-cards figure {
    width: 250px;
    margin-right: 60px;
}

.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
    float: left;
    margin-top: 3px;
    position: relative;
}

.widget-entry-card-content {
    margin-left: 126px;
}

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

.card-title-bold .card-title {
    font-weight: 700;
}
.widget-entry-card-title {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.widget-entry-card-snippet {
    font-size: 14px;
    width: 640px;
    margin-top: -5px;
    line-height: 1.5;
}

.widget-entry-card-snippet {
/*    margin-top: 6px;*/
    font-size: 14px;
    opacity: 0.8;
}

.widget-entry-card-content:after {
    position: absolute;
    bottom: -7px;
    right: 20px;
    font-family: 'Font Awesome 5 free';
    content: '記事を読む \f101';
    font-size: 90%;
    font-weight: bold;
    background-color: #3E9CF1;
    color: #FFF;
    padding: 0.4em 2em;
    border-radius: 2px;
}

.a-wrap:hover {
    background-color: rgba(54,160,249,.05);
    transition: all 0.3s ease-in-out;
    color: #333;
    opacity: 0.7;
}

@media screen and (max-width: 834px) {
    #top-blog {
    margin: 60px auto;
}
    
.widget-entry-card {
    margin-bottom: 60px;
}
.widget-entry-cards figure {
    width: 100%;
    margin-bottom: 15px;}
.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
    display: block;}
    
    .widget-entry-card-content {
        margin-left: 0px;}
    
    .widget-entry-card-title {
    padding: 15px 0px;}
    
    .widget-entry-card-snippet {
    font-size: 14px;
    width: auto;
    margin-top: 0px;
    line-height: 1.5;
}
    
    .widget-entry-card-content:after {
    position: absolute;
    bottom: -48px;
    right: 20px;
    font-family: 'Font Awesome 5 free';
    content: '記事を読む \f101';
    font-size: 90%;
    font-weight: bold;
    background-color: #3E9CF1;
    color: #FFF;
    padding: 0.4em 2em;
    border-radius: 2px;
}
}

#footer img {width: 80px; }
#footer li {
  display: inline-block;
  padding: 0 2.3em; }
#footer a {
  text-decoration: none;
  color: #999; }
  #footer a:hover {color: #eee; }
#footer_inner {
  background: #000;
  color: #7a7a7a;
  padding: 20px;
  text-align: center;
  line-height: 3em; }
  @media screen and (max-width: 768px) {
    #footer_inner {
      padding-bottom: 100px; } }

#lightbox {
    display: none;
}

.p--none{
  padding: 0;
}