@charset "utf-8";
/*------------------------------------------------------------
page content
------------------------------------------------------------*/
.intro dl {
  overflow: hidden;
  display: table;
  margin: 0 auto 35px;
}
.intro dl dt {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
.intro dl dd {
  display: table-cell;
  vertical-align: middle;
}
.intro p.passport {
  margin: 40px auto 0;
  width: 960px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../common/images/bg_pattern2.png) repeat-x left top, url(../common/images/bg_pattern2.png) repeat-x left bottom, url(../common/images/bg_pattern3.png) repeat-y left top, #FFF url(../common/images/bg_pattern3.png) repeat-y right top;
}

/*===========================
sp_start
===========================*/
@media screen and (max-width: 956px) {
  /*===========================
  sp content
  ===========================*/
  .page_content ul {
    margin-bottom: 20px;
  }
  .page_content table.l_side {
    width: 100%;
    float: none;
  }

  .r_side {
    width: 100%;
    float: none;
  }

  ul.wide {
    width: 100%;
  }

  ul.doc_list li, ul.link_list li, ul.anchor_list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
    margin-top: 0;
  }
  ul.doc_list li:nth-of-type(2n), ul.link_list li:nth-of-type(2n), ul.anchor_list li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: -2px;
  }

  ul.wide li {
    width: 98%;
    margin: 0 auto 15px auto;
  }

  ul.link_list li a {
    text-indent: -20px;
  }

  .box .box_content {
    padding: 10px 20px;
  }
  .box .box_content ul {
    margin-bottom: 10px;
  }
  .box .box_content .pic_left {
    float: none;
    margin: 10px 0;
  }
  .box .box_content .pic_left img {
    width: 100%;
    height: auto;
  }

  .gallery figure {
    width: 100%;
  }
  .gallery figure img {
    width: 100%;
    height: auto;
  }

  dl.image_list_type2 {
    border-bottom: 1px dotted black;
    margin: 20px 0;
    overflow: hidden;
  }
  dl.image_list_type2 dt {
    float: none;
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
  }
  dl.image_list_type2 dt img {
    width: 100%;
    height: auto;
  }
  dl.image_list_type2 dd {
    margin-left: 0;
    padding: 0 0 20px 0;
  }
  dl.image_list_type2:after {
    content: '';
    display: block;
    clear: both;
  }

  .type_2 .intro p.passport {
    margin-top: 20px;
  }
}

/*# sourceMappingURL=flow-agreement.css.map */