@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }

/* ==========================================================================
   ソリューション
   ========================================================================== */
/* トップ
   ========================================================================== */
#solution #solution-area .box-column-inner {
  margin-bottom: 64px; }
  #solution #solution-area .box-column-inner .box-column-summary {
    max-width: 604px;
    font-size: 14px;
    font-size: 1.4rem; }
    #solution #solution-area .box-column-inner .box-column-summary .solution-ttl {
      margin-bottom: 16px; }
      #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a {
        display: block;
        position: relative; }
        #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a h2 {
          color: #0fbedf;
          display: inline;
          position: absolute;
          bottom: 0;
          left: 20px;
          padding: 8px 16px;
          background: #fff;
          font-size: 22px;
          font-size: 2.2rem; }
          #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a h2 span {
            font-size: 14px;
            font-size: 1.4rem; }
        #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a img {
          box-sizing: border-box;
          border: 8px solid #f7f6f4;
          -webkit-transition: all ease 0.25s;
          transition: all ease 0.25s; }
        #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a:hover h2 {
          color: #0fbedf; }
        #solution #solution-area .box-column-inner .box-column-summary .solution-ttl a:hover img {
          border-color: rgba(15, 190, 223, 0.3); }
    #solution #solution-area .box-column-inner .box-column-summary .list-link {
      margin-top: 16px;
      margin-bottom: 0;
      overflow: hidden; }
      #solution #solution-area .box-column-inner .box-column-summary .list-link li {
        border-top: 1px solid #e6e6e6;
        width: 48%; }
        #solution #solution-area .box-column-inner .box-column-summary .list-link li:nth-child(odd) {
          float: left;
          margin-right: 2%; }
        #solution #solution-area .box-column-inner .box-column-summary .list-link li:nth-child(even) {
          float: right;
          margin-left: 2%; }
        #solution #solution-area .box-column-inner .box-column-summary .list-link li.long {
          border-top: 1px solid #e6e6e6;
          width: 100% !important; }
        #solution #solution-area .box-column-inner .box-column-summary .list-link li a {
          color: #0fbedf;
          display: block;
          padding: 6px 8px; }
          #solution #solution-area .box-column-inner .box-column-summary .list-link li a:hover {
            background: rgba(15, 190, 223, 0.1); }

@media screen and (max-width: 767px) {
  #solution #solution-area .solution-box .box-column-summary .solution-ttl {
    margin-bottom: 10px; }
    #solution #solution-area .solution-box .box-column-summary .solution-ttl a h2 {
      position: static;
      display: block;
      margin-top: 10px;
      padding: 0;
      font-size: 16px;
      font-size: 1.6rem; }
      #solution #solution-area .solution-box .box-column-summary .solution-ttl a h2::before {
        display: none; }
  #solution #solution-area .solution-box .box-column-summary .list-link li {
    width: 100%;
    margin: 0; } }

#solution .main-block h3 {
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
  font-size: 2rem; }

#solution .main-block .big {
  font-size: 28px;
  font-size: 2.8rem; }

#solution #search-area .search-box {
  margin-bottom: 0;
  padding-top: 40px;
  border-top: 1px solid #e6e6e6; }
  #solution #search-area .search-box h3 {
    display: inline-block; }
  #solution #search-area .search-box h3 + p {
    display: inline-block;
    margin: 0 0 0 24px;
    vertical-align: super; }
  #solution #search-area .search-box .search-box-inner {
    overflow: hidden; }
    #solution #search-area .search-box .search-box-inner .img {
      float: left;
      width: 54%; }
    #solution #search-area .search-box .search-box-inner .list-link {
      width: 46%;
      float: left;
      margin-top: 0;
      margin-bottom: 0; }
      #solution #search-area .search-box .search-box-inner .list-link li {
        margin-bottom: 6px; }

@media screen and (max-width: 767px) {
  #solution #search-area .search-box {
    padding-top: 20px;
    margin-bottom: 20px; }
    #solution #search-area .search-box .search-box-inner .img {
      float: none;
      width: 80%;
      margin: 0 auto; }
    #solution #search-area .search-box .search-box-inner .list-link {
      float: none;
      width: 80%;
      margin: 16px auto 0; }
      #solution #search-area .search-box .search-box-inner .list-link li {
        width: 45%;
        display: inline-block; } }

#solution #case-area {
  overflow: hidden;
  padding-top: 40px;
  border-top: 1px solid #e6e6e6; }
  #solution #case-area .case-box {
    float: left;
    width: 30%; }
    #solution #case-area .case-box h3 {
      display: inline-block; }
    #solution #case-area .case-box h3 + p {
      display: inline-block;
      margin: 0 0 0 24px;
      vertical-align: super; }
  #solution #case-area ul {
    width: 66%;
    float: right; }
    #solution #case-area ul li {
      /*width:20%;
        margin-right:5%;*/
      width: 22%;
      margin-right: 3%;
      vertical-align: middle; }
      #solution #case-area ul li a {
        display: block;
        text-align: center; }
        #solution #case-area ul li a svg {
          max-width: 100%;
          width: 250px;
          height: 60px; }
  @media screen and (max-width: 767px) {
    #solution #case-area {
      padding-top: 20px; }
      #solution #case-area .case-box {
        float: none;
        width: 100%; }
      #solution #case-area ul {
        width: 100%; }
        #solution #case-area ul li {
          border-bottom: 1px solid #e6e6e6;
          width: 45%;
          padding-bottom: 16px;
          margin: 0 5% 16px 0;
          text-align: center; }
          #solution #case-area ul li:nth-child(2n) {
            margin: 0 0 16px 5%; } }
/* 第2階層の下層共通　：　メインタイトルとメイン画像・資料請求
   ========================================================================== */
