@charset "UTF-8";
.two-buttons {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10%;
  padding-bottom: 5%;
  padding-left: 10%;
  padding-right: 10%;
}
.policy-block img {
    width: 100%;
}
@media (min-width:768px) {
  .two-buttons {
    width: 90%;
    margin-bottom: 8%;
    height: auto;
    padding-left: 1%;
    padding-right: 1%;
  }
}
@media (max-width:768px) {
  .container2 {}
}
@media (max-width:470px) {}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
input:-moz-placeholder, input:-ms-input-placeholder, input::-moz-placeholder, input::-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder {
  color: #666 !important
}
.select, select {
  /* [disabled]background-position:140px; */
}
ul.horizontal-list::-webkit-scrollbar * {
  background: 0 0
}
ul.horizontal-list::-webkit-scrollbar-thumb {
  background: 0 0 !important
}
ul.horizontal-list::-webkit-scrollbar {
  height: 1px
}
ul.horizontal-list::-webkit-scrollbar-track {
  display: none
}
input:focus::-webkit-contacts-auto-fill-button {
  opacity: 0
}
::-ms-reveal {
  display: none
}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
  background: 0 0
}
.ie10 .modal .modal-dialog .modal-content .modal-body-login .login-content {
  /* [disabled]margin-top: 20px; */
}
.ie10 .input-filled .input-label-content-haruki {
  top: 0
}
.ie10 .input-label-content-haruki {
  transition: all 0s
}
.ie10 .input-label-haruki::after, .ie10 .input-label-haruki::before {
  transition: transform 0s
}
.ie10 .wrap.index {
  overflow-x: hidden
}
.ie10 .wrap.index .section1 .adAnnounce {
  width: 970px
}
.ie10 .header .right-option .notification-wrap .dropdown-menu .noti-list .right-section {
  width: 300px
}
.ie10 .l-wrapper {
  display: none
}
.ie10 .ie-loading {
  display: block
}
_:-ms-fullscreen, :root .wrap .title-devider {
  width: 100%
}
_:-ms-fullscreen, :root .wrap .title-devider:before, _:-ms-fullscreen, :root .wrap .title-devider:after {
  display: none
}
_:-ms-fullscreen, :root .header .right-option .notification-wrap .dropdown-menu .noti-list .right-section {
  width: 300px
}
_:-ms-fullscreen, :root .l-wrapper {
  display: none
}
@supports (-ms-ime-align:auto) {
  .form-group .input-checkbox + .error {
    bottom: 10px
  }
  .form-group .select2 + .input-checkbox + .error {
    bottom: 7px
  }
  .input.input-checkbox input:checked + label:before {
    background-size: 26px 26px
  }
  .l-wrapper {
    display: none
  }
  .ie-loading {
    display: block
  }
} /*!
   * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
   *
   * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
   */ ::-webkit-file-upload-button {
  width: 150px;
  height: 120px
}
.input-field-haruki:-webkit-autofill {
  background: 0 0
}
.input-field-haruki:-webkit-autofill + .input-label-haruki .input-label-content-haruki {
  -webkit-transform: translate3d(0, -90%, 0);
  transform: translate3d(0, -90%, 0)
}
@-webkit-keyframes opacity {
  3% {
    fill-opacity: 1
  }
  75% {
    fill-opacity: .5
  }
}
@keyframes opacity {
  3% {
    fill-opacity: 1
  }
  75% {
    fill-opacity: .5
  }
}
@-webkit-keyframes opacity-stroke {
  10% {
    stroke-opacity: 1
  }
  85% {
    stroke-opacity: 0
  }
}
@keyframes opacity-stroke {
  10% {
    stroke-opacity: 1
  }
  85% {
    stroke-opacity: 0
  }
}
@-webkit-keyframes colors {
  0% {
    fill: #e0317c
  }
  25% {
    fill: #a4408b
  }
  50% {
    fill: #6a529b
  }
  75% {
    fill: #2f64ac
  }
}
@keyframes colors {
  0% {
    fill: #e0317c
  }
  25% {
    fill: #a4408b
  }
  50% {
    fill: #6a529b
  }
  75% {
    fill: #2f64ac
  }
}
@-webkit-keyframes colors-stroke {
  0% {
    stroke: #a3418c
  }
  10% {
    stroke: gold
  }
  75% {
    stroke: #dc143c
  }
}
@keyframes colors-stroke {
  0% {
    stroke: #a3418c
  }
  10% {
    stroke: gold
  }
  75% {
    stroke: #dc143c
  }
}
@-webkit-keyframes colors-2 {
  0% {
    fill: #ff0
  }
  50% {
    fill: red
  }
  65% {
    fill: #ff4500
  }
  95% {
    fill: gold
  }
}
@keyframes colors-2 {
  0% {
    fill: #ff0
  }
  50% {
    fill: red
  }
  65% {
    fill: #ff4500
  }
  95% {
    fill: gold
  }
}
@-webkit-keyframes colors-3 {
  0% {
    fill: #a3418c
  }
  50% {
    fill: #40e0d0
  }
  65% {
    fill: #ff0
  }
  95% {
    fill: orange
  }
}
@keyframes colors-3 {
  0% {
    fill: #9acd32
  }
  50% {
    fill: #40e0d0
  }
  65% {
    fill: #ff0
  }
  95% {
    fill: orange
  }
}
@-webkit-keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}
@keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}
@-webkit-keyframes transform-2 {
  40% {
    -webkit-transform: scale(.85) translate(10px, 10px);
    transform: scale(.85) translate(10px, 10px)
  }
  60% {
    stroke-width: 20
  }
}
@keyframes transform-2 {
  40% {
    -webkit-transform: scale(.85) translate(10px, 10px);
    transform: scale(.85) translate(10px, 10px)
  }
  60% {
    stroke-width: 20
  }
}
@media (min-width:1200px) {
  .container {
    /* [disabled]width:970px; */
  }
}
@media (max-width:768px) {}
select {
  /* [disabled]-webkit-appearance: none; */
  /* [disabled]-moz-appearance: none; */
  /* [disabled]appearance: none; */
  /* [disabled]border:none; */
  /* [disabled]border-bottom: 2px solid #d3cece; */
}
input.form-control[type=date]::placeholder, input.form-control[type=datetime-local]::placeholder, input.form-control[type=datetime]::placeholder, input.form-control[type=email]::placeholder, input.form-control[type=month]::placeholder, input.form-control[type=number]::placeholder, input.form-control[type=password]::placeholder, input.form-control[type=search]::placeholder, input.form-control[type=tel]::placeholder, input.form-control[type=text]::placeholder, input.form-control[type=time]::placeholder, input.form-control[type=url]::placeholder, input.form-control[type=week]::placeholder {
  font-size: 16px;
  color: #cccccc;
  font-weight: 400
}
@media (max-width:768px) {
  form.form .note {
    font-size: 14px
  }
  form.form .note h6, form.form .note h6 > * {
    font-weight: 500;
    color: #787878
  }
  form.form .note .toggle-content {
    display: block !important
  }
  form.form .note p {
    text-align: left
  }
  form.form .corner-note {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding-left: 15px
  }
  form.form .form-content-wrap.search-result h1 {
    font-size: 20px;
    margin-bottom: 15px
  }
  form.form .form-group.inline.has-error label.error {
    margin-left: 0;
    font-size: 14px
  }
  form.form .form-group.desc small, form.form .form-group.inline.desc small {
    margin: 0 5px
  }
  form.form .form-group label, form.form .form-group.inline label {
    font-size: 18px
  }
  form.form .form-group .number, form.form .form-group.inline .number {
    margin-right: 5px
  }
  form.form .form-group.inline .input-group.wide {
    margin-right: 50px
  }
  form.form .form-group.inline ~ span {
    display: block
  }
  form.form .form-group label {
    line-height: 1.5;
    margin-right: 5px
  }
}
@media (max-width:564px) {
  form.form .form-group.inline.has-error label.error {
    display: block;
    margin-left: 0
  }
}
@media (max-width:768px) {
  .form-content-wrap .header:first-child {
    margin-top: 0
  }
  .header {
    font-size: 20px;
    /* [disabled]margin-bottom:7px; */
  }
  .header.with-icon i[class*=icon] {
    margin-right: 10px
  }
  .result .header {
    /* [disabled]margin-bottom:15px; */
  }
  .result .header.sub {
    margin-bottom: 10px
  }
  .desc span {
    display: block
  }
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .checkbox input:checked + label:before {
    background-image: url(../img/checkbox-checked@2x-1492681251.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px
  }
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .checkbox-list .item input:checked + label:before, .radio-list .item input:checked + label:before {
    background-image: url(../img/check-mini@2x-1495772984.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 7px
  }
}
@media (max-width:768px) {
  .checkbox > label, .radio > label, form.form .form-group .checkbox > label, form.form .form-group .radio > label, form.form-inline .form-group .checkbox > label, form.form-inline .form-group .radio > label {
    font-size: 16px
  }
  .checkbox.agree > label, .radio.agree > label, form.form .form-group .checkbox.agree > label, form.form .form-group .radio.agree > label, form.form-inline .form-group .checkbox.agree > label, form.form-inline .form-group .radio.agree > label {
    font-size: 15px
  }
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .jumbotron .money-balloon {
    background-image: url(../img/money-balloon@2x-1502942559.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .jumbotron .cloud {
    background-image: url(../img/bg-cloud-repeat@2x-1495425999.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 924px 109px
  }
}
@media (max-width:768px) {
  .jumbotron {
    padding-top: 92px;
    height: 280px
  }
  .jumbotron .container {
    padding: 0 30px
  }
  .jumbotron p {
    font-size: 20px
  }
  .jumbotron h1 {
    font: 24px/1.2 normal
  }
  .jumbotron .money-balloon {
    width: 210px;
    height: 291px;
    top: -105px;
    right: -55px;
    background-image: url(../img/money-balloon-mobile-1502958154.png);
    background-repeat: no-repeat;
    background-position: center
  }
}
@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2), (max-width:768px) and (min-resolution:2dppx) {
  .jumbotron .money-balloon {
    background-image: url(../img/money-balloon-mobile@2x-1502958154.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }
}
@media (max-width:768px) {
  .jumbotron .cloud {
    height: 63px;
    bottom: -1px;
    background-image: url(../img/bg-cloud-mobile-1494922145.png);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: repeat-x !important;
    background-position: left 0
  }
}
@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2), (max-width:768px) and (min-resolution:2dppx) {
  .jumbotron .cloud {
    background-image: url(../img/bg-cloud-mobile@2x-1494922145.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 438px 63px
  }
}
@media (max-width:768px) {
  .step-wrapper {
    width: 100%;
    padding: 0;
    display: inline-block;
    padding-left: 16px
  }
  .step-wrapper .wording {
    display: table-cell;
    margin-left: 30px;
    padding-left: 10px;
    top: 0
  }
  .step-wrapper .wording .step {
    width: 100%;
    margin-bottom: 16px;
    text-align: left
  }
  .step-wrapper .wording .step .date {
    margin-top: 5px
  }
  .step-wrapper .steps {
    float: left;
    display: block;
    width: 30px
  }
  .step-wrapper .steps .step {
    display: block;
    width: 100%;
    height: 66px;
    margin-left: 0;
    margin-bottom: 16px
  }
  .step-wrapper .steps .step:not(:last-child):after {
    width: 0;
    height: calc(100% - 20px);
    border-left: 3px solid #f6a0c5;
    left: 50%;
    top: 29px;
    margin-left: -3px
  }
  .step-wrapper .steps .step span {
    top: 0
  }
}
@media (max-width:768px) {
  .navbar.navbar-default {
    padding-top: 0;
    height: 52px;
    border: 0;
    background-color: #bd141f;
    background-image: url(../img/mobile-header-bg-1497436813.png);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: repeat-x !important;
    background-size: auto 100% !important
  }
}
@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2), (max-width:768px) and (min-resolution:2dppx) {
  .navbar.navbar-default {
    background-image: url(../img/mobile-header-bg@2x-1497436833.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .5px 52px
  }
}
@media (max-width:768px) {
  .navbar.navbar-default:after {
    background: 0 0
  }
  .navbar.navbar-default .navbar-nav {
    display: none
  }
  .navbar.navbar-default .navbar-toggle {
    float: left;
    margin-left: 15px;
    border: 0;
    position: relative;
    width: 36px;
    height: 36px;
    padding: 0;
    display: block;
    z-index: 999
  }
  .navbar.navbar-default .navbar-toggle:focus, .navbar.navbar-default .navbar-toggle:hover {
    background: 0 0
  }
  .navbar.navbar-default .navbar-toggle[aria-expanded=true] span.icon-bar.middle {
    width: 0
  }
  .navbar.navbar-default .navbar-toggle[aria-expanded=true] span.icon-bar.bottom, .navbar.navbar-default .navbar-toggle[aria-expanded=true] span.icon-bar.top {
    top: 0
  }
  .navbar.navbar-default .navbar-toggle[aria-expanded=true] span.icon-bar.top {
    transform: rotate(45deg)
  }
  .navbar.navbar-default .navbar-toggle[aria-expanded=true] span.icon-bar.bottom {
    transform: rotate(-45deg)
  }
  .navbar.navbar-default .navbar-toggle span.icon-bar {
    position: absolute;
    width: 18px;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #fff;
    transform-origin: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }
  .navbar.navbar-default .navbar-toggle span.icon-bar.bottom, .navbar.navbar-default .navbar-toggle span.icon-bar.top {
    width: 26px
  }
  .navbar.navbar-default .navbar-toggle span.icon-bar.top {
    top: -16px
  }
  .navbar.navbar-default .navbar-toggle span.icon-bar.bottom {
    top: 16px
  }
  .navbar.navbar-default .navbar-brand {
    position: absolute;
    left: 0;
    right: 0;
    width: 130px;
    height: 50px;
    margin: auto;
    background-image: url(../img/mobile-logo-1497435252.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left center !important
  }
}
@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2), (max-width:768px) and (min-resolution:2dppx) {
  .navbar.navbar-default .navbar-brand {
    background-image: url(../img/mobile-logo@2x-1497435252.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 205px 30px
  }
}
@media (max-width:768px) {
  .navbar.navbar-default .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 10vh;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, .5)
  }
  .navbar.navbar-default .navbar-collapse nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100vh;
    display: block;
    margin: 0;
    padding: 0;
    background: #fff
  }
  .navbar.navbar-default .navbar-collapse nav li a {
    color: #fff
  }
  .sidebar.navbar-collapse.collapse.in {
    opacity: 1;
    transform: translateX(0)
  }
  .sidebar.navbar-collapse.collapse.in nav {
    transform: translateX(0)
  }
  body.is-safari .sidebar.navbar-collapse.collapse {
    padding-bottom: 50px
  }
  body.is-safari .sidebar.navbar-collapse.collapse .bottom-segment {
    bottom: 50px
  }
  body.is-safari .sidebar.navbar-collapse.collapse nav ul.navbar-nav {
    height: calc(100vh - 140px)
  }
}
@media (max-width:374px) {
  .sidebar.navbar-collapse.collapse nav {
    width: 240px
  }
}
@media (max-width:768px) {
  .select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option {
    height: 48px;
    line-height: 48px
  }
  form.form .inline.selection {
    width: 100%;
    margin-left: 0
  }
  form.form .inline.selection .select2-container {
    width: 100% !important
  }
}
@media (max-width:375px) {
  .select2-container .select2-dropdown {
    min-width: 80px
  }
  .select2-container .select2-dropdown .select2-results {
    min-width: 78px
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option {
    white-space: nowrap
  }
}
@media (max-width:320px) {}
.input.input-haruki input.input-field.input-field-haruki::-webkit-autofill {
  background: 0 0
}
.input.input-haruki input.input-field.input-field-haruki::placeholder {
  opacity: 0
}
.input.input-haruki input.input-field.input-field-haruki:focus + label + .icon + .icon, .input.input-haruki input.input-field.input-field-haruki:focus::placeholder {
  opacity: 1
}
@media (max-width:768px) {
  .input.input-haruki .icon-camera-white {
    opacity: 1 !important
  }
  .input.input-haruki .icon-camera-white + .icon-input-clear {
    right: 40px
  }
}
.modal .modal-content {
    padding-top: 2%;
    padding-bottom: 2%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 25px;
    background-clip: padding-box;
    background-color: rgba(255,255,255,1.00);
    width: 100%;
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
}
.modal .modal-content > button.close {
  opacity: 1
}
.modal .modal-content .modal-footer {
  /* [disabled]padding-bottom:27px; */
  text-align: center
}
.modal .modal-content .modal-footer, .modal .modal-content .modal-header {
  border: 0;
  padding: 0 30px
}
.modal .modal-content .modal-body {
  /* [disabled]padding-top: 20px; */
  /* [disabled]padding-right: 30px; */
  /* [disabled]padding-left: 30px; */
  padding-bottom: 0
}
.modal .modal-content .modal-body button.close {
  /* [disabled]margin-right: -30px; */
  /* [disabled]margin-top: -20px; */
}
.modal .modal-content .modal-body .alert.alert-danger {
  position: absolute;
  z-index: 99;
  max-width: 500px;
  top: -35px;
  left: 0;
  right: 0;
  border: 0;
  margin: auto;
  /* [disabled]padding-top: 5px; */
  /* [disabled]padding-bottom: 5px; */
  background: #ffa6cd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box
}
.modal .modal-content .modal-body .alert.alert-danger span {
  color: #fff
}
.modal .modal-content .modal-body .alert.alert-danger button.close {
  margin: 0;
  opacity: 1
}
.modal .modal-content .modal-body .policy-block {
  /* [disabled]padding: 20px; */
  /* [disabled]background-color: #fafafa; */
  border: 1px solid #e7e7e7;
  display: block;
  height: 60vh;
  font-size: 14px;
  font-weight: 300;
  overflow-y: auto;
  margin-bottom: 25px
}
.modal .modal-content .modal-body.policy h4.text-blue, .modal .modal-content .modal-body.two-policy-block h4.text-blue {
  font-size: 15px;
  font-weight: 500
}
.modal .modal-content .modal-body.two-policy-block .policy-block {
  height: 170px;
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .modal.blue-sky .modal-dialog .modal-content .cloud {
    background-image: url(../img/bg-cloud-repeat@2x-1495425999.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 924px 109px
  }
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .modal.blue-sky .modal-dialog .modal-content .money-balloon {
    background-image: url(../img/money-balloon@2x-1502942559.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }
}
#trial-contact-modal .modal-dialog .modal-content .modal-body form.form, #trial-modal .modal-dialog .modal-content .modal-body form.form, #trial-result-modal .modal-dialog .modal-content .modal-body form.form {
  min-height: 270px
}
#trial-contact-modal .modal-dialog .modal-content .modal-footer .desc, #trial-modal .modal-dialog .modal-content .modal-footer .desc, #trial-result-modal .modal-dialog .modal-content .modal-footer .desc {
  color: #4a4a4a
}
#trial-result-modal .modal-dialog .modal-content .modal-body {
  padding: 20px 0 10px !important
}
#agree-modal-1 {
    width: 100%;
    display: none;
}
@media (min-width:993px) {
  .modal.blue-sky .modal-dialog .modal-content .modal-body .carousel {
    max-height: 275px
  }
}
@media (max-width:992px) {
  .modal.blue-sky .modal-dialog .modal-content .modal-footer .btn {
    width: 40%;
    display: inline-block
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail {
    position: relative;
    display: block;
    height: auto !important;
    padding: 20px 15px;
    margin-bottom: 15px;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail:focus, .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail:hover {
    border: 2px solid #df347f;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail .icon {
    position: absolute;
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    left: 15px;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto;
    text-align: center
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail .icon i {
    vertical-align: middle
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail .content {
    text-align: left;
    display: block;
    margin-left: 80px
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail .content h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 3px
  }
  .modal.blue-sky .modal-dialog .modal-content .modal-body .thumbnails .thumbnail .content .desc {
    font-size: 16px;
    margin-bottom: 0
  }
}
@media (max-width:769px) {
  .modal.basic .modal-content {
    margin: 0 auto
  }
  .modal.basic .modal-content .modal-body.result {
    padding: 0 30px
  }
  .modal .container {
    width: 100%
  }
  .modal .modal-content {
    padding: 10px 0;
  }
  .modal .modal-content .modal-footer {
    padding: 0;
    margin: 0
  }
  .modal .modal-content .modal-body {
    padding-top: 0;
    /* [disabled]padding-right: 15px; */
    /* [disabled]padding-left: 15px; */
    padding-bottom: 0
  }
  .modal .modal-content .modal-body .policy-block {
    /* [disabled]padding: 15px; */
    margin-bottom: 20px;
    height: 80vh
  }
  .modal .modal-content .modal-body.two-policy-block .policy-block {
    height: 191px
  }
  body.is-safari #trial-contact-modal .modal-dialog .modal-content .modal-footer, body.is-safari #trial-modal .modal-dialog .modal-content .modal-footer, body.is-safari #trial-result-modal .modal-dialog .modal-content .modal-footer {
    padding-bottom: 56px
  }
}
@media (max-width:374px) {
  .modal.basic .modal-content {
    margin: 0 auto
  }
  .modal.basic .modal-content .modal-body.result {
    padding: 0 30px
  }
  .modal .container {
    width: 100%
  }
  .modal .modal-content {
    padding: 10px 0;
  }
  .modal .modal-content .modal-footer {
    padding: 0;
    margin: 0
  }
  .modal .modal-content .modal-body {
    padding-top: 0;
    /* [disabled]padding-right: 15px; */
    /* [disabled]padding-left: 15px; */
    padding-bottom: 0
  }
  .modal .modal-content .modal-body .policy-block {
    padding: 15px;
    margin-bottom: 20px;
    height: 320px
  }
  .modal .modal-content .modal-body.two-policy-block .policy-block {
    height: 191px
  }
  body.is-safari #trial-contact-modal .modal-dialog .modal-content .modal-footer, body.is-safari #trial-modal .modal-dialog .modal-content .modal-footer, body.is-safari #trial-result-modal .modal-dialog .modal-content .modal-footer {
    padding-bottom: 56px
  }
}