@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/*$point03: linear-gradient(90deg, #ebeced 0%, #fffeea 25%, #e0dacf 55%, #f4f4f4 75%, #e1dec6 100%);*/
/*$point03: linear-gradient(90deg, #b3975f 0%, #fbf5c2 25%, #cab059 70%, #fbf5c2 100%);*/
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* font */
/* Concept
*****************************************************************/
.concept {
  padding-bottom: 80px;
}
@media all and (max-width: 896px) {
  .concept {
    padding-bottom: 60px;
  }
}
@media all and (max-width: 480px) {
  .concept {
    padding-bottom: 40px;
  }
}
.concept .img {
  margin: 20px auto 0;
}
@media all and (max-width: 480px) {
  .concept .img {
    margin: 10px auto 0;
  }
}
.concept h2 {
  margin-top: 20px;
  font-size: 2.5rem;
  text-align: center;
}
@media all and (max-width: 480px) {
  .concept h2 {
    font-size: 2rem;
  }
}
.concept .title {
  margin-top: 20px;
  font-size: 2.5rem;
  text-align: center;
}
@media all and (max-width: 480px) {
  .concept .title {
    font-size: 2rem;
  }
}
.concept .right {
  text-align: right;
}
.concept .box {
  margin: 40px 20px 0;
}
.concept .box .border {
  max-width: 600px;
  margin: 0 auto 20px;
  padding: 5px 20px;
  text-align: center;
  border: 1px solid #231815;
  border-radius: 20px;
}
.concept .box .center {
  font-size: 2rem;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
@media all and (max-width: 480px) {
  .concept .box .center {
    font-size: 1.8rem;
  }
}
.concept .box .center .btn {
  max-width: 500px;
  margin: 10px auto 0;
  display: block;
}
.concept .box_b {
  margin: 40px auto 0;
  padding: 40px;
  border: 5px solid #a7383e;
}
@media all and (max-width: 480px) {
  .concept .box_b {
    padding: 20px;
  }
}
.concept .box_b h3 {
  padding: 10px 0;
  color: #a7383e;
  font-size: 2.5rem;
  text-align: center;
  border-top: 1px solid #a7383e;
  border-bottom: 1px solid #a7383e;
}
@media all and (max-width: 480px) {
  .concept .box_b h3 {
    font-size: 1.8rem;
  }
}
.concept .box_b .center {
  margin-top: 20px;
  font-size: 1.8rem;
  text-align: center;
}
@media all and (max-width: 480px) {
  .concept .box_b .center {
    font-size: 1.6rem;
    text-align: left;
  }
}
.concept .box_b .center small {
  font-size: 1.6rem;
}
@media all and (max-width: 480px) {
  .concept .box_b .center small {
    font-size: 1.4rem;
  }
}
.concept .box_b .w600 {
  max-width: 600px;
  margin: 20px auto;
}
.concept .box_b .w800 {
  max-width: 800px;
  margin: 0 auto;
}