/* Scss Document */
.page_ttl {
  background: url("../images/sell/page_ttl_bg.jpg") top center no-repeat;
}
@media screen and (max-width: 640px) {
  .page_ttl {
    background-size: auto 100%;
  }
}

.sell_text_01 {
  margin-bottom: 50px;
  font-size: 1.8rem;
  line-height: 2.0;
  letter-spacing: 0;
}
@media screen and (max-width: 640px) {
  .sell_text_01 {
    margin-bottom: calc((20/760)*100vw);
    font-size: calc((28/760)*100vw);
    line-height: 1.7;
  }
}

.intro .content {
  padding-bottom: 0;
}
@media screen and (max-width: 640px) {
  .intro .inner {
    padding: 0;
  }
}
.intro .intro_lttl {
  margin: 0 0 50px;
  color: #07335d;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .intro .intro_lttl {
    margin-bottom: calc((50/760)*100vw);
    font-size: calc((40/760)*100vw);
  }
}
.intro .intro_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .intro .intro_list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.intro .intro_list_item {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 110px;
  background: rgba(7, 51, 93, 0.2);
}
@media screen and (max-width: 640px) {
  .intro .intro_list_item {
    width: calc((340/760)*100vw);
    height: calc((340/760)*100vw);
    border-radius: calc((170/760)*100vw);
    margin: 0 calc((20/760)*100vw);
  }
}
.intro .intro_list_item:nth-child(even) {
  background: rgba(93, 49, 7, 0.1);
}
.intro .intro_list_item:nth-child(even) .intro_list_text {
  color: #5d3107;
}
@media screen and (max-width: 640px) {
  .intro .intro_list_item:nth-child(3n) {
    margin: calc((-120/760)*100vw) calc((170/760)*100vw);
  }
}
.intro .intro_list_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #07335d;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 640px) {
  .intro .intro_list_text {
    font-size: calc((30/760)*100vw);
  }
}

.flow_wrap {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: flex-star;
  -moz-align-items: flex-star;
  -ms-align-items: flex-star;
  -o-align-items: flex-star;
  align-items: flex-star;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .flow_wrap {
    display: block;
  }
}
.flow_img {
  width: 322px;
}
@media screen and (max-width: 640px) {
  .flow_img {
    width: 100%;
    margin-bottom: calc((20/760)*100vw);
  }
}
.flow_list {
  width: 822px;
  padding-left: 90px;
}
@media screen and (max-width: 640px) {
  .flow_list {
    width: 100%;
    padding-left: calc((90/760)*100vw);
  }
}
.flow_list_item {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .flow_list_item {
    margin-top: calc((40/760)*100vw);
  }
}
.flow_list_item:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .flow_list_item:first-child {
    margin-top: calc((40/760)*100vw);
  }
}
.flow_list_ttl {
  position: relative;
  margin-bottom: 10px;
  color: #07335d;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .flow_list_ttl {
    margin-bottom: calc((15/760)*100vw);
    font-size: calc((33/760)*100vw);
  }
}
.flow_list_ttl .num {
  position: absolute;
  top: -18px;
  left: -90px;
  width: 66px;
  height: 66px;
  background: #07335d;
  border-radius: 33px;
  color: #FFF;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 66px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .flow_list_ttl .num {
    top: calc((-10/760)*100vw);
    left: calc((-90/760)*100vw);
    width: calc((66/760)*100vw);
    height: calc((66/760)*100vw);
    font-size: calc((30/760)*100vw);
    line-height: calc((66/760)*100vw);
  }
}
.flow_list_text {
  font-size: 1.8rem;
  line-height: 2.0;
}
@media screen and (max-width: 640px) {
  .flow_list_text {
    font-size: calc((28/760)*100vw);
    line-height: 1.7;
  }
}

#buy .flow_list_ttl {
  color: #5d3107;
}
#buy .flow_list_ttl .num {
  background: #5d3107;
}

.content.blue .mttl {
  color: #07335d;
}
.content.brown .mttl {
  color: #5d3107;
}

.assessment .contact_form input, .assessment .contact_form select, .assessment .contact_form textarea {
  background: #e6eaee;
}
.assessment .contact_form input[size="10"] {
  width: 120px;
}
@media screen and (max-width: 640px) {
  .assessment .contact_form input[size="10"] {
    width: calc((150/760)*100vw);
  }
}
.assessment .assessment_table th {
  width: 25%;
}
@media screen and (max-width: 640px) {
  .assessment .assessment_table th {
    width: 7em;
  }
}
.assessment .assessment_privacy {
  margin: 2em 0;
}