body {
  min-width: 940px; }

.pamphlet-nav {
  background: #9ad1b8; }
  .pamphlet-nav .layout {
    width: 720px;
    margin: 0 auto;
    box-sizing: border-box; }
  .pamphlet-nav ul {
    display: flex; }
    .pamphlet-nav ul li {
      width: 50%;
      list-style: none;
      text-align: center;
      padding: 30px 0 40px; }
      .pamphlet-nav ul li.matching {
        background: #39b54a; }
      .pamphlet-nav ul li.dc {
        background: #fbb03b; }
    .pamphlet-nav ul h2 {
      margin-bottom: 10px; }

.pamphlet-body .layout {
  width: 720px;
  margin: 0 auto;
  box-sizing: border-box; }

.pamphlet-body .service-section__title {
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: -20px;
  box-sizing: border-box;
  position: relative; }

.pamphlet-body .service-section__body {
  background: #fff;
  padding: 70px 65px 30px; }

.pamphlet-body .service-section__manga {
  text-align: center; }
  .pamphlet-body .service-section__manga li {
    list-style: none; }
    .pamphlet-body .service-section__manga li ~ li {
      margin-top: 15px; }

.pamphlet-body .service-section__button {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .pamphlet-body .service-section__button li {
    list-style: none; }

.pamphlet-body .service-section--matching {
  background: #00b080; }
  .pamphlet-body .service-section--matching .service-section__title {
    background: url(/401k/specialty_dcmanga/data/img/pamphlet/matching_head-bg.png) repeat-x center bottom; }

.pamphlet-body .service-section--dc {
  background: #faa653; }
  .pamphlet-body .service-section--dc .service-section__title {
    background: url(/401k/specialty_dcmanga/data/img/pamphlet/dc_head-bg.png) repeat-x center bottom; }

@media screen and (max-width: 767px) {
  body {
    min-width: 0; }
  .pamphlet-nav .layout {
    width: auto;
    margin: 0 10px; }
  .pamphlet-nav ul li {
    padding: 5vw 0; }
  .pamphlet-nav ul h2 img {
    max-width: 85%; }
  .pamphlet-nav ul .button img {
    max-width: 85%; }
  .pamphlet-body .layout {
    width: auto;
    margin: 0 10px; }
  .pamphlet-body .service-section__title {
    height: 72px;
    background-size: auto 72px !important;
    padding-bottom: 13px;
    margin-bottom: -13px; }
    .pamphlet-body .service-section__title img {
      height: 20px; }
  .pamphlet-body .service-section__body {
    padding: 25px 10px 20px; }
  .pamphlet-body .service-section__manga li ~ li {
    margin-top: 10px; }
  .pamphlet-body .service-section__button {
    margin-top: 15px; }
    .pamphlet-body .service-section__button li ~ li {
      margin-left: 10px; } }

/*# sourceMappingURL=pamphlet.css.map */