@charset "UTF-8";

/* ==========================================================================
  「IT導入補助金について」ページ
=========================================================================== */
#first-one{
}
@media all and (min-width: 761px){
  body{
    /* min-width: 1040px; */
  }
  .is-ua-smartdevice .main-container.main-container_first_one {
    padding-top: 220px;
  }
}
@media all and (max-width: 760px){
  body{
    min-width: auto;
  }
}
@media all and (max-width: 370px){
  .main-container {
    padding-top: 173px;
  }
}
/* --------------------------------------------------------------------------
  pc表示/sp表示
-------------------------------------------------------------------------- */
@media all and (min-width: 761px){
  body{
    /* min-width: 1040px; */
  }
  .pc-only{
    display: block;
  }
  .sp-only{
    display: none;
  }
  .sp-small-only{
    display: none;
  }
}
@media all and (max-width: 760px){
  body{
    min-width: auto;
  }
  .pc-only{
    display: none;
  }
  .sp-only{
    display: block;
  }
  .sp-small-only{
    display: none;
  }
}
@media all and (max-width: 320px){
  .sp-small-only{
    display: block;
  }
}
/* --------------------------------------------------------------------------
  .page_title
-------------------------------------------------------------------------- */
@media all and (min-width: 761px){
  .section--gray_title{
    padding: 0;
  }
  .page_title{
    max-width: 1024px;
    padding: 0 12px 0 12px;
    width: 100%;
    margin: 0 auto;
  }
  .page_title_imgBlock img{
    width: 100%;
  }
}
@media all and (max-width: 760px){
  .page_title {
    padding: 10px 0 10px 0;
    background: #FFF;
    background: url(/r04_assets/img/common/bg_gray.png) 50% 0;
    background-size: 500px;
  }
  .page_title_imgBlock_sp img {
    width: 100%;
  }
}
/* --------------------------------------------------------------------------
  見出し
-------------------------------------------------------------------------- */
@media all and (min-width: 761px){
  .section__panel_ttl{
    font-size: 360%;
    font-size: 3.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
  .section__panel_ttl span{
    font-size: 4.32rem;
    font-weight: 600;
    color: #34933f;
  }
}
@media all and (max-width: 760px){
  /* h2見出し */
  .main-container h2{
    font-size: 2.7rem;
  }
  /* 黒字+緑字見出し */
  .section__panel_ttl {
    font-size: 2.3rem;
    font-weight: 600;
    text-align: center;
    /* white-space: nowrap; */
  }
  .section__panel_ttl span {
    font-size: 2.8rem;
    font-weight: 600;
    color: #34933f;
  }
}

/* --------------------------------------------------------------------------
  ページ内アンカー
-------------------------------------------------------------------------- */
@media (min-width: 761px){
  .page-anchor-nav {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
  }
  .page-anchor-nav_multiple {
    position: absolute;
    right: 1.172%;
    bottom: 0%;
    box-shadow: none;
  }
  .page-anchor-nav__innner {
    width: calc(100% - 1.172% - 20px);
    max-width: 1024px;
    margin: 0 auto;
  }
  .page-anchor-nav__body{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .page-anchor-nav_multiple .page-anchor-nav__body{
    padding-bottom: 0;
  }
  .page-anchor-nav__item {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .page-anchor-nav__btn {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 64px;
    width: 100%;
    border-left: #a0a0a0 1px solid;
    text-align: center;
    position: relative;
    background-color: #FFF;
  }
  .page-anchor-nav__btn:hover {
    color: #359440;
  }
  .page-anchor-nav__body li:last-child{
    border-right: #a0a0a0 1px solid;
  }
  .page-anchor-nav__label {
    display: block;
    font-size: 160%;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    width: 100%;
    font-feature-settings: "palt";
  }
  #anchor01,
  #anchor02,
  #anchor03,
  #anchor04,
  #anchor05,
  #anchor06,
  #anchor07,
  #anchor08,
  #anchor09,
  #anchor10 {
    margin-top: -166px;
    padding-top: 166px;
  }
}
@media all and (max-width: 760px){
  .page-anchor-nav {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
  }
  .page-anchor-nav__innner {
    width: calc(100% - 1.172% - 20px);
    max-width: 1024px;
    margin: 0 auto;
  }
  .page-anchor-nav__body{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* padding-top: 38px; */
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .page-anchor-nav__body + .page-anchor-nav__body{
    padding-top: 0;
  }
  .page-anchor-nav__item {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 auto;
  }
  .page-anchor-nav__btn {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    width: 100%;

    text-align: center;
    position: relative;
    background-color: #FFF;
  }
  .page-anchor-nav__body li:last-child a span{
    border-right: #a0a0a0 1px solid;
  }
  .page-anchor-nav__label {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    width: 100%;
    border-left: #a0a0a0 1px solid;
    font-feature-settings: "palt";
  }
  .main-container #anchor01,
  .main-container #anchor02,
  .main-container #anchor03,
  .main-container #anchor04,
  .main-container #anchor05,
  .main-container #anchor06,
  .main-container #anchor07,
  .main-container #anchor08,
  .main-container #anchor09,
  .main-container #anchor10 {
    margin-top: -133px;
    padding-top: 133px;
  }
}
@media all and (max-width: 370px) {
  .page-anchor-nav__innner {
    padding-top: 30px;
  }
}

/* --------------------------------------------------------------------------
  概要
-------------------------------------------------------------------------- */
.overview{
}
@media all and (min-width: 761px){
  /* GRID CARD LAYOUT */
  .overview .l-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .overview .l-card-col {
    flex: 0 1 47.72%;
    margin-bottom: 38px;
  }
  .overview .card-item {
    display: flex;
    flex-direction: column;
    max-width:100%;
  }
  .card-item__block{
    display: flex;
    flex-direction: column;
    border:#f3f3f3 2px solid;
    background: #FFF;
    max-width:99.9%;
    height: 350px;
  }
  .overview .card-item__block {
    justify-content: space-between;
  }
  .overview-point {
    width: 100%;
    padding: 6.14% 2.2rem 6.14% 28.5%;
    padding: 6% 2.2rem 6% 29%;
    background: rgba(52, 147, 63, 0.2);
    position: relative;
  }
  .overview-point__ttl{
    font-size: 220%;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: 500;
  }
  .card-item--point01 .overview-point__ttl,
  .card-item--point02 .overview-point__ttl,
  .card-item--point03 .overview-point__ttl,
  .card-item--point04 .overview-point__ttl{
    font-size: 1.7rem;
  }
  .card-item--point02 .overview-point {
    /* padding: 3.2rem 2.2rem 3.2rem 11.2rem; */
  }
  .overview-point__ttl span{
    color: #f13900;
  }
  .overview-point__img{
    margin: 0 auto;
    /* width: 83.33%; */
    width: 100%;
  }
  #ab-type .card-item--point01 .overview-point__img{
    width: 86.57%;
  }
  .overview-point__img img{
    width: 100%;
  }
  .overview-point::before{
    content: "";
    display: inline-block;
    width: 22%;
    height: auto;
    padding-top: 22%;
    background-repeat: no-repeat;
    position: absolute;
    top: -10%;
    left: 3%;
    background-size: contain;
  }
  .card-item--point01 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_01.png)
  }
  .card-item--point02 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_02.png)
  }
  .card-item--point03 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_03.png)
  }
  .card-item--point04 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_04.png)
  }
  .overview .card-item__info {
    padding: 4.97% 8.3%;
    height: 226px !important;
    position: relative;
  }
  .card-item--point01 .card-item__info,
  .card-item--point02 .card-item__info,
  .card-item--point03 .card-item__info,
  .card-item--point04 .card-item__info {
    padding: 13% 8.3%;
  }
  .card-item--point01 .card-item__info__inner {
    display: block;
    position: absolute;
    top: 12%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 86.57%;
  }
  .card-item--point01_security .card-item__info__inner {
    top: auto;
    bottom: auto;
  }

  .overview .c-ico-link-box__btn {
    margin-top: 30px;
  }
  .overview .no-ico-link-btn{
  }
  .overview .c-btn__label_link {
    font-size: 180%;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
  }
  .overview .card-item__info p{
    margin-top: 0.5em;
  }

  .overview .card-item .c-btn__body{
    padding: 4px 10px 6px 12px;
    border: none;
    font-size: 75%;
  }
  .overview .card-item .l-btn--mt{
    margin-top: 9px;
  }
  .overview .card-item .l-btn__item{
    margin-top: 6px;
  }
  /* .overview .cd-card-item--point03 {
    width: 100%;
  }
  .cd-card-item--point03 .overview-point {
    padding: 3% 2.2rem 3% 20%;
  }
  .cd-card-item--point03 .overview-point::before {
    width: 94px;
    height: 94px;
    padding-top: 94px;
    top: 50%;
    transform: translateY(-50%);
  }
  .cd-card-item--point03 .card-item__info {
    padding: 6.5% 4.15% 3.5%;
    text-align: center;
    height: 200px!important;
  }
  .cd-card-item--point03 .overview-point__img img {
    max-width: 100%;
    width: auto;
  } */
}

