@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/business5/mv_img.jpg) no-repeat;
  background-size: cover; }

@media screen and (max-width: 750px) {
  .mv {
    background: url(../images/business5/mv_img.jpg) no-repeat;
    background-size: cover; } }
#intro .box_in .images_area {
  margin-top: 40px; }
  #intro .box_in .images_area ul {
    display: flex;
    justify-content: center; }
    #intro .box_in .images_area ul li {
      width: 48%; }
#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; }
#intro .box_in .feature .feature_images_area {
  margin-top: 40px; }
  #intro .box_in .feature .feature_images_area .comment {
    margin-top: 20px; }

@media screen and (max-width: 750px) {
  #intro .box_in .feature .feature_images_area {
    margin-top: 5.3333333333vw; }
    #intro .box_in .feature .feature_images_area .comment {
      margin-top: 2.6666666667vw;
      text-align: left; } }
@media screen and (max-width: 480px) {
  #intro .box_in .images_area {
    margin-top: 5.3333333333vw; }
    #intro .box_in .images_area ul {
      display: block; }
      #intro .box_in .images_area ul li {
        width: 100%; }
        #intro .box_in .images_area ul li:nth-child(2) {
          margin-top: 20px; } }
#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; } }