/* line 4, ../../usr/local/bundle/gems/neat-1.7.4/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 9, ../../usr/local/bundle/gems/neat-1.7.4/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 4, app/assets/stylesheets/_module.scss */
.common-btn-main-action {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  line-height: 54px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background-color: #ff6b7f;
}

/* line 362, app/assets/stylesheets/_mixin.scss */
.common-btn-main-action:hover {
  opacity: 0.6;
}

/* line 8, app/assets/stylesheets/_module.scss */
.common-btn-main-action a {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}

/* line 13, app/assets/stylesheets/_module.scss */
.common-btn-main-action.study-btn {
  background-color: #2e83b1;
}

/* line 17, app/assets/stylesheets/_module.scss */
.common-btn-main-action.obstetrics-btn {
  background-color: #69b72e;
}

/* line 21, app/assets/stylesheets/_module.scss */
.common-btn-main-action.line-btn {
  background-color: #00c300;
}

/* line 28, app/assets/stylesheets/_module.scss */
input.common-btn-main-action, button.common-btn-main-action {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  margin: 0 auto;
  text-align: center;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  -webkit-appearance: none;
}

/* line 435, app/assets/stylesheets/_mixin.scss */
input.common-btn-main-action:hover, button.common-btn-main-action:hover {
  opacity: 0.6;
}

/* line 34, app/assets/stylesheets/_module.scss */
input.common-btn-main-action.study-btn, button.common-btn-main-action.study-btn {
  background-color: #2e83b1;
}

/* line 38, app/assets/stylesheets/_module.scss */
input.common-btn-main-action.obstetrics-btn, button.common-btn-main-action.obstetrics-btn {
  background-color: #69b72e;
}

/* line 43, app/assets/stylesheets/_module.scss */
.common-btn-sub-action {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  line-height: 54px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background-color: white;
  border: solid 2px #FD7880;
  line-height: 50px;
}

/* line 362, app/assets/stylesheets/_mixin.scss */
.common-btn-sub-action:hover {
  opacity: 0.6;
}

/* line 51, app/assets/stylesheets/_module.scss */
.common-btn-sub-action:hover {
  background-color: white;
}

