.intro .box-inner {
  position: relative;
  height: 100%; }

.intro img {
  width: 100%; }

.intro-txt picture img {
  width: 100%; }

.feature {
  background-color: #f4f4f4; }
  .feature .list__item {
    background-color: #ffee98; }
    .feature .list__item-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .feature .list__item-circle {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-style: solid;
      border-color: #000;
      border-radius: 50%;
      background-color: #f9d936;
      text-align: center;
      font-weight: 700;
      line-height: 1; }
      .feature .list__item-circle-number {
        display: block;
        font-family: HelveticaNeue;
        font-weight: 700; }
    .feature .list__item-text {
      font-weight: 700; }
      .feature .list__item-text-emphasis {
        color: #d70010; }

.pr .box-inner > :last-child {
  margin-bottom: 0 !important; }

.pr .box-bottom p {
  color: #d60010;
  font-weight: 900; }

.list-btn__item {
  margin: 16px; }

@media screen and (min-width: 769px) {
  .content2 {
    padding-top: 0; }
  .intro {
    margin-left: auto;
    margin-right: auto;
    background: url("https://kaitori.openhouse-group.com/img/intro-bg--l.jpg") no-repeat bottom;
    background-size: cover;
    height: 678px;
    max-width: 1366px; }
  .intro picture {
    position: absolute;
    left: 0px;
    top: 86px;
    width: 622px; }
  .intro-wrap {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden; }
  .intro-txt picture {
    position: absolute; }
    .intro-txt picture:nth-child(1) {
      left: 100px;
      top: 324px;
      width: 641px; }
    .intro-txt picture:nth-child(2) {
      right: 5px;
      bottom: 0;
      width: 641px; }
  .top {
    padding-top: 0; }
  .top .list-btn {
    margin-top: -46px; }
    .feature .list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -12px -12px -64px; }
      .feature .list__item {
        position: relative;
        margin: 12px 12px 64px;
        border-radius: 30px;
        padding: 88px 30px 30px; }
        .feature .list__item-top {
          margin-bottom: 32px; }
        .feature .list__item-circle {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          border-width: 4px;
          width: 120px;
          height: 120px;
          font-size: 22px; }
          .feature .list__item-circle-number {
            font-size: 62px; }
        .feature .list__item-text {
          text-align: center;
          width: 100%;
          font-size: 30px;
          line-height: 1.26667; }
    .feature .btn-white {
      width: 312px;
      font-size: 25px; }
  .pr .box-tv {
    margin-right: 40px; }
  .pr .box-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 363px;
            flex: 0 0 363px; }
  .pr .box-logo img {
    margin-bottom: 40px;
    width: 100%; }
  .pr .box-top {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .pr .box-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .pr .box-bottom img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 656px;
            flex: 0 0 656px; }
    .pr .box-bottom p {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      font-size: 35px;
      line-height: 40px; }
  .list-btn {
    margin: -16px; } }

@media screen and (max-width: 768px) {
  .intro {
    min-height: 29.06667vw; }
  .intro-txt {
    margin-bottom: -21.33333vw;
    min-height: 89.73333vw; }
    .feature .list > :not(:last-child) {
      margin-bottom: 5.33333vw; }
      .feature .list__item {
        border-radius: 4vw;
        padding: 6.66667vw; }
        .feature .list__item-top {
          margin-bottom: 4.26667vw; }
        .feature .list__item-circle {
          margin-right: 2.13333vw;
          border-width: 0.53333vw;
          width: 19.73333vw;
          height: 19.73333vw;
          font-size: 3.46667vw; }
          .feature .list__item-circle-number {
            font-size: 10.4vw; }
        .feature .list__item-text {
          font-size: 5.6vw;
          line-height: 1.13333; }
  .pr .box-tv {
    margin-bottom: 4.26667vw; }
  .pr .box-tv img {
    width: 100%; }
  .pr .box-logo {
    margin-bottom: 8.53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .pr .box-logo img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 2.13333vw;
    width: 41.33333vw; }
  .pr .box-bottom img {
    margin-bottom: 5.33333vw;
    width: 100%; }
    .pr .box-bottom p {
      font-size: 6.66667vw;
      line-height: 1.3; } 
}
