@charset "UTF-8";
/* *****************************************************************
回答フォームの編集について：
テキストや画像の変更は行っていただけますが、
構成を変更（中見出し/小見出しを追加・削除など）した場合、
デザインが崩れますので、編集が必要な場合は信貴までご連絡ください。
******************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);
.form-editor div:nth-child(1) .form-group,
.form-editor div:nth-child(2) .form-group,
.form-editor div:nth-child(3) .form-group,
.form-editor div:nth-child(4) .form-group,
.form-editor div:nth-child(5) .form-group,
.form-editor div:nth-child(6) .form-group,
.form-editor div:nth-child(7) .form-group,
.form-editor div:nth-child(8) .form-group,
.form-editor div:nth-child(9) .form-group,
.form-editor div:nth-child(10) .form-group,
.form-editor div:nth-child(11) .form-group,
.form-editor div:nth-child(12) .form-group,
.form-editor div:nth-child(13) .form-group,
.form-editor div:nth-child(14) .form-group,
.form-editor div:nth-child(15) .form-group,
.form-editor div:nth-child(16) .form-group,
.form-editor div:nth-child(17) .form-group,
.form-editor div:nth-child(18) .form-group,
.form-editor div:nth-child(19) .form-group,
.form-editor div:nth-child(20) .form-group,
.form-editor div:nth-child(21) .form-group,
.form-editor div:nth-child(22) .form-group,
.form-editor div:nth-child(23) .form-group,
.form-editor div:nth-child(24) .form-group,
.form-editor div:nth-child(25) .form-group,
.form-editor div:nth-child(26) .form-group,
.form-editor div:nth-child(27) .form-group,
.form-editor div:nth-child(28) .form-group,
.form-editor div:nth-child(29) .form-group,
.form-editor div:nth-child(30) .form-group,
.form-editor div:nth-child(31) .form-group,
.form-editor div:nth-child(32) .form-group,
.form-editor div:nth-child(33) .form-group,
.form-editor div:nth-child(34) .form-group,
.form-editor div:nth-child(35) .form-group,
.form-editor div:nth-child(36) .form-group,
.form-editor div:nth-child(37) .form-group,
.form-editor div:nth-child(38) .form-group,
.form-editor div:nth-child(39) .form-group,
.form-editor div:nth-child(40) .form-group,
.form-editor div:nth-child(41) .form-group,
.form-editor div:nth-child(42) .form-group,
.form-editor div:nth-child(43) .form-group,
.form-editor div:nth-child(44) .form-group,
.form-editor div:nth-child(45) .form-group,
.form-editor div:nth-child(46) .form-group,
.form-editor div:nth-child(47) .form-group,
.form-editor div:nth-child(48) .form-group,
.form-editor div:nth-child(49) .form-group,
.form-editor div:nth-child(50) .form-group,
.form-editor div:nth-child(51) .form-group,
.form-editor div:nth-child(52) .form-group,
.form-editor div:nth-child(53) .form-group,
.form-editor div:nth-child(54) .form-group,
.form-editor div:nth-child(55) .form-group,
.form-editor div:nth-child(56) .form-group,
.form-editor div:nth-child(57) .form-group,
.form-editor div:nth-child(58) .form-group,
.form-editor div:nth-child(59) .form-group,
.form-editor div:nth-child(60) .form-group,
.form-editor div:nth-child(61) .form-group,
.form-editor div:nth-child(62) .form-group,
.form-editor div:nth-child(63) .form-group,
.form-editor div:nth-child(64) .form-group,
.form-editor div:nth-child(65) .form-group,
.form-editor div:nth-child(66) .form-group,
.form-editor div:nth-child(67) .form-group,
.form-editor div:nth-child(68) .form-group,
.form-editor div:nth-child(69) .form-group,
.form-editor div:nth-child(70) .form-group,
.form-editor div:nth-child(71) .form-group,
.form-editor div:nth-child(72) .form-group,
.form-editor div:nth-child(73) .form-group,
.form-editor div:nth-child(74) .form-group,
.form-editor div:nth-child(75) .form-group,
.form-editor div:nth-child(76) .form-group,
.form-editor div:nth-child(77) .form-group,
.form-editor div:nth-child(78) .form-group,
.form-editor div:nth-child(79) .form-group,
.form-editor div:nth-child(80) .form-group,
.form-editor div:nth-child(81) .form-group,
.form-editor div:nth-child(82) .form-group,
.form-editor div:nth-child(83) .form-group,
.form-editor div:nth-child(84) .form-group,
.form-editor div:nth-child(85) .form-group,
.form-editor div:nth-child(86) .form-group,
.form-editor div:nth-child(87) .form-group,
.form-editor div:nth-child(88) .form-group,
.form-editor div:nth-child(89) .form-group,
.form-editor div:nth-child(90) .form-group,
.form-editor div:nth-child(91) .form-group,
.form-editor div:nth-child(92) .form-group,
.form-editor div:nth-child(93) .form-group,
.form-editor div:nth-child(94) .form-group,
.form-editor div:nth-child(95) .form-group,
.form-editor div:nth-child(96) .form-group,
.form-editor div:nth-child(97) .form-group,
.form-editor div:nth-child(98) .form-group,
.form-editor div:nth-child(99) .form-group,
.form-editor div:nth-child(100) .form-group {
  margin-bottom: 0;
}

.description-image {
  width: 100%;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.col-sm-12 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.col-sm-4 {
  width: 100%;
}

.col-sm-8 {
  width: 100%;
}

.form-bottom {
  margin-top: 0px;
  padding: 0;
  padding-bottom: 120px;
}

.form-editor div:nth-child(1) .form-group {
  margin-bottom: 0px;
}

.form-editor div:nth-child(1) .form-group .description-image {
  padding: 0;
  -webkit-box-shadow: 0px 10px 10px 0px #00000047;
          box-shadow: 0px 10px 10px 0px #00000047;
}

.form-top-right {
  display: none;
}

.form-top-left {
  position: absolute !important;
  top: 0;
  left: 0;
}

.form-top-left h3 {
  display: none;
}

.form-top {
  padding: 0;
}

.form-editor div:nth-child(2) .form-group {
  background: url(https://d27rnpuamwvieu.cloudfront.net/0XgXvYKJ44kGy9ymRbuo3tAXX/1040) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.form-bottom {
  background: transparent;
}

p,
.description-image,
.description-title,
.control-label,
.control-label + .col-sm-8 {
  background-color: #ffffffd4;
  padding: 25px;
  display: block;
}

p,
.description-title {
  margin: 0;
}

.description-title {
  margin-top: 30px;
}

.control-label {
  margin: 0;
}

.control-label::after {
  content: "";
  display: block;
  width: 80%;
  height: 1px;
  background-color: #7ca88e;
  position: absolute;
  bottom: 15px;
  left: 25px;
}

.radio {
  color: #2c2c2c;
}

.has-success .form-control:focus,
.has-success .form-control,
.form-control:focus {
  border-color: #59b07d;
  -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 6px #59b07d;
          box-shadow: inset 0 1px 1px #00000014, 0 0 6px #59b07d;
}

.radio input[type=radio]:before, .radio-inline input[type=radio]:before, input[type=radio]:before {
  background-color: #59b07d;
}

.radio input[type=radio]:checked:after, .radio-inline input[type=radio]:checked:after, input[type=radio]:checked:after {
  border-color: transparent;
}

.radio-inline input[type=radio], .radio input[type=radio], input[type=radio] {
  margin-top: 14px;
  margin-right: 12px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
  color: #363636;
}

.radio-inline input[type=radio]:checked:before, .radio input[type=radio]:checked:before, input[type=radio]:checked:before {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
  content: "\f058";
  font-weight: 900;
  color: #287247;
  display: inline-block;
  font-size: 45px;
  font-weight: bold;
  position: absolute;
  top: -8px;
  left: -7px;
  background-color: transparent;
  z-index: 99999;
}

.form-editor div:not(:nth-child(1)):not(:nth-child(2)) .form-group {
  width: 95%;
  margin: auto;
  display: block;
}

.form-editor div:nth-child(8) .form-group {
  margin-top: 35px !important;
}

.form-editor div:not(:nth-child(1)):not(:nth-child(2)) {
  -webkit-animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@-webkit-keyframes fadeup {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeup {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #277145;
  font-size: 16px;
}

.text-break {
  line-height: 2.7;
}

.container .description-md-title {
  width: 100%;
  position: relative;
  background-color: #F0F0E8;
  -webkit-box-shadow: 3px 3px 0px #00000040;
  box-shadow: 3px 3px 0px #00000040;
  color: #277145;
  padding: 10px 25px;
  margin: 65px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .03em;
  line-height: 1.75;
  letter-spacing: 1px;
  text-indent: 1px;
}

.description-title {
  position: relative;
  font-size: 17px;
}

.description-title::after {
  content: "";
  display: block;
  width: 80%;
  height: 1px;
  background-color: #699b7e;
  position: absolute;
  bottom: 20px;
  left: 25px;
}

p {
  color: #2b2b2b;
}

.btn-primary {
  background-color: #F2F9F7;
  padding: 13px 0px;
  display: inline-block;
  color: #287247;
  font-weight: 700;
  -webkit-box-shadow: 2px 2px 10px #828282;
          box-shadow: 2px 2px 10px #828282;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 85%;
  -webkit-box-shadow: inset 0px 1px 0px #ffffff, 0px 1px 3px #0000004d;
  box-shadow: inset 0px 1px 0px #ffffff, 0px 1px 3px #0000004d;
  border: 1px solid #0f592e;
  border-radius: 2px;
  letter-spacing: 2px;
  text-indent: 2px;
  margin-top: 20px;
}

.help-block {
  color: #202020;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
  color: #202020;
  background-color: #0f592e;
  border-color: #0f592e;
}