@charset "UTF-8";
/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.box_in {
  max-width: 960px; }

.txt, .txt_area {
  line-height: 2.2;
  letter-spacing: 0.1rem; }

.mv {
  background: url(../images/business3/mv_img.jpg) no-repeat;
  background-size: cover; }

@media screen and (max-width: 750px) {
  .mv {
    background: url(../images/business3/mv_img.jpg) no-repeat;
    background-size: cover; } }
#intro .images {
  position: relative; }
  #intro .images:after {
    content: '';
    display: inline-block;
    background: url("../images/business3/items.png") no-repeat;
    background-size: contain;
    width: 207px;
    height: 226px;
    position: absolute;
    top: 34px;
    left: 195px;
    z-index: 2; }
@media screen and (max-width: 960px) {
  #intro .images:after {
    width: 21.5625vw;
    height: 23.5416666667vw;
    top: 3.5416666667vw;
    left: 50%;
    transform: translateX(-50%); } }
#intro .box_in .feature .txt ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 1.8; }
  #intro .box_in .feature .txt ul li:before {
    content: '■';
    color: #e6000f; }
  #intro .box_in .feature .txt ul li:nth-child(2) {
    margin-top: 10px; }

@media screen and (max-width: 750px) {
  #intro .images:after {
    width: 139px;
    height: 142px; } }
#item_list {
  padding-top: 0; }
  #item_list .box_in {
    max-width: 1024px; }
    #item_list .box_in ul {
      margin-top: 40px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      position: relative; }
      #item_list .box_in ul li {
        width: 48%;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        #item_list .box_in ul li:nth-child(3) {
          margin-top: 40px; }
        #item_list .box_in ul li:nth-child(4) {
          margin-top: 40px; }
        #item_list .box_in ul li .images {
          margin-top: 0;
          width: 230px;
          display: flex;
          justify-content: center;
          align-items: center; }
        #item_list .box_in ul li .txt_area {
          text-align: left;
          width: calc(90% - 230px); }
          @media screen and (max-width: 1280px) {
            #item_list .box_in ul li .txt_area {
              width: calc(100% - 230px); } }
          #item_list .box_in ul li .txt_area h3 {
            letter-spacing: 0.05rem;
            font-size: 19px;
            line-height: 1.5; }
          #item_list .box_in ul li .txt_area .value {
            margni-top: 5px;
            font-size: 15px; }
          #item_list .box_in ul li .txt_area .detail {
            margin-top: 20px;
            background: #f2f2f2;
            padding: 20px;
            line-height: 1.8; }
    #item_list .box_in .images {
      margin-top: 60px; }
      #item_list .box_in .images img {
        margin: 0 auto; }

@media screen and (max-width: 960px) {
  #item_list .box_in ul {
    left: 0;
    justify-content: space-between; }
    #item_list .box_in ul li {
      display: block; }
      #item_list .box_in ul li .images {
        width: 100%; }
      #item_list .box_in ul li .txt_area {
        width: 100%;
        text-align: center; }
        #item_list .box_in ul li .txt_area h3 {
          margin-top: 20px;
          letter-spacing: 0.05rem;
          font-size: 19px;
          line-height: 1.5; }
        #item_list .box_in ul li .txt_area .value {
          margni-top: 5px;
          font-size: 15px; }
        #item_list .box_in ul li .txt_area .detail {
          text-align: left;
          margin-top: 20px;
          background: #f2f2f2;
          padding: 20px; }
  #item_list .box_in .images {
    margin-top: 60px; } }
@media screen and (max-width: 750px) {
  #item_list {
    padding-top: 12.5vw; }
    #item_list .box_in .images {
      max-width: 450px;
      width: 100%;
      margin: 0 auto;
      margin-top: 5.3333333333vw; } }
@media screen and (max-width: 500px) {
  #item_list .box_in ul {
    display: block; }
    #item_list .box_in ul li {
      width: 100%; }
      #item_list .box_in ul li:nth-child(2) {
        margin-top: 40px; }
      #item_list .box_in ul li .images {
        width: 100%; }
      #item_list .box_in ul li .txt_area {
        width: 100%;
        text-align: center; }
        #item_list .box_in ul li .txt_area h3 {
          margin-top: 20px;
          letter-spacing: 0.05rem;
          font-size: 19px;
          line-height: 1.5; }
        #item_list .box_in ul li .txt_area .value {
          margni-top: 5px;
          font-size: 15px; }
        #item_list .box_in ul li .txt_area .detail {
          text-align: left;
          margin-top: 20px;
          background: #f2f2f2;
          padding: 20px; }
  #item_list .box_in .images {
    margin-top: 60px; } }
#feature {
  background: #f2f2f2; }
  #feature .box_in .txt {
    margin-top: 40px;
    text-align: left; }
  #feature .box_in .images {
    margin-top: 40px; }

#thumnail_area {
  background: #fff; }
  #thumnail_area .box_in ul li {
    width: 32%; }
  @media screen and (max-width: 750px) {
    #thumnail_area {
      padding: 40px 0; }
      #thumnail_area .box_in ul li {
        width: 32%; } }
  @media screen and (max-width: 480px) {
    #thumnail_area .box_in ul li {
      width: 46%; }
      #thumnail_area .box_in ul li:nth-child(3) {
        margin-top: 20px; } }