/* メインタイトルとメイン画像 */
.solution-lower-wrap {
  /* コンテンツ領域 */
  /* 資料請求 */ }
  .solution-lower-wrap #main {
    padding-top: 0; }
  .solution-lower-wrap .solution-lower-header {
    height: 400px;
    background-size: cover !important;
    position: relative; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap .solution-lower-header::after {
        content: "";
        background-color: #ffffff;
        height: 400px;
        width: 40%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0; } }
    .solution-lower-wrap .solution-lower-header#soumu-solution-bg {
      background: url(img/soumu_solution.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#dps-solution-bg {
      background: url(img/dps_solution.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#bpo-bg {
      background: url(img/bpo.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#library-solution-bg {
      background: url(img/library_solution.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#document-bg {
      background: url(img/document.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#datebook-bg {
      background: url(img/datebook.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#producer-retailer-bg {
      background: url(img/producer_retailer.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#toyama-lib-bg {
      background: url(img/toyama_lib.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#hanno-lib-bg {
      background: url(img/hanno_lib.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#kyoto-lib-bg {
      background: url(img/kyoto_lib.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#minpaku-bg {
      background: url(img/minpaku_lib.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#ryukoku-lib-bg {
      background: url(img/ryukoku_lib.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#tyg-bg {
      background: url(img/tyg.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#nissan-bg {
      background: url(img/nissan.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#okayama-bg {
      background: url(img/okayama.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#sumitomo-bg {
      background: url(img/sumitomo.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#sti-bg {
      background: url(img/sti.jpg) no-repeat center right; }
      .solution-lower-wrap .solution-lower-header#sti-bg .copyright {
        position: absolute;
        top: 500px;
        right: 20px;
        z-index: 100; }
    .solution-lower-wrap .solution-lower-header#week-bg {
      background: url(img/530week.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#scop-bg {
      background: url(img/scop.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#eikado-bg {
      background: url(img/eikado.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header#cerezo-bg {
      background: url(img/cerezo.jpg) no-repeat center right; }
    .solution-lower-wrap .solution-lower-header svg {
      width: 260px;
      height: auto; }
    .solution-lower-wrap .solution-lower-header h1 {
      display: inline-block;
      text-align: center;
      width: 40%;
      line-height: 1.4;
      letter-spacing: -0.05em;
      font-size: 40px;
      font-size: 4rem;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: 'Noto Sans Japanese';
      font-style: normal;
      font-weight: 700;
      color: #000;
      padding-bottom: 32px;
      z-index: 100;
      position: relative; }
      .solution-lower-wrap .solution-lower-header h1.center {
        width: 100%; }
      .solution-lower-wrap .solution-lower-header h1 span {
        display: block; }
        .solution-lower-wrap .solution-lower-header h1 span.green {
          letter-spacing: normal;
          color: #92c708;
          font-size: 20px;
          font-size: 2rem;
          padding-bottom: 8px; }
          .solution-lower-wrap .solution-lower-header h1 span.green:before {
            margin-right: 8px;
            display: inline-block;
            content: "";
            width: 16px;
            height: 1px;
            background: #92c708;
            vertical-align: super; }
          .solution-lower-wrap .solution-lower-header h1 span.green:after {
            display: inline-block;
            content: "";
            margin-left: 8px;
            width: 16px;
            height: 1px;
            background: #92c708;
            vertical-align: super; }
        .solution-lower-wrap .solution-lower-header h1 span.ttl-sub {
          letter-spacing: normal;
          padding-top: 8px;
          font-size: 14px;
          font-size: 1.4rem; }
        .solution-lower-wrap .solution-lower-header h1 span.ttl-sub2 {
          letter-spacing: normal;
          padding-top: 8px;
          font-size: 20px;
          font-size: 2rem; }
      .solution-lower-wrap .solution-lower-header h1.big {
        font-size: 52px;
        font-size: 5.2rem; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap .solution-lower-header {
        height: 300px; }
        .solution-lower-wrap .solution-lower-header#bpo-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#library-solution-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#document-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#datebook-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#producer-retailer-bg {
          background-position: 88% 0; }
        .solution-lower-wrap .solution-lower-header#minpaku-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#ryukoku-lib-bg {
          background-position: 80% 0; }
        .solution-lower-wrap .solution-lower-header#okayama-bg {
          background-position: 64% 0; }
        .solution-lower-wrap .solution-lower-header#sumtomo-bg {
          background-position: 64% 0; }
        .solution-lower-wrap .solution-lower-header#sti-bg {
          background-position: 100% 0; }
          .solution-lower-wrap .solution-lower-header#sti-bg h1 img {
            width: 80%; }
          .solution-lower-wrap .solution-lower-header#sti-bg h1 span {
            font-size: 20px; }
          .solution-lower-wrap .solution-lower-header#sti-bg .copyright {
            position: relative;
            top: 22%;
            right: -10%;
            z-index: 100; }
            .solution-lower-wrap .solution-lower-header#sti-bg .copyright img {
              width: 80%; }
        .solution-lower-wrap .solution-lower-header svg {
          width: 90%;
          height: auto; }
        .solution-lower-wrap .solution-lower-header h1 {
          box-sizing: border-box;
          padding: 28px 16px 32px;
          width: 80%;
          margin: 0 10%;
          background: rgba(255, 255, 255, 0.8);
          font-size: 30px;
          font-size: 3rem; }
          .solution-lower-wrap .solution-lower-header h1.center {
            width: 80%; }
          .solution-lower-wrap .solution-lower-header h1 span.green {
            font-size: 20px;
            font-size: 2rem; }
          .solution-lower-wrap .solution-lower-header h1 span.ttl-sub {
            font-size: 12px;
            font-size: 1.2rem; }
          .solution-lower-wrap .solution-lower-header h1 span.ttl-sub2 {
            font-size: 14px;
            font-size: 1.4rem; }
          .solution-lower-wrap .solution-lower-header h1.big {
            font-size: 36px;
            font-size: 3.6rem; } }
  .solution-lower-wrap .solution-lower-block {
    background: #f7f6f4;
    padding: 80px 0 64px; }
    .solution-lower-wrap .solution-lower-block .solution-lower-nav .nav-anchor {
      margin-top: 40px;
      margin-bottom: 80px; }
    .solution-lower-wrap .solution-lower-block .solution-lower-nav .datebook {
      display: block; }
    .solution-lower-wrap .solution-lower-block .dl-box {
      display: table;
      width: 100%;
      background: #fff; }
      .solution-lower-wrap .solution-lower-block .dl-box dt {
        display: table-cell;
        width: 25%;
        border-right: 1px solid #e6e6e6;
        text-align: center;
        vertical-align: middle; }
        .solution-lower-wrap .solution-lower-block .dl-box dt h3 {
          margin-top: 80px;
          color: #000;
          font-size: 28px;
          font-size: 2.8rem; }
          .solution-lower-wrap .solution-lower-block .dl-box dt h3 span {
            position: relative;
            padding-top: 20px; }
            .solution-lower-wrap .solution-lower-block .dl-box dt h3 span::before {
              position: absolute;
              bottom: 100%;
              left: 0;
              right: 0;
              margin: 0 auto;
              color: #92c708;
              font-size: 48px;
              font-size: 4.8rem; }
          .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.office {
            padding-top: 0;
            display: block;
            position: relative; }
            .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.office::before {
              content: "";
              display: inline-block;
              position: absolute;
              bottom: 60px;
              width: 40px;
              height: 43px;
              background: url(/solution/css/img/ico_office.png) no-repeat;
              background-size: contain;
              vertical-align: middle; }
          .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.voice {
            padding-top: 0;
            display: block;
            position: relative; }
            .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.voice::before {
              content: "";
              display: inline-block;
              position: absolute;
              bottom: 60px;
              width: 65px;
              height: 43px;
              background: url(/solution/css/img/ico_voice.png) no-repeat;
              background-size: contain;
              vertical-align: middle; }
      .solution-lower-wrap .solution-lower-block .dl-box dd {
        display: table-cell;
        width: 75%;
        vertical-align: middle; }
        .solution-lower-wrap .solution-lower-block .dl-box dd h4 {
          border: none;
          margin-bottom: 8px; }
        .solution-lower-wrap .solution-lower-block .dl-box dd span.name {
          display: block;
          color: #0fbedf;
          font-weight: bold;
          padding-right: 20px; }
        .solution-lower-wrap .solution-lower-block .dl-box dd .intro {
          margin-bottom: 50px;
          background: #f7ffee;
          position: relative;
          padding: 40px 60px;
          font-size: 108%;
          line-height: 2;
          font-family: "Noto Sans Japanese"; }
          .solution-lower-wrap .solution-lower-block .dl-box dd .intro::before {
            content: "“";
            color: #92c708;
            font-family: "Noto Sans Japanese";
            font-size: 500%;
            line-height: 0;
            position: absolute;
            left: 10px;
            top: 40px; }
          .solution-lower-wrap .solution-lower-block .dl-box dd .intro::after {
            content: "”";
            color: #92c708;
            font-family: "Noto Sans Japanese";
            font-size: 500%;
            line-height: 0;
            position: absolute;
            right: 10px;
            bottom: 10px; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap .solution-lower-block .dl-box dd .intro {
            padding: 20px 30px;
            font-size: 104%;
            line-height: 2; }
            .solution-lower-wrap .solution-lower-block .dl-box dd .intro::before {
              font-size: 300%;
              left: 5px;
              top: 30px; }
            .solution-lower-wrap .solution-lower-block .dl-box dd .intro::after {
              font-size: 300%;
              right: 5px;
              bottom: 10px; } }
      .solution-lower-wrap .solution-lower-block .dl-box.bottom-arrow {
        margin-bottom: 48px;
        position: relative; }
        .solution-lower-wrap .solution-lower-block .dl-box.bottom-arrow:before {
          content: "";
          box-sizing: border-box;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          margin: auto;
          width: 60px;
          height: 30px;
          border: 30px solid transparent; }
    .solution-lower-wrap .solution-lower-block .point {
      margin-top: 20px;
      margin-bottom: 32px;
      padding: 56px;
      border: 4px solid #92c708;
      text-align: center;
      /*住友三井オートサービス　担当者*/
      /*横並び*/
      /*決定後削除
		dl.charge{
			 display: table;
			 padding:0 5%;
			dt{
				clear: left;
				float: left;
				width:35%;
				display: table-cell;
				margin-bottom: 4%;
			    }
			dd{
				float: right;
				width:63%;
			    font-size: 84%;
				text-align: left;
				padding-left:2%;
				padding-top:20%;
			}
		}*/ }
      .solution-lower-wrap .solution-lower-block .point h3 {
        margin-bottom: 16px;
        color: #92c708;
        font-size: 24px;
        font-size: 2.4rem; }
        .solution-lower-wrap .solution-lower-block .point h3 span {
          position: relative; }
          .solution-lower-wrap .solution-lower-block .point h3 span::before {
            font-size: 44px;
            font-size: 4.4rem;
            position: absolute;
            top: -8px;
            left: -56px; }
      .solution-lower-wrap .solution-lower-block .point h4 {
        margin-bottom: 16px;
        color: #000;
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.4; }
      .solution-lower-wrap .solution-lower-block .point .fbox li {
        text-align: left;
        width: 32%;
        margin-right: 2%;
        font-size: 13px;
        font-size: 1.3rem; }
        .solution-lower-wrap .solution-lower-block .point .fbox li:last-child {
          margin-right: 0; }
        .solution-lower-wrap .solution-lower-block .point .fbox li img {
          margin-top: 8px; }
      .solution-lower-wrap .solution-lower-block .point ul.charge {
        display: inline-block;
        width: 70%;
        margin-bottom: 2%; }
        .solution-lower-wrap .solution-lower-block .point ul.charge li {
          float: left;
          text-align: left;
          width: 40%; }
          .solution-lower-wrap .solution-lower-block .point ul.charge li p.ph_name {
            margin: 7px 0 0 0;
            line-height: 1.4;
            font-size: 82%;
            text-indent: -3em;
            padding-left: 2.5em; }
          .solution-lower-wrap .solution-lower-block .point ul.charge li:nth-child(2n) {
            width: 55%;
            float: right; }
      .solution-lower-wrap .solution-lower-block .point dl.outline {
        text-align: left;
        display: inline-block;
        line-height: 2; }
        .solution-lower-wrap .solution-lower-block .point dl.outline dt {
          /*width:85px;*/
          width: 100px;
          float: left;
          text-align: right; }
          .solution-lower-wrap .solution-lower-block .point dl.outline dt:after {
            content: "："; }
        .solution-lower-wrap .solution-lower-block .point dl.outline dd {
          padding-left: 105px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap .solution-lower-block {
        padding: 40px 0 32px; }
        .solution-lower-wrap .solution-lower-block .solution-lower-nav .nav-anchor {
          margin-top: 24px;
          margin-bottom: 40px; }
        .solution-lower-wrap .solution-lower-block .dl-box {
          display: block; }
          .solution-lower-wrap .solution-lower-block .dl-box dt {
            display: block;
            width: 100%;
            padding: 16px 0;
            border-right: none;
            border-bottom: 1px solid #e6e6e6; }
            .solution-lower-wrap .solution-lower-block .dl-box dt h3 {
              margin-top: 0;
              font-size: 28px;
              font-size: 2.8rem; }
              .solution-lower-wrap .solution-lower-block .dl-box dt h3 span {
                padding-top: 0; }
                .solution-lower-wrap .solution-lower-block .dl-box dt h3 span::before {
                  position: static;
                  padding-right: 16px;
                  font-size: 32px;
                  font-size: 3.2rem; }
              .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.office {
                display: block; }
                .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.office::before {
                  content: "";
                  display: inline-block;
                  position: static;
                  left: 0;
                  width: 26px;
                  height: 28px;
                  margin-top: -10px;
                  background-size: contain;
                  vertical-align: middle; }
              .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.voice {
                padding-top: 0;
                display: block;
                position: relative; }
                .solution-lower-wrap .solution-lower-block .dl-box dt h3 span.voice::before {
                  content: "";
                  display: inline-block;
                  position: static;
                  left: 0;
                  width: 42px;
                  height: 28px;
                  margin-top: -10px;
                  background-size: contain;
                  vertical-align: middle; }
          .solution-lower-wrap .solution-lower-block .dl-box dd {
            display: block;
            width: auto;
            padding: 16px 24px; }
        .solution-lower-wrap .solution-lower-block .point {
          padding: 24px;
          text-align: left;
          /*住友三井オートサービス　担当者*/
          /*横並び*/
          /*決定後削除dl.charge{
			 padding:0;
			dt{
				display:block;
				width:100%;
				margin-bottom: 0;
			    }
			dd{
				display:block;
				width:100%;
				padding-top:1%;
				margin-bottom: 10%;
			}
		}*/ }
          .solution-lower-wrap .solution-lower-block .point h3 {
            margin-bottom: 16px;
            font-size: 16px;
            font-size: 1.6rem; }
            .solution-lower-wrap .solution-lower-block .point h3 span::before {
              font-size: 24px;
              font-size: 2.4rem;
              position: static;
              padding-right: 10px; }
          .solution-lower-wrap .solution-lower-block .point h4 {
            font-size: 18px;
            font-size: 1.8rem; }
          .solution-lower-wrap .solution-lower-block .point .fbox li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 24px; }
          .solution-lower-wrap .solution-lower-block .point ul.charge {
            width: 100%;
            margin-bottom: 10%; }
            .solution-lower-wrap .solution-lower-block .point ul.charge li {
              float: none;
              width: 90%;
              margin: 0 0 5% 5%; }
              .solution-lower-wrap .solution-lower-block .point ul.charge li:nth-child(2n) {
                float: none;
                width: 90%;
                margin-left: 0;
                margin: 4% 0 0 5%; }
          .solution-lower-wrap .solution-lower-block .point dl.outline {
            width: 100%;
            /*dt{width:25%;float: left;text-align: right;background: #cccccc;}
			dd{padding-left:25%;
				}*/ }
            .solution-lower-wrap .solution-lower-block .point dl.outline dt {
              float: none;
              display: block;
              width: 100%;
              text-align: left;
              background: rgba(146, 199, 8, 0.1);
              padding: 0 0 0 2%; }
              .solution-lower-wrap .solution-lower-block .point dl.outline dt:after {
                content: none; }
            .solution-lower-wrap .solution-lower-block .point dl.outline dd {
              float: none;
              width: 100%;
              padding: 0 0 2% 2%; } }
  .solution-lower-wrap #solution-lower {
    font-size: 16px;
    font-size: 1.6rem; }
    .solution-lower-wrap #solution-lower .box-center > p {
      text-align: center; }
    .solution-lower-wrap #solution-lower .solution-lower-box {
      margin-bottom: 80px; }
      .solution-lower-wrap #solution-lower .solution-lower-box h3 {
        padding: 32px;
        margin-bottom: 0;
        font-size: 32px;
        font-size: 3.2rem; }
      .solution-lower-wrap #solution-lower .solution-lower-box p {
        font-size: 14px;
        font-size: 1.4rem; }
      .solution-lower-wrap #solution-lower .solution-lower-box ul li {
        font-size: 14px;
        font-size: 1.4rem; }
      .solution-lower-wrap #solution-lower .solution-lower-box .box-inner {
        padding: 64px 80px 50px;
        background: #fff; }
        .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 {
          margin-bottom: 40px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 h4 {
            font-size: 36px;
            font-size: 3.6rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 h5 {
            font-weight: normal;
            color: #000;
            font-size: 22px;
            font-size: 2.2rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 .fontsize20 {
            font-size: 20px;
            font-size: 2rem; }
        .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head2 {
          border-top: 1px solid #e6e6e6;
          padding-top: 12px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head2 h4 {
            color: #92c708;
            font-family: 'Noto Sans Japanese';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            font-size: 3.2rem;
            margin-bottom: 8px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head2 h4 span {
              font-size: 14px;
              font-size: 1.4rem; }
        .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl {
          display: table;
          width: 100%;
          padding-top: 40px;
          margin-bottom: 40px;
          border-top: 1px solid #e6e6e6; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl:first-child {
            padding-top: 0;
            border-top: none; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dt {
            display: table-cell;
            width: 22%;
            vertical-align: top; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dt span {
              display: inline-block;
              padding: 8px 32px;
              background: #92c708;
              color: #fff; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dd {
            display: table-cell;
            width: 78%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dd p {
              margin-bottom: 0; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dd .sttl03 {
              margin-bottom: 0;
              border-bottom: none; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dd .sttl03:before {
                height: 13px;
                width: 13px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box {
            float: left;
            width: 46%;
            margin-left: 4%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box h6 {
              font-size: 18px;
              font-size: 1.8rem;
              padding-bottom: 2px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box span.caption {
              display: block;
              text-align: center;
              margin: 5px 0; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box:nth-child(2n + 1) {
              margin-left: 0;
              margin-right: 4%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box .ph {
              /*width:100%;*/
              width: calc(100% - 24px);
              width: -webkit-calc(100% - 24px);
              margin: 10px 0 10px 24px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li {
            font-size: 14px;
            font-size: 1.4rem;
            text-indent: -22px;
            /*text-indent: -26px;*/
            margin-left: 26px;
            margin-bottom: 4px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li span {
              color: #92c708;
              padding-right: 8px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li h6 {
              color: #000;
              font-size: 18px;
              font-size: 1.8rem; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li p {
              margin-bottom: 12px;
              margin-left: 0;
              text-indent: 0; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit .type-inner-box li {
            text-indent: 0px;
            margin-left: 0px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit .merit-small-ttl {
            font-family: 'Noto Sans Japanese';
            font-style: normal;
            font-weight: 700;
            color: #92c708;
            font-size: 24px;
            font-size: 2.4rem;
            border-top: 2px solid #92c708;
            border-bottom: 2px solid #92c708;
            padding: 2px 24px 3px;
            margin-bottom: 8px;
            margin-top: 64px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit .merit-small-ttl:first-child {
              margin-top: 0; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type p {
            font-size: 14px;
            font-size: 1.4rem; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type p.indent {
              padding-left: 24px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li {
            margin-bottom: 8px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p {
              margin-left: 24px;
              font-size: 14px;
              font-size: 1.4rem; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p.book_mov img {
                width: 55%;
                margin: 10px 0; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p.ph {
                /*width:60%;*/
                width: 90%;
                /*margin:10px 20%;*/ }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li h6 {
              font-size: 18px;
              font-size: 1.8rem;
              padding-bottom: 2px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li table {
              margin: 8px 2.8% 16px 2.8%;
              width: 97.2%; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li table th,
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li table td {
                padding: 8px 10px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul.indent li {
            text-indent: 1em; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .type-small-ttl {
            font-family: 'Noto Sans Japanese';
            font-style: normal;
            font-weight: 700;
            color: #92c708;
            font-size: 24px;
            font-size: 2.4rem;
            border-top: 2px solid #92c708;
            border-bottom: 2px solid #92c708;
            padding: 2px 24px 3px;
            margin-bottom: 8px;
            margin-top: 64px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .type-small-ttl:first-child {
              margin-top: 0; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .type-small-ttl2 {
            border-top: 2px solid #e6e6e6;
            display: block;
            border-bottom: 2px solid #e6e6e6;
            color: #92c708;
            padding-top: 2px;
            padding-left: 24px;
            margin: 24px 0 16px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.q-a dd h5 {
            position: relative;
            padding-left: 48px;
            margin-bottom: 4px;
            color: #000; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.q-a dd h5 span::before {
              position: absolute;
              top: -2px;
              left: 4px;
              color: #0fbedf;
              font-size: 30px;
              font-size: 3rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.q-a dd p {
            position: relative;
            padding: 8px 8px 8px 48px;
            margin-bottom: 24px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.q-a dd p span::before {
              position: absolute;
              top: 4px;
              left: 4px;
              padding-right: 10px;
              color: #92c708;
              font-size: 30px;
              font-size: 3rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.approach dd {
            vertical-align: middle; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.approach dd a {
              display: inline-block;
              margin-right: 64px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.casestudy dd ul li {
            width: 20%;
            margin-right: 5%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.casestudy dd ul li a {
              display: block;
              text-align: center; }
      .solution-lower-wrap #solution-lower .solution-lower-box .btn-l-wrap {
        text-align: center; }
        .solution-lower-wrap #solution-lower .solution-lower-box .btn-l-wrap a {
          width: 40%; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap #solution-lower .solution-lower-box .btn-l-wrap {
            text-align: center; }
            .solution-lower-wrap #solution-lower .solution-lower-box .btn-l-wrap a {
              width: 100%; } }
      .solution-lower-wrap #solution-lower .solution-lower-box #papirusu {
        margin-top: 8px;
        background: rgba(146, 199, 8, 0.1);
        padding: 16px 24px;
        border-radius: 8px; }
        .solution-lower-wrap #solution-lower .solution-lower-box #papirusu h6 {
          font-size: 14px;
          font-size: 1.4rem;
          color: #000; }
        .solution-lower-wrap #solution-lower .solution-lower-box #papirusu p {
          font-size: 12px;
          font-size: 1.2rem;
          margin-bottom: 0; }
      .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box {
        margin-top: 8px;
        background: rgba(146, 199, 8, 0.1);
        padding: 16px 24px 24px;
        border-radius: 8px;
        border: 1px solid #92c708; }
        .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box h6 {
          font-size: 18px;
          font-size: 1.8rem;
          color: #000; }
        .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul {
          margin-top: 8px;
          background: #fff;
          /*padding:24px 16px 16px;*/
          padding: 20px 10px 10px;
          box-sizing: border-box;
          border-radius: 8px;
          border: 1px solid #e6e6e6; }
          .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul li {
            width: 22%;
            margin-right: 4%;
            text-align: center; }
            .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul li:last-child {
              border-right: none;
              margin-right: 0; }
            .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul li img {
              height: 100px;
              margin-bottom: 8px; }
            .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul li span {
              font-size: 13px;
              font-size: 1.3rem;
              padding: 0 8px;
              display: block;
              text-align: left; }
        .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul.management li:first-child {
          width: 60%;
          margin-right: 0;
          text-align: left;
          line-height: 2; }
          .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul.management li:first-child span {
            padding-left: 20px; }
        .solution-lower-wrap #solution-lower .solution-lower-box #proposal-box ul.management li:last-child {
          width: 40%;
          margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap #solution-lower {
        font-size: 14px;
        font-size: 1.4rem; }
        .solution-lower-wrap #solution-lower .box-center > p {
          text-align: left; }
        .solution-lower-wrap #solution-lower .solution-lower-box h3 {
          padding: 16px;
          font-size: 24px;
          font-size: 2.4rem; }
        .solution-lower-wrap #solution-lower .solution-lower-box .box-inner {
          padding: 16px; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 {
            margin-bottom: 24px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 h4 {
              font-size: 22px;
              font-size: 2.2rem; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head1 h5 {
              font-size: 16px;
              font-size: 1.6rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head2 h4 {
            font-size: 22px;
            font-size: 2.2rem;
            margin-bottom: 4px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner .box-head2 h4 span {
              font-size: 12px;
              font-size: 1.2rem; }
          .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl {
            display: block;
            padding-top: 24px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dt {
              display: block;
              width: 100%;
              text-align: center;
              margin-bottom: 16px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl dd {
              display: block;
              width: 100%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li {
              text-indent: -22px;
              margin-left: 23px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li h6 {
                color: #000;
                font-size: 16px;
                font-size: 1.6rem; }
                .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li h6 span {
                  padding-right: 6px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.merit ul li p {
                text-indent: 0;
                margin-left: 0; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li {
              margin-bottom: 4px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p {
                margin-left: 24px;
                font-size: 14px;
                font-size: 1.4rem; }
                .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p.book_mov img {
                  width: 70%; }
                .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li p.ph {
                  width: calc(95% - 24px);
                  width: -webkit-calc(95% - 24px);
                  margin: 10px 0 10px 24px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li h6 {
                font-size: 16px;
                font-size: 1.6rem;
                padding: 8px 0 8px 24px;
                padding-bottom: 2px; }
                .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type ul li h6:before {
                  top: 13px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .tbl-scroll-guide {
              /*margin-top:16px;*/
              font-size: 80%; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .type-small-ttl {
              font-size: 20px;
              font-size: 2rem;
              /*追加*/
              padding: 2px 5px 3px 5px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.type .type-small-ttl2 {
              padding-left: 5px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-bottom: 16px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box h6 {
                font-size: 16px;
                font-size: 1.6rem; }
                .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box h6.sttl03 {
                  padding: 8px 0 8px 24px;
                  padding-bottom: 2px; }
                  .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl .type-inner-box h6.sttl03:before {
                    top: 13px; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.approach dd {
              text-align: center; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.approach dd a {
                display: inline-block;
                margin: 0 3%;
                text-align: center; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.casestudy dd ul li {
              width: 45%;
              margin-right: 5%;
              margin-bottom: 16px; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.casestudy dd ul li:nth-child(2n) {
                margin-left: 5%;
                margin-right: 0; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl.casestudy dd ul li a {
                display: block;
                text-align: center; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #proposal-box ul li,
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #proposal-box ul.management li {
              float: none;
              width: 100%;
              margin-right: 0;
              margin-bottom: 24px;
              display: block; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #proposal-box ul li:last-child,
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #proposal-box ul.management li:last-child {
                margin-bottom: 0; }
            .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #n-class p {
              text-align: center;
              padding: 0; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #n-class p img {
                float: none;
                margin: 0 0 8px 0 !important; }
              .solution-lower-wrap #solution-lower .solution-lower-box .box-inner dl #n-class p span {
                display: block;
                text-align: left;
                margin: 0 16px; } }
  .solution-lower-wrap .solution-lower-footer {
    padding: 16px 0 16px;
    background: #0fbedf;
    color: #fff;
    text-align: center; }
    .solution-lower-wrap .solution-lower-footer p {
      margin-bottom: 0; }
      .solution-lower-wrap .solution-lower-footer p a {
        margin-left: 32px; }
        .solution-lower-wrap .solution-lower-footer p a span {
          padding-left: 80px;
          padding-right: 80px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap .solution-lower-footer p a {
        width: 80%;
        margin: 8px auto 0;
        display: block; }
        .solution-lower-wrap .solution-lower-footer p a span {
          padding-left: 0;
          padding-right: 0; } }
  .solution-lower-wrap .box-inner {
    clear: both;
    overflow: hidden; }

/*タイトル用のリンクボタン（文書裁断）*/
.btn_pro_list {
  float: right;
  margin: -70px 70px 0 0; }

@media screen and (max-width: 767px) {
  .btn_pro_list {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0; } }

/* 事例紹介トップ
   ========================================================================== */
#casestudy .casestudy-wrap .box-column-inner .box-column-summary {
  border: 8px solid #f7f6f4; }
  #casestudy .casestudy-wrap .box-column-inner .box-column-summary dt {
    padding: 24px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    display: -webkit-box;
    /* */
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack: center;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: center;
    /*--- IE10 ---*/
    -webkit-justify-content: center;
    /*--- safari（PC）用 ---*/
    justify-content: center;
    -webkit-box-align: center;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-align: center;
    /*--- IE10 ---*/
    -webkit-align-items: center;
    /*--- safari（PC）用 ---*/
    align-items: center;
    height: 100%; }
    #casestudy .casestudy-wrap .box-column-inner .box-column-summary dt h2 {
      color: #585858;
      font-size: 18px;
      font-size: 1.8rem; }
      #casestudy .casestudy-wrap .box-column-inner .box-column-summary dt h2 svg {
        width: 80%;
        height: auto; }
  #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd {
    padding: 30px 56px 24px; }
    #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd p {
      margin-bottom: 20px;
      font-size: 24px;
      font-size: 2.4rem; }
      #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd p a {
        text-align: left; }
    #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd ul li {
      display: inline-block;
      padding: 6px 10px;
      margin-right: 8px;
      margin-bottom: 8px;
      border-radius: 30px;
      background: #f5f5f5;
      color: #747a7e;
      font-size: 14px;
      font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  #casestudy .casestudy-wrap .box-column-inner .box-column-summary {
    padding: 16px 0; }
    #casestudy .casestudy-wrap .box-column-inner .box-column-summary dt {
      padding-bottom: 16px; }
    #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd {
      padding: 15px 24px 0; }
      #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd p {
        font-size: 16px;
        font-size: 1.6rem; }
      #casestudy .casestudy-wrap .box-column-inner .box-column-summary dd ul li {
        font-size: 12px;
        font-size: 1.2rem; } }

/* 事例紹介下層
   ========================================================================== */
#casestudy-lower .sttl03 span {
  font-size: 68%;
  margin-top: 1%;
  font-weight: normal;
  padding-left: 1em; }

@media screen and (max-width: 767px) {
  #casestudy-lower h1 {
    background: #fff !important; }
  #casestudy-lower .sttl03 {
    padding: 8px 0 8px 16px; } }

#casestudy-lower .case-block .case-block-inner .copy {
  margin-bottom: 40px; }

#casestudy-lower .case-block .case-block-inner .dl-box dd {
  padding: 72px; }
  #casestudy-lower .case-block .case-block-inner .dl-box dd .btn-l-wrap {
    text-align: center;
    margin-top: 50px; }
    #casestudy-lower .case-block .case-block-inner .dl-box dd .btn-l-wrap a {
      width: 40%; }
    @media screen and (max-width: 767px) {
      #casestudy-lower .case-block .case-block-inner .dl-box dd .btn-l-wrap {
        margin-top: 20px; }
        #casestudy-lower .case-block .case-block-inner .dl-box dd .btn-l-wrap a {
          width: 100%; }
          #casestudy-lower .case-block .case-block-inner .dl-box dd .btn-l-wrap a span {
            font-size: 120%; } }
#casestudy-lower .case-block .case-block-inner .dl-box.bottom-arrow:before {
  border-top: 30px solid #92c708; }

#casestudy-lower .case-block .case-block-inner .dl-box .cap_txt {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 16px; }

#casestudy-lower .case-block .case-block-inner .dl-box .cap_l {
  display: inline-block;
  width: 50%; }

#casestudy-lower .case-block .case-block-inner .dl-box .cap_ph_l {
  float: left;
  display: block;
  width: 45%;
  margin: 0 5% 3% 0; }

#casestudy-lower .case-block .case-block-inner .dl-box .cap_ph_r {
  float: right;
  width: 45%;
  margin: 0 0 3% 5%;
  display: inline;
  /*border: 1px solid #e6e6e6;*/ }
  #casestudy-lower .case-block .case-block-inner .dl-box .cap_ph_r span {
    display: block;
    font-size: 84%;
    margin-top: 5px; }

#casestudy-lower .case-block .case-block-inner .case-btn li {
  display: inline-block;
  margin-right: 16px; }
  #casestudy-lower .case-block .case-block-inner .case-btn li.active a {
    border-color: #e6e6e6;
    background: #747a7e;
    pointer-events: none; }
    #casestudy-lower .case-block .case-block-inner .case-btn li.active a span {
      color: #fff; }
      #casestudy-lower .case-block .case-block-inner .case-btn li.active a span:before {
        color: #747a7e; }
    #casestudy-lower .case-block .case-block-inner .case-btn li.active a:hover span:before {
      color: #fff; }

@media screen and (max-width: 767px) {
  #casestudy-lower .case-block .case-block-inner .copy {
    margin-bottom: 20px; }
  #casestudy-lower .case-block .case-block-inner .dl-box dt {
    padding: 16px 0; }
  #casestudy-lower .case-block .case-block-inner .dl-box dd {
    padding: 16px 24px; }
  #casestudy-lower .case-block .case-block-inner .dl-box .cap_ph_l,
  #casestudy-lower .case-block .case-block-inner .dl-box .cap_ph_r,
  #casestudy-lower .case-block .case-block-inner .dl-box .cap_l {
    float: none;
    width: 99%;
    margin: 0 0 5% 0;
    display: block; }
  #casestudy-lower .case-block .case-block-inner .case-btn li {
    margin-bottom: 8px; }
    #casestudy-lower .case-block .case-block-inner .case-btn li a span {
      font-size: 12px;
      font-size: 1.2rem; } }

/*sit*/
.stiimg_wide img {
  width: 100%; }

.stiimg img {
  width: 65%;
  margin: 0 auto; }

.stiimg50 img {
  width: 50%;
  margin: 0 25%; }

.stiimg_r {
  float: right;
  width: 55%;
  margin: 0 0 3% 5%;
  display: inline; }

@media screen and (max-width: 767px) {
  .stiimg img,
  .stiimg50 img {
    width: 100%;
    margin: 0; } }

/* 業種・業態別のご提案トップ
   ========================================================================== */
#industry .industry-wrap .box-column-inner .box-column-summary {
  border: 8px solid #f7f6f4;
  text-align: center; }
  #industry .industry-wrap .box-column-inner .box-column-summary .text {
    padding: 32px 40px;
    text-align: left; }
    #industry .industry-wrap .box-column-inner .box-column-summary .text h2 {
      font-size: 24px;
      font-size: 2.4rem; }
    @media screen and (max-width: 767px) {
      #industry .industry-wrap .box-column-inner .box-column-summary .text {
        padding: 16px 24px; } }
#industry-lower .industry-block .industry-block-inner .point-text {
  margin-bottom: 40px;
  color: #000;
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center; }

#industry-lower .industry-block .industry-block-inner .copy {
  margin-bottom: 40px; }

#industry-lower .industry-block .industry-block-inner dl dt h3 {
  margin-top: 50px; }

#industry-lower .industry-block .industry-block-inner dl dd {
  padding: 80px; }
  #industry-lower .industry-block .industry-block-inner dl dd ul li {
    margin-bottom: 10px;
    padding: 16px 40px;
    background: #e6e6e6; }
    #industry-lower .industry-block .industry-block-inner dl dd ul li h4 {
      margin-bottom: 0;
      color: #000;
      font-size: 20px;
      font-size: 2rem; }
      #industry-lower .industry-block .industry-block-inner dl dd ul li h4:before {
        color: #16c0e0;
        font-size: 20px;
        font-size: 2rem;
        padding-right: 10px; }

#industry-lower .industry-block .industry-block-inner dl.bottom-arrow:before {
  border-top: 30px solid #fff; }

#industry-lower .industry-block .industry-block-inner .proposal {
  margin-bottom: 80px;
  background: #fff; }
  #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl {
    background: #92c708;
    color: #fff; }
    #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dt {
      font-family: 'Noto Sans Japanese';
      font-style: normal;
      font-weight: 700;
      font-size: 28px;
      font-size: 2.8rem; }
    #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd {
      padding: 32px 80px; }
      #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd h4 {
        margin-bottom: 0;
        font-family: 'Noto Sans Japanese';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        font-size: 2.4rem; }
      #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd p {
        margin-bottom: 0;
        color: #000;
        font-size: 16px;
        font-size: 1.6rem; }
  #industry-lower .industry-block .industry-block-inner .proposal .proposal-inner {
    padding: 40px 80px; }
    #industry-lower .industry-block .industry-block-inner .proposal .proposal-inner .copy {
      text-align: left; }

@media screen and (max-width: 767px) {
  #industry-lower .industry-block .industry-block-inner .copy {
    margin-bottom: 20px; }
  #industry-lower .industry-block .industry-block-inner dl dt h3 {
    margin-top: 16px; }
  #industry-lower .industry-block .industry-block-inner dl dd {
    padding: 24px; }
    #industry-lower .industry-block .industry-block-inner dl dd ul li {
      padding: 8px 24px; }
      #industry-lower .industry-block .industry-block-inner dl dd ul li h4 {
        font-size: 16px;
        font-size: 1.6rem; }
        #industry-lower .industry-block .industry-block-inner dl dd ul li h4:before {
          font-size: 16px;
          font-size: 1.6rem; }
  #industry-lower .industry-block .industry-block-inner .proposal {
    margin-bottom: 40px; }
    #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd {
      padding: 16px 32px; }
      #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd h4 {
        font-size: 24px;
        font-size: 2.4rem; }
      #industry-lower .industry-block .industry-block-inner .proposal .proposal-ttl dd p {
        font-size: 16px;
        font-size: 1.6rem; }
    #industry-lower .industry-block .industry-block-inner .proposal .proposal-inner {
      padding: 24px 32px; } }

