img {
  max-width: 100%; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style-type: none; }

.text-right {
  text-align: right; }

.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  padding: 20px; }

h1 {
  background-color: #D94662;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  padding: 40px;
  text-align: center;
  border-radius: 10px; }
  h1 span {
    font-size: 1.4em;
    -webkit-text-stroke: 6px black;
    text-stroke: 6px black;
    text-shadow: 3px 3px 0 #000;
    paint-order: stroke; }

.d-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }
  .d-box .d-box-title {
    background-color: #ED8699;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 16px;
    border-radius: 30px 30px 0 0; }
  .d-box .d-box-body {
    border: #ED8699 solid 6px;
    border-radius: 0 0 30px 30px;
    flex: 1;
    padding: 40px 27px;
    position: relative; }
    .d-box .d-box-body p {
      margin-top: 0; }
    .d-box .d-box-body ul.note {
      font-size: 10px;
      margin-top: 16px; }
    .d-box .d-box-body ul.btn-list li {
      margin-top: 10px; }
    .d-box .d-box-body ul.btn-list a {
      display: block;
      border: #D94662 solid 3px;
      border-radius: 5px;
      padding: 16px 12px;
      color: #D94662;
      text-decoration: none;
      font-weight: bold;
      position: relative; }
      .d-box .d-box-body ul.btn-list a:hover {
        opacity: 0.7; }
      .d-box .d-box-body ul.btn-list a:after {
        content: "";
        position: absolute;
        right: 12px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-width: 3px 3px 0 0;
        border-style: solid;
        border-color: #000;
        -webkit-transform: rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
        border-color: #D94662; }

.note-box {
  background-color: #F6F6F6;
  border: #707070 solid 1px;
  padding: 30px 50px;
  font-size: 14px;
  margin-top: 40px; }
  .note-box .text-right {
    font-size: 10px; }

@media screen and (min-width: 768px) {
  .d-flex {
    display: flex; }

  .d-flex > * {
    width: 50%; }

  .d-flex > * + * {
    margin-left: 25px; }

  ul.btn-list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    ul.btn-list li {
      width: calc((100% - 20px) / 2); }

  .float {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 80px);
    padding: 0 40px 32px; } }
@media screen and (min-width: 1200px) {
  ul.btn-list li {
    width: calc((100% - 30px) / 4); } }
@media screen and (max-width: 1079px) {
  h1 span {
    display: block; } }
@media screen and (max-width: 767px) {
  h1 {
    font-size: 21px;
    padding: 20px 36px; }

  .float {
    position: relative;
    margin-top: -24px !important;
    margin-bottom: 0; }

  .d-box .d-box-body {
    padding: 20px 10px;
    border-radius: 0 0 10px 10px; }
  .d-box .d-box-title {
    font-size: 18px;
    padding: 10px 16px;
    border-radius: 10px 10px 0 0; }

  .note-box {
    padding: 20px; } }
/*.d-boby{max-width: 375px; margin:auto; background-color:#fcd9d3;padding: 20px 0 40px;}
.d-box{ background-color:#fff;border:#fe492c solid 3px; margin:0 10px 20px; padding: 20px;}
.d-box-title { background-color:#fe492c; padding: 2px 10px; margin: 0 20px; text-align: center;color:#fff;}*/