@charset "UTF-8";
.row {
  display: block; }

.row1 {
  display: block; }

.serif {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold; }

.clearfix {
  clear: both; }

.relative {
  position: relative; }

#allon4 {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:80px; }
  #allon4 h2 {
    color: #E95377;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.6;}
  #allon4 p {
    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom:20px; }
    #allon4 ul {
    margin-bottom:20px;border-radius: 10px;
    padding: 18px 14px 18px 8px;
    margin: 14px 0;
    background: #f0f0f0;}
     #allon4 img {margin:10px 0;}
  #allon4 .lead1 {
    margin-bottom: 23px; }
  #allon4 .text1 {
    margin-bottom: 105px; }
  #allon4 .hero {
    color: #FFF;
    margin-bottom: 10px;
    position: relative; }
    #allon4 .hero .hero-title {
      bottom: 0;
      margin: 0 0 44px 40px;
      position: absolute; }
      #allon4 .hero .hero-title .hero-1 {
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 28px; }
      #allon4 .hero .hero-title .hero-2 {
        font-size: 24px;
        font-weight: bold; }
      #allon4 .hero .hero-title .hero-3 {
        font-size: 95px;
        font-weight: bold;
        line-height: 1.2; }
    #allon4 .hero .hero-caption {
      bottom: 0;
      color: #FFF;
      font-size: 13px;
      margin: 0 25px 25px 0;
      position: absolute;
      right: 0;
      text-align: right; }
  #allon4 .lead-title {
    display: block;
    margin-bottom: 35px;
    max-width: 873px; }
  #allon4 .lead-text {
    color: #E95377;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.7;
    margin-top:10px;
    margin-bottom: 50px; }
    #allon4 li{font-size: 18px;line-height: 1.75;text-align: justify;text-indent: -1em;padding-left: 1em;}
    #allon4 h3{color: #E95377;font-size: 24px;font-weight: bold;line-height: 1.45;}
  #allon4 .i2 {
    color: #E95377;
    margin-bottom: 35px;
    position: relative; }
    #allon4 .i2 .i2-pop {
      background-color: #FFF;
      border: 3px solid #E95377;
      font-size: 20px;
      padding: 30px;
      position: absolute;
      right: 10px;
      width: 340px; }
    #allon4 .i2 .i2-title {
      bottom: 0px;
      font-size: 93px;
      line-height: 1.2;
      margin-bottom: 15px;
      margin-left: 10px;
      position: absolute;
          background: #ffffffbf;padding: 3px;}
    #allon4 .i2 .i2-img {
      margin-top: 35px; }
  #allon4 .i3 {
    color: #E95377;
    margin-bottom: 35px;
    position: relative; }
    #allon4 .i3 .i3-title {
      bottom: 25px;
      font-size: 93px;
      line-height: 1.1;
      position: absolute;
      right: 25px;
      background: #ffffffbf;padding: 3px; }
  #allon4 .i4 {
    color: #E95377;
    margin-bottom: 35px;
    position: relative; }
    #allon4 .i4 .i4-title {
      bottom: 25px;
      font-size: 77px;
      line-height: 1.2;
      margin-left: 30px;
      position: absolute;
      background: #ffffffbf;padding: 3px; }
  #allon4 .i4-text {
    margin-bottom: 75px; }
  #allon4 .c4 {
    margin-bottom: 40px; }
  #allon4 .c1 {
    background-color: #E95377;
    color: #FFF;
    padding: 33px 33px 0 33px; }
    #allon4 .c1 .c1-l {
      float: left;
      margin-right: 33px;
      margin-bottom: 20px; }
    #allon4 .c1 .c1-title {
      background-color: #FFF;
      color: #E95377;
      font-size: 33px;
      font-weight: bold;
      line-height: 2;
      margin-top: -33px;
      margin-bottom: 20px;
      padding: 0 15px 0 15px;
      text-align: center; }
    #allon4 .c1 .c1-lead {
      font-size: 21px;
      font-weight: bold; }
    #allon4 .c1 .c1-tel {
      font-size: 50px;
      font-weight: bold; }
    #allon4 .c1 .c1-r {
      float: left;
      margin-bottom: 20px; }
    #allon4 .c1 .i5-img {
      position: relative;
      top: -20p; }
    #allon4 .c1 table {
      border-collapse: collapse;
      margin-bottom: 15px; }
    #allon4 .c1 th, #allon4 .c1 td {
      font-size: 15px;
      font-weight: lighter;
      height: 44px;
      text-align: center;
      width: 140px; }
    #allon4 .c1 table, #allon4 .c1 th, #allon4 .c1 td {
      border: 1px solid #FFF; }
  #allon4 .c2 {
    position: absolute;
    right: 20px;
    margin-top: -299px;
    pointer-events: none;
    text-align: right; }
  #allon4 .c3 {
    clear: both;
    color: #E95377;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 100px;
    margin-top: 30px; }