/* 証書ファイル
   ========================================================================== */
#file .type {
  display: block !important; }
  #file .type dt {
    width: 100% !important;
    display: block !important;
    margin-bottom: 40px; }
  #file .type dd {
    width: 100% !important;
    display: block !important;
    padding-bottom: 80px; }
    #file .type dd .photo {
      border: 1px solid #e6e6e6;
      margin: 32px 0 16px !important; }
      #file .type dd .photo img {
        width: 50%;
        float: left; }
      @media screen and (max-width: 767px) {
        #file .type dd .photo img {
          width: 100%;
          float: none; } }
    #file .type dd .box-column-wrap .box-column-inner {
      margin-bottom: 24px; }
    #file .type dd .bg-btn {
      background: rgba(0, 0, 0, 0.05);
      text-align: center;
      padding: 8px 16px 16px;
      border-radius: 4px; }
    #file .type dd .type1 {
      border-radius: 16px;
      padding: 1px 16px;
      color: #fff;
      display: inline-block;
      background: #8acefa; }
    #file .type dd .type2 {
      border-radius: 16px;
      padding: 1px 16px;
      color: #fff;
      display: inline-block;
      background: #f4b9c2; }
    #file .type dd .type3 {
      border-radius: 16px;
      padding: 1px 16px;
      color: #fff;
      display: inline-block;
      background: #50b18b; }
    #file .type dd .type1,
    #file .type dd .type2,
    #file .type dd .type3 {
      margin-top: 16px; }
    #file .type dd .color {
      margin-right: 4px; }
    #file .type dd .sttl03 {
      margin-top: 16px; }
      #file .type dd .sttl03:first-child {
        margin-top: 0; }