@media all and (max-width: 1078px){
  .overview-point {
    padding: 6% 2.2rem 6% 28%;
  }
  .overview-point__ttl {
    font-size: 1.7rem;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 1060px){
  .overview .card-item__info {
    height: 100% !important;
    min-height: 229px;
    min-height: 170px;
  }
  .overview .c-btn__label_link {
    font-size: 1.4rem;
  }
  .overview .card-item--point03 .c-btn__label_link {
    font-size: 1.2rem;
  }
  .card-item--point01 .overview-point__img {
  }
}
@media all and (max-width: 1024px){
}
@media all and (min-width: 761px) and (max-width: 980px){
  .section__contents {
    margin-left: 6.81%;
    margin-right: 6.81%;
  }
  .overview-point::before{
    content: "";
    display: inline-block;
    width: 22vw;
    height: auto;
    padding-top: 60px;
    background-repeat: no-repeat;
    position: absolute;
    top: -10%;
    left: 3%;
    background-size: contain;
  }
}

@media all and (max-width: 760px){
  .overview .section__contents {
    margin-left: 0;
    margin-right: 0;
  }
  .section {
    width: 100%;
    padding: 30px 0 60px 0;
  }
  .overview .section__inner {
    padding: 0 5.33%;
    margin: 0 auto;
  }
  .overview .l-card-col{
    margin-top: 10px;
    margin-bottom: 32px;
  }
  .overview .l-card-col:last-of-type {
    margin-bottom: 0;
  }
  .overview .card-item__block {
    display: flex;
    flex-direction: column;
    border: #f3f3f3 2px solid;
    background: #FFF;
    max-width: 99.9%;
  }

  /* sp レスポンシブ */
  .overview-point {
    width: 100%;
    padding: 6% 1rem 6% 30%;
    background: rgba(52, 147, 63, 0.2);
    position: relative;
  }
  .overview-point__ttl {
    font-size: 1.8rem;
    line-height: 1.3637;
    font-weight: 600;
  }
  .overview-point__ttl span{
    color: #f13900;
  }
  .overview-point::before{
    content: "";
    display: inline-block;
    width: 22vw;
    height: auto;
    padding-top: 22vw;
    background-repeat: no-repeat;
    position: absolute;
    top: -10%;
    left: 3%;
    background-size: contain;
  }
  .card-item--point01 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_01.png);
  }
  .card-item--point02 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_02.png);
  }
  .card-item--point03 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_03.png);
  }
  .card-item--point04 .overview-point::before{
    background-image: url(/r04_assets/img/first-one/point_04.png);
  }
  .overview .card-item--point01 .card-item__info{
    /* padding: 9.4% 13% 7%; */
    padding: 0;
    padding-top: 9.4%;
    padding-bottom: 7%;
    height: 100% !important;
  }
  .overview .card-item--point01 .overview-point__img {
    width: 72%;
    margin: 0 auto;
  }
  .overview .card-item--point02 .card-item__info,
  .overview .card-item--point03 .card-item__info,
  .overview .card-item--point04 .card-item__info{
    padding-top: 6.8%;
    padding-left: 8.5%;
    padding-right: 8.5%;
    padding-bottom: 11.8%;
  }
  .overview-point__img {
    width: 100%;
  }
  .overview-point__img img{
    width: 100%;
  }
  .overview .no-ico-link-btn .c-ico-link-box__btn{
    padding: 5.5% 0 0;
  }
  .overview .c-btn__label_link{
    font-size: 1.27rem;
  }
}
@media all and (max-width: 320px){
  .overview-point__ttl {
    font-size: 1.7rem;
  }
}

/* --------------------------------------------------------------------------
  ITツール活用者の話
-------------------------------------------------------------------------- */
.casestudies{
}