@media screen and (min-width: 641px) and (max-width: 800px) {
  #allon4 h2 {
    font-size: 27px; }
  #allon4 p {
    font-size: 18px; }
  #allon4 .hero {
    margin-bottom: 50px; }
    #allon4 .hero .hero-title .hero-1 {
      font-size: 20px; }
    #allon4 .hero .hero-title .hero-2 {
      font-size: 15px; }
    #allon4 .hero .hero-title .hero-3 {
      font-size: 50px; }
  #allon4 .lead-text {
    font-size: 18px; }
  #allon4 .i2 .i2-pop {
    font-size: 15px; }
  #allon4 .i2 .i2-title {
    font-size: 50px; }
  #allon4 .i3 .i3-title {
    font-size: 50px; }
  #allon4 .i4 .i4-title {
    font-size: 50px; }
  #allon4 .c1 .c1-title {
    font-size: 30px; }
  #allon4 .c3 {
    font-size: 18px; } }
@media screen and (max-width: 640px) {
  #allon4 h2 {
    font-size: 16px; }
      #allon4 h3 {
    font-size: 16px; }
  #allon4 p {
    font-size: 15px; }
      #allon4 li {
    font-size: 15px; }
  #allon4 .hero {
    margin-bottom: 4px; }
    #allon4 .hero .hero-title {
      margin-left: 15px;
      margin-bottom: 40px; }
      #allon4 .hero .hero-title .hero-1 {
        font-size: 12px;
        margin-bottom: 5px; }
      #allon4 .hero .hero-title .hero-2 {
        font-size: 12px;
        font-weight: normal; }
      #allon4 .hero .hero-title .hero-3 {
        font-size: 25px; }
    #allon4 .hero .hero-caption {
      font-size: 10px;
      line-height: 1.3;
      margin-bottom: 10px;
      margin-right: 10px; }
  #allon4 .lead-title {
    margin-bottom: 20px; }
  #allon4 .lead-text {
    font-size: 18px; }
  #allon4 .i2 .i2-pop {
    font-size: 15px;
    position: relative;
    padding: 15px;
    right: 0;
    width: auto; }
  #allon4 .i2 .i2-title {
    font-size: 32px; }
  #allon4 .i2 .i2-img {
    margin-top: 15px; }
  #allon4 .i3 .i3-title {
    bottom: 10px;
    right: 10px;
    font-size: 32px; }
  #allon4 .i4 .i4-title {
    bottom: 10px;
    font-size: 30px;
    margin-left: 15px; }
  #allon4 .c1 {
    padding: 15px; }
    #allon4 .c1 .c1-l {
      float: none;
      margin-right: 0; }
    #allon4 .c1 .c1-title {
      font-size: 20px;
      margin-top: -15px; }
    #allon4 .c1 .c1-lead {
      font-size: 17px; }
    #allon4 .c1 .c1-tel {
      font-size: 30px; }
    #allon4 .c1 .c1-r {
      float: none; }
    #allon4 .c1 th, #allon4 .c1 td {
      font-size: 12px; }
  #allon4 .c2 {
    position: relative;
    margin-top: 30px;
    margin-right: 0;
    right: 0;
    text-align: center; }
  #allon4 .c3 {
    font-size: 18px; } }
@media screen and (min-width: 850px) and (max-width: 979px) {
  .c2 {
    display: none; } }
@media screen and (max-width: 849px) {
  .c1-r {
    float: none;
    clear: both; } }
@media screen and (max-width: 629px) {
  .row {
    display: inline; } }
@media screen and (max-width: 400px) {
  .row1 {
    display: inline; } }