#file .file-otoiawase .box-column-inner {
  box-sizing: border-box;
  padding: 0 40px; }
  @media screen and (max-width: 767px) {
    #file .file-otoiawase .box-column-inner {
      padding: 0; } }
.custom a img {
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  border: 1px solid #e6e6e6;
  margin: 32px 0 16px !important; }

.custom a:hover img {
  border: 1px solid #92c708; }

/* AR
   ========================================================================== */
#ar p.capt {
  margin-left: 0 !important;
  font-size: 90% !important;
  margin-top: 5px; }

#ar .scan {
  width: 340px;
  margin: 30px auto 0; }
  #ar .scan p {
    margin-top: 5px;
    text-indent: -16px;
    margin-left: 20px; }
    #ar .scan p:before {
      content: "▲"; }

#ar ul.flow {
  clear: both;
  overflow: hidden; }
  #ar ul.flow li {
    float: left;
    margin-right: 30px;
    /*font-size: 84% !important;*/
    text-indent: -20px !important; }
    #ar ul.flow li p {
      display: block;
      margin: 20px auto;
      text-align: center; }
    #ar ul.flow li:last-child {
      margin-right: 0; }
    #ar ul.flow li:nth-child(1) {
      width: 160px; }
    #ar ul.flow li:nth-child(3) {
      width: 220px; }
    #ar ul.flow li:nth-child(2) {
      width: 335px; }