/* line 55, app/assets/stylesheets/_module.scss */
.common-btn-sub-action a {
  color: #ff6b7f;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}

/* line 60, app/assets/stylesheets/_module.scss */
.common-btn-sub-action.study-btn {
  border-color: #2e83b1;
  color: #2e83b1;
}

/* line 64, app/assets/stylesheets/_module.scss */
.common-btn-sub-action.study-btn a {
  color: #2e83b1;
}

/* line 69, app/assets/stylesheets/_module.scss */
.common-btn-sub-action.obstetrics-btn {
  border-color: #69b72e;
  color: #69b72e;
}

/* line 73, app/assets/stylesheets/_module.scss */
.common-btn-sub-action.obstetrics-btn a {
  color: #69b72e;
}

/* line 79, app/assets/stylesheets/_module.scss */
input.common-btn-sub-action {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  margin: 0 auto;
  text-align: center;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #fd7880;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  border: solid 2px #FD7880;
  -webkit-appearance: none;
}

/* line 435, app/assets/stylesheets/_mixin.scss */
input.common-btn-sub-action:hover {
  opacity: 0.6;
}

/* line 87, app/assets/stylesheets/_module.scss */
.common-btn-auto-size {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 9px 8px;
  height: 31px;
  border-radius: 3px;
  text-align: center;
}

@media screen and (min-width:1224px) {
  /* line 87, app/assets/stylesheets/_module.scss */
  .common-btn-auto-size {
    padding: 14px 12px;
    height: 44px;
    border-radius: 6px;
  }
}

/* line 378, app/assets/stylesheets/_mixin.scss */
.common-btn-auto-size:hover {
  opacity: 0.6;
}

/* line 91, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  line-height: 54px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background-color: white;
  border: solid 2px #3ACAC9;
  line-height: 50px;
}

/* line 362, app/assets/stylesheets/_mixin.scss */
.common-btn-secondary-action:hover {
  opacity: 0.6;
}

/* line 99, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action:hover {
  background-color: white;
}

/* line 103, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action a {
  color: #3acac9;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}

/* line 108, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.disabled {
  pointer-events: none;
  opacity: 0.3;
}

/* line 113, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.obstetrics-btn {
  border-color: #69b72e;
  color: #69b72e;
}

/* line 117, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.obstetrics-btn a {
  color: #69b72e;
}

/* line 122, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn {
  border-color: #FF6B7F;
  margin: 15px auto 25px;
}

/* line 126, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn a {
  color: #ff6b7f;
  font-weight: normal;
  position: relative;
  height: 100%;
}

/* line 132, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn a:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #FF6B7F;
  border-right: solid 2px #FF6B7F;
  position: absolute;
  top: 45%;
  right: 13px;
}

/* line 139, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn a .symbol {
  height: 35px;
  position: absolute;
  top: 7px;
  left: 10px;
}

/* line 146, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn a .logo {
  width: 184px;
  height: 20px;
  position: absolute;
  bottom: 8px;
  right: 38px;
  margin: 0;
}

/* line 154, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.syounika-btn a div {
  font-size: 11px;
  line-height: 16px;
  position: absolute;
  top: 5px;
  left: 63px;
}

/* line 164, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.teaser-obstetrics-btn {
  margin: 15px auto 25px;
}

/* line 167, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.teaser-obstetrics-btn a {
  position: relative;
  height: 100%;
}

/* line 171, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.teaser-obstetrics-btn a:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #69b72e;
  border-right: solid 2px #69b72e;
  position: absolute;
  top: 42%;
  right: 13px;
}

/* line 178, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.teaser-obstetrics-btn a .symbol {
  height: 42px;
  position: absolute;
  top: 4px;
  left: 10px;
}

/* line 185, app/assets/stylesheets/_module.scss */
.common-btn-secondary-action.teaser-obstetrics-btn a .logo {
  width: 194px;
  height: 46px;
  position: absolute;
  bottom: 2px;
  right: 30px;
  margin: 0;
}

/* line 196, app/assets/stylesheets/_module.scss */
.common-btn-white {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 280px;
  height: 54px;
  line-height: 54px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background-color: white;
  width: 250px;
}

/* line 362, app/assets/stylesheets/_mixin.scss */
.common-btn-white:hover {
  opacity: 0.6;
}

/* line 201, app/assets/stylesheets/_module.scss */
.common-btn-white a {
  color: rgba(74, 74, 74, 0.8);
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

/* line 207, app/assets/stylesheets/_module.scss */
img.spinner {
  display: inline;
}

/* line 3, app/assets/stylesheets/obstetrics/base.scss */
.sub-title-row {
  margin-top: 48px;
}

/* line 7, app/assets/stylesheets/obstetrics/base.scss */
.title-accent {
  background-color: #fa9064;
  width: 7px;
  height: 20px;
  margin-right: 4px;
}

@media screen and (min-width:960px) {
  /* line 15, app/assets/stylesheets/obstetrics/base.scss */
  .sub-title-row {
    margin-top: 58px;
  }
}

/* line 2, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list {
  margin-bottom: 40px;
}

/* line 5, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case-list-description {
  margin: 16px 0 0;
}

/* line 9, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case {
  text-align: left;
  margin-top: 20px;
}

/* line 13, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-title {
  margin-bottom: 8px;
}

/* line 17, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-white-box {
  background-color: white;
  padding: 12px 20px;
  border-radius: 6px;
}

/* line 22, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-white-box hr {
  margin: 8px 0;
  border-style: dotted;
  border-color: #FF6B7F;
  border-width: 1px 0 0 0;
}

/* line 30, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-box {
  background-color: rgba(255, 107, 127, 0.1);
  margin-top: 10px;
  padding: 12px;
  border-radius: 6px;
}

/* line 36, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-box .case-question-main {
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  margin-bottom: 8px;
}

/* line 43, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-box .case-question-sub {
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  padding: 0 10px;
  text-align: right;
}

/* line 50, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-box .case-answer {
  font-size: 14px;
  line-height: 26px;
}

/* line 54, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .case-box .user {
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 0 8px 0 0;
  float: left;
}

/* line 441, app/assets/stylesheets/_mixin.scss */
.voice .case-list .case .doctor-reply:after {
  content: '';
  display: block;
  clear: both;
}

/* line 66, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case .doctor-reply .doctor-male,
.voice .case-list .case .doctor-reply .doctor-female {
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 0 8px 0 0;
  float: left;
}

/* line 77, app/assets/stylesheets/syounika/home/voice.scss */
.voice .case-list .case-row {
  margin-bottom: 48px;
}

/* line 83, app/assets/stylesheets/syounika/home/voice.scss */
.voice .cases .list {
  margin-right: 8px;
  width: 24px;
  height: 28px;
}

/* line 89, app/assets/stylesheets/syounika/home/voice.scss */
.voice .cases .action-btn-wrapper .btn-wrapper-small-margin-top {
  margin: 15px 0;
}

/* line 95, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area {
  position: relative;
  padding: 0 !important;
  height: 50px;
}

@media screen and (min-width:435px) {
  /* line 95, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .select-area {
    height: 60px;
  }
}

/* line 104, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area:hover {
  opacity: 0.8;
}

/* line 108, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area .wrapped-select-date {
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  pointer-events: none;
  z-index: 3;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  padding-right: 50px;
}

@media screen and (min-width:435px) {
  /* line 108, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .select-area .wrapped-select-date {
    font-size: 20px;
    padding-right: 60px;
    line-height: 60px;
  }
}

/* line 131, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area .entypo-down-open-mini:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: solid 3px white;
  border-bottom: solid 3px white;
  position: absolute;
  z-index: 1;
  top: calc(50% - 5px);
  right: 19px;
  margin-top: -2px;
}

@media screen and (min-width:435px) {
  /* line 131, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .select-area .entypo-down-open-mini:before {
    right: 24px;
  }
}

/* line 144, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area .entypo-down-open-mini:after {
  content: '';
  width: 50px;
  height: 100%;
  background-color: #FF6B7F;
  position: absolute;
  right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media screen and (min-width:435px) {
  /* line 144, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .select-area .entypo-down-open-mini:after {
    width: 60px;
  }
}

/* line 158, app/assets/stylesheets/syounika/home/voice.scss */
.voice .select-area .wrapped-select {
  color: rgba(74, 74, 74, 0.8);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  display: block;
  cursor: pointer;
  height: 99%;
  width: 99%;
  margin: 1px 0 0 1px;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  outline: none;
}

/* line 179, app/assets/stylesheets/syounika/home/voice.scss */
.voice .white-box {
  background-color: white;
  padding: 2px 12px;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 4px;
}

@media screen and (min-width:435px) {
  /* line 179, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .white-box {
    padding: 0 30px;
  }
}

/* line 191, app/assets/stylesheets/syounika/home/voice.scss */
.voice .white-box-text {
  padding-bottom: 16px;
  line-height: 24px;
}

/* line 196, app/assets/stylesheets/syounika/home/voice.scss */
.voice .white-box-text.title {
  padding-top: 16px;
  text-align: center;
}

/* line 201, app/assets/stylesheets/syounika/home/voice.scss */
.voice .margin-bottom {
  margin-bottom: 24px;
}

@media screen and (min-width:435px) {
  /* line 201, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .margin-bottom {
    margin-bottom: 36px;
  }
}

@media screen and (min-width:960px) {
  /* line 213, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list {
    margin-bottom: 72px;
  }
  /* line 216, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case-list-description {
    margin: 24px 0 32px;
  }
  /* line 220, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case {
    margin-top: 40px;
  }
  /* line 224, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case .case-white-box hr {
    margin: 16px 0;
  }
  /* line 229, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case .case-box {
    padding: 10px 20px 20px;
  }
  /* line 232, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case .case-box > .case-box {
    width: auto;
  }
  /* line 236, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case .case-box .case-question-main {
    padding: 0;
  }
  /* line 240, app/assets/stylesheets/syounika/home/voice.scss */
  .voice .case-list .case .case-box .case-question-sub {
    padding: 0 10px;
  }
}

/* line 7, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .case-list .case .case-box {
  background-color: rgba(250, 144, 100, 0.1);
}

/* line 12, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .case-list .case-row {
  margin-bottom: 48px;
}

/* line 17, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area {
  position: relative;
  padding: 0 !important;
  height: 50px;
}

@media screen and (min-width:435px) {
  /* line 17, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .select-area {
    height: 60px;
  }
}

/* line 26, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area:hover {
  opacity: 0.8;
}

/* line 30, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area .wrapped-select-date {
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  pointer-events: none;
  z-index: 3;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  padding-right: 50px;
}

@media screen and (min-width:435px) {
  /* line 30, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .select-area .wrapped-select-date {
    font-size: 20px;
    padding-right: 60px;
    line-height: 60px;
  }
}

/* line 53, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area .entypo-down-open-mini:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: solid 3px white;
  border-bottom: solid 3px white;
  position: absolute;
  z-index: 1;
  top: calc(50% - 5px);
  right: 19px;
  margin-top: -2px;
}

@media screen and (min-width:435px) {
  /* line 53, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .select-area .entypo-down-open-mini:before {
    right: 24px;
  }
}

/* line 66, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area .entypo-down-open-mini:after {
  content: '';
  width: 50px;
  height: 100%;
  background-color: #69b72e;
  position: absolute;
  right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media screen and (min-width:435px) {
  /* line 66, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .select-area .entypo-down-open-mini:after {
    width: 60px;
  }
}

/* line 80, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .select-area .wrapped-select {
  color: rgba(74, 74, 74, 0.8);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  display: block;
  cursor: pointer;
  height: 99%;
  width: 99%;
  margin: 1px 0 0 1px;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  outline: none;
}

/* line 101, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .white-box {
  background-color: white;
  padding: 2px 12px;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 4px;
}

@media screen and (min-width:435px) {
  /* line 101, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .white-box {
    padding: 0 30px;
  }
}

/* line 113, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .white-box-text {
  padding-bottom: 16px;
  line-height: 24px;
}

/* line 118, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .white-box-text.title {
  padding-top: 16px;
  text-align: center;
}

/* line 123, app/assets/stylesheets/obstetrics/home/voice.scss */
.voice .margin-bottom {
  margin-bottom: 24px;
}

@media screen and (min-width:435px) {
  /* line 123, app/assets/stylesheets/obstetrics/home/voice.scss */
  .voice .margin-bottom {
    margin-bottom: 36px;
  }
}