@charset "UTF-8";
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.fl {
  float: left; }

.fr {
  float: right; }

.reo1{
  margin-top: 30px;
  margin-left: 0px !important;
}
.oya{
  position: relative;

}
.btn1a {
    position: absolute;
    top: -225px;
    right: 38px;
}
.mt-30{
  margin-top: 30px !important;
}
.pt-30{
  padding-top: 30px !important;
}

.mt--20{
  margin-top: -20px;
}

.tel {
    margin-bottom: 30px;
    margin-top: -10px;
}


.pb40{padding-bottom: 40px;}
body {
  -webkit-text-size-adjust: 100%; }

img {
  vertical-align: bottom; }

#wrapper {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  position: relative; }
  #wrapper .order {
    text-align: center; }
    #wrapper .order .set {
      margin-left: 10px;
      position: relative; }
      #wrapper .order .set .btnWrapper {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        margin: auto; }
        #wrapper .order .set .btnWrapper .btn {
          position: relative; }
          #wrapper .order .set .btnWrapper .btn::before {
            content: "";
            width: 11.25%;
            height: 0;
            background-image: url(../img/arrow.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 35px;
            margin: auto;
            padding-top: 15%; }
          #wrapper .order .set .btnWrapper .btn img {
            -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            border-radius: 3px; }
    #wrapper .order .single {
      margin-top: 30px;
      position: relative; }
      #wrapper .order .single .btn {
        position: absolute;
        bottom: 25px;
        right: 55px; }
        #wrapper .order .single .btn img {
          -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
          -webkit-border-radius: 3px;
          border-radius: 3px; }
  #wrapper .order1 {
    background-color: #000;
    padding: 25px 0 55px; }
  #wrapper .order2 {
    background-color: #000;
    padding-bottom: 60px; }
    #wrapper .order2 h2 {
      margin-bottom: -120px; }
  #wrapper .order3 {
    padding: 60px 0 70px; }
  #wrapper .order4 {
    background-color: #000; }
    #wrapper .order4 .set {
      margin: 0; }
      #wrapper .order4 .set .btnWrapper {
        bottom: 4%; }
    #wrapper .order4 .order4a ul .presentWrapper {
      margin: 5px 0 8px; }
      #wrapper .order4 .order4a ul .presentWrapper .present {
        position: relative; }
        #wrapper .order4 .order4a ul .presentWrapper .present .btn {
          position: absolute;
          bottom: 20px;
          right: 64px; }
    #wrapper .order4 .order4a ul .freedo {
      display: none;
      background-color: #fff;
      position: relative; }
      #wrapper .order4 .order4a ul .freedo h2 {
        margin-top: -120px; }
      #wrapper .order4 .order4a ul .freedo > div {
        background-image: url(../img/bg11.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 75px; }
        #wrapper .order4 .order4a ul .freedo > div div {
          width: 570px;
          margin: 25px auto 0; }
          #wrapper .order4 .order4a ul .freedo > div div .fr {
            width: 330px;
            text-align: left;
            margin-top: 10px;
            margin-left: 22px;
            font-size: 20px;
            line-height: 1.67; }
            #wrapper .order4 .order4a ul .freedo > div div .fr .note {
              margin-left: 1em;
              text-indent: -1em; }
        #wrapper .order4 .order4a ul .freedo > div .freedo3 {
          margin-top: 5px; }
          #wrapper .order4 .order4a ul .freedo > div .freedo3 .fr {
            margin-top: 45px; }
      #wrapper .order4 .order4a ul .freedo span {
        display: block;
        width: 310px;
        height: 72px;
        background-image: url(../img/btn4.png);
        text-indent: -9999px;
        position: absolute;
        bottom: 0;
        right: 15px; }
    #wrapper .order4 .single {
      margin-top: 40px; }
  #wrapper .sec2 {
    background-color: #000;
    padding-bottom: 20px; }
    #wrapper .sec2 p {
      margin-top: 10px;
      margin-bottom: 30px;
      text-align: right;
      padding-right: 40px; }
    #wrapper .sec2 .voiceWrapper {
      width: 527px;
      margin: 0 auto;
      padding-bottom: 95px; }
      #wrapper .sec2 .voiceWrapper .slick-arrow {
        width: 47px;
        height: 130px;
        text-indent: -9999px;
        transition: 0.3s; }
      #wrapper .sec2 .voiceWrapper .slick-prev {
        background-image: url(../img/prev.png);
        left: -45px; }
        #wrapper .sec2 .voiceWrapper .slick-prev:hover {
          left: -55px; }
      #wrapper .sec2 .voiceWrapper .slick-next {
        background-image: url(../img/next.png);
        right: -45px; }
        #wrapper .sec2 .voiceWrapper .slick-next:hover {
          right: -55px; }
      #wrapper .sec2 .voiceWrapper .slick-dots {
        bottom: 50px; }
        #wrapper .sec2 .voiceWrapper .slick-dots li {
          display: inline-block;
          width: 15px;
          height: 15px;
          margin: 0 9px; }
          #wrapper .sec2 .voiceWrapper .slick-dots li button {
            width: 15px;
            height: 15px; }
            #wrapper .sec2 .voiceWrapper .slick-dots li button::before {
              content: "";
              width: 15px;
              height: 15px;
              color: transparent;
              background-color: #808080;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              opacity: 1; }
        #wrapper .sec2 .voiceWrapper .slick-dots .slick-active button::before {
          background-color: #fff; }
      #wrapper .sec2 .voiceWrapper .page {
        background-color: #fff;
        margin: 0 20px;
        padding: 12px; }
        #wrapper .sec2 .voiceWrapper .page .voice {
          background: #ffffff;
          background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 34%, #fff7e4 100%);
          background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 34%, #fff7e4 100%);
          background: linear-gradient(to bottom, #ffffff 0%, #ffffff 34%, #fff7e4 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff7e4',GradientType=0 );
          border: 1px solid #8090bb;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          margin-top: 10px;
          padding: 18px; }
          #wrapper .sec2 .voiceWrapper .page .voice:first-child {
            margin-top: 0; }
          #wrapper .sec2 .voiceWrapper .page .voice dl dt {
            border-bottom: 1px solid #8090bb; }
          #wrapper .sec2 .voiceWrapper .page .voice dl dd {
            padding-top: 5px;
            line-height: 1.6;
            font-size: 18px; }
      #wrapper .sec2 .voiceWrapper + p {
        margin: 0; }
  #wrapper .sec3 {
    background-color: #000;
    margin-bottom: -25px; }
  #wrapper .sec4 div {
    background-color: #000;
    padding-bottom: 50px; }
    #wrapper .sec4 div img:first-child {
      margin-bottom: 20px; }
  #wrapper .sec4 > img {
    margin-top: -20px; }
  #wrapper .sec5 {
    position: relative;
    z-index: 12; }
  #wrapper .sec6 {
    height: 1454px;
    background-image: url(../img/bg1.png);
    background-repeat: no-repeat;
    margin-top: -36px;
    position: relative;
    z-index: 10; }
    #wrapper .sec6 div {
      width: 560px;
      height: 512px;
      background-image: url(../img/bg9.jpg);
      margin: 0 auto;
      -webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
      position: relative; }
      #wrapper .sec6 div img {
        position: absolute;
        top: 32px;
        left: 27px; }
      #wrapper .sec6 div p {
        width: 512px;
        position: absolute;
        top: 312px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 19px;
        line-height: 34px; }
        #wrapper .sec6 div p span {
          color: #d80012; }
  #wrapper .sec7 {
    position: relative;
    z-index: 5; }
    #wrapper .sec7 .sec7a {
      margin-top: -64px;
      position: relative;
      z-index: 10; }
    #wrapper .sec7 .sec7b {
      margin-top: -64px;
      position: relative;
      z-index: 5; }
  #wrapper .sec8 {
    margin-top: -68px;
    position: relative;
    z-index: 2; }
    #wrapper .sec8 dl {
      padding: 0 40px; }
      #wrapper .sec8 dl dd {
        line-height: 1.6;
        font-size: 20px; }
        #wrapper .sec8 dl dd p {
          text-align: left;
          max-height: 100%; }
    #wrapper .sec8 div {
      background-repeat: no-repeat;
      margin-top: 30px; }
    #wrapper .sec8 .sec8a {
      background-image: url(../img/bg2.jpg);
      background-position: right 45px; }
      #wrapper .sec8 .sec8a dl dd {
        width: 345px;
        margin-top: -45px; }
    #wrapper .sec8 .sec8b {
      background-image: url(../img/bg3.jpg);
      padding-top: 20px;
      padding-bottom: 35px;
      text-align: right; }
      #wrapper .sec8 .sec8b dl dd {
        width: 315px;
        margin-top: -20px;
        margin-left: auto; }
    #wrapper .sec8 .sec8c {
      background-image: url(../img/bg4.jpg);
      background-position: 0 210px;
      padding-bottom: 230px; }
      #wrapper .sec8 .sec8c dl dd {
        margin-top: -27px; }
    #wrapper .sec8 .sec8d {
      background-image: url(../img/bg5.png);
      margin-top: 0;
      padding-top: 77px; }
      #wrapper .sec8 .sec8d dl dt {
        text-align: right; }
      #wrapper .sec8 .sec8d dl dd img {
        margin-left: 10px; }
    #wrapper .sec8 .sec8e {
      background-image: url(../img/bg6.png);
      background-position: right 80px;
      padding-top: 35px;
      padding-bottom: 22px; }
      #wrapper .sec8 .sec8e dl dd {
        width: 255px; }
  #wrapper .sec9 {
    margin-top: -105px; }
    #wrapper .sec9 img:first-child {
      margin-bottom: -85px;
      position: relative; }
  #wrapper .sec10 {
    text-align: center; }
    #wrapper .sec10 div {
      background-image: url(../img/bg7.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      margin-top: 30px;
      padding-bottom: 25px;
      position: relative;
      z-index: 10; }
  #wrapper .sec11 {
    background: #d5deed;
    background: -moz-linear-gradient(top, #d5deed 0%, #e9eef7 100%);
    background: -webkit-linear-gradient(top, #d5deed 0%, #e9eef7 100%);
    background: linear-gradient(to bottom, #d5deed 0%, #e9eef7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5deed', endColorstr='#e9eef7',GradientType=0 );
    margin-top: -88px;
    padding-top: 45px;
    padding-bottom: 65px;
    position: relative; }
    #wrapper .sec11 > div {
      position: relative; }
      #wrapper .sec11 > div div {
        width: 586px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f0f1f3 50%, #f6f6f8 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%, #f0f1f3 50%, #f6f6f8 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f0f1f3 50%, #f6f6f8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f8',GradientType=0 );
        -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
        margin: 55px auto 0;
        padding: 10px;
        position: relative;
        z-index: 10; }
        #wrapper .sec11 > div div dl {
          border: 1px solid #d5deed; }
          #wrapper .sec11 > div div dl dt {
            margin-top: 12px;
            margin-left: 3px; }
          #wrapper .sec11 > div div dl dd {
            padding: 28px 10px;
            font-size: 20px;
            line-height: 1.67; }
            #wrapper .sec11 > div div dl dd p {
              margin-top: 28px;
              max-height: 100%; }
              #wrapper .sec11 > div div dl dd p span {
                color: #da0012; }
              #wrapper .sec11 > div div dl dd p u {
                text-decoration: underline; }
            #wrapper .sec11 > div div dl dd img + p {
              margin-top: 0; }
            #wrapper .sec11 > div div dl dd .fr {
              margin-left: 10px;
              margin-bottom: 10px; }
            #wrapper .sec11 > div div dl dd .fl {
              margin-right: 10px;
              margin-bottom: 10px; }
      #wrapper .sec11 > div::before {
        content: "";
        width: 640px;
        height: 105px;
        background-image: url(../img/bg8.png);
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1; }
      #wrapper .sec11 > div::after {
        content: "";
        width: 640px;
        height: 102px;
        background-image: url(../img/bg10.png);
        position: absolute;
        bottom: -30px;
        left: 0;
        z-index: 1; }
    #wrapper .sec11 .sec11a {
      margin-top: 30px; }
    #wrapper .sec11 .sec11c dd img {
      margin-top: -55px;
      position: relative; }
    #wrapper .sec11 > img {
      position: absolute;
      bottom: -90px;
      left: 0;
      right: 0;
      margin: auto; }
  #wrapper .sec12 {
    margin-top: 110px; }
    #wrapper .sec12 dl {
      margin-top: 8px; }
      #wrapper .sec12 dl dt {
        background: #fffefa;
        background: -moz-linear-gradient(top, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        background: -webkit-linear-gradient(top, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        background: linear-gradient(to bottom, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefa', endColorstr='#fffefa',GradientType=0 );
        position: relative; }
        #wrapper .sec12 dl dt::after {
          width: 44px;
          height: 44px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 30px;
          margin: auto; }
      #wrapper .sec12 dl dd {
        display: none;
        background: #fffefa;
        background: -moz-linear-gradient(top, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        background: -webkit-linear-gradient(top, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        background: linear-gradient(to bottom, #fffefa 0%, #ffffff 56%, #fffefa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefa', endColorstr='#fffefa',GradientType=0 );
        padding: 20px 25px;
        margin-top: -1px;
        font-size: 19px;
        line-height: 1.67; }
    #wrapper .sec12 .sec12a dl {
      margin-top: 0; }
    #wrapper .sec12 .men dt, #wrapper .sec12 .men dd {
      border: 1px solid #a1b9d9; }
    #wrapper .sec12 .men dt::after {
      content: url(../img/plus_a.png); }
    #wrapper .sec12 .men .active::after {
      content: url(../img/minus_a.png); }
    #wrapper .sec12 .women dt, #wrapper .sec12 .women dd {
      border: 1px solid #cb7db0; }
    #wrapper .sec12 .women dt::after {
      content: url(../img/plus_b.png); }
    #wrapper .sec12 .women .active::after {
      content: url(../img/minus_b.png); }
    #wrapper .sec12 p {
      margin-top: 22px;
      margin-left: 45px; }
  #wrapper .sec13 {
    background-color: #f5f5f5;
    padding-bottom: 65px;
    border-bottom: 2px solid #000; }
    #wrapper .sec13 h2 {
      margin-bottom: 5px; }
    #wrapper .sec13 .sec13a {
      width: 592px;
      background-color: #fff;
      margin: -32px auto 0;
      padding: 6px;
      position: relative;
      -webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4);
      box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4); }
      #wrapper .sec13 .sec13a div {
        border: 1px solid #888;
        padding-bottom: 20px; }
        #wrapper .sec13 .sec13a div dl {
          margin-top: 30px; }
          #wrapper .sec13 .sec13a div dl dt {
            text-align: center; }
          #wrapper .sec13 .sec13a div dl dd {
            padding: 0 20px;
            margin-top: 20px;
            line-height: 1.45;
            font-size: 20px; }
            #wrapper .sec13 .sec13a div dl dd span {
              color: #d80012; }
            #wrapper .sec13 .sec13a div dl dd .fl {
              margin-top: 20px;
              margin-left: -40px;
              padding-right: 20px;
              padding-bottom: 40px; }
            #wrapper .sec13 .sec13a div dl dd .floatbox {
              border: none;
              padding: 0; }
              #wrapper .sec13 .sec13a div dl dd .floatbox::before {
                content: "";
                display: block;
                width: 1px;
                height: 240px;
                float: right; }
              #wrapper .sec13 .sec13a div dl dd .floatbox .fr {
                padding-left: 10px;
                margin-right: -35px;
                clear: both; }
  #wrapper .sec14 {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 40px 0 35px;
    margin: 3px 0;
    text-align: center; }
    #wrapper .sec14 h2 {
      margin-bottom: 30px; }
    #wrapper .sec14 p {
      width: 86%;
      background-image: url(../img/bd1.gif);
      margin: 25px auto 0;
      text-align: left;
      line-height: 30px;
      font-size: 20px; }
  #wrapper .sec15 {
    background-color: #f5f5f5;
    border-top: 2px solid #000;
    padding: 65px 0 55px; }
    #wrapper .sec15 .sec15a {
      width: 592px;
      background-color: #fff;
      margin: 0 auto;
      -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2); }
      #wrapper .sec15 .sec15a h2 img {
        margin-top: -10px; }
      #wrapper .sec15 .sec15a div {
        padding: 10px 20px 25px; }
        #wrapper .sec15 .sec15a div img {
          margin-left: 10px;
          padding-bottom: 30px; }
        #wrapper .sec15 .sec15a div p {
          font-size: 20px;
          line-height: 1.67; }
  #wrapper .sec16 {
    margin-bottom: 30px; }
    #wrapper .sec16 h2 {
      position: relative; }
      #wrapper .sec16 h2::after {
        content: url(../img/plus_c.png);
        width: 44px;
        height: 44px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 30px;
        margin: auto; }
    #wrapper .sec16 .active::after {
      content: url(../img/minus_c.png); }
    #wrapper .sec16 div {
      display: none; }
      #wrapper .sec16 div dl {
        border-bottom: 1px solid #8090bb;
        padding: 15px 20px 20px 0;
        font-size: 20px; }
        #wrapper .sec16 div dl dt {
          color: #8090bb;
          padding-left: 62px;
          font-weight: bold;
          line-height: 43px;
          position: relative; }
          #wrapper .sec16 div dl dt::before {
            content: url(../img/55.png);
            position: absolute;
            left: 0; }
        #wrapper .sec16 div dl dd {
          padding-left: 62px;
          margin-top: 18px;
          line-height: 1.67; }
          #wrapper .sec16 div dl dd::before {
            content: url(../img/56.png);
            position: absolute;
            left: 0; }
          #wrapper .sec16 div dl dd ul li {
            margin-left: 1em;
            text-indent: -1em; }
          #wrapper .sec16 div dl dd p {
            margin-top: 30px; }
            #wrapper .sec16 div dl dd p:first-child {
              margin-top: 0; }
  #wrapper .sec17 {
    margin: 30px 0; }
  #wrapper #footer {
    color: #fff;
    background-color: #000;
    padding: 40px 0 20px;
    text-align: center;
    line-height: 1.67; }
    #wrapper #footer ul {
      display: inline-block; }
      #wrapper #footer ul li {
        padding: 0 10px;
        border-right: 1px solid #fff;
        font-size: 19px; }
        #wrapper #footer ul li:first-child {
          border-left: 1px solid #fff; }
        #wrapper #footer ul li a {
          color: #fff; }
    #wrapper #footer p {
      margin: 10px 0;
      font-size: 16px; }
    #wrapper #footer span {
      display: block;
      font-size: 13px; }

@media (-webkit-min-device-pixel-ratio: 2) {
  #wrapper .sec6 div p {
    line-height: 34px; } }

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