@media screen and (max-width: 767px) {
  #ar .scan {
    width: 100%;
    margin: 30px auto 0; }
    #ar .scan p {
      margin-top: 5px;
      text-indent: -16px;
      margin-left: 20px; }
  #ar ul.flow {
    width: 100%; }
    #ar ul.flow li {
      width: 92% !important;
      display: block;
      font-size: 1.4rem !important;
      text-indent: 20px !important; }
      #ar ul.flow li p {
        margin: 0 auto 50px; } }

/* 図書館ソリューション
   ========================================================================== */
.standard_spec {
  /*border-top: 1px solid #e6e6e6;
	padding-top:20px;*/
  margin: 10px 0 40px 24px; }
  .standard_spec li:nth-child(1) {
    font-size: 14px !important;
    border: 1px solid #585858;
    line-height: 1;
    padding: 4px 8px 3px;
    margin: 12px 25px 0 0;
    font-weight: bold;
    display: inline-block;
    vertical-align: top; }
  .standard_spec li:nth-child(2) {
    font-size: 14px !important;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
    text-align: left !important; }
    .standard_spec li:nth-child(2) span {
      display: block;
      font-weight: bold;
      margin: 10px 0 3px 0;
      border-bottom: 1px solid #585858;
      text-align: left !important; }
  .standard_spec li span {
    display: inline-block; }
    .standard_spec li span.size {
      display: inline-block;
      vertical-align: top; }
  @media screen and (max-width: 767px) {
    .standard_spec {
      margin-left: 24px; }
      .standard_spec li:nth-child(1) {
        padding: 3px 20px 2px;
        margin: 0; }
        .standard_spec li:nth-child(1).size {
          text-indent: 0;
          margin: 0 0 0 0; }
      .standard_spec li:nth-child(2) {
        display: block;
        font-size: 1.4rem !important; }
        .standard_spec li:nth-child(2) span {
          margin: 0;
          margin: 5px 0 0 0; } }
/* NAKABAYASHI paper straw
   ========================================================================== */
.spec {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  margin-top: 20px; }
  .spec ul {
    margin-left: 25px;
    margin-top: 10px; }
  .spec li:nth-child(1) {
    border: 1px solid #585858;
    padding: 0 5px;
    margin-right: 5px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top; }
  .spec li:nth-child(2) {
    display: inline-block;
    vertical-align: top; }
  .spec li span {
    display: inline-block; }
    .spec li span.size {
      display: inline-block;
      vertical-align: top; }
  @media screen and (max-width: 767px) {
    .spec {
      padding-top: 5px;
      margin-top: 10px; }
      .spec li {
        /*font-size: 82% !important;*/ }
        .spec li span {
          display: block;
          text-indent: -7px; }
          .spec li span.size {
            display: block;
            text-indent: 0; }
        .spec li:nth-child(2) {
          display: block; } }
.asue_spec {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-top: 20px; }
  .asue_spec .spec_ttl {
    border: 1px solid #585858;
    padding: 0 15px;
    margin-bottom: 10px !important;
    font-weight: bold;
    display: inline-block;
    vertical-align: top; }
  .asue_spec dl.size {
    display: table;
    padding: 10px 0 0 20px !important;
    margin-bottom: 20px;
    border: none !important; }
    .asue_spec dl.size dt {
      display: inline-block !important;
      width: 12% !important; }
    .asue_spec dl.size dd {
      display: inline-block !important;
      width: 88% !important; }
  @media screen and (max-width: 767px) {
    .asue_spec dl.size {
      padding: 10px 0 0 20px !important;
      margin-bottom: 20px; }
      .asue_spec dl.size dt {
        display: block !important;
        min-width: 90%;
        margin-bottom: 0 !important;
        text-align: left !important;
        text-indent: -10px; }
      .asue_spec dl.size dd {
        display: block !important;
        min-width: 90%; } }
.asue_cap {
  text-align: right;
  margin: 5px 15px 0 0; }
  @media screen and (max-width: 767px) {
    .asue_cap {
      margin: 5px 0 0 0;
      font-size: 90%; } }
/* 環境設備（カビ対策）
   ========================================================================== */
#library-solution .th-multi .head th {
  text-align: left; }

#library-solution .table_ttl {
  margin: 20px 0 12px 2.8%;
  color: #000000;
  font-weight: bold; }

#library-solution .box-inner {
  /* IE11 */ }
  #library-solution .box-inner .merit_flow {
    margin: 20px 0 50px 3%;
    position: relative;
    font-size: 1.6rem; }
    #library-solution .box-inner .merit_flow .last:after {
      display: none; }
  #library-solution .box-inner .merit_flow .flowBox:after,
  #library-solution .box-inner .merit_flow .flowBox_circle:after {
    border: 12px solid transparent;
    border-left-color: #92c708;
    content: "";
    position: absolute;
    top: 50%; }
  #library-solution .box-inner .merit_flow .flowBox:after {
    margin: -12px 0 0 60px; }
  #library-solution .box-inner .merit_flow .flowBox_circle:after {
    margin: -12px 0 0 60px; }
  #library-solution .box-inner _:-ms-lang(x)::-ms-backdrop,
  #library-solution .box-inner .merit_flow .flowBox_circle:after {
    margin: -12px 0 0 90px; }
  #library-solution .box-inner .merit_flow:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both; }
  #library-solution .box-inner .merit_flow .flowBox {
    /*background:#025E36;
	color: #ffffff;*/
    background: #ffffff;
    color: #0fbedf;
    border: 2px solid #0fbedf;
    font-weight: 600;
    padding: 8px 40px;
    position: relative;
    margin-right: 50px;
    border-radius: 4px;
    float: left; }
  #library-solution .box-inner .merit_flow .flowBox_circle {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    /*line-height:50px;*/
    line-height: 1.2;
    text-align: center;
    /*background:#025E36;
	color: #ffffff;*/
    background: #ffffff;
    color: #0fbedf;
    font-weight: 600;
    border: 2px solid #0fbedf;
    padding: 10px;
    position: relative;
    margin-right: 35px;
    float: left; }
    #library-solution .box-inner .merit_flow .flowBox_circle span {
      display: block;
      margin-top: 15px; }
  #library-solution .box-inner .merit_flow .line1 span {
    margin-top: 25px; }
  @media screen and (max-width: 767px) {
    #library-solution .box-inner .merit_flow {
      margin: 20px 0 0 0;
      width: 100%; }
    #library-solution .box-inner .merit_flow .flowBox_circle {
      height: auto;
      width: auto;
      padding: 8px 40px;
      position: relative;
      margin-right: 50px;
      border-radius: 4px;
      line-height: 1.75; }
      #library-solution .box-inner .merit_flow .flowBox_circle span {
        display: block;
        margin-top: 0; }
    #library-solution .box-inner .merit_flow .line1 span {
      margin-top: 0; }
    #library-solution .box-inner .merit_flow .flowBox:after,
    #library-solution .box-inner .merit_flow .flowBox_circle:after {
      border-top: 12px solid #92c708;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      content: "";
      position: absolute;
      left: 50%;
      margin: 30px 0 0 -25px; }
    #library-solution .box-inner .merit_flow .flowBox,
    #library-solution .box-inner .merit_flow .flowBox_circle {
      padding: 8px 40px;
      margin-right: 0;
      margin-bottom: 30px;
      text-align: center;
      float: none; }
    #library-solution .box-inner .item-wrap .fr,
    #library-solution .box-inner .item-wrap .fl {
      float: none !important;
      display: block;
      width: 100%; }
      #library-solution .box-inner .item-wrap .fr img,
      #library-solution .box-inner .item-wrap .fl img {
        width: 100%; }
    #library-solution .box-inner #papirusu .fr img {
      width: 60%;
      padding: 5% 0 0 20%; }
    #library-solution .box-inner #papirusu h6 {
      padding: 8px 0 8px 0 !important; } }
/* 図書館ソリューション（カメレオンコード部分）2022.10
   ========================================================================== */
#library-solution h4.new {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  position: relative; }
  #library-solution h4.new::before {
    content: "NEW";
    letter-spacing: 0.2em;
    color: #ffffff;
    font-family: "Noto Sans Japanese";
    background: #eb6843;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 0;
    padding: 2px 6px;
    margin-right: 5px;
    /*position: absolute;
          left:10px;
          top:40px;*/ }

#library-solution .kamereon li.fl {
  width: 62%; }

#library-solution .kamereon li.fr {
  width: 35%;
  margin-left: 3%; }

#library-solution .kamereon ul.dot-list li {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 40px; }
  #library-solution .kamereon ul.dot-list li::before {
    content: "●";
    color: #92c708;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 0;
    margin-right: 5px;
    margin-left: -15px; }

#library-solution .bnr_app {
  margin: 20px 0; }

@media screen and (max-width: 767px) {
  #library-solution h4.new {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative; }
    #library-solution h4.new::before {
      font-size: 12px;
      font-size: 1.2rem;
      padding: 0px 2px; }
  #library-solution .kamereon li.fl {
    width: 100%; }
  #library-solution .kamereon li.fr {
    width: 100%;
    margin-left: 0; }
  #library-solution .kamereon ul.dot-list li {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 20px; }
    #library-solution .kamereon ul.dot-list li::before {
      content: "●";
      color: #92c708;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 0;
      margin-right: 5px;
      margin-left: -18px; }
  #library-solution .bnr_app {
    margin: 20px 0; } }

#case1 h3.sttl01 {
  padding: 32px;
  margin-top: 80px;
  margin-bottom: 0;
  font-size: 32px;
  font-size: 3.2rem; }

#case1 .h_half {
  padding: 20px !important;
  margin-top: 40px !important; }

@media screen and (max-width: 767px) {
  #case1 h3.sttl01 {
    padding: 16px;
    font-size: 20px;
    font-size: 2rem; }
  #case1 .h_half {
    padding: 12px !important; } }

@media screen and (min-width: 768px) {
  .case-block .col2 {
    display: flex;
    justify-content: center;
    margin-top: 28px;
    margin-bottom: 40px; }
    .case-block .col2 li {
      width: 48.5%; }
      .case-block .col2 li:nth-child(odd) {
        margin-right: 3%; } }

@media screen and (max-width: 767px) {
  .case-block .col2 {
    display: block; }
    .case-block .col2 li {
      width: 100%;
      margin: 14px 0; } }

.solution-block {
  background: #f7ffee; }
  @media screen and (min-width: 768px) {
    .solution-block {
      border: 20px solid #f7ffee; } }
  @media screen and (max-width: 767px) {
    .solution-block {
      border: 10px solid #f7ffee; } }
/* DPS 2024.01
   ========================================================================== */
.solution-lower-wrap.dps .copy {
  font-weight: 800; }

.solution-lower-wrap.dps #solution-lower .solution-lower-box ul.worry {
  margin-bottom: 60px; }
  .solution-lower-wrap.dps #solution-lower .solution-lower-box ul.worry li {
    text-indent: -22px;
    /*text-indent: -26px;*/
    margin-left: 26px;
    margin-bottom: 4px; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.dps #solution-lower .solution-lower-box ul.worry li {
        font-size: 22px;
        font-size: 2.2rem; } }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps #solution-lower .solution-lower-box ul.worry li {
        font-size: 16px;
        font-size: 1.6rem; } }
    .solution-lower-wrap.dps #solution-lower .solution-lower-box ul.worry li span {
      color: #92c708;
      padding-right: 8px; }