/* ITツール活用者の話 大枠 */
@media all and (min-width: 761px){
}
@media all and (max-width: 760px){
.casestudies .section__panel{
  padding: 40px 0;
  }
}
/* タイトル */
@media all and (min-width: 761px){
  .casestudies .section__panel_ttl{
    font-size: 360%;
    font-size: 3.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
  .casestudies .section__panel_ttl span{
    font-size: 4.32rem;
    font-weight: 600;
    color: #34933f;
  }
}
@media all and (max-width: 760px){
  .casestudies .section__panel_ttl{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
  }
  .casestudies .section__panel_ttl span{
    font-size: 2.6rem;
    font-weight: 600;
    color: #34933f;
  }
}
/* ITツール活用者の話 コンテンツ内 */
@media all and (min-width: 761px){
  .casestudies-list{
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .casestudies-list__item{
    flex: 0 1 31.0077%;
    margin-bottom: 45px;
    background: #f3f3f3;
    position: relative;
    height: 290px;
  }
  .casestudies-list__item p{
    padding: 0 6.176%;
  }
  .casestudies-list__item--wide{
    flex: 0 1 64.86486%;
  }
  .casestudies-list__item--wide__wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .casestudies-list__item--wide__inner{
    flex: 0 1 48%;
  }
  .casestudies-list__item__body{
    display: block;
  }
  .casestudies-list__item > a{
    transition: 0.25s;
    display: block;
    height: 100%;
    pointer-events: initial;
  }
  .casestudies-list__item > a:hover{
    opacity: 0.75;
  }
  .casestudies-list__item h3{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: calc(2.625em + 5px);
    margin-bottom: 15px;
    padding-bottom: 0px;
    border-bottom: none;
    font-size: 160%;
    background-color: #34933f;
    color: #fff;
  }
  .casestudies-list__img{
    width: 100%;
    margin: 0 auto;
    padding: 4px;
    height: auto;
  }
  .casestudies-list__img img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .casestudies-list__item em{
    display: block;
    font-size: 1.6rem;
    color: #34933f;
    text-align: center;
    padding-bottom: 12px;
  }
  .casestudies-list__item .casestudies-list__txt{
    margin-top: 17px;
  }
  .casestudies-list__item .casestudies-list__txt p{
    font-size: 13px;
    line-height: 1.5;
  }
  .casestudies-list__btn{
    /* pointer-events: initial; */
    /* background-color: #34933f; */
    /* padding: 7px 18px 7px; */
  }
  .casestudies-list__ico{
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 22px;
    margin-left: 4px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/r04_assets/img/sprite_pc/ico-pdf-pc.png);
  }
  .casestudies-list__btn--more
  .c-ico-link-box--red{
    border: #FF3A5E 1px solid;
  }
  .l-btn__item-inline--m{
    margin: 0;
  }
  .casestudies-list__btn {
    width: 33.82%;
    text-align: center;
  }
  .casestudies-list__bottn {
    position: absolute;
    bottom: 22px;
  }
  .casestudies-list__btn--more {
    /* width: 51.47%; */
    width: 100%;
  }
  .casestudies-list__btn--more > span{
    padding: 7px 30px 10px 20px;
    width: 100%;
    background-color: #34933f;
    position: relative;
  }
  .casestudies-list__btn--more .casestudies-list__ico{
    width: 12px;
    height: 16px;
    margin-left: 0px;
    background-image: url(/r04_assets/img/sprite_pc/ico-gheader-user-arrow-pc.png);
    background-image: url(/r04_assets/img/sprite_pc/ico-pdf-pc.png);
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 14px;
  }
  .casestudies-list__btn__body {
    position: relative;
    display: inline-block;
    display: block;
    padding: 9px 0 8px;
    background: #f18200;
  }
  .casestudies-list__item ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 5px 0;
  }
  .casestudies-list__item ul li:last-child {
    /* padding-left:2.9412%; */
  }
  .aaa {
    display: flex;
  }
  .casestudies-list__btn__body-movie {
    background: #34933f;
  }
  .no-touchevents .casestudies-list__btn__body{
    -webkit-transition: background-color 0.15s linear;
            transition: background-color 0.15s linear;
  }
  .no-touchevents .casestudies-list__btn__body:hover{
    background: #fedae2;
  }
  .no-touchevents .casestudies-list__btn__body .casestudies-list__btn__label:hover {
    color: #f18200;
  }
  .no-touchevents .casestudies-list__btn__body-movie:hover{
    background-color: #d4e7fb;
  }
  .casestudies-list__btn__label {
    display: inline;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
  }
  .no-touchevents .casestudies-list__btn__label{
    -webkit-transition: color 0.15s linear;
            transition: color 0.15s linear;
  }
  .no-touchevents .casestudies-list__btn__body:hover .casestudies-list__btn__label{
    color: #fff;
  }
  .no-touchevents .casestudies-list__btn__body:hover .casestudies-list__btn__label {
    color: #f18200;
  }
  .no-touchevents .casestudies-list__btn__body-movie:hover .casestudies-list__btn__label {
    color: #34933f;
  }
  .casestudies-list__btn__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    margin-right: 6px;
    border-left: 6px solid #11305d;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  .no-touchevents .casestudies-list__btn__arrow{
    -webkit-transition: border-color 0.15s linear;
            transition: border-color 0.15s linear;
  }
  .no-touchevents .casestudies-list__btn__body:hover .casestudies-list__btn__arrow{
    border-left: 6px solid #fff;
  }
}

