/* CSS Document */


.page-title-wrap h1 {
  font-size: 4.4rem;
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 5px;
}
@media screen and (max-width: 768px) {
  .page-title-wrap h1 {
    font-size: 3.0rem;
    line-height: 1.5;
    margin-top: 80px;
  }
}

.page-title-wrap .sub-title {
  text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 5px;
}


#contents h1{
  font-size: 30px;
}


.question-text {
  font-weight: 500;
}

.question-text span {
  font-size: 22px;
  font-weight: 700;
}

.suggest-text span {
  font-size: 2.4rem;
  font-weight: 700;
  background: #d54d4d;
  color: #FFF;
  padding: 5px 10px;
  /*background: linear-gradient(0deg, #ffea00 0, #ffea00 28%, rgba(255, 234, 0, 0) 28%, rgba(255, 234, 0, 0) 100%)*/
}

.doc-text {
  font-weight: 500;
  line-height: 2.0;
  font-size: 1.8rem;
}
.doc-text span {
  font-size: 2.2rem;
  font-weight: 700;
  background: #ffbf00;
  background: linear-gradient(0deg, #ffea00 0, #ffea00 28%, rgba(255, 234, 0, 0) 28%, rgba(255, 234, 0, 0) 100%);
}


.cv-point-wrap {
  display: flex;
  transition-duration: 0.8s;
  width: 100%;
  padding: 80px 20px;
  color: #FFF;
  flex-direction: column;
  align-items: center;
  background: #0081cc;
}
@media screen and (max-width: 480px) {
  .cv-point-wrap {
    padding: 40px 20px;
  }
}

.cv-point-title {
  display: inline-block;
  color: #FFF;
  padding: 10px 20px;
  border: 1px solid #FFF;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .cv-point-title {
    font-size: 20px;
    font-size: 2.0rem;
  }
}
.cv-point-1block img {
  height: 200px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .cv-point-1block img {
    height: auto;
    width: 100%;
  }
}

.cv-point-wrap .r-btn--blue {
    background: #fff;
    color: #0079c0;
    border: 2px solid rgb(186 206 219)
}

.cv-point-wrap .r-btn--blue:hover {
    background: #0079c0;
    color: #fff;
    border: 2px solid rgb(186 206 219)
}

.form-all-wrap{
  background: #f5f5f5;
  background: -moz-linear-gradient(top,#f5f5f5 0,#fff 20%,#fff 100%);
  background: -webkit-linear-gradient(top,#f5f5f5 0,#fff 20%,#fff 100%);
  background: linear-gradient(to bottom,#f5f5f5 0,#fff 20%,#fff 100%);
  padding-top: 80px;
}

h2.form-title{
  color: #444 !important;
  margin-bottom: 40px !important;
}

#propose{
  max-width: 984px;
  width: 100%;
  margin: 0 auto;
}

.form-title{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 40px;
	font-size: 4.0rem;
	font-family: "UD新ゴ R", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 768px) {
	.form-title{
		font-size: 20px;
		font-size: 2.0rem;
	}
}

.doc-outline-wrap{
  display: flex;
}

.doc-outline-1block{
}

.doc-outline-1block--image{
  width: 400px;
  margin-right: 40px;
}