.solution-lower-wrap.dps #solution-lower .solution-lower-box .spec .box-column-inner .sttl03 {
  font-size: 18px;
  font-size: 1.8rem;
  border: none; }
  .solution-lower-wrap.dps #solution-lower .solution-lower-box .spec .box-column-inner .sttl03 span {
    font-size: 12px;
    font-size: 1.2rem; }

.solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion {
  border-top: 1px solid #e6e6e6; }
  .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item,
  .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents {
    border-bottom: 1px solid #e6e6e6;
    padding: 40px; }
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item.no-border,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents.no-border {
      border-bottom: 0px;
      padding-bottom: 0px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents {
        padding: 10px; } }
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .accordion_content,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .item-wrap,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .box-column-wrap,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .accordion_content,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .item-wrap,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .box-column-wrap {
      background-color: #f2f2f2; }
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .accordion_content .sttl03,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .item-wrap .sttl03,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .box-column-wrap .sttl03,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .accordion_content .sttl03,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .item-wrap .sttl03,
      .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .box-column-wrap .sttl03 {
        font-size: 18px;
        font-size: 1.8rem;
        border: none;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .accordion_content .sttl03,
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .item-wrap .sttl03,
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .box-column-wrap .sttl03,
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .accordion_content .sttl03,
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .item-wrap .sttl03,
          .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .box-column-wrap .sttl03 {
            font-size: 16px;
            font-size: 1.6rem; } }
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion_item .box-column-inner,
    .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .accordion-contents .box-column-inner {
      margin-bottom: 0px; }
  .solution-lower-wrap.dps #solution-lower .solution-lower-box div.accordion .type-small-ttl2 {
    border-top: 2px solid #92c708;
    display: block;
    border-bottom: 2px solid #92c708;
    color: #92c708;
    padding-top: 2px;
    padding-left: 24px;
    margin: 0px 0 16px; }

.solution-lower-wrap.dps .box-task {
  position: relative;
  color: #333;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.dps .box-task .box-column-inner:first-child {
      width: 400px; }
    .solution-lower-wrap.dps .box-task .box-column-inner:nth-child(2) {
      width: 61%; } }
  .solution-lower-wrap.dps .box-task:after {
    content: "";
    width: 28px;
    height: 28px;
    border: 0;
    border-bottom: solid 7px #92c708;
    border-right: solid 7px #92c708;
    border-radius: 3px;
    position: absolute;
    top: 80%;
    left: 50%;
    margin-top: -6px;
    transform: rotate(45deg); }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps .box-task:after {
        width: 30px;
        height: 30px;
        top: 100%;
        bottom: 0%;
        border-bottom: solid 5px #92c708;
        border-right: solid 5px #92c708; } }
.solution-lower-wrap.dps .box_solution {
  border-radius: 16px;
  border: 2px solid #92c708;
  padding: 40px; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .box_solution {
      padding: 10px; }
      .solution-lower-wrap.dps .box_solution .copy {
        margin-top: 24px;
        text-align: left; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .solution-lower-wrap.dps .box_solution .copy {
        text-align: left; } }
  .solution-lower-wrap.dps .box_solution .dps_point {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.dps .box_solution .dps_point {
        font-size: 22px;
        font-size: 2.2rem; } }
    .solution-lower-wrap.dps .box_solution .dps_point span {
      border: 1px solid #92c708;
      border-radius: 8px;
      color: #92c708;
      font-size: 12px;
      font-size: 1.2rem;
      padding: 8px 10px;
      margin-bottom: 10px;
      line-height: 1; }
  .solution-lower-wrap.dps .box_solution .box-step .box-column-inner {
    position: relative; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps .box_solution .box-step .box-column-inner {
        margin-bottom: 60px; }
        .solution-lower-wrap.dps .box_solution .box-step .box-column-inner:last-child {
          margin-bottom: 0px; } }
    .solution-lower-wrap.dps .box_solution .box-step .box-column-inner .sttl03 {
      font-size: 18px;
      font-size: 1.8rem; }
      .solution-lower-wrap.dps .box_solution .box-step .box-column-inner .sttl03 span {
        font-size: 12px;
        font-size: 1.2rem; }
    .solution-lower-wrap.dps .box_solution .box-step .box-column-inner .step_vec {
      position: absolute;
      top: 40%;
      right: -10px; }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.dps .box_solution .box-step .box-column-inner .step_vec {
          top: 108%;
          bottom: 0px;
          right: calc(50% - 30px);
          transform: rotate(90deg); } }
  .solution-lower-wrap.dps .box_solution + .sttl01 {
    margin-top: 80px; }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.dps .box-flow ul {
    margin-top: 20px; } }

.solution-lower-wrap.dps .box-flow ul li {
  display: flex; }
  .solution-lower-wrap.dps .box-flow ul li .flow-head {
    margin-top: 20px;
    line-height: 0%; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps .box-flow ul li .flow-head {
        margin-top: 8px; } }
    .solution-lower-wrap.dps .box-flow ul li .flow-head:after {
      content: "";
      display: block;
      width: 4px;
      height: 100%;
      background-color: #92c708;
      margin-left: 8px; }
  .solution-lower-wrap.dps .box-flow ul li:last-child .flow-head:after {
    display: none; }

@media screen and (min-width: 768px) {
  .solution-lower-wrap.dps .box-flow .column1 .box-column-inner {
    margin-right: 40px; } }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.dps .box-flow .column1 .box-column-inner {
    margin-bottom: 0px; }
    .solution-lower-wrap.dps .box-flow .column1 .box-column-inner .sttl03 {
      margin-bottom: 0px; } }

@media screen and (min-width: 768px) {
  .solution-lower-wrap.dps .box-flow {
    width: 926px;
    margin: 40px auto; } }

.solution-lower-wrap.dps .box-flow .flow_ttl {
  font-size: 36px;
  font-size: 3.6rem;
  color: #92c708;
  position: relative; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .box-flow .flow_ttl {
      font-size: 20px;
      font-size: 2rem; } }
.solution-lower-wrap.dps .box-flow .sttl03 {
  font-size: 18px;
  font-size: 1.8rem;
  border: none; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .box-flow .sttl03 {
      margin-bottom: 0px; } }
.solution-lower-wrap.dps .box-flow .flow-inner {
  padding-left: 40px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .box-flow .flow-inner {
      padding-left: 10px; } }
  .solution-lower-wrap.dps .box-flow .flow-inner .type-small-ttl {
    border-top: 2px solid #92c708;
    display: block;
    border-bottom: 2px solid #92c708;
    color: #92c708;
    padding-top: 2px;
    padding-left: 24px;
    margin: 0px 0 16px;
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps .box-flow .flow-inner .type-small-ttl {
        font-size: 20px;
        padding-left: 0px; } }
  .solution-lower-wrap.dps .box-flow .flow-inner .white-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px; }
    .solution-lower-wrap.dps .box-flow .flow-inner .white-box .box-column-inner {
      vertical-align: middle;
      margin-bottom: 0px; }
      .solution-lower-wrap.dps .box-flow .flow-inner .white-box .box-column-inner p {
        margin-bottom: 0px; }

.solution-lower-wrap.dps #solution-lower .solution-lower-box .accordion {
  border-top: none !important; }

.solution-lower-wrap.dps .btn-cmn.btn02 {
  padding: 20px 0px;
  border-radius: 100px; }
  .solution-lower-wrap.dps .btn-cmn.btn02 span {
    font-size: 22px;
    padding: 40px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.dps .btn-cmn.btn02 span {
        font-size: 18px; } }
.solution-lower-wrap.dps .-text22 {
  font-size: 22px !important; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .-text22 {
      font-size: 18px !important; } }
@media screen and (max-width: 767px) {
  .solution-lower-wrap.dps .accordion-title span {
    font-size: 18px; } }

.solution-lower-wrap.dps .-text18 {
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .-text18 {
      font-size: 16px;
      font-size: 1.6rem; } }
.solution-lower-wrap.dps .-textCenter {
  text-align: center;
  margin: 0 auto;
  display: block; }

.solution-lower-wrap.dps .icon {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.dps .icon img {
      width: 250px; } }
.solution-lower-wrap.dps .box-column-inner ul li {
  margin-left: 20px; }

.solution-lower-wrap.dps .-textBold {
  font-weight: bold; }

.solution-lower-wrap.dps .type-small-ttl2 {
  letter-spacing: normal; }

.solution-lower-wrap.dps dl.casestudy {
  padding-top: 0px !important;
  border-top: none !important; }

#contactbtn {
  z-index: 9989;
  position: fixed;
  bottom: 150px;
  right: 10px;
  opacity: 100; }
  @media screen and (max-width: 767px) {
    #contactbtn {
      width: 100%;
      right: 0px;
      bottom: 0px; } }
  #contactbtn a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    padding: 16px;
    background: rgba(15, 190, 223, 0.9);
    color: #fff;
    border-radius: 4px 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 767px) {
      #contactbtn a {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 8px; } }
    #contactbtn a svg {
      margin-right: 10px;
      fill: #fff; }
    #contactbtn a:hover {
      background: #fff;
      background-color: #fff;
      color: #0fbedf;
      opacity: 1; }
      #contactbtn a:hover svg {
        fill: #0fbedf; }

