header {
  background-color: #f6f4f4;
  padding: 0; }
  @media screen and (max-width: 768px) {
    header {
      position: static;
      height: auto; } }
  header h1 {
    background-color: #e97887;
    color: #fff;
    font-size: 18px;
    padding: 35px 15px 25px 15px;
    width: 20%;
    text-align: center; }
    @media screen and (max-width: 768px) {
      header h1 {
        padding: 15px 15px 15px 15px; } }
    header h1 span {
      position: absolute;
      display: inline-block;
      background-color: #fff574;
      color: #cf5767;
      padding: 3px 10px;
      font-size: 13px;
      font-weight: normal;
      top: 0;
      left: 0; }
  header .treatment {
    width: 80%;
    padding: 10px; }
    header .treatment .label {
      background-color: #cf5767;
      color: #fff;
      padding: 6px 5px;
      float: left;
      font-size: 12px; }
    header .treatment .link {
      padding-left: 70px; }
      header .treatment .link a {
        display: inline-block;
        border: 1px #cf5767 solid;
        background-color: #fff;
        padding: 5px 20px;
        font-size: 12px;
        line-height: 1.3;
        color: #595757;
        border-radius: 20px;
        margin-bottom: 6px;
        margin-right: 6px; }
        header .treatment .link a span {
          color: #cf5767; }

@media screen and (max-width: 768px) {
  header {
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    header h1,
    header .treatment {
      width: 100%; } }
main {
  background-color: #fff7f8;
  padding: 26px; }
  @media screen and (max-width: 414px) {
    main {
      padding: 26px 5px; } }
  main .white {
    background-color: #fff;
    padding: 35px 20px 20px 20px;
    position: relative;
    margin-bottom: 30px; }
    @media screen and (max-width: 414px) {
      main .white {
        padding: 35px 5px 20px 5px; } }
    main .white h2 span {
      display: block;
      background-color: #e97887;
      color: #fff;
      padding: 10px 20px;
      position: absolute;
      font-weight: normal;
      left: 0;
      top: 0; }
    main .white .photos {
      margin-top: 20px; }
      main .white .photos figure {
        width: 100%; }
        main .white .photos figure img {
          max-width: 100%; }
      main .white .photos figure.oneColumn {
        margin-left: auto;
        margin-right: auto; }
      main .white .photos p {
        padding-top: 5px; }
      main .white .photos > div:nth-child(2) {
        margin-left: 15px; }
      @media screen and (max-width: 414px) {
        main .white .photos {
          flex-direction: column; }
          main .white .photos > div {
            width: 100%; }
          main .white .photos > div:nth-child(2) {
            margin-left: 0px; } }
  main .arrow_box {
    position: relative;
    background: #fff; }
  main .arrow_box:after, main .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin: auto; }
  main .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px; }
  main .arrow_box:before {
    border-color: rgba(199, 210, 230, 0);
    border-top-color: #fff;
    border-width: 21px;
    margin-left: -21px; }
  main .arrow_box:last-child:before, main .arrow_box:last-child:after {
    display: none; }
  main .arrow_kill_box {
    position: relative; }
    main .arrow_kill_box h2 span {
      top: -33px; }
    main .arrow_kill_box:before {
      content: "";
      display: block;
      width: 100px;
      height: 30px;
      background-color: #fff7f8;
      position: absolute;
      top: -85px;
      left: 39%; }
    main .arrow_kill_box .photos > div:nth-child(1) {
      position: relative; }
      @media screen and (max-width: 414px) {
        main .arrow_kill_box .photos > div:nth-child(1) {
          margin-bottom: 10px; } }
      main .arrow_kill_box .photos > div:nth-child(1):before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #e97887;
        position: absolute;
        right: -11px;
        top: 45%; }
        @media screen and (max-width: 414px) {
          main .arrow_kill_box .photos > div:nth-child(1):before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 5px 0 5px;
            border-color: #e97887 transparent transparent transparent;
            right: 45%;
            top: auto;
            bottom: 7px; } }
  main .taiken {
    background-color: #fff;
    padding: 20px;
    position: relative; }
    main .taiken .taikenTtl {
      color: #e97887;
      border-bottom: 1px #e97887 solid;
      padding: 0 0 10px 0;
      margin-bottom: 10px;
      font-size: 20px; }
    main .taiken:before {
      content: "";
      display: block;
      width: 100px;
      height: 30px;
      background-color: #fff7f8;
      position: absolute;
      top: -30px;
      left: 39%; }