@charset "UTF-8";
@media screen and (min-width: 768px) {
  .container {
    min-height: 700px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 970px; } }
body {
  font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif' !important;
  color: #10253F; }

html {
  overflow-y: scroll; }

label {
  font-weight: 100; }

a:focus, *:focus {
  outline: none;
  text-decoration: none; }

.form-control {
  font-size: 16px;
  color: #111; }

.x_small_size {
  font-size: 13px; }

.small_size {
  font-size: 15px; }

.x_medium_size {
  font-size: 18px; }

.medium_size {
  font-size: 20px; }

.large_size {
  font-size: 26px; }

.x_large_size {
  font-size: 34px; }

.conf_size {
  font-size: 16px; }

.bold {
  font-weight: bold; }

#header {
  padding: 10px 0px; }

#contents {
  padding: 20px 20px 80px 20px; }

.flow {
  background-color: #F5F5F5;
  margin-bottom: 30px;
  padding: 20px; }

.contents_field {
  margin: 10px 10px;
  padding: 30px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  background-color: #F5F5F5; }

#terms_window {
  border: 1px solid #17375E;
  overflow-y: scroll;
  padding: 10px;
  background-color: #FFFFFF;
  height: 200px; }

.square {
  margin-top: 4px;
  width: 16px;
  height: 16px;
  background-color: #10253F;
  border-radius: 5px;
  line-height: 1.42857143; }

.mod_button {
  padding: 10px;
  border: 2px solid #666666;
  border-radius: 5px;
  background-color: #FFFFFF; }
  .mod_button span {
    color: #666666; }

.advance_button {
  padding-top: 10px;
  width: 300px;
  height: 75px;
  border: 1px solid #ED4580;
  border-radius: 5px;
  background-color: #ED4580; }
  .advance_button span {
    color: #FFFFFF; }
  .advance_button:hover {
    opacity: 0.7;
    cursor: pointer; }

.sp_change_button {
  padding-top: 10px;
  width: 300px;
  height: 75px;
  border: 1px solid #2c2dd2;
  border-radius: 5px;
  background-color: #2c2dd2; }
  .sp_change_button span {
    color: #FFFFFF; }
  .sp_change_button:hover {
    opacity: 0.7;
    cursor: pointer; }

.required_icon {
  width: 40px;
  height: 25px;
  border: 1px solid #ED4580;
  border-radius: 3px;
  background-color: #FFF;
  padding-top: 1px; }
  .required_icon span {
    color: #ED4580; }

.option_icon {
  width: 40px;
  height: 25px;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  background-color: #DEDEDE;
  padding-top: 1px; }
  .option_icon span {
    color: #10253F; }

.input_style {
  height: 40px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  padding-left: 5px; }

.width_s {
  width: 35% !important; }

.width_m {
  width: 50% !important; }

.width_l {
  width: 80% !important; }

.form_table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word; }

.form_record {
  height: 60px; }

.exp_text {
  font-size: 11px;
  color: #999999; }

.form_line {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCDCDC; }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #10253F;
  font-size: 16px; }

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff; }

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #ED4580;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.important_text {
  font-size: 32px;
  color: #ED4580; }

.important_text_l {
  font-size: 26px;
  color: #ED4580; }

.important_text_m {
  font-size: 18px;
  color: #ED4580; }

.important_text_s {
  font-size: 15px;
  color: #ED4580; }

.comp_back {
  background-color: #FFF4F4;
  padding: 30px 60px; }

.error_back {
  background-color: #8DB5DC;
  padding: 30px 60px; }

.white_back {
  background-color: #FFF;
  padding: 10px 0; }

.info_flame {
  padding: 20px 25px;
  border: solid 1px #10253F;
  margin-top: 20px; }

.formError .formErrorContent {
  border-style: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding: 6px 10px 6px 16px !important;
  -moz-border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  background-color: #DC0800 !important; }

.formError .formErrorArrow .line1, .formError .formErrorArrow .line2, .formError .formErrorArrow .line3, .formError .formErrorArrow .line4, .formError .formErrorArrow .line5, .formError .formErrorArrow .line6, .formError .formErrorArrow .line7, .formError .formErrorArrow .line8, .formError .formErrorArrow .line9, .formError .formErrorArrow .line10 {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #DC0800 !important;
  border-style: none !important; }
.formError .formErrorArrow .line1, .formError .formErrorArrow .line2 {
  width: 0px !important; }

.completed {
  position: absolute;
  top: 4px;
  right: 40px;
  z-index: 2;
  display: block !important;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.chk_icon {
  width: 24px;
  height: 24px; }

.more_button, .pink_button, #back_button {
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #9B3663;
  border-width: 2px;
  margin-left: auto;
  width: 200px;
  height: 50px;
  border-radius: 3px;
  color: #9B3663;
  font-size: 16px;
  line-height: 140%;
  margin-top: 10px;
  padding-top: 10px;
  text-decoration: none; }
  .more_button:hover, .pink_button:hover, #back_button:hover {
    opacity: 0.7;
    cursor: pointer;
    color: #9B3663; }
  .more_button:focus, .pink_button:focus, #back_button:focus {
    color: #9B3663; }

.pink_button p {
  color: #9B3663; }
.pink_button:focus {
  color: #9B3663; }

#back_button {
  border-color: #999999;
  color: #999999; }
  #back_button:hover {
    background-color: #F2F2F2;
    color: #999999; }
  #back_button:focus {
    color: #999999; }

.red_strong {
  color: #DC0800;
  font-weight: bold;
  font-size: 24px; }

.strong_text {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  line-height: 140%; }

#zipbutton {
  right: 30px;
  border: 1px solid #10253f;
  border-radius: 5px;
  background-color: #10253f;
  color: #fff;
  font-size: 13px;
  height: 30px; }
  #zipbutton:hover {
    opacity: 0.7;
    cursor: pointer; }

#zipbutton2 {
  right: 30px;
  border: 1px solid #10253f;
  border-radius: 5px;
  background-color: #10253f;
  color: #fff;
  font-size: 13px;
  height: 30px; }
  #zipbutton:hover {
    opacity: 0.7;
    cursor: pointer; }

#copybutton {
  right: 30px;
  border: 1px solid #10253f;
  border-radius: 5px;
  background-color: #10253f;
  color: #fff;
  font-size: 13px;
  height: 30px; }
  #copybutton:hover {
    opacity: 0.7;
    cursor: pointer; }

.regist_button {
  padding-top: 1px;
  background-color: #9B3663 !important;
  color: #FFFFFF !important;
  border-radius: 3px;
  border-width: 0px;
  width: 200px;
  height: 50px; }
  .regist_button:hover {
    opacity: 0.7;
    color: #FFFFFF !important; }
  .regist_button p {
    color: #FFFFFF !important; }

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