/* BPO 2024.05
========================================================================== */
@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo .nav-anchor-wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .solution-lower-wrap.bpo .nav-anchor-wrap .nav-anchor {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px 44px;
      width: 824px;
      padding-block: 10px; }
      .solution-lower-wrap.bpo .nav-anchor-wrap .nav-anchor li {
        margin-right: 0; } }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-head1 h5 {
    font-size: 18px;
    font-size: 1.8rem; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl02-bpo {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  color: #92c708;
  border-top: 2px solid #92c708;
  border-bottom: 2px solid #92c708; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl02-bpo {
      margin-bottom: 24px;
      margin-top: 64px;
      padding: 2px 24px 3px;
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl02-bpo {
      margin-bottom: 24px;
      margin-top: 40px;
      padding: 4px 5px 5px;
      font-size: 20px;
      font-size: 2rem; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl02-bpo:first-child {
    margin-top: 0; }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl03 {
  border-bottom: none; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl03 {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .sttl03 {
      font-size: 16px;
      font-size: 1.6rem; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .text {
  color: #000; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .text {
      font-size: 18px;
      font-size: 1.8rem;
      padding-inline: 24px; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .text {
      font-size: 16px;
      font-size: 1.6rem; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .text + .text {
  margin-top: 2em; }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .-text18 {
  font-size: 18px !important; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .-text18 {
      font-size: 14px !important; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .-text22 {
  font-size: 22px !important; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .-text22 {
      font-size: 18px !important; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .-textGreen {
  color: #92c708; }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo col {
    width: 100%; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo th, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo td {
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo th, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo td {
      padding: 16px;
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo th, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo td {
      display: block;
      padding: 16px 12px;
      width: 100%; } }
@media screen and (max-width: 767px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo th {
    font-size: 14px;
    font-size: 1.4rem; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl {
      display: flex;
      gap: 40px; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl dt, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl dd {
    text-align: left; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl dt, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl dd {
        width: auto; } }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .tbl-bpo .tbl-bpo-inner-dl dt {
      white-space: nowrap; } }
@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-list li .reason-list-inner,
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-list li .oto-list-inner,
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-list li .reason-list-inner,
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-list li .oto-list-inner {
    margin-top: 6px;
    padding-left: 24px; } }

@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-list li + li,
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-list li + li {
    margin-top: 24px; } }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-list li + li,
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-list li + li {
    margin-top: 16px; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps {
  border-radius: 99em !important; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps {
      padding-inline: 24px; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps span {
      display: inline-block;
      position: relative;
      line-height: 1.5;
      font-size: 20px;
      font-size: 2rem; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps span::before {
      position: absolute;
      top: 50%;
      left: -10px;
      transform: translateY(-50%); } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps span br {
    height: 0; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps .-sub::before {
    content: none; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-dps .-sub {
      font-size: 16px;
      font-size: 1.6rem; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-contact {
  padding: 20px 0;
  border-radius: 99em !important; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-contact span {
    padding: 40px;
    font-size: 22px;
    font-size: 2.2rem; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .btn-bpo-contact span {
        padding-inline: 20px; } }
@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step {
    margin-bottom: -40px; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner {
  position: relative; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner {
      margin-bottom: 60px; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner:last-child {
        margin-bottom: 0px; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .sttl03 {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #e6e6e6; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .sttl03 {
        margin-bottom: 8px; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .sttl03 span {
      font-size: 12px;
      font-size: 1.2rem; }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .step_img {
      margin-bottom: 8px;
      text-align: center; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .step_vec {
    position: absolute;
    top: 40%;
    right: -10px; }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .box-step .box-column-inner .step_vec {
        top: 108%;
        bottom: 0px;
        right: calc(50% - 30px);
        transform: rotate(90deg); } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl {
  display: block;
  border-bottom: 1px solid #e6e6e6; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt {
    display: block;
    border-top: 1px solid #e6e6e6;
    position: relative;
    cursor: pointer;
    color: #000; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt {
        width: calc( 100% - 40px * 2);
        padding: 20px 40px; } }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt {
        width: calc( 100% - 12px * 2);
        padding: 12px;
        margin-bottom: 0;
        text-align: left; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::before, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::after {
      content: "";
      position: absolute;
      top: 45%;
      right: 40px; }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::before, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::after {
          right: 12px;
          top: 38%; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::before {
      display: block;
      width: 5px;
      height: 13px;
      border-left: 3px solid #000; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt::after {
      width: 13px;
      height: 5px;
      border-bottom: 3px solid #000; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt span {
      background: transparent;
      color: #000;
      padding: 0; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt h3 {
      position: relative;
      padding: 0;
      padding-left: 80px;
      font-size: 18px;
      font-size: 1.8rem;
      -webkit-transition: all ease 0.25s;
      transition: all ease 0.25s; }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt h3 {
          padding-left: 32px;
          padding-right: 32px;
          font-size: 14px;
          font-size: 1.4rem; } }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt h3.no-icon {
        padding-left: 0; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt h3 .icon-question::before {
        position: absolute;
        top: -5px;
        left: 0;
        color: #0fbedf;
        font-size: 40px;
        font-size: 4rem;
        font-weight: 100;
        vertical-align: middle; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt h3 .icon-question::before {
            top: 0;
            font-size: 24px;
            font-size: 2.4rem; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dt:hover h3 {
      color: #0fbedf; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl .faq-open::before {
    display: none; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd {
    display: none;
    background: #f4f9e6; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd {
        width: calc(100% - 40px * 2);
        padding: 40px; } }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd {
        width: calc(100% - 16px * 2);
        padding: 16px; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner {
      width: 90%;
      padding-left: 80px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner {
          width: auto;
          padding-left: 32px; } }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner::before {
        position: absolute;
        top: -5px;
        left: 0;
        color: #92c708;
        font-size: 40px;
        font-size: 4rem;
        font-weight: 100;
        vertical-align: middle; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner::before {
            top: 0;
            font-size: 24px;
            font-size: 2.4rem; } }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner img {
        margin-bottom: 32px; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner a {
        display: inline-block;
        margin-top: 24px; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner p {
        margin-bottom: 0; }
        @media screen and (min-width: 768px) {
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner p {
            font-size: 15px;
            font-size: 1.5rem; } }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner p {
            font-size: 12px;
            font-size: 1.2rem; } }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner p a {
          display: inline;
          margin-top: 0; }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner p sub {
          vertical-align: sub; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner .blue {
        color: #00bcdf; }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .faq-main-inner .red {
        color: #df5ea7; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap {
      margin-top: 40px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap {
          margin-top: 16px; } }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box {
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding: 16px;
        border: 4px solid #f4f9e6;
        background: #fff; }
        @media screen and (max-width: 767px) {
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box {
            float: none;
            width: 100%; } }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box p {
          font-size: 12px;
          font-size: 1.2rem;
          text-align: left; }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box img {
          margin-bottom: 0; }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box ul {
          overflow: hidden;
          margin-top: 16px;
          padding-top: 16px;
          border-top: 1px solid #e6e6e6; }
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner {
          overflow: hidden; }
          @media screen and (max-width: 767px) {
            .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner .fl {
              width: 30%; } }
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner .img {
            width: 50%;
            float: left; }
            @media screen and (max-width: 767px) {
              .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner .img {
                width: 30%; } }
          .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p {
            box-sizing: border-box;
            float: left;
            width: 75%;
            margin-left: 16px; }
            @media screen and (max-width: 767px) {
              .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p {
                float: right;
                width: 65%;
                margin-left: 0; } }
            .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p.text1 {
              width: 44%; }
              @media screen and (max-width: 767px) {
                .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p.text1 {
                  width: 65%; } }
            .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p.text2 {
              width: 72%; }
              @media screen and (max-width: 767px) {
                .solution-lower-wrap.bpo #solution-lower .solution-lower-box .faq-main dl dd .box-wrap .box .box-inner p.text2 {
                  width: 65%; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .lead_translate {
  color: #92c708;
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500; }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list {
  display: flex;
  flex-wrap: wrap; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list * {
    box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list {
      justify-content: center;
      gap: 40px; } }
  @media screen and (max-width: 767px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list {
      gap: 14px; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #92c708;
    border-radius: 8px; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li {
        gap: 24px;
        width: calc( calc(100% - 40px * 3) / 4);
        padding: 24px; } }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li {
        gap: 16px;
        width: calc( calc(100% - 14px) / 2);
        padding: 24px 12px; } }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-img {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (min-width: 768px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-img {
          width: 90px;
          height: 90px; } }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-img {
          width: 70px;
          height: 70px; } }
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-img img {
        max-width: 100%;
        height: auto; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-text {
      margin-bottom: 0;
      text-align: center;
      line-height: 1.5;
      font-family: 'Noto Sans Japanese';
      font-style: normal;
      font-weight: 500; }
      @media screen and (min-width: 768px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-text {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .oto-creator-list li .oto-creator-list-text {
          font-size: 16px;
          font-size: 1.6rem; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam * {
  box-sizing: border-box; }

@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam {
    margin-inline: auto;
    width: 864px; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: none;
  padding-top: 0;
  margin-bottom: 0; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dt, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd {
    color: #000;
    line-height: 1.5;
    text-align: left;
    display: flex;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dt, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd {
        font-size: 16px;
        font-size: 1.6rem;
        width: 368px;
        padding: 16px; } }
    @media screen and (max-width: 767px) {
      .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dt, .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd {
        width: 45%;
        padding: 8px 10px; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dt {
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dt:first-of-type {
      border-top: 1px solid #cdcdcd; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd {
    position: relative;
    border-bottom: 2px solid #92c708; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd:first-of-type {
      border-top: 2px solid #92c708; }
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd::before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      display: block;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2234%22%20height%3D%2223%22%20viewBox%3D%220%200%2034%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.66211%208.15088C0.987121%208.15088%200.439941%208.69808%200.439941%209.37304C0.439941%2010.048%200.987121%2010.5952%201.66211%2010.5952V8.15088ZM26.9697%2010.2373C27.447%209.75998%2027.447%208.9861%2026.9697%208.50881L19.1919%200.731013C18.7146%200.253725%2017.9407%200.253725%2017.4634%200.731013C16.9862%201.2083%2016.9862%201.98213%2017.4634%202.45942L24.377%209.37304L17.4634%2016.2867C16.9862%2016.764%2016.9862%2017.5378%2017.4634%2018.0151C17.9407%2018.4924%2018.7146%2018.4924%2019.1919%2018.0151L26.9697%2010.2373ZM1.66211%2010.5952H26.1054V8.15088H1.66211V10.5952Z%22%20fill%3D%22%23038743%22%2F%3E%3Cpath%20d%3D%22M1.66211%208.15088C0.987121%208.15088%200.439941%208.69808%200.439941%209.37304C0.439941%2010.048%200.987121%2010.5952%201.66211%2010.5952V8.15088ZM26.9697%2010.2373C27.447%209.75998%2027.447%208.9861%2026.9697%208.50881L19.1919%200.731013C18.7146%200.253725%2017.9407%200.253725%2017.4634%200.731013C16.9862%201.2083%2016.9862%201.98213%2017.4634%202.45942L24.377%209.37304L17.4634%2016.2867C16.9862%2016.764%2016.9862%2017.5378%2017.4634%2018.0151C17.9407%2018.4924%2018.7146%2018.4924%2019.1919%2018.0151L26.9697%2010.2373ZM1.66211%2010.5952H26.1054V8.15088H1.66211V10.5952Z%22%20fill%3D%22%2392C708%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; }
      @media screen and (min-width: 768px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd::before {
          left: -64px;
          width: 34px;
          height: 22px; } }
      @media screen and (max-width: 767px) {
        .solution-lower-wrap.bpo #solution-lower .solution-lower-box .reason-exam-list dd::before {
          left: -17px;
          width: 24px;
          height: 16px; } }
.solution-lower-wrap.bpo #solution-lower .solution-lower-box .movie-wrap {
  width: 100%;
  max-width: 864px;
  margin-inline: auto;
  border: 1px solid #000;
  vertical-align: bottom; }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .movie-wrap iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    vertical-align: bottom; }

@media screen and (max-width: 767px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .accordion .accordion-title span {
    font-size: 18px;
    font-size: 1.8rem; } }

@media screen and (min-width: 768px) {
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .accordion .accordion-body .accordion-contents-bpo {
    padding: 40px; } }

.solution-lower-wrap.bpo #solution-lower .solution-lower-box .pinch-message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 11.2px;
  font-size: 1.12rem; }
  @media screen and (min-width: 768px) {
    .solution-lower-wrap.bpo #solution-lower .solution-lower-box .pinch-message {
      display: none; } }
  .solution-lower-wrap.bpo #solution-lower .solution-lower-box .pinch-message::before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2221%22%20viewBox%3D%220%200%2025%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_75_606)%22%3E%3Cpath%20d%3D%22M2.76522%2011.6568L4.68572%206.04547L5.66265%206.38053L5.39435%201.50098L2.47766%205.28933L3.47128%205.62953L1.55079%2011.2408L0.573853%2010.907L0.842157%2015.7853L3.75885%2011.9969L2.76522%2011.6568Z%22%20fill%3D%22%235F5F60%22%2F%3E%3Cpath%20d%3D%22M22.5398%2017.4051C22.5077%2017.3088%2022.4359%2017.228%2022.3447%2017.1843C22.2536%2017.1394%2022.147%2017.133%2022.0507%2017.165L21.5103%2017.3486L21.2368%2016.545C21.2792%2016.4949%2021.3267%2016.4384%2021.3768%2016.3704C21.5424%2016.147%2021.7362%2015.8274%2021.844%2015.4281C21.8903%2015.2523%2021.9057%2015.0751%2021.907%2014.8992C21.907%2014.5372%2021.8402%2014.1816%2021.776%2013.9082C21.7118%2013.636%2021.6476%2013.4486%2021.6451%2013.4396L20.2625%209.3778L20.2599%209.37009L19.4948%207.25832C19.4704%207.19156%2019.428%207.13251%2019.3715%207.08758C19.3561%207.07603%2019.2278%206.97461%2019.0185%206.87319C18.8093%206.77178%2018.514%206.66522%2018.1622%206.66394C17.9979%206.66394%2017.8233%206.68833%2017.6462%206.74867C17.4292%206.82313%2017.2495%206.92454%2017.107%207.03623C17.0942%207.0465%2017.0839%207.05677%2017.0711%207.06576L17.0107%206.90015C16.9876%206.83725%2016.9478%206.78076%2016.8965%206.73711C16.8798%206.72299%2016.7501%206.61516%2016.5319%206.50476C16.3136%206.39564%2016.0043%206.28267%2015.6294%206.28138C15.4484%206.28138%2015.252%206.30962%2015.053%206.37766C14.8155%206.45854%2014.6216%206.58306%2014.4753%206.72813C14.4252%206.77819%2014.3803%206.82955%2014.3405%206.88218C14.2943%206.83725%2014.2404%206.78847%2014.1775%206.7384C14.0632%206.64982%2013.9207%206.55867%2013.7474%206.48935C13.5754%206.42003%2013.3713%206.37253%2013.1466%206.37253C12.9656%206.37253%2012.773%206.40334%2012.5728%206.47138C12.2955%206.56509%2012.0721%206.68705%2011.8962%206.82184C11.8475%206.85907%2011.8051%206.8963%2011.764%206.93481L10.2132%202.69586C10.1876%202.59572%2010.0887%202.23884%209.86791%201.85885C9.73953%201.64061%209.57136%201.41339%209.33515%201.22853C9.21704%201.13738%209.08225%201.0565%208.92948%201.00002C8.77672%200.94225%208.60726%200.910156%208.42882%200.910156C8.25166%200.910156%208.06552%200.94225%207.87552%201.00644C7.68424%201.07063%207.51607%201.16819%207.37871%201.29015C7.17074%201.47244%207.03723%201.7048%206.96021%201.93973C6.8819%202.17594%206.85622%202.41985%206.85622%202.65606C6.85622%203.0874%206.9448%203.50077%207.03081%203.81144C7.10655%204.08616%207.18101%204.28129%207.20155%204.33008L9.34285%2010.6179C9.40576%2010.8002%209.45967%2011.0338%209.49819%2011.2944C9.5367%2011.5538%209.55724%2011.84%209.55724%2012.1302C9.55724%2012.5987%209.50075%2013.0789%209.37495%2013.4807C9.31333%2013.6809%209.23502%2013.8619%209.14259%2014.0121C9.05016%2014.1623%208.94617%2014.283%208.83064%2014.3716C8.68557%2014.482%208.56618%2014.5423%208.45321%2014.5796C8.34024%2014.6155%208.22984%2014.6296%208.09633%2014.6296C7.9487%2014.6296%207.77667%2014.6104%207.56999%2014.5886C7.36459%2014.5667%207.12581%2014.5423%206.85109%2014.5423C6.4236%2014.5423%205.91138%2014.6014%205.29133%2014.7991C4.68796%2014.9904%204.24635%2015.3408%203.97163%2015.7478C3.69434%2016.1547%203.57751%2016.6092%203.57751%2017.0213C3.57751%2017.3525%203.65069%2017.6619%203.80346%2017.9186C3.88048%2018.047%203.98061%2018.1625%204.11156%2018.2511C4.24122%2018.3397%204.40425%2018.3962%204.57499%2018.3949C4.66229%2018.3949%204.7483%2018.3808%204.83174%2018.3551C5.19633%2018.2408%205.74706%2018.1754%206.39535%2018.1766C7.14507%2018.1766%208.02957%2018.2601%208.94232%2018.4244C9.79473%2018.5772%2010.8217%2018.8275%2011.6331%2019.0393C12.0387%2019.1446%2012.3905%2019.2409%2012.6408%2019.3115C12.7204%2019.3333%2012.7884%2019.3526%2012.8462%2019.3693L13.1299%2020.2011L12.5895%2020.3847C12.3879%2020.4527%2012.2801%2020.6723%2012.3494%2020.8738L13.8386%2025.2488C13.9066%2025.4504%2014.1261%2025.5582%2014.3277%2025.4889C14.5292%2025.4209%2014.6371%2025.2013%2014.5677%2024.9998L23.305%2022.0253C23.373%2022.2269%2023.5925%2022.3347%2023.7941%2022.2654C23.9956%2022.1974%2024.1035%2021.9778%2024.0341%2021.7763L22.545%2017.4013L22.5398%2017.4051Z%22%20fill%3D%22%235F5F60%22%2F%3E%3Cpath%20d%3D%22M20.9141%2013.686L19.5328%209.62802L18.8113%207.63692C18.7766%207.6151%2018.7317%207.59071%2018.6803%207.56503C18.5404%207.49571%2018.3504%207.4328%2018.1617%207.43409C18.0731%207.43409%2017.9846%207.44692%2017.8934%207.47773C17.6444%207.56375%2017.5198%207.68314%2017.4428%207.78455C17.4107%207.8282%2017.3876%207.868%2017.3722%207.90137L17.8125%209.12094C17.8844%209.32121%2017.7817%209.54201%2017.5815%209.6139C17.3812%209.68579%2017.1604%209.58309%2017.0885%209.38283L16.3259%207.27362C16.29%207.25051%2016.2425%207.22098%2016.186%207.19274C16.0409%207.11957%2015.842%207.05153%2015.6289%207.05153C15.5249%207.05153%2015.4158%207.06693%2015.3015%207.10545C15.1693%207.15038%2015.0833%207.20943%2015.0165%207.2749C14.9498%207.34037%2014.9035%207.41483%2014.8689%207.49186C14.8188%207.60483%2014.8008%207.72165%2014.7957%207.78584L15.3837%209.41364C15.4556%209.6139%2015.3529%209.83471%2015.1526%209.9066C14.9523%209.97849%2014.7315%209.87579%2014.6596%209.67552L13.8778%207.51111C13.8599%207.48929%2013.8316%207.45719%2013.7944%207.42125C13.7161%207.34551%2013.5992%207.25693%2013.4606%207.20044C13.3669%207.16322%2013.2655%207.13882%2013.1461%207.13882C13.0511%207.13882%2012.9445%207.15423%2012.8213%207.19659C12.4477%207.32497%2012.2718%207.49057%2012.1743%207.61895C12.1229%207.68699%2012.0947%207.74732%2012.0793%207.79097L13.1846%2010.8142C13.2578%2011.0145%2013.1551%2011.2353%2012.9548%2011.3085C12.7545%2011.3816%2012.5337%2011.2789%2012.4606%2011.0787L9.48353%202.93838C9.4784%202.92298%209.47455%202.91014%209.4707%202.89473V2.89217L9.46556%202.87676C9.46171%202.86136%209.45529%202.83953%209.44631%202.81001C9.42833%202.75095%209.40009%202.66622%209.36158%202.56994C9.28455%202.37738%209.15875%202.13732%209.00213%201.9653C8.89686%201.84976%208.7826%201.76503%208.66065%201.71881C8.59004%201.69314%208.51558%201.67773%208.42957%201.67773C8.34356%201.67773%208.24343%201.69314%208.12404%201.73294C8.02005%201.76888%207.94688%201.81381%207.88654%201.86516C7.82749%201.9178%207.77999%201.97942%207.74148%202.05387C7.66446%202.20279%207.62466%202.41589%207.62466%202.6521C7.62466%202.97047%207.69398%203.32222%207.76716%203.59053C7.84033%203.85883%207.91607%204.04626%207.91607%204.04754L7.92377%204.06808L10.0676%2010.3649L10.0715%2010.3765C10.0715%2010.3765%2010.0715%2010.3803%2010.0715%2010.3816C10.1498%2010.6178%2010.2114%2010.8861%2010.2538%2011.1775C10.2974%2011.4753%2010.3218%2011.7963%2010.3218%2012.1249C10.3218%2012.5216%2010.2872%2012.9298%2010.205%2013.3201C10.1228%2013.7104%209.99447%2014.0826%209.79549%2014.4087C9.66326%2014.6257%209.49894%2014.8221%209.29482%2014.9787C9.09199%2015.1353%208.88787%2015.2432%208.68376%2015.3086C8.47964%2015.3741%208.27937%2015.3959%208.09195%2015.3959C7.88141%2015.3959%207.685%2015.3715%207.48345%2015.3497C7.2819%2015.3279%207.0765%2015.3086%206.8467%2015.3086C6.48854%2015.3086%206.06875%2015.3548%205.52187%2015.5294C5.06999%2015.6745%204.78756%2015.912%204.60399%2016.179C4.42169%2016.446%204.34338%2016.7516%204.34338%2017.0186C4.34338%2017.1791%204.37163%2017.3228%204.41399%2017.4281C4.45507%2017.5347%204.51027%2017.5937%204.53723%2017.6104C4.55649%2017.622%204.55905%2017.622%204.56932%2017.622C4.57446%2017.622%204.58345%2017.622%204.59885%2017.6168C5.08283%2017.4679%205.69133%2017.405%206.38969%2017.4037C7.19589%2017.4037%208.1189%2017.4923%209.07273%2017.6643C9.95981%2017.8248%2010.9996%2018.0777%2011.8213%2018.2921C12.5966%2018.4949%2013.1756%2018.6618%2013.2398%2018.6798C13.2436%2018.6798%2013.2462%2018.6811%2013.2462%2018.6811C13.2539%2018.6836%2013.2616%2018.6875%2013.2693%2018.69C13.2847%2018.6952%2013.2989%2018.7003%2013.313%2018.708C13.3245%2018.7131%2013.3335%2018.7209%2013.3438%2018.7273C13.3541%2018.7337%2013.3656%2018.7401%2013.3759%2018.7478C13.3861%2018.7555%2013.3938%2018.7645%2013.4028%2018.7735C13.4118%2018.7825%2013.4208%2018.7902%2013.4298%2018.8004C13.4375%2018.8107%2013.4452%2018.821%2013.4529%2018.8313C13.4593%2018.8415%2013.467%2018.8505%2013.4734%2018.8621C13.4811%2018.8762%2013.4876%2018.8903%2013.4927%2018.9044C13.4953%2018.9121%2013.5004%2018.9198%2013.503%2018.9275L13.8509%2019.9507L20.778%2017.5924L20.4301%2016.5693C20.3813%2016.4242%2020.4211%2016.265%2020.5341%2016.1623L20.5444%2016.1521C20.5546%2016.1418%2020.57%2016.1251%2020.5906%2016.1033C20.6317%2016.0596%2020.6894%2015.9929%2020.7523%2015.9081C20.8781%2015.7387%2021.0219%2015.4961%2021.0938%2015.2252C21.1169%2015.1392%2021.1298%2015.0236%2021.1298%2014.8953C21.1298%2014.6347%2021.0771%2014.3278%2021.0219%2014.0916C20.9667%2013.8541%2020.9102%2013.686%2020.9089%2013.6834L20.9141%2013.686Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M21.3917%2018.2024L13.7367%2020.8085L13.1949%2020.9933L14.5609%2025.0038L23.2981%2022.028L21.9335%2018.0176L21.3917%2018.2024Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_75_606%22%3E%3Crect%20width%3D%2224%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate(0.189941%200.580078)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }

/* 
240705
.solution-lower-box以下で、見出し.sttl01などの既存テンプレパーツの
デフォルトスタイルが上書きされているため、
新規でクラス（.solution-lower-box2）を用意。
デフォルトスタイルを使用したい場合は、
.solution-lower-boxを.solution-lower-box2に変更してください。
========================================================================== */
#solution-lower .solution-lower-box2 {
  margin-bottom: 80px; }
  #solution-lower .solution-lower-box2 .box-inner {
    padding: 64px 80px 50px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      #solution-lower .solution-lower-box2 .box-inner {
        padding: 16px; } }