@media all and (max-width: 760px){
  .main-container h3, .main-container .c-heading-lv3 {
    text-align: center;
  }
  .casestudies-list{
    margin-top: 30px;
  }
  .casestudies-list__item{
    display: inline-block;
    background: #f3f3f3;
    margin-bottom: 20px;
    width: 100%;
  }
  .casestudies-list__item__inner {
    display: block;
    padding: 20px 10px 20px;
  }
  .casestudies-list__item:last-child{
    margin-bottom: 0;
  }
  .casestudies-list__item--wide__inner{
    margin-bottom: 30px;
  }
  .casestudies-list__item h3{
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  .casestudies-list__img{
    display: inline-block;
    width: 36%;
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
  }
  .casestudies-list__img img{
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .casestudies-list__txt {
    display: inline-block;
    vertical-align: top;
    width: calc(64% - 30px);
    width: calc(64% - 40px);
  }
  .casestudies-list__txt em{
    display: block;
    font-size: 1.4rem;
    color: #34933f;
    padding-bottom: 0.5em;
  }
  .casestudies-list__txt p{
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .casestudies-list__bottn {
    display: none;
  }
  .casestudies-list__sp-icon::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 22px;
    margin-left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/r04_assets/img/sprite_pc/ico-arrow-circle-right-green-pc.png);
    background-image: url(/r04_assets/img/sprite_pc/ico-pdf-pc.png);
    background-size: contain;
  }
}
  /* ITツール活用者の話 bottom ボタン */
@media all and (min-width: 761px){
  .casestudies-bottom-link-btn-box{
    text-align: center;
  }
  .casestudies-bottom-link-btn-box .c-ico-link-box__btn{
    margin-top: 0;
  }
}
@media all and (max-width: 760px){
  .casestudies-bottom-link-btn-box{
    text-align: center;
  }
  /* .casestudies-bottom-link-btn-box .c-btn__label--left {
    text-align: center;
  } */
}
/* --------------------------------------------------------------------------
  どういった課題がITツールで解決できる？
-------------------------------------------------------------------------- */
.solution{
}
.solution .section {
  padding: 80px 0 80px 0;
}
@media all and (min-width: 761px){
  .solution .section__contents {
    margin-left: 10px;
    margin-right: 10px;
  }
  /* GRID CARD LAYOUT */
  .solution .l-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .solution .l-card-col {
    flex: 0 1 48.02%;
    margin-bottom: 40px;
  }
  .solution .card-item {
    display: flex;
    flex-direction: column;
    max-width:100%;
  }
  .solution .card-item__block{
    /* display: flex; */
    display: block;
    /* flex-direction: column; */
    border: none;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
    background: #FFF;
    max-width:99.9%;
    /* height: 646px !important; */
    height: 100% !important;
  }
  .solution-point {
    width: 100%;
    padding: 5% 2.4rem 5% 33%;
    background: rgba(52, 147, 63, 0.2);
    position: relative;
  }
  .solution-point__ttl{
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 600;
    text-align: left;
  }
  .solution-point__ttl span{
    color: #f13900;
  }
  .solution-point__img{
    text-align: center;
    width: 288px;
  }
  .solution-point::before{
    content: "";
    display: inline-block;
    width: 27%;
    height: auto;
    padding-top: 27%;
    background-repeat: no-repeat;
    position: absolute;
    top: -20%;
    left: 3%;
    background-size: contain;
  }
  .card-item--point01 .solution-point::before{
    background-image: url(/r04_assets/img/first-one/trouble_01.png);
  }
  .card-item--point02 .solution-point::before{
    background-image: url(/r04_assets/img/first-one/trouble_02.png);
  }
  .card-item--point03 .solution-point::before{
    background-image: url(/r04_assets/img/first-one/trouble_03.png);
  }
  .card-item--point04 .solution-point::before{
    background-image: url(/r04_assets/img/first-one/trouble_04.png);
  }
  .solution-item__info-tool{
    padding: 9% 8%;
  }
  .solution-item__info-howto {
    padding: 0 8% 9%;
  }
  .solution-item__info-howto__subTitle {
  }
  .solution-item__info-tool__subTitle,
  .solution-item__info-howto__subTitle {
    font-size: 2.2rem;
    font-weight: 600;
    color: #34933f;
    text-align: center;
    position: relative;
  }
  .solution-item__info-tool__subTitle::after, .solution-item__info-howto__subTitle::after {
    content: "";
    display: inline-block;
    width: 65px;
    height: 13px;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 1.7rem auto 0;
  }
  .solution-item__info-tool__subTitle::after,
  .solution-item__info-howto__subTitle::after {
    background: url(/r04_assets/img/first-one/arrow_green_under.png) no-repeat;
    background-size: contain;
  }
  .solution-item__info-tool__subTitle img {
    width: 100%;
  }

  .solution-item__info-howto__subTitle img {
    width: 100%;
  }
  .solution-item__info-tool__img{
    /* padding: 30px 0 0; */
    padding: 10% 0 0;
    text-align: center;
  }
  .card-item--point01 .solution-item__info-tool__img .pc-only {
    width: 44%;
    margin: 0 auto;
  }
  .card-item--point02 .solution-item__info-tool__img .pc-only{
    width: 31%;
    margin: 0 auto;
  }
  .cd-card-item--point02 .solution-item__info-tool__img .pc-only{
    width: 100%;
  }
  .card-item--point03 .solution-item__info-tool__img .pc-only{
    width: 85%;
    margin: 0 auto;
  }
  .card-item--point04 .solution-item__info-tool__img .pc-only{
    width: 85%;
    margin: 0 auto;
  }
  .solution-item__info-tool__img img{
    width: 100%;
  }
  .solution-item__info-howto__txt{
    /* padding: 30px 0 0; */
    padding: 10% 0 0;
  }
  .solution-item__info-howto__txt p{
    font-size: 2rem;
    font-size: 1.6rem;
  }
  /* ボタン */
  .solution-bottom-link-btn-box{
    display: flex;
    /* width: 720px; ボタン2つの場合 */
    width: 360px;
    justify-content: space-between;
    margin: 0 auto;
  }
  .link-btn-box-cd{
    display: flex;
    width: 420px;
    justify-content: space-between;
    margin: 0 auto;
  }
  .c-ico-link-box__btn {
    width: 350px;
    display: inline-block;
    margin-top: 30px;
  }
  .link-btn-box-cd .c-ico-link-box__btn{
    width: 420px;
  }
}
@media all and (max-width: 1024px){
}
@media all and (min-width: 761px) and (max-width: 947px){
  .solution-point__ttl {
    font-size: 1.7rem;
  }
  .solution-point::before {
    content: "";
    display: inline-block;
    width: 22vw;
    height: auto;
    padding-top: 80px;
    background-repeat: no-repeat;
    position: absolute;
    top: -20%;
    left: 3%;
    background-size: contain;
  }
}

@media all and (max-width: 760px){
  .solution .section__inner{
    padding: 0 5.33%;
  }
  .solution .section__contents{
    margin-left: 0;
    margin-right: 0;
  }
  /* 見出し「どういった課題が..できる？」 */
  .solution .section__panel_ttl{
    font-size: 2.3rem;
  }
  .solution .section__panel_ttl span{
    font-size: 3.2rem;
  }
  /* 悩み パネル 全体 */
  .solution .l-card-row{
    margin-top: 40px;
  }
  /* 悩み パネル枠 */
  .solution .card-item__block {
    display: flex;
    flex-direction: column;
    border: none;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
    background: #FFF;
    max-width: 99.9%;
  }
  .solution .l-card-col {
    margin-top: 10px;
    margin-bottom: 32px;
  }
  /* パネル内 小見出し */
  .solution-point {
    width: 100%;
    padding: 5% 1rem 5% 30%;
    background: rgba(52, 147, 63, 0.2);
    position: relative;
  }
  .solution-point__ttl {
    font-size: 2rem;
    line-height: 1.3637;
    font-weight: 600;
  }
  .solution-point__ttl::before {
    content: "";
    display: inline-block;
    width: 22vw;
    height: auto;
    padding-top: 22vw;
    background-repeat: no-repeat;
    position: absolute;
    top: -12.5%;
    left: 3%;
    background-size: contain;
  }
  .solution .card-item--point01 .solution-point__ttl::before {
    background-image: url(/r04_assets/img/first-one/trouble_01.png);
  }
  .solution .card-item--point02 .solution-point__ttl::before {
    background-image: url(/r04_assets/img/first-one/trouble_02.png);
  }
  .solution .card-item--point03 .solution-point__ttl::before {
    background-image: url(/r04_assets/img/first-one/trouble_03.png);
  }
  .solution .card-item--point04 .solution-point__ttl::before {
    background-image: url(/r04_assets/img/first-one/trouble_04.png);
  }
  /* 中身 */
  .solution-item__info-tool{
    padding: 25px 14px;
  }
  .solution-item__info-howto{
    padding: 0 14px 25px;
  }
  .solution-item__info-tool__subTitle,
  .solution-item__info-howto__subTitle {
    font-size: 1.9rem;
    font-weight: 600;
    color: #34933f;
    text-align: center;
    position: relative;
  }
  .solution-item__info-tool__subTitle div,
  .solution-item__info-howto__subTitle div{
    margin-bottom: 30px;
  }
  .solution-item__info-tool__subTitle::after,
  .solution-item__info-howto__subTitle::after {
    content: "";
    display: inline-block;
    width: 65px;
    height: 13px;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 1.7rem auto 0;
  }
  .solution-item__info-tool__subTitle::after,
  .solution-item__info-howto__subTitle::after{
    background: url(/r04_assets/img/first-one/arrow_green_under.png) no-repeat;
    background-size: contain;
  }
  .solution-item__info-tool__img {
    text-align: center;
  }
  .solution-item__info-tool__img img{
    width: 100%;
  }
  .card-item--point01 .solution-item__info-tool__img .sp-only{
    width: 44%;
    margin: 0 auto;
  }
  .card-item--point02 .solution-item__info-tool__img .sp-only{
    width: 31%;
    margin: 0 auto;
  }
  .cd-card-item--point02 .solution-item__info-tool__img .sp-only{
    width: 70%;
  }
  .card-item--point03 .solution-item__info-tool__img .sp-only{
    width: 85%;
    margin: 0 auto;
  }
  .card-item--point04 .solution-item__info-tool__img .sp-only{
    width: 85%;
    margin: 0 auto;
  }
  .solution-item__info-howto__txt p {
    font-size: 1.65rem;
    text-align: center;
  }
  /* ボタン */
  .solution-bottom-link-btn-box{
    text-align: center;
  }
  .solution .c-ico-link-box__btn{
    width: calc(100% - 7% );
  }
  .solution .c-btn__label_link{
    font-size: 1.4rem;
    text-align: center;
  }.solution .c-ico-link-box__btn:nth-child(2){
    padding-top: 0;
  }
}

@media all and (max-width: 320px){
  /* 見出し */
  .solution .section__panel_ttl{
    font-size: 2.5rem;
    font-weight: 600;
    white-space: normal;
    text-align: center;
  }
  .solution .section__panel_ttl span{
    font-size: 3.5rem;
  }
  /* 悩みポイント 見出し */
  .solution .solution-point__ttl {
    font-size: 1.7rem;
    line-height: 1.3637;
    font-weight: 500;
  }
  .solution-item__info-tool__subTitle, .solution-item__info-howto__subTitle {
    font-size: 1.8rem;
    font-weight: 600;
    color: #34933f;
    text-align: center;
    position: relative;
  }
}
/* --------------------------------------------------------------------------
  補助金シミュレーター
-------------------------------------------------------------------------- */
@media all and (min-width: 761px){
  .simulator_contents {
    background-color: #f5f5f5;
    padding: 30px 40px;
  }
  .simulator-items {
    display: flex;
  }
  .simulator-items_body {
    display: block;
    /* width: calc(50% - 40px); */
    width: 50%;
  }
  .simulator-items_body + .simulator-items_body {
    margin-left: 35px;
  }
  .simulator-items_num {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:15px;
  }
  .simulator-items_block {
    display: flex;
    align-items: end;
  }
  .simulator-items_textField {
    display: block;
    width: 100%;
    max-width: 340px;
    margin-right: 10px;
    padding: 10px 14px;
    font-size: 18px;
  }
  .simulator-items_function,
  .simulator-items_yen {
    font-size: 16px;
    display: block;
  } 
  .simulator-result {
    position: relative;
    margin-top: 45px;
    margin-bottom: 25px;
  }
  .simulator-resultItem {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-size: 16px;
  }
  .simulator-resultItem + .simulator-resultItem {
    margin-top: 20px;
  }
  .simulator-resultText {
    color: #1a56dc;
    font-size: 20px;
    font-weight: 600;
  }
  .simulator-table {
    margin: 15px 0;
    background: #fff;
  }
  .simulator-table .table__cell--green {
    background-color: #e5f1e7;
  }
  .simulator-table tr td{
    width: 33%;
  }
}
@media all and (max-width: 1024px){
}
@media all and (min-width: 761px) and (max-width: 980px){
}
@media all and (max-width: 760px){
  .simulator_contents {
    background-color: #f5f5f5;
    padding: 30px 20px;
  }
    .simulator-items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .simulator-items_body {
    display: block;
    width: 100%;
  }
  .simulator-items_body + .simulator-items_body {
    margin-top: 30px;
  }
  .simulator-items_num {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:15px;
  }
  .simulator-items_block {
    display: flex;
    align-items: end;
  }
  .simulator-items_textField {
    display: block;
    width: 100%;
    /* max-width: 340px; */
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 16px;
  }
  .simulator-items_function,
  .simulator-items_yen {
    font-size: 14px;
    display: block;
    width: 10%;
  } 
  .simulator-result {
    position: relative;
    margin-top: 45px;
    margin-bottom: 25px;
  }
  .simulator-resultItem {
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 10px;
    font-size: 16px;
  }
  .simulator-resultItem + .simulator-resultItem {
    margin-top: 20px;
  }
  .simulator-resultText {
    color: #1a56dc;
    font-size: 18px;
    font-weight: 600;
  }
  .simulator-resultText_end {
    text-align: right;
  }
  .simulator-table {
    margin: 0 0 15px;
    background: #fff;
  }
  .simulator-table .table__cell--green {
    background-color: #e5f1e7;
  }
  .simulator-table tr td{
    width: 33%;
  }
  /* .simulator-table .simulator-table-top {
    display: none;
  }
  .simulator-table {
    width: 100%;
  }
  .simulator-table tr,
  .simulator-table td {
    display: block;
    width: 100%;
    position: relative;
  } */
}
/* --------------------------------------------------------------------------
  申請・導入の3STEP
-------------------------------------------------------------------------- */
.threeStep{
  text-align: center;
}
@media all and (min-width: 761px){
  .pc_step_img img{
    width: 100%;
  }

  .threeStep__imgArea{
    margin-bottom: 20px;
  }

  .step_list_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .step_list_col {
    flex: 0 1 29.31%;
    flex: 0 1 30%;
  }
  .list_item {
    display: flex;
    flex-direction: column;
    max-width:100%;
  }
  .list_item--step01,
  .list_item--step02{
    position: relative;
  }
  .list_item--step01::after,
  .list_item--step02::after{
    display: inline-block;
    content: "";
    width: 18px;
    height: 50px;
    background: url(/r04_assets/img/first-one/threeStep_arrow_right_pc.png) no-repeat;
    position: absolute;
    top: 50%;
    right: -31px;
    margin-top: -22px;
  }
  .threeStep .card-item__block{
    display: flex;
    flex-direction: column;
    /* border:#f3f3f3 2px solid; */
    border: none;
    background: #FFF;
    max-width:99.9%;
  }
  .threeStep .threeStep__numBlock {
    width: 100%;
    height: 38px;
    /* padding: 6px auto 8px 10px; */
    background: #f5ad00;
    position: relative;
  }
  .threeStep__ttl{
    font-size: 220%;
    font-size: 2.2rem;
    color: #FFF;
    position: absolute;
    top: 6px;
    left: 10px;
  }
  .threeStep__ttl span{
    font-size: 1.276rem;
  }
  .threeStep__img{
    text-align: center;
    /* width: 288px; */
  }
  .threeStep::before{
    content: "";
    display: block;
    width: 100%;
    height: 94px;
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    left: 13px;
  }
  .threeStep__info {
    color: #FFF;
    background-color: #34933f;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 170px !important;
  }
  .threeStep__info__txt{
    font-size: 17px;
    line-height: 1.25;
  }
  .threeStep__info__txt_s{
    display: block;
    font-size: 14px;
    line-height: 1.357;
    margin: 5px auto;
  }
  .threeStep__info__txt sup{
    font-size: 10px;
    top: -1em;
  }
  .threeStep__imgBlock{
    width: 100%;
    height: 64px;
    background: rgba(52, 147, 63, 0.2);
    position: relative;
  }
  .threeStep__imgBlock__img{
    width: 78.86%;
    /* width: 194px; */
    height: 82px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .threeStep__imgBlock__img img{
    width: 100%;
  }
  .no-ico-link-btn .c-ico-link-box__btn, .tool-nav-link-btn .c-ico-link-box__btn, .vendor-search-link-btn .c-ico-link-box__btn, .tool-check-link-btn .c-ico-link-box__btn, .movie-link-btn .c-ico-link-box__btn {
    max-width: 430px;
    width: 100%;
    padding: 0;
  }
  .c-btn__label_link {
    font-size: 180%;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
  }
  .card-item__info p{
    margin-top: 0.5em;
  }

  .card-item .c-btn__body{
    padding: 4px 10px 6px 12px;
    border: none;
    font-size: 75%;
  }
  .card-item .l-btn--mt{
    margin-top: 9px;
  }
  .card-item .l-btn__item{
    margin-top: 6px;
  }

  /* ボタン */
  .c-ico-link-box__btn--xwide{
    margin-top: 42px;
    width: 350px;
  }
  .c-btn--btnTypeWhite{
    background-color: #FFF;
    border: 1px solid #34933f;
  }
  .c-btn--btnTypeWhite .c-btn__label_link{
    color: #34933f;
  }
  .c-btn--btnTypeWhite .c-btn__arrow::before {
    background-image: url(/r04_assets/img/sprite_pc/ico-arrow-circle-right-green-pc.png);
  }
  .c-btn--btnTypeWhite .c-btn__arrow::after {
  }
  .no-touchevents .c-btn--btnTypeWhite:hover {
    background: rgba(52, 147, 63, 0.2);
  }
  .no-touchevents .c-btn--btnTypeWhite:hover .c-btn__label_link{
    color: #34933f;
  }
}
@media all and (max-width: 1024px){
}
@media all and (min-width: 761px) and (max-width: 980px){
}
@media all and (max-width: 760px){
  .threeStep .section__panel_ttl{
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 2.3rem;
  }
  .threeStep .section__panel_ttl span{
    font-size: 3.2rem;
  }
  .sp_step_img img {
    width: 100%;
  }

  .step_img {
    margin-bottom: 34px;
    margin-bottom: 10%;
    position: relative;
  }
  .list_item--step03 .step_img {
    margin-bottom: 0;
  }
  .step_img img {
    width: 100%;
  }
  .step_img::after{
    display: inline-block;
    content: "";
    width: 16.66%;
    height: auto;
    background: url(/r04_assets/img/first-one/arrow_02_sp.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: -110%;
    right: 0;
    left: 0;
    margin: auto;
  }
  .list_item--step03 .step_img::after{
    display: none;
  }
  /* ボタン */
  .c-ico-link-box__btn--xwide{
    margin-top: 40px;
    width: 240px;
    padding: 0;
  }
  .threeStep .c-btn__arrow::before {
    content: "";
    display: block;
    width: 18px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 15px;
  }
  .c-btn--btnTypeWhite{
    background-color: #FFF;
    border: 1px solid #34933f;
  }
  .c-btn--btnTypeWhite .c-btn__label_link{
    color: #34933f;
  }
  .c-btn--btnTypeWhite .c-btn__arrow::before {
    background-image: url(/r04_assets/img/sprite_pc/ico-arrow-circle-right-green-pc.png);
  }
  .c-btn--btnTypeWhite .c-btn__arrow::after {
  }
  .no-touchevents .c-btn--btnTypeWhite:hover {
    background: rgba(52, 147, 63, 0.2);
  }
  .no-touchevents .c-btn--btnTypeWhite:hover .c-btn__label_link{
    color: #34933f;
  }
}
/* --------------------------------------------------------------------------
  よくある質問
-------------------------------------------------------------------------- */
.first-one_faq{
}
@media all and (min-width: 761px){
  .terms__item-contents {
    padding: 30px 0 0 0;
  }
}
@media all and (max-width: 1024px){
}
@media all and (min-width: 761px) and (max-width: 980px){
}
@media all and (max-width: 760px){
  .terms__item-contents {
    padding: 15px 0 0 0;
  }
}
/* --------------------------------------------------------------------------
  table
-------------------------------------------------------------------------- */
table, td, th {
    width: 100%;
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
}
td, th {
  width: 30px;
  height: 25px;
  padding: 8px 8px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border: #C0C0C0 1px solid;
}
td a, th a {
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear;
  text-decoration: underline;
}
td a:hover, th a:hover {
  color: #359440;
  text-decoration: none;
}
.table__cell--green {
  background-color: #e5f1e7;
  font-weight: bold;
}
.table__cell--light-brown {
  background-color: #ebe3dd;
  font-weight: bold;
}
.col-10 {
  width: 10%;
}
.col-20 {
  width: 20%;
}
.col-30 {
  width: 30%;
}
.right_up_border {
  padding: 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogI2MwYzBjMDtzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+');
}
.line-height--m {
  line-height: 1.5;
}
@media all and (min-width: 761px){
  .table_plus {
    margin-top: 50px;
    position: relative;
    border: none;
  }
  .table_plus tbody::before,
  .table_plus tbody::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -25px;
    background-color: #000;
  }
  .table_plus tbody::before {
    width: 10px;
    height: 2px;    
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .table_plus tbody::after {
    width: 10px;
    height: 2px; 
    transition: .3s;
  }
}
@media all and (max-width: 760px){
  .c-sp-scroll-img__note {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .scroll-table{
    overflow: scroll;
  }
  .scroll-table-inner{
    padding-bottom: 0px;
    text-align: center;
  }
  .scroll-table-inner .c-note {
    text-align: left;
  }
  .scroll-table table{
    width: 700px;
  }
  .table_plus {
    margin-top: 50px;
    position: relative;
    border: none;
  }
  .table_plus tbody::before,
  .table_plus tbody::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -25px;
    background-color: #000;
  }
  .table_plus tbody::before {
    width: 10px;
    height: 2px;    
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .table_plus tbody::after {
    width: 10px;
    height: 2px; 
    transition: .3s;
  }
  .scroll-table::-webkit-scrollbar {
    width: 0;
    height: 5px;
    /* background: #eee; */
  }
  .scroll-table::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
  }
  .scroll-table::-webkit-scrollbar-thumb {
    scrollbar-face-color: #359440;
    background: #359440;
  }
}
/* ==========================================================================
  「IT導入補助金 はじめてガイド」ページ
=========================================================================== */
@media all and (min-width: 761px){
  #first-guide #anchor01,
  #first-guide #anchor03,
  #first-guide #anchor05,
  #first-guide #anchor07 {
    margin-top: -286px;
    padding-top: 286px;
  }
  #first-guide #anchor02,
  #first-guide #anchor04,
  #first-guide #anchor06 {
    margin-top: -226px;
    padding-top: 226px;
  }
  #first-guide #anchor03-01,
  #first-guide #anchor03-02 {
    margin-top: -286px;
    padding-top: 286px;
  }
  .first-guide_contents {
    margin: 60px auto 0;
  }
  .first-guide_contents_inner {
    width: calc(100% - 1.172% - 20px);
    max-width: 880px;
    padding: 20px 12px;
    margin: 0 auto;
    background: #f5f5f5;
  }
  .first-guide_contents_inner ul {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 1.5;
  }
  .first-guide_contents_inner ul li {
    padding-left: 1.5rem;
    text-indent: -1.5rem;
  }
  .first-guide_contents_inner ul li a {
    text-decoration: underline;
  }
  .first-guide_contents_inner ul li a:hover {
    text-decoration: none;
  }
  .aboutit-ex_hero {
    width: 100%;
    margin: 20px auto 40px;
  }
  .aboutit-ex_hero img {
    width: 100%;
  }
  .aboutit-ex_box {
    display: flex;
    margin-top: 80px;
  }
  .aboutit-ex_box_img {
    width: calc((150 / 880) * 100%);
  }
  .aboutit-ex_box_img img {
    width: 100%;
  }
  .aboutit-ex_blcok {
    position:relative;
    /* width: 100%; */
    width: calc((730 / 880) * 100%);
    height:auto;
    background:#FFFFFF;
    text-align:left;
    border: 2px solid #34933F;
    color:#333333;
    font-size:14px;
    font-weight:bold;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    margin-left: 40px;
  }
  .aboutit-ex_blcok:after,
  .aboutit-ex_blcok:before {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:50%;
  }
  .aboutit-ex_blcok:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-width: 0px;
    border-bottom-width: 21px;
    border-left-width: 38px;
    border-right-width: 38px;
    margin-top: -21px;
    border-right-color:#FFFFFF;
  }
  .aboutit-ex_blcok:before {
    border-color: rgba(52, 147, 63, 0);
    border-top-width: 0px;
    border-bottom-width: 22px;
    border-left-width: 41px;
    border-right-width: 41px;
    margin-top: -22px;
    margin-right: 2px;
    border-right-color:#34933F;
  }
  .aboutit-ex_blcok_industry {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    color: #fff;
    background-color: #941e23;
    left: -43px;
    top: -43px;
  }
  .aboutit-ex_blcok_txt {
    padding: 28px 56px;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_top {
    font-size: 18px;
    line-height: 1.8125;
    color: #34933f;
    margin-bottom: 1.5rem;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dt {
    font-size: 18px;
    line-height: 1.8125;
    margin-bottom: 0.5rem;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dd {
    font-size: 16px;
    line-height: 1.625;
    padding-left: 1.25em;
    position: relative;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dd::before {
    content: "";
    width: 0.825em;
    height: 0.825em;
    background: #34933f;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(0.825em - 0.425em);
  }
  .aboutit-ex_blcok_btn .c-btn {
    border-radius: 0 0 10px 10px;
  }
  .casestudies-top {
    margin: 40px auto 0;
    text-align: center;
  }
  .casestudies-top img {
    width: 100%;
  }
  /*  */
  .subsidy-type_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .subsidy-type_list li {
    border-top: 5px solid #9f0505;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    width: calc((100% - 20px) /2);
    font-size: 1.6rem;
    line-height: 1.5;
    /*  */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .subsidy-type_list li:nth-child(2n) {
    margin-left: 20px;
  }
  .subsidy-type_list li:nth-child(n + 3) {
    margin-top: 20px;
  }
  .subsidy-type_list dl {
    padding: 20px;
  }
  .subsidy-type_list dt {
    position: relative;
    font-size: 1.8rem;
    color: #9f0505;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /*  */
  .section_cahrt__block {
    position: relative;
    margin-bottom: 120px;
  }
  .section_cahrt__img img {
    width: 100%;
  }
  .section_cahrt .cahrt-btn {
    position: absolute;
    width: 100%;
  }
  .section_cahrt .cahrt-btn01,
  .section_cahrt .cahrt-btn02 {
    max-width: 264px;
    width: calc((264 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn01 {
    left: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn02 {
    left: calc((293 / 881) * 100%);
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn03,
  .section_cahrt .cahrt-btn04 {
    max-width: 295px;
    width: calc((295 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn03 {
    right: 0;
    top: calc((140 / 421) * 100%);
  }
  .section_cahrt .cahrt-btn04 {
    right: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn05,
  .section_cahrt .cahrt-btn06,
  .section_cahrt .cahrt-btn07 {
    max-width: 275px;
    width: calc((275 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn05 {
    left: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn06 {
    left: calc((303 / 881) * 100%);
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn07 {
    right: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn .c-btn {
    background-color: #9e0505;
  }
  .section_cahrt .cahrt-btn01 .c-btn,
  .section_cahrt .cahrt-btn02 .c-btn {
    max-width: 264px;
  }
  .section_cahrt .cahrt-btn03 .c-btn,
  .section_cahrt .cahrt-btn04 .c-btn {
    max-width: 295px;
  }
  .no-touchevents .section_cahrt .cahrt-btn .c-btn:hover {
    background: rgba(158,5,5,0.1);
  }
  .no-touchevents .section_cahrt .cahrt-btn .c-btn:hover .c-btn__label_link {
    color: #9e0505;
  }
  .section_cahrt .cahrt-btn .c-btn__arrow::after {
    background-image: url(/r04_assets/img/sprite_pc/ico-arrow-circle-right-red-pc.png);
    opacity: 0;
  }
  .section_cahrt .cahrt-btn03 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn04 .c-btn .c-btn__body {
    padding: calc((12 / 421) * 100%) 0;
  }
  .section_cahrt .cahrt-btn05 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn06 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn07 .c-btn .c-btn__body {
    padding: calc((12 / 421) * 100%) 0;
  }
  /*  */
  .ittool_point {
    display: flex;
    margin-bottom: 30px;
  }
  .ittool_point-block {
    margin-left: 30px;
  }
  .ittool_point-block dl {
    background: #d6e9d9;
    display: flex;
    align-items: center;
    font-size: 160%;
    line-height: 1.5;
    padding: 10px 20px;
    margin: 20px 0 20px;
  }
  .ittool_point-block dl dt {
    margin-right: 20px;
  }
  .ittool_point-block .c-ico-link-box__btn{
    width: 100%!important;
    margin-top: 0;
  }
}
@media all and (min-width: 761px) and (max-width: 1320px) {
  #first-guide #anchor03-01,
  #first-guide #anchor03-02 {
    margin-top: -346px;
    padding-top: 346px;
  }
}
@media all and (min-width: 761px) and (max-width: 980px) {
  .section_cahrt .cahrt-btn .c-btn .c-btn__label_link {
    font-size: 1.4rem;
  }
}
@media all and (max-width: 760px) {
  #first-guide #anchor01,
  #first-guide #anchor02,
  #first-guide #anchor03,
  #first-guide #anchor04,
  #first-guide #anchor05,
  #first-guide #anchor06,
  #first-guide #anchor07 {
    margin-top: -226px;
    padding-top: 226px;
  }
  #first-guide #anchor03-01,
  #first-guide #anchor03-02 {
    margin-top: -286px;
    padding-top: 286px;
  }
  .first-guide_contents {
    margin: 30px auto 0;
  }
  .first-guide_contents_inner {
    width: calc(100% - 1.172% - 20px);
    max-width: 880px;
    padding: 20px 12px;
    margin: 0 auto;
    background: #f5f5f5;
  }
  .first-guide_contents_inner ul {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.5;
  }
  .first-guide_contents_inner ul li {
    padding-left: 1.25rem;
    text-indent: -1.25rem;
  }
  .first-guide_contents_inner ul li a {
    text-decoration: underline;
  }
  .aboutit-ex_hero {
    width: 100%;
    margin: 20px auto 40px;
  }
  .aboutit-ex_hero img {
    width: 100%;
  }
  .aboutit-ex_box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    margin-top: 80px;
    /*  */
    border: 2px solid #34933F;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
  }
  .aboutit-ex_box_img {
    margin: 0 auto;
    width: calc((150 / 880) * 100%);
  }
  .aboutit-ex_box_img img {
    width: 100%;
  }
  /* .aboutit-ex_box_img img {
    width: 100%;
  } */
  .aboutit-ex_blcok {
    /* width: 100%; */
    width: 100%;
    height:auto;
    text-align:left;
    color:#333333;
    font-size:12px;
    font-weight:bold;
  }
  .aboutit-ex_blcok_industry {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    background-color: #941e23;
    left: -20px;
    top: -20px;
  }
  .aboutit-ex_blcok_txt {
    padding: 20px;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_top {
    font-size: 14px;
    line-height: 1.77;
    color: #34933f;
    margin-bottom: 1.5rem;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dt {
    font-size: 14px;
    line-height: 1.667;
    margin-bottom: 0.5rem;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dd {
    font-size: 12px;
    line-height: 1.625;
    padding-left: 1.25em;
    position: relative;
  }
  .aboutit-ex_blcok_txt .aboutit-ex_blcok_txt_content dd::before {
    content: "";
    width: 0.825em;
    height: 0.825em;
    background: #34933f;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(0.825em - 0.425em);
  }
  .aboutit-ex_blcok_btn {
    text-align: center;
  }
  .aboutit-ex_blcok_btn .c-btn {
    border-radius: 0 0 10px 10px;
  }
  .casestudies-top {
    margin: 40px auto 0;
    text-align: center;
  }
  .casestudies-top img {
    width: 100%;
  }
  /*  */
  .subsidy-type_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column;
  }
  .subsidy-type_list li {
    border-top: 5px solid #9f0505;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    width: 100%;
    /*  */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .subsidy-type_list li:nth-child(n + 2) {
    margin-top: 20px;
  }
  .subsidy-type_list dl {
    padding: 10px 20px;
    font-size: 14px;
  }
  .subsidy-type_list dt {
    position: relative;
    color: #9f0505;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .subsidy-type_list dt p {
    width: 50%;
  }
  .subsidy-type_list dt img {
    width: 100%;
  }
  .subsidy-type_list .c-btn {
    text-align: center;
  }
  /*  */
  .section_cahrt__block {
    position: relative;
    margin-bottom: 60px;
  }
  .section_cahrt__img {
    margin-bottom: 30px;
  }
  .section_cahrt__img img {
    width: 100%;
  }
  .section_cahrt .cahrt-btn {
    width: 100%;
    max-width: calc((590 / 750) * 100%);
    text-align: center;
    margin: 0 auto 20px;
  }
  /* .section_cahrt .cahrt-btn {
    position: absolute;
    width: 100%;
  }
  .section_cahrt .cahrt-btn01,
  .section_cahrt .cahrt-btn02 {
    max-width: 264px;
    width: calc((264 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn01 {
    left: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn02 {
    left: calc((293 / 881) * 100%);
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn03,
  .section_cahrt .cahrt-btn04 {
    max-width: 295px;
    width: calc((295 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn03 {
    right: 0;
    top: calc((204 / 421) * 100%);
  }
  .section_cahrt .cahrt-btn04 {
    right: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn05,
  .section_cahrt .cahrt-btn06,
  .section_cahrt .cahrt-btn07 {
    max-width: 275px;
    width: calc((275 / 880) * 100%);
  }
  .section_cahrt .cahrt-btn05 {
    left: 0;
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn06 {
    left: calc((303 / 881) * 100%);
    bottom: -70px;
  }
  .section_cahrt .cahrt-btn07 {
    right: 0;
    bottom: -70px;
  } */
  .section_cahrt .cahrt-btn .c-btn {
    background-color: #9e0505;
  }
  /* .section_cahrt .cahrt-btn01 .c-btn,
  .section_cahrt .cahrt-btn02 .c-btn {
    max-width: 264px;
  }
  .section_cahrt .cahrt-btn03 .c-btn,
  .section_cahrt .cahrt-btn04 .c-btn {
    max-width: 295px;
  } */
  .section_cahrt .cahrt-btn .c-btn__arrow::after {
    background-image: url(/r04_assets/img/sprite_pc/ico-arrow-circle-right-red-pc.png);
    opacity: 0;
  }
  /* .section_cahrt .cahrt-btn03 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn04 .c-btn .c-btn__body {
    padding: calc((12 / 421) * 100%) 0;
  }
  .section_cahrt .cahrt-btn05 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn06 .c-btn .c-btn__body,
  .section_cahrt .cahrt-btn07 .c-btn .c-btn__body {
    padding: calc((12 / 421) * 100%) 0;
  } */
  /*  */
  .ittool_point {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .ittool_point img {
    width: 100%;
  }
  .ittool_point-block {
    margin-top: 10px;
  }
  .ittool_point-block dl {
    background: #d6e9d9;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
    margin: 20px 0 20px;
  }
  .ittool_point-block dl dt {
    margin-right: calc((10 / 750) * 100%);
    width: calc((95 / 750) * 100%);
  }
  .ittool_point-block dl dd {
    width: calc(100% - ((105 / 750) * 100%));
  }
  .ittool_point-block .c-btn {
    text-align: center;
  }
  .ittool_point-block .c-ico-link-box__btn {
    width: 100%;
    margin-top: 0;
  }
}
/* ==========================================================================
  スクロール
=========================================================================== */
@media all and (max-width: 760px){
  .c-sp-scroll-img__item {
    padding-bottom: 20px;
  }
  .scroll-table {
    padding: 0 0 20px 0;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }
  .scroll-table::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }
  .scroll-table::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
  }
  .scroll-table::-webkit-scrollbar-thumb {
    scrollbar-face-color: #359440;
    background: #359440;
  }
  .simplebar-scrollbar::before {
    /* width: 20%;
    height: 5px; */
    background: #359440!important;
    opacity: 1!important;
  }
  .simplebar-track {
    width: 100%;
    background: #eee;
  }
  .